.sub_top{background-image: url("../img/s04_cn08_01.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;}
.sub_top .sub_top_txt .p1{ font-size: 24px;color: #fff;letter-spacing: -1px; margin-bottom: 13px;}

h1,h2,p{text-align: center;}
.p_21{font-size: 21px;}
.section1 > .span{padding: 60px 55px; }

.section1 > .span1{background: url("../img/s04_cn08_02.jpg") repeat;}
.section1 > .span1 > .p_21{color: #6065a5;}
.section1 > .span1 > h1{color: #f45e50;margin: 15px 0 52px 0;}
.section1 > .span1 > .ul1 li{width: 50%;margin-bottom: 80px;}
.section1 > .span1 > .ul1 .li1 > p{text-align: left;margin-bottom: 25px;padding-right: 10px;}
.section1 > .span1 > .ul1 .li1 > p span{font-weight: bold;color: #8294c6;}
.section1 > .span1 > .ul1 .li2{float: right;max-width: 512px;}
.section1 > .span1 > .ul1 .li2 h4{float: left;max-width: 256px;width: 50%;text-align: center;color: #fff;height: 52px;line-height: 52px;}
.section1 > .span1 > .ul1 .li2 .h4_1{border-right: 1px solid #e5eaee;background: #bfbfc7;}
.section1 > .span1 > .ul1 .li2 .h4_2{border-left: 1px solid #e5eaee;background: #555b8b;}
.section1 > .span1 > .ul1 .li1 > span{height: 148px;width: 148px;display: inline-block;text-align: center;border-radius:50%;position: relative;vertical-align: top;}
.section1 > .span1 > .ul1 .li1 > .s1:AFTER,.section1 > .span1 > .ul1 .li1 > .s3:AFTER{position: absolute;content: "";width: 84%;height: 1px;border-top: 1px solid #fff;left: 8%;top: 50%;margin-top: -0.5px;}
.section1 > .span1 > .ul1 .li1 > span h4{color: #fff;}
.section1 > .span1 > .ul1 .li1 > .s2,.section1 > .span1 > .ul1 .li1 > .s4{width: 34px;line-height: 148px;font-size: 40px;font-weight: bold;color: #656567;}
.section1 > .span1 > .ul1 .li1 > .s1{background: #ff0b0b;}
.section1 > .span1 > .ul1 .li1 > .s3{background: #0000fe;}
.section1 > .span1 > .ul1 .li1 > .s5{background: #313131;padding-top: 50px;}
.section1 > .span1 > .ul1 .li1 > span .h4_1{font-weight: normal;margin-top: 15px;}
.section1 > .span1 > .ul1 .li1 > span .h4_2{}
.section1 > .span1 > .ul1 .li1 > span .h4_3{font-weight: normal;margin-top: 30px;}
.section1 > .span1 > .ul2 li{height: 305px;}
.section1 > .span1 > .ul2 .li1{ width: 28%;background: #fff;position: relative;border-radius: 20px 0 0 20px;}
.section1 > .span1 > .ul2 .li2{ width: 72%;background-repeat: no-repeat;border-radius: 0 20px 20px 0;}
.section1 > .span1 > .ul2 .li1:before {position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");width:248px;height: 260px;background-position: 0 -1097px;
top: 50%;left: 50%;margin-top: -130px;margin-left: -124px;}
.section1 > .span1 > .ul2 .li2{padding:30px 10px 0 35px; }
.section1 > .span1 > .ul2 .li2 h3{color: #f8ff72;margin-bottom: 15px; }
.section1 > .span1 > .ul2 .li2 h4{color: #fff;position: relative;font-weight: normal;margin-top: 10px;padding-left: 30px;}
.section1 > .span1 > .ul2 .li2 h4 span{display: block;width: 22px;height: 22px;left: 0;top: 0;position: absolute;background: #fff;color: #3e5696;border-radius:50%;text-align: center;line-height: 22px;}

.section1 > .span2{background-repeat: repeat;}
.section1 > .span2 *{text-align: left;}
.section1 > .span2 > h1{margin-bottom: 40px;}
.section1 > .span2 .ul1 li{width: 50%;margin-top: 40px;}
.section1 > .span2 .ul1 li p{height: 70px;}
.section1 > .span2 .ul1 li > span{max-width: 519px;}
.section1 > .span2 .ul1 li > span > h4{display: inline-block;padding: 10px 20px;border-radius:20px;margin-bottom: 10px;}
.section1 > .span2 .ul1 .li1 > span > h4{background: #fff;color: #83859c;}
.section1 > .span2 .ul1 .li2 > span > h4{background: #555b8b;color: #fff;}
.section1 > .span2 .ul1 .li1{border-right: 1px dashed #cdd2d5;padding-right: 10px;}
.section1 > .span2 .ul1 .li2{padding-left: 10px;}
.section1 > .span2 .ul1 .li1 > span{margin:auto auto auto 0;}
.section1 > .span2 .ul1 .li2 > span{margin:auto 0 auto auto;}
.section1 > .span2 .ul2 li{width: 50%;}
.section1 > .span2 .ul2 .li1{width: 100%;padding: 40px 10px;background: #fff;margin-top: 40px;text-align: center;}
.section1 > .span2 .ul2 .li1 h4{margin-top:9px;color: #545a8a;position: relative;display: inline-block;padding-left: 30px; }
.section1 > .span2 .ul2 .li1 h4:BEFORE{position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");width:25px;height: 19px;background-position: 0 -1360px;
top: 50%;left: 0;margin-top: -10px;}
.section1 > .span2 .ul2 .li1 > * {text-align: center;}
.section1 > .span2 .ul2 li .s1{background: #f8f8f8;}
.section1 > .span2 .ul2 li .s2{width: 100%;height: 130px;display: table;}
.section1 > .span2 .ul2 li .s2 > span{display: table-cell;vertical-align: middle;}
.section1 > .span2 .ul2 li .s2 *{color: #fff;font-weight: bold;}
.section1 > .span2 .ul2 li .s2 h4{text-align: center;margin-bottom: 13px;}
.section1 > .span2 .ul2 li .s2 p{padding-left: 15%;}
.section1 > .span2 .ul2 li .s2 p .span_custom{color: #fcfd71;}
.section1 > .span2 .ul2 .li2 .s2{background: #abacb0;}
.section1 > .span2 .ul2 .li3 .s2{background: #757678;}
.section1 > .span2 .ul2 .li2 .s1{border: 2px solid #f8f8f8;border-bottom: none;}
.section1 > .span2 .ul2 .li3 .s1{border: 2px solid #757678;border-bottom: none;}

.section1 > .span3 > h1{text-align: left;}
.section1 > .span3 > h1 span{color: #81829e;}
.section1 > .span3 > .span{margin-top: 50px;}
.section1 > .span3 > .span li{width: 48.9%;}
.section1 > .span3 > .span li > .h4_1{text-align: center;color: #fff;height: 60px;line-height: 60px;position: relative;}
.section1 > .span3 > .span li > .h4_1 span{font-weight: normal;font-size: 40px;position: absolute;right: 10%;bottom: 0;height: 45px;}
.section1 > .span3 > .s1 .li1 > .h4_1 span{color: #e7e8ea;}
.section1 > .span3 > .s1 .li2 > .h4_1 span{color: #d7dae1;}
.section1 > .span3 > .s2 .li1 > .h4_1 span{color: #ccd0d9;}
.section1 > .span3 > .s2 .li2 > .h4_1 span{color: #c8c6d4;}
.section1 > .span3 > .span li > .h4_2{text-align: center;margin: 15px 0;}
.section1 > .span3 > .s1 .li1 > .h4_2 span{color: #ef615f;}
.section1 > .span3 > .s2 .li2 > .h4_2 span{color: #2c6afb;}
.section1 > .span3 > .span li > .h4_1:BEFORE{content: "";position: absolute;width: 0;height: 0;border-top: 30px solid transparent;border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;top: 0;left: 0px;}
.section1 > .span3 > .span li > .h4_1:AFTER{content: ""; position: absolute; width: 0;height: 0;border-top: 30px solid transparent; border-bottom: 30px solid transparent;
    border-left: 30px solid;top: 0;right: 0px;background: #fff;}
    
.section1 > .span3 > .s1 .li1 > .h4_1{background: #bfbfc7;}
.section1 > .span3 > .s1 .li1 > .h4_1:BEFORE{}
.section1 > .span3 > .s1 .li1 > .h4_1:AFTER{border-left-color:#bfbfc7; right: -10px;}

.section1 > .span3 > .s1 .li2 > .h4_1{background: #999dba;}
.section1 > .span3 > .s1 .li2 > .h4_1:BEFORE{left: -10px;background: #999dba;}
.section1 > .span3 > .s1 .li2 > .h4_1:AFTER{border-left-color:#999dba;}

.section1 > .span3 > .s2 .li1 > .h4_1{background: #777ca2;}
.section1 > .span3 > .s2 .li1 > .h4_1:BEFORE{}
.section1 > .span3 > .s2 .li1 > .h4_1:AFTER{border-left-color:#777ca2;right: -10px;}

.section1 > .span3 > .s2 .li2 > .h4_1{background: #555b8b;}
.section1 > .span3 > .s2 .li2 > .h4_1:BEFORE{left: -10px;background: #555b8b;}
.section1 > .span3 > .s2 .li2 > .h4_1:AFTER{border-left-color:#555b8b;}

.section1 > .span3 > .span .li1{margin-right: 2.2%;}
.section1 > .span3 > .span li > span{height: 269px;background-repeat: no-repeat;background-position: bottom center;position: relative;}
.section1 > .span3 > .span li > span p{position: absolute;bottom: 10px;right: 15px;}

.section1 > .span4{background: #e5e9ec;text-align: center;}
.section1 > .span4 > h2{display: inline-block;position: relative;}
.section1 > .span4 > h2:BEFORE{content: "";position: absolute;width: 103px;height: 1px;border-top: 1px solid #c9cdd0;left: -123px;top: 49%;}
.section1 > .span4 > h2:AFTER{content: "";position: absolute;width: 103px;height: 1px;border-top: 1px solid #c9cdd0;right: -123px;top: 49%;}
.section1 > .span4 > ul{max-width: 903px;margin: 0 auto;}
.section1 > .span4 > ul li{width: 48.5%;margin-top: 25px;}
.section1 > .span4 > ul .li1{width: 100%;}
.section1 > .span4 > ul .li2{margin-right: 3%;}
.section1 > .span4 > ul li h2{width: 50%;float: left;padding-left: 5px;text-align: left;}
.section1 > .span4 > ul li .h2_1{font-weight: normal;color: #5b5b5d;}
.section1 > .span4 > ul li .h2_2{color: #52587c;}

.section1 > .span5{background: no-repeat;background-position: 70% 0;}
.section1 > .span5 *{text-align: left;color: #fff;}
.section1 > .span5 p span,.section1 > .span5 h4{color: #ffff73;font-weight: bold;}
.section1 > .span5 h1{margin-bottom: 25px;}
.section1 > .span5 .p2{margin: 20px 0;}


.section1 > .span6{background-repeat: repeat;padding: 40px;text-align: center;}
.section1 > .span6 > .p_30{font-size: 30px;color:#353533;position: relative;display: inline-block; }
.section1 > .span6 > .p_30:BEFORE{content: "";position: absolute;width: 103px;height: 1px;border-top: 1px solid #c9cdd0;left: -123px;top: 49%;}
.section1 > .span6 > .p_30:AFTER{content: "";position: absolute;width: 103px;height: 1px;border-top: 1px solid #c9cdd0;right: -123px;top: 49%;}
.section1 > .span6 ul{max-width: 874px;margin: 33px auto 0 auto;}
.section1 > .span6 ul li{width: 20%;border-left: 1px solid #e6e7e9;background-color: #fff;height: 190px;padding-top: 104px;position: relative;}
.section1 > .span6 ul li > *{text-align: center;}
.section1 > .span6 ul .li1{border: none;}
.section1 > .span6 ul li:AFTER {position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");left: 50%;top: 30px;}
.section1 > .span6 ul .li1:AFTER {width: 69px;height: 60px;background-position: 0 -119px;margin-left: -34.5px;}
.section1 > .span6 ul .li2:AFTER {width: 66px;height: 68px;background-position: 0 -192px;margin-left: -33px;}
.section1 > .span6 ul .li3:AFTER {width: 68px;height: 62px;background-position: 0 -271px;margin-left: -34px;}
.section1 > .span6 ul .li4:AFTER {width: 64px;height: 61px;background-position: 0 -348px;margin-left: -32px;}
.section1 > .span6 ul .li5:AFTER {width: 50px;height: 66px;background-position: 0 -422px;margin-left: -25px;}

.section1 > .span7 * {text-align: left;}
.section1 > .span7 > h1 span{color: #7e83a9;}
.section1 > .span7 > h4{line-height: 37px;position: relative;padding-left: 109px;border-bottom: 1px solid #555b8b;color:#555b8b; margin-top: 80px;}
.section1 > .span7 > .h4_common{margin:0;padding: 0;border: none;}
.section1 > .span7 > h4 span{position: absolute;height: 37px;width:99px;font-weight: normal;color: #fff;bottom: 0;left: 0; background:#555b8b;border-radius:20px 20px 0 0; text-align: center;}
.section1 > .span7 > .p_custom{display: inline-block;vertical-align: top;height: 111px;width: 63%;padding: 25px 10px 0 0;}
.section1 > .span7 > .span_plist{display: inline-block;vertical-align: top;width: 269px;}
.section1 > .span7 > .span_plist p{height: 37px;float: left;border-bottom: 1px solid #fff;line-height: 37px;position: relative;}
.section1 > .span7 > .span_plist .p_l{width: 110px;border-right: 1px solid #fff;background: #5097cb;color: #fff;text-align: center;}
.section1 > .span7 > .span_plist .p_r{width: 159px;background: #edf1f4;color: #7e7e7e;padding-left: 15px;}
.section1 > .span7 > .span_plist .p_r span{position: absolute;left: 90px;top:0;height: 100%;}
.section1 > .span7 > .span_plist .p_r:BEFORE{position: absolute;content: "";background-image: url(/img/common_etc/s04_cn02_icon.png);
    width:19px;height: 16px;background-position: 0 -1379px;top: 50%;left: 65px; margin-top: -8px;}

.section1 > .span7 > ul li{width: 48.8%;margin-top: 30px;}
.section1 > .span7 > ul li h2{float: left;width: 50%;color: #5a5a5a;padding-left: 3px;}
.section1 > .span7 > ul li h2 span{font-size: 16px;}
.section1 > .span7 > ul li .h2_1{font-weight: normal;}
.section1 > .span7 > ul li .h2_1 span{font-weight: bold;}
.section1 > .span7 > ul li .h2_2{color: #52587c;}
.section1 > .span7 > ul li .h2_2 span{color: #5a5a5a;}
.section1 > .span7 > ul .li1{margin-right: 2.4%;}


@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;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	.section1 > .span1 > .ul1 li{float: none;width: 100%;text-align: center;margin-bottom: 40px;}
	.section1 > .span1 > .ul1 .li1 > p{padding-right: 0;}
	.section1 > .span1 > .ul1 .li1 > .s5{padding-top: 55px;}
	.section1 > .span1 > .ul1 .li1 > span .h4_1{margin-top:25px ;}
	.section1 > .span1 > .ul1 .li1 > span .h4_3{margin-top: 23px;}
	.section1 > .span1 > .ul1 .li2{float: none;margin: 0 auto 40px auto; }
	.section1 > .span1 > .ul2 .li1{width: 100%;float: none;border-radius: 20px 20px 0 0;max-width: 864px;margin: 0 auto;height: 270px;}
	.section1 > .span1 > .ul2 .li2{width: 100%;float: none;max-width: 864px;margin: 0 auto;border-radius: 0 0 20px 20px;padding: 20px;height: auto;}
	
	.section1 > .span6 p br,
	.section1 > .span2 p br{display: block;}
	.section1 > .span2 .ul2 li .s2 p{padding-left: 13px;padding-right: 13px;}
	
	.section1 > .span3 > .s1 .li1 > .h4_1:AFTER{right: -5px;}
	.section1 > .span3 > .s2 .li1 > .h4_1:AFTER{right: -5px;}
	
	.section1 > .span3 > .s1 .li2 > .h4_1:BEFORE{left: -5px;}
	.section1 > .span3 > .s2 .li2 > .h4_1:BEFORE{left: -5px;}
	.section1 > .span3 > .span li > span{height: 269px;background-repeat: no-repeat;background-position: bottom right;}
	.section1 > .span3 > .span li > span p{right: 0;}
	
	.section1 > .span5{padding-right: 15%;}
	.section1 > .span7 > .p_custom{padding: 20px 10px 0 0;width: 52%;}
	
	.section1 > .span7 > ul li h2{font-size: 16px;}
	.section1 > .span7 > ul li h2 span{font-size: 10px;}
}


@media only screen and (max-width: 640px) {
	.section1 > .span1 > .ul1 .li1 > span{width: 88px;height: 88px;}
	.section1 > .span1 > .ul1 .li1 > .s2, .section1 > .span1 > .ul1 .li1 > .s4{width: 20px;line-height: 88px;font-size: 30px;}
	.section1 > .span1 > .ul1 .li1 > span h4{font-size: 13px;}
	.section1 > .span1 > .ul1 .li1 > .s5{padding-top: 28px;}
	.section1 > .span1 > .ul1 .li1 > span .h4_1{margin-top:7px ;}
	.section1 > .span1 > .ul1 .li1 > span .h4_3{margin-top: 9px;}
	
	.section1 > .span2 .ul1 li{width: 100%;float: none;}
	.section1 > .span2 .ul1 li p{height: auto;margin-bottom: 20px;}
	.section1 > .span2 .ul1 .li1 > span,
	.section1 > .span2 .ul1 .li2 > span{margin: 0 auto;padd}
	.section1 > .span2 .ul1 .li1{border-right: none;padding-right: 0;}
	.section1 > .span2 .ul1 .li2{padding-left: 0;}
	.section1 > .span2 .ul2 li .s2 h4{margin-bottom: 8px;}
	.section1 > .span2 .ul2 li .s2 p{font-size: 10px;line-height: 17px;}
	
	.section1 > .span3 > .s1 .li1 > .h4_1:AFTER{right: 0px;}
	.section1 > .span3 > .s2 .li1 > .h4_1:AFTER{right: 0px;}
	
	.section1 > .span3 > .s1 .li2 > .h4_1:BEFORE{left: 0px;}
	.section1 > .span3 > .s2 .li2 > .h4_1:BEFORE{left: 0px;}
	.section1 > .span3 > .span li > .h4_2{font-size: 10px;}
	.section1 > .span3 > .span li{border: 1px solid #ddd;padding: 5px;}
	.section1 > .span3 > .span li > h4 br{display: none;}
	.section1 > .span3 > .span li > h4 .mobile_br{display: block;}
	.section1 > .span3 > .span li > span{background-size:cover;height: 159px; }
	.section1 > .span3 > .span li > .h4_1{height: 40px; line-height: 40px;font-size: 14px;}
	.section1 > .span3 > .span li > .h4_1:BEFORE{border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #fff;}
	.section1 > .span3 > .span li > .h4_1:AFTER {    border-top: 20px solid transparent;border-bottom: 20px solid transparent; border-left: 20px solid;}
	.section1 > .span3 > .span{margin-top: 20px;}
	.section1 > .span3 > .span li > .h4_1 span{right: 13%;font-size: 30px;height: 32px;}
	.section1 > .span3 > .span li > span p{bottom: 5px;font-size: 10px;}
	
	.section1 > .span4 > ul li{width: 100%;float: none;max-width: 438px;margin: 20px auto 0 auto;}
	.section1 > .span4 > ul .li2{margin-right: auto;}
	.section1 > .span4 > h2:BEFORE,.section1 > .span4 > h2:AFTER {display: none;}
	
	.section1 > .span6 ul li{height: 220px;}
	.section1 > .span6 ul li{float: none;width: 100%;height: 80px;padding: 0;border-left: none;border-bottom: 1px solid #e6e7e9 !important;}
	.section1 > .span6 ul li > *{text-align: left;padding-left:90px;}
	.section1 > .span6 ul li:AFTER{top: 10px;left: 40px;}
	.section1 > .span6 ul li h4{padding-top: 20px;}
	.section1 > .span6 p br{display: none;}
	
	.section1 > .span7 > .p_custom{display: block;width: 100%;height: auto;padding: 0;}
	.section1 > .span7 > .span_plist{display: block;width: 100%;margin-top: 23px;}
	.section1 > .span7 > .span_plist .p_l{width: 30%;}
	.section1 > .span7 > .span_plist .p_r{width: 70%;}
	
	.section1 > .span7 > ul li{float: none;width: 100%;max-width: 530px;margin:30px auto 0 auto; }
	.section1 > .span7 > ul .li1{margin-right: auto;}
	.section1 > .span7 > h4{font-size: 16px;}
	.section1 > .span5 h4 br{display: none;}
	
	.section1 > .span3 > .s1 .li1 > span{background-position: 70% 100%;}
	.section1 > .span3 > .s2 .li2 > span{background-position: 70% 100%;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span1 > .ul1 .li1 > span{width: 117px;height: 117px;}
	.section1 > .span1 > .ul1 .li1 > .s2, .section1 > .span1 > .ul1 .li1 > .s4{line-height: 117px;}
	.section1 > .span1 > .ul1 .li1 > span .h4_1{margin-top: 7px;}
	.section1 > .span1 > .ul1 .li1 > span .h4_3{margin-top: 15px;}
	.section1 > .span1 > .ul1 .li1 > .s5{padding-top: 37px;}
	.section1 > .span2 .ul2 li .s2 p{padding-left: 10%;}
	.section1 > .span3 > .span li > span p{right: 0;}
	.section1 > .span7 > .p_custom br{display: none;}
	
	.section1 > .span7 > ul li h2{font-size: 25px;}
	.section1 > .span7 > ul li h2 span{font-size: 14px;}
}