.sub_top{background-image: url("../img/s06_cn03_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_23{font-size: 23px;line-height: normal;}
.p_24{font-size: 24px;line-height: normal;}
.p_28{font-size: 28px;line-height: normal;}
.p_30{font-size: 30px;line-height: normal;}
.mobile_h3,
.custom_br{display: none;}

.section1 > .span1{padding: 60px 20px 0 20px;background: url("../img/s06_cn03_02.jpg") no-repeat;background-position: 50%;}
.section1 > .span1 > h3{text-align: center;}
.section1 > .span1 > h1{margin-bottom: 60px;}
.section1 > .span1 > .ul1{text-align: center;}
.section1 > .span1 > .ul1 li{display: inline-block;vertical-align: middle;border-radius:50%;position: relative;}
.section1 > .span1 > .ul1 li *{color: #fff;}
.section1 > .span1 > .ul1 .li1{width: 235px;height: 235px;background: #1b2c64;margin-right: -20px;z-index: 0;padding-top: 63px;}
.section1 > .span1 > .ul1 .li2{width: 269px;height: 269px;background: rgba(104,171,214,0.9);z-index: 1;padding-top: 67px;}
.section1 > .span1 > .ul1 .li3{width: 235px;height: 235px;background: #fdab7c;margin-left: -20px;z-index: 0;padding-top: 63px;}
.section1 > .span1 > .ul1 .li2 > span{background-image: url("/img/sub_common_bg.png");width:90px;height: 40px;background-position: 0 -2512px;margin: 0 auto;}
.section1 > .span1 > .ul1 li .p_23{margin-top: 10px;}
.section1 > .span1 > .ul1 li .p_28{margin-top: 15px;}

.section1 > .span1 > .ul2 > li{width: 50%;}
.section1 > .span1 > .ul2 > .li1{border-right: 1px solid #fff;padding-right: 60px;padding-bottom: 150px;}
.section1 > .span1 > .ul2 > .li2{border-left: 1px solid #fff;padding-left: 60px;padding-top: 80px;padding-bottom: 70px;}
.section1 > .span1 > .ul2 > li > .span{max-width: 470px;position: relative;z-index: 1;}
.section1 > .span1 > .ul2 > .li1 > .span{margin:80px 0 auto auto; }
.section1 > .span1 > .ul2 > .li2 > .span{margin:80px auto auto 0;  }
.section1 > .span1 > .ul2 > li > .span .li1{width: 55%;}
.section1 > .span1 > .ul2 > li > .span .li1 p{display: table-cell;vertical-align: middle;color: #323232;text-align: left;font-size: 15px;}
.section1 > .span1 > .ul2 > li > .span .li2{width: 45%;text-align: center;line-height: 174px;}
.section1 > .span1 > .ul2 > li > .span .li2 img{display: inline;vertical-align: middle;}
.section1 > .span1 > .ul2 > li > .span > .p_24{position: absolute;width: 35px;height: 35px;text-align: center;line-height: 35px;color: #fff;border-radius:50%;top: 50%;margin-top:-17.5px;z-index: 1; }
.section1 > .span1 > .ul2 > .li1 > .span > .p_24{background: #1b2c64;right: -77.5px;}
.section1 > .span1 > .ul2 > .li1 > .span:AFTER{position: absolute;content: "";top: 50%;margin-top:-1px;width: 60px;height: 0;border-top: 2px dashed #1b2c64;right: -60px;z-index: 0;}
.section1 > .span1 > .ul2 > .li2 > .span > .p_24{background: #fdab7c;left: -77.5px;}
.section1 > .span1 > .ul2 > .li2 > .span:AFTER{position: absolute;content: "";top: 50%;margin-top:-1px;width: 60px;height: 0;border-top: 2px dashed #fdab7c;left: -60px;z-index: 0;}

.section1 > .span1 > .ul2 > li > .span > span{height: 110px;display: table;width: 100%;border-radius:10px 10px 0 0;padding: 5px 15px 5px 15px;}
.section1 > .span1 > .ul2 > .li1 > .span > span{background: #1b2c64;}
.section1 > .span1 > .ul2 > .li2 > .span > span{background: #fdab7c;}
.section1 > .span1 > .ul2 > li > .span > span p{text-align: left;display: table-cell;vertical-align: middle;color: #fff;font-weight: bold;}

.section1 > .span1 > .ul2 > li > .span > ul{height: 174px;background: #fff;border-radius: 0 0 10px 10px;}
.section1 > .span1 > .ul2 > li > .span > ul li{height: 100%;display: table;padding: 5px 0 5px 15px;}
.section1 > .span1 > .ul2 > li > .span > ul .li2{padding: 5px 15px 5px 15px;}

@media only screen and (max-width: 1023px) {
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	
	.section1 > .span1 > .ul1 li br,
	.section1 > .span1 > .ul2 > li > .span > span p br,
	.sub_top br{display:block;}
	.section1 > .span1{padding: 40px 20px 0 20px;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	
	
	.section1 > .span1 > .ul2 > li > .span .li1 p br{display: none;}
	.p_30{font-size: 20px;line-height:normal;}
	.section1 > .span1 > .ul2 > li > .span .li1 p{font-size: 13px;line-height: normal;}
	.section1 > .span1 > .ul2 > li > .span .li1{width: 50%;}
	.section1 > .span1 > .ul2 > li > .span .li2{width: 50%;}
	.section1 > .span1 > .ul2 > .li1{padding-right: 30px;}
	.section1 > .span1 > .ul2 > .li2{padding-left: 30px;}
	.section1 > .span1 > .ul2 > li > .span > .p_24{width: 24px;height: 24px;line-height: 24px;font-size: 17px;margin-top: -12px;}
	.section1 > .span1 > .ul2 > .li1 > .span > .p_24{right:-42px;}
	.section1 > .span1 > .ul2 > .li2 > .span > .p_24{left:-42px;}
	
	.section1 > .span1 > h3{font-size: 26px;}
	.section1 > .span1 > h1{font-size: 42px;}
	.section1 > .span1 > .ul1 li h3{font-size: 26px;}
}


@media only screen and (max-width: 767px) {
	.section1 > .span1 > h3{font-size: 16px;text-align: left;margin-left: 70px;}
	.section1 > .span1 > h1{font-size: 25px;text-align: left;margin-bottom: 0;margin-left: 70px;}
	.center_div2{max-width: 545px;}
	.mobile_h3,
	.custom_br{display: block;}
	.p_30{font-size: 18px;}
	.section1 > .span1 > .ul2 > li > .span > .p_24,
	.section1 > .span1 > .ul2 > li > .span:AFTER{display: none;}
	.section1 > .span1 > .ul1{display: none;}
	
	.section1 > .span1 > .ul2 > li > .span > ul{height: 154px;}
	.section1 > .span1 > .ul2 > li > .span .li2{line-height: 154px;}
	.section1 > .span1 > .ul2 > li > .span > span{height: 70px;}
	.section1 > .span1 > .ul2{padding-left:20px; }
	.section1 > .span1 > .ul2 > li{width: 100%;}
	.section1 > .span1 > .ul2 > .li1{border-right: none;padding-right: 0;padding-bottom:0;padding-left: 10px;border-left:  2px solid #b7cee0;position: relative;}
	.section1 > .span1 > .ul2 > .li1:BEFORE{content: "";position: absolute;width: 70px;height: 70px;border-radius:50%;background:#75b3d8;top: -70px;left: -36px; }
	.section1 > .span1 > .ul2 > .li1:AFTER{content: "";position: absolute;width: 52px;height: 25px;background-image:url("/img/sub_common_bg.png");
	background-position:0 -2559px;top: -50px;left: -26px; }
	.section1 > .span1 > .ul2 > .li2{padding-left: 10px;padding-bottom:40px;padding-top: 30px;border-left: 2px solid #b7cee0;}
	.section1 > .span1 > .ul2 > .li1 > .span{margin:15px auto auto 0;}
	.section1 > .span1 > .ul2 > .li2 > .span{margin:15px auto auto 0;}
	
	.mobile_h3{position: relative;margin-bottom: 15px;padding-left: 5px;}
	.mobile_h3:BEFORE {position: absolute;content: "";width: 20px;height:20px;border-radius:50%;left: -21.5px;top: 50%;margin-top: -10px;}
	.section1 > .span1 > .ul2 > .li1 .mobile_h3{margin-top: 50px;}
	.section1 > .span1 > .ul2 > .li1 .mobile_h3:BEFORE{background: #1c2c67;}
	.section1 > .span1 > .ul2 > .li2 .mobile_h3:BEFORE{background: #fdab7c;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span1 > .ul2 > li > .span .li1 p br{display: none;}
	.p_30{font-size: 25px;}
	
}