.sub_top{background-image: url("../img/s07_cn03_01.jpg");height: 245px;}
.sub_top_txt p{color: #afabac;}
.sub_top .sub_top_txt h1{color: #fff;font-size: 48px;}
.sub_top br{display:none;}
.sub_top .sub_top_txt .p1 {font-size: 24px; color: #fff;letter-spacing: -1px;margin-bottom: 0;}
.p_15{font-size: 15px;}


h1,h2,p{text-align: center;}
/* .custom_p1{color:#2f90d6;font-weight: bold;font-size: 18px;margin-bottom: 20px;} */

.section_div > section{padding: 60px 55px;background-position: top center;}
.section_div > section *{text-align: left;}

.section1{background: url("../img/s07_cn03_02.jpg") no-repeat;}
.section1 > h1{color: #fff;}
.section1 > .p1{color: #fff;margin-top:30px; margin-bottom: 23px;}
.section1 > span{background: rgba(37,35,33,0.2);display: inline-block;padding: 23px 75px 23px 20px;margin-bottom: 30px;}
.section1 > span h4{color: #afb8c7;}
.section1 > span .p_15 > span{display: inline-block;vertical-align: top;margin-top: 25px;color: #d3d3d3;}
.section1 > span .p_15 > .span1{font-weight: bold;padding-right: 12px;}
.section1 > h4{font-weight: normal;color: #fdff8b;margin-bottom: 33px;}
.section1 > img{margin-left: 0;}

.section2 > h1{margin-bottom: 60px;}
.section2 > span{display: block;padding: 0 70px 40px 70px;border: 1px solid #b7b7b7;position: relative;}
.section2 > span:BEFORE{content: "";position: absolute;border-top: 6px solid #6483af;width: 203px;top: -1px;left: 50%;margin-left: -101.5px}
.section2 > .span2:BEFORE{border-color: #2a5790;}
.section2 > .span3:BEFORE{border-color: #2f975a;}
.section2 > span h2{text-align: center;margin: 19px 0 28px 0;color:#6483af; }
.section2 > .span2 h2{color:#2a5790; }
.section2 > .span3 h2{color:#2f975a; }
.section2 > .span2{margin: 35px 0;}
.section2 ul h3{color: #707070;font-size: 25px;margin: 19px 0 27px 0;}
.section2 span .ul1 > li{width: 46%;max-width: 434px;}
.section2 span .ul1 > .li1{margin-right: 8%;}
.section2 .span3 .ul1 > li{width: 31.7%;margin: 0;max-width: 300px;}
.section2 .span3 .ul1 > .li2{margin:0 2.45%;}

.section3{background-repeat:repeat; }
.section3 > h1{margin-bottom: 50px;}
.section3 > h4{margin-bottom: 7px;color: #4274af;}
.section3 > p{margin-bottom: 25px;}

.section_div > .section4{padding: 0;}
.section4 > .ul1{margin-bottom: 5px;}
.section4 > ul{height: 471px;}
.section4 > ul .li1{width: 34.91%;background-repeat: no-repeat;height: 100%;background-position: 55%;}
.section4 > ul .li2{background-repeat: repeat;height: 100%;width: 65.09%;padding: 80px 0 0 66px;}
.section4 > ul .li2  *{color: #fff;}
.section4 > ul .li2 h2{margin-bottom: 65px;}
.section4 > ul .li2 h4{font-weight: normal;}
.section4 > ul .li2 .h4_1{color:#a7a8ac ;padding:0 0 15px 15px;}
.section4 > ul .li2 span{display: inline-block;vertical-align: bottom;}
.section4 > ul .li2 .span2{margin-left: 70px;}

/* add 20190820 */
#add_20190820{position: relative;margin-top: 50px;padding: 30px 70px 20px 20px;text-align: right;background-repeat: no-repeat;
background-position: 100% 0;}
#add_20190820 *{color: #fff;text-align: center;}
#add_20190820 .s1{position: absolute;width: 73px;height:47px;right: 20%;top: -47px;}
#add_20190820 .div{display:inline-block;text-align: center;}
#add_20190820 .u{text-align: center;margin-top: 20px;}
#add_20190820 .u li{display: inline-block;vertical-align: top;width: 135px;height: 135px;border-radius:50%;padding-top: 20px;}
#add_20190820 .u li *{text-align: center;}
#add_20190820 .u .li1{background: rgba(36,107,172,0.5);}
#add_20190820 .u .li2{background: rgba(0,15,94,0.65);margin: 0 25px;}
#add_20190820 .u .li3{background: rgba(36,107,172,0.5);}
#add_20190820 .u li h3{margin: 0; }
#add_20190820 .u li p .mbr{display: none;}
#add_20190820 .ss{position: relative;width: 70%;display: block;height: 1px;margin: 5px auto;}
#add_20190820 .ss:BEFORE {background: linear-gradient( to left, #000, rgba(255,255,255,0) );content: "";position: absolute;width: 50%;height: 100%;top: 0;left: 0;}
#add_20190820 .ss:AFTER {background: linear-gradient( to right, #000, rgba(255,255,255,0) );content: "";position: absolute;width: 50%;height: 100%;top: 0;left: 50%;}


/* add 20190820 */

/* add 20211214 */
.section2 .span2-modify .ul1 > .li1,
.section2 .span2-modify .ul1 > .li2{height: 540px;}
.section2 .span2-modify .ul1 > .li3{margin-right: 8%;}
.section2 .span2-modify .ul1 > .li4 p{font-weight: bold;}
.section2 .span2-modify .ul1 > .li4 p .s1{display: inline-block;width: 25%;color: #fff;text-align: center;padding:7px 5px;}
.section2 .span2-modify .ul1 > .li4 .p2{margin: 3px auto;}
.section2 .span2-modify .ul1 > .li4 .p1 .s1{background-color: #2c5595;}
.section2 .span2-modify .ul1 > .li4 .p2 .s1{background-color: #1b316a;}
.section2 .span2-modify .ul1 > .li4 .p3 .s1{background-color: #142247;}
.section2 .span2-modify .ul1 > .li4 p .s2{display: inline-block;width: 75%;background-color: #f5f5f5;padding:7px 10px;}
/* add 20211214 */



@media only screen and (max-width: 1023px) {
	.sub_top{height: 245px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.sub_top br{display:block;}
	.section_div > section{padding: 40px 20px;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	.section1 > h4 br{display: none;}
	.section1 > span{padding: 23px 20px 23px 20px;}
	.section1 > span .p_15 > .span1{width: 5%;}
	.section1 > span .p_15 > .span2{width: 90%;}
	
	.section2 > .span2{margin: 20px 0;}
	.section2 > span{    padding: 0 20px 40px 20px;}
	
	
	.section4 > ul .li2{padding: 25px 0 0 15px;}
	.section4 > ul .li2 .span2{margin-left: 20px;}
	
	/* add 20190820 */
	#add_20190820{padding: 20px 50px 20px 20px;}
	#add_20190820 .s1{width: 55px;height: 35px;overflow: hidden;top: -35px;}
	#add_20190820 .u li h3{font-size: 18px;}
	#add_20190820 .u li p .pbr{display: block;}
	#add_20190820 .u .li2{margin: 0 5px;}
	/* add 20190820 */
	
}

@media only screen and (max-width: 800px) {
	.section4 > .ul1{margin-bottom: 1px;}
	.section4 > ul{height: 361px;}
	.section4 > ul .li1{background-size:cover; }
	.section4 > ul .li2 span{width: 100%;}
	.section4 > ul .li2 .span2{margin-left: 0;}
	.section4 > ul .li2 h2{margin-bottom: 35px;font-size: 19px;}
	.section4 > ul .li2 h4{font-size: 14px;}
	.section4 > ul .li2 .h4_1{margin-top: 25px;padding-bottom: 10px;}
	
	
	/* add 20190820 */
	#add_20190820{padding: 20px 5px;text-align: center;}
	#add_20190820 .s1{right: 50%;margin-right: -27.5px;}
	/* add 20190820 */

	/* add 20211214 */
	.section2 .span2-modify .ul1 > .li4 p{font-size: 12px;}
	/* add 20211214 */

	
}

@media only screen and (max-width: 640px) {
	.section2 ul h3{font-size: 18px;}
	.section2 ul p{font-size: 13px;}
	.section2 .span3 .ul1 > .li2,
	body .bg_common_div .section2 span .ul1 > li{width: 100%;margin: 0 auto;float: none;}
	.section2 ul h3{margin: 10px 0;}
	.section2 ul h3 br{display: none;}
	body .bg_common_div .section2 span .ul1 > .li2{margin-top: 40px;}
	body .bg_common_div .section2 .span3 .ul1 > .li2{margin-bottom: 40px;}
	.section2 > h1{margin-bottom: 30px;font-size: 26px;}
	.section2 .ul2 > .li1{overflow: hidden;height: 170px;} 
	
	.span3 .ul1 > .li1 img{
		-webkit-transform: translate(0px, -70px);
		-moz-transform: translate(0px, -70px);
		-o-transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px);
		transform: translate(0px, -70px);
	}
	.span3 .ul1 > .li2 img{
		-webkit-transform: translate(0px, -70px);
		-moz-transform: translate(0px, -70px);
		-o-transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px);
		transform: translate(0px, -70px);
	}
	.span3 .ul1 > .li3 img{
		-webkit-transform: translate(0px, -70px);
		-moz-transform: translate(0px, -70px);
		-o-transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px);
		transform: translate(0px, -70px);
	}
	
	/* add 20190820 */
	#add_20190820 .div > h3 span{display: block;font-weight: normal;margin-bottom: 5px;}
	#add_20190820 .u li{width: 88px;height: 88px;padding-top: 8px;}
	#add_20190820 .u li h3{font-size: 14px;}
	#add_20190820 .u li p{line-height: 15px;font-size: 11px;}
	#add_20190820 .u li p .pbr{display: none;}
	#add_20190820 .u li p .mbr{display: block;}
	/* add 20190820 */

	/* add 20211214 */
	.section2 .span2-modify .ul1 > .li1{height: auto;}
	.section2 .span2-modify .ul1 > .li2{height: auto;margin-top: 40px;}
	.section2 .span2-modify .ul1 > .li3{margin-right: auto;margin-top: 40px;}
	.section2 .span2-modify .ul1 > .li4{margin-top: 40px;}
	/* add 20211214 */

}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section4 > ul .li2 {padding: 80px 0 0 26px;}
	
}