.sub_top{background-image: url("../img/s05_cn03_00.jpg");height: 440px;}
.sub_top_txt p{color: #afabac;}
.sub_top .sub_top_txt h1{color: #fff;font-size: 48px;}
.sub_top br{display:none;}

h1,h2,p{text-align: center;}
.p_18{font-size: 18px;line-height: normal;}
.p_20{font-size: 20px;line-height: normal;}
/*span_etc*/
.section1 .span_etc{background: rgba(66,101,145,0.45);text-align: center;padding: 60px 0 0 0;}
.section1 .span_etc > h2{color: #e5eb65;position: relative;display: inline-block;margin-bottom: 30px;}
.section1 .span_etc > h2:BEFORE {position: absolute;content: "";width: 80px;height: 1px;border-top: 1px solid #6c7351;top: 50%;left: -90px;}
.section1 .span_etc > h2:AFTER {position: absolute;content: "";width: 80px;height: 1px;border-top: 1px solid #6c7351;top: 50%;right: -90px;}
.section1 .span_etc > span{display: inline-block;vertical-align: top;}
.section1 .span_etc > .s1{max-width: 455px;margin-bottom: 30px;}
.section1 .span_etc > .s2{padding: 40px 0 0 40px;}
.section1 .span_etc > .s2 p{text-align: left;color: #d2d6d9;}
/*span_etc*/

.section1 > .span{padding: 60px 55px; }
.section1 > .span2{background-repeat: no-repeat;}

.section1 > .span1{background:url("../img/s05_cn03_01.jpg") repeat;}
.section1 > .span1 *{text-align: center;}
.section1 > .span1 > h3{margin: 40px 0 25px 0;color:#ff5a56;}
.section1 > .span1 > h4{color:#4e94c7;margin-bottom: 25px;}
.section1 > .span1 > span{background: rgba(134,169,188,0.3);padding: 20px;text-align: center;max-width: 905px;margin: 0 auto; }
.section1 > .span1 > span h4{display: inline-block;vertical-align: top;padding: 7px 35px;color: #fff;background: #08557f;border-radius:5px;margin-bottom: 15px;}
.section1 > .span1 > span .p4{margin-top: 15px;color: #0e5583;}
.section1 > .span1 > span .inline_p{display: inline-block;vertical-align: top;position: relative;height: 54px;}
.section1 > .span1 > span .inline_p > span{position: absolute;width:12px;height: 12px;border: 1px solid #dfe3e6; top: 5px;left: 50%;margin-left: -6px;}
.section1 > .span1 > span .inline_p > span:BEFORE{content: "";background-image: url("/img/sub_common_bg.png");background-position: 0 -587px;width: 20px;height: 15px;
top: -6px;left: -3px;position: absolute;}
.section1 > .span1 > span .p1{background: #fff;width: 169px;margin-left: 49px;padding-top: 22px;}
.section1 > .span1 > span .p1:BEFORE{content: "";position: absolute;width: 69px;height: 69px;background-image: url("/img/sub_common_bg.png");background-position:-14px -2145px;
top: 50%;left:-49px;margin-top: -34.5px; }
.section1 > .span1 > span .p2{line-height: 54px;font-size: 50px;color: #7793a8;width: 75px;}
.section1 > .span1 > span .p3{background: #fff;width:233px;margin-left:37px;padding-top: 22px; }
.section1 > .span1 > span .p3:BEFORE{content: "";position: absolute;width: 57px;height: 57px;background-image: url("/img/sub_common_bg.png");background-position:-19px -2230px;
top: 50%;left:-37px;margin-top: -28.5px; }

.section1 > .span2{text-align: center;}
.section1 > .span2 *{color: #fff;}
.section1 > .span2 > .s1{display: inline-block;margin: 30px auto;position: relative;}
.section1 > .span2 > .s1:BEFORE{content: "";width: 52px;height: 70px;border: 2px solid #80909f;border-right: none;position: absolute;top: 20px;left: -74px;}
.section1 > .span2 > .s1:after{content: "";width: 52px;height: 70px;border: 2px solid #80909f;border-left: none;position: absolute;top: 20px;right: -74px;}
.section1 > .span2 > .s1 h2{color: #ffff90;border-top: 1px dashed #ffff90;border-bottom: 1px dashed #ffff90;margin-bottom: 15px;}
.section1 > .span2 > .s2{text-align: center;}
.section1 > .span2 > .s2 h4{width: 250px;height: 250px;display: inline-block;position: relative;border-radius:50%;vertical-align: top;padding-top: 85px;}
.section1 > .span2 > .s2 h4:BEFORE{content: "";position: absolute;width: 18px;height: 18px;background:rgba(230,227,234,0.3); border: 1px solid rgba(230,227,234,0.3);
top: 45px;left: 50%;margin-left: -9px;}
.section1 > .span2 > .s2 h4:AFTER{content: "";position: absolute;background-image: url("/img/sub_common_bg.png");background-position: 0 -1087px;width: 35px;height: 30px;
top: 32px;left: 50%;margin-left: -12px;}
.section1 > .span2 > .s2 .h4_1{background: rgba(0,100,182,0.7);margin-right: -20px;}
.section1 > .span2 > .s2 .h4_2{background: rgba(73,162,235,0.7);z-index: 1;}
.section1 > .span2 > .s2 .h4_3{background: rgba(0,100,182,0.7);margin-left: -20px;}
.section1 > .span2 > .p_20{margin: 30px 0 55px 0;}

.section1 > .span3 > .ul1{margin: 45px auto 15px auto;height: 190px;max-width: 904px;}
.section1 > .span3 > .ul1 li{height: 100%;background-repeat: repeat;}
.section1 > .span3 > .ul1 .li1{width: 6.4%;}
.section1 > .span3 > .ul1 .li2{width: 93.6%;display: table;padding:0 20px 0 55px;}
.section1 > .span3 > .ul1 .li2 *{text-align: left;}
.section1 > .span3 > .ul1 .li2 span{display: table-cell;vertical-align: middle;}
.section1 > .span3 > .ul1 .li2 span h4{margin-bottom: 15px;color: #d1673f;}
.section1 > .span3 > .ul1 .li2 span .p2{margin: 10px 0;}
.section1 > .span3 > .ul1 .li2 span p{position: relative;padding-left: 25px;}
.section1 > .span3 > .ul1 .li2 span p:BEFORE {content: "";position: absolute;width: 12px;height: 12px;border: 1px solid #e2e1e6;left: 0;top: 4px;}
.section1 > .span3 > h4{text-align: center;color: #677173;}
.section1 > .span3 > .s1{max-width: 904px;margin: 10px auto 0 auto;background-repeat: repeat;padding: 25px 20px;text-align: center;}
.section1 > .span3 > .s1 *{text-align: center;}
.section1 > .span3 > .s1 h3{color: #fc3c3b;}
.section1 > .span3 > .s1 p{color: #fff;}
.section1 > .span3 > .s1 .h4_1{color: #7ac7f5;margin: 10px 0 25px 0;}
.section1 > .span3 > .s1 .h4_2{color: #fff;}
.section1 > .span3 > .s1 a{background: #1c2542;padding: 15px 25px;}

.section1 > .span7_1{padding: 0;position: relative;}
.section1 > .span7_1:AFTER{content: "";    width: 0px; height: 0px;border-top: 20px solid #e5ed66;border-right: 33px solid transparent; border-left: 33px solid transparent;
    position: absolute;bottom: -20px;left: 50%; margin-left: -33px;}
.section1 > .span7_1 h2{height: 105px;line-height: 105px;background: #e5ed66;}

.section1 > .span8,
.section1 > .span8 *{text-align: center;}
.section1 > .span8 .p_title{background-color: #0062a3;color: #fff;max-width: 721px;margin: 30px auto;border-radius:200px;padding: 8px 0;position: relative;height: 45px;}
.section1 > .span8 .p_title > span{position: relative;z-index: 1;}
.section1 > .span8 .p_title > span > span{color: #d3efff;}
.section1 > .span8 .p_title:BEFORE{content:"";width: 50px;position:absolute;height: 45px;background:#034b7d;top: 0;right: 0;border-radius: 0 200px 200px 0; z-index: 0;}
.section1 > .span8 .p_title:After{content:"";width: 19px;position:absolute;top:0;right:50px;height: 0;
    border-left: 20px solid transparent; border-bottom: 45px solid #034b7d;z-index: 0;}
.section1 > .span8 > .h4_1{color:#717171; }
.section1 > .span8 .color_common{color:#ef5b57; }
.section1 > .span8 > ul li{width: 50%;float: none;display: inline-block;vertical-align: middle;}
.section1 > .span8 > .ul1 .li1{max-width: 254px;}
.section1 > .span8 > .ul2 .li1{max-width: 354px;}
.section1 > .span8 > ul .li2{padding-left: 20px;}
/* .section1 > .span8 > ul .li1 img{margin: 0 0 0 auto;} */
.section1 > .span8 > ul .li2 *{text-align: left;}
.section1 > .span8 > ul .li2 .p1{margin:0 0 25px 0;}
.section1 > .span8 .img1{margin: 18px auto 20px auto;}
.section1 > .span-2025{padding: 0;}
.section1 > .span-2025 a{display: block;}
@media only screen and (max-width: 1023px) {
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	.section1 > .span7_1{padding: 0;}
	.section1 > .span-2025{padding: 0;}
	/*span_etc*/
	.section1 .span_etc > .s1{width: 100%;max-width: 455px;display: block;margin-left: auto;margin-right: auto;}
	.section1 .span_etc > .s2{width: 100%;max-width: 455px;display: block;margin-left: auto;margin-right: auto;}
	.section1 .span_etc > .s2 p{text-align: center;}
	.section1 .span_etc > .s2{padding: 0 0 30px 0;}
	/*span_etc*/
	.section1 > .span1 > span .p2{width: 25px;font-size: 30px;}
	
	.section1 > .span2 > .s1 p br{display: block;}
	.section1 > .span2 > .s1 p{font-size: 14px;}
	.section1 > .span2 > .s2 h4{width: 205px;height: 205px;}
	.section1 > .span2 > .s1:BEFORE{height: 55px;top: 14px;}
	.section1 > .span2 > .s1:AFTER {height: 55px;top: 14px;}

	.section1 > .span8 .p_title{height: 40px;}
	.section1 > .span8 .p_title:BEFORE{height: 40px;}
	.section1 > .span8 .p_title:After{border-bottom: 40px solid #034b7d;}
}
@media only screen and (max-width: 819px) {
	.section1 > .span8 > ul li{float: left;}
	.section1 > .span8 > ul .li2{padding-left: 10px;}
}

@media only screen and (max-width: 640px) {
	/*span_etc*/
	.section1 .span_etc > .s2 p{padding: 0 10px 0 10px;}
	.section1 .span_etc{    padding: 40px 0 0 0;}
	.section1 .span_etc > h2:BEFORE,
	.section1 .span_etc > h2:AFTER {display: none;}
	/*span_etc*/
	
	.section1 > .span1 > span{padding: 20px 10px;}
	.section1 > .span1 > span .inline_p > span{margin-left: 0;}
	.section1 > .span1 > span .p1{font-size: 12px;line-height: normal;padding-top: 20px;width: 100px;padding-left: 15px;}
	.section1 > .span1 > span .p3{font-size: 12px;line-height: normal;padding-top: 20px;width: 100px;padding-left: 15px;}
	
	.section1 > .span2 > .s1:BEFORE{width: 22px;left: -30px;}
	.section1 > .span2 > .s1:AFTER {width: 22px;right: -30px;}
	.section1 > .span2 > .s2 h4{width: 120px;height: 120px;font-size: 9px;padding-top: 45px;}
	.section1 > .span2 > .s2 h4:BEFORE{top: 10px;}
	.section1 > .span2 > .s2 h4:AFTER {top: -2px;}
/* 	.section1 > .span2 > .s2 .h4_1{margin-right: -10px;} */
/* 	.section1 > .span2 > .s2 .h4_3{margin-left: -10px;} */

	.section1 > .span3 > .ul1 .li1{display: none !important;}
	.section1 > .span3 > .ul1 .li2{width: 100%;padding: 0 20px 0 20px;}
	.section1 > .span3 > .ul1 .li2 span p{font-size: 14px;}

	.section1 > .span8 .p_title{height: 57px;}
	.section1 > .span8 .p_title:BEFORE{height: 57px;}
	.section1 > .span8 .p_title:After{border-bottom: 57px solid #034b7d;}
	.section1 > .span8 .p_title{font-size: 17px;}
	.section1 > .span8  p{font-size: 13px;}
	.section1 > .span8 > ul .li2 .p1{margin: 0 0 10px 0;}
	.section1 > .span8  h4{font-size: 15px;}
}

@media only screen and (max-width: 490px) {
	.section1 > .span8 > .ul1 li{width:100%;margin: 0 auto 10px auto;float:none;}
	.section1 > .span8 > .ul2 li{width:100%;margin: 0 auto 10px auto;float:none;}
}
@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 .span_etc > span{width: 45%;}
}