.sub_top{background-image: url("../img/s03_cn02_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;}

h1,h2,p{text-align: center;}
.m_img{display: none !important;}
.p_22{font-size: 22px;line-height: normal;}

.section1 > .span3 > .s_common{background: #fff;padding: 30px 40px 20px 40px;text-align: left;}
.section1 > .span3 > .s_common > h3{    margin-right: 12px;}
.section1 > .span3 > .s_common > .inline{display: inline-block;vertical-align: bottom;width: auto;text-align: left;margin-bottom: 5px;}
.section1 > .span3 > .s_common > .in1{width: 60.1%;float: left;text-align: center;}
.section1 > .span3 > .s_common > .in2{width: 39.9%;float: left;text-align: center;}
.section1 > .span3 > .s_common > .span p{text-align: center;}
.section1 > .span3 > .s_common > .in1 .p2{color: #fff;border: 1px solid #3998c8;margin-top: 5px;padding: 5px 12px;background: #61b3db; display: inline-block;}
.section1 > .span3 > .s_common > .in2 .p2{color: #fff;border: 1px solid #c13119;margin-top: 5px;padding: 5px 12px;background: #ff583d;display: inline-block;}



.section1 > .span{padding: 60px 55px; }

.section1 > .span1{background: url("../img/s03_cn02_02.jpg") no-repeat;background-position: 80% 0;height: 457px;}
.section1 > .span1 *{text-align: center;}
.section1 > .span1 > span{padding: 30px;background: #fff;margin: 55px auto 0 auto;max-width: 730px;border-radius:10px;}
.section1 > .span1 > span li > h4,
.section1 > .span1 > span li > p{padding: 8px 0;}
.section1 > .span1 > span .li2 > p{border-top: 1px dashed #b4b4b4;border-bottom: 1px dashed #b4b4b4;}
.section1 > .span1 > span li h4{float: left;width: 17.3%;text-align: left;}
.section1 > .span1 > span li h4 span{width: 100px;display: inline-block;text-align: left;height: 30px;line-height: 30px;color: #fff;border-radius:30px;vertical-align: top;
padding-left: 13px;}
.section1 > .span1 > span .li1 h4 span{background: #80bbdb;}
.section1 > .span1 > span .li2 h4 span{background: #4fa0cf;}
.section1 > .span1 > span .li3 h4 span{background: #2d95d2;}
.section1 > .span1 > span li p{float: left;width: 82.7%;text-align: left;color: #323232;}

.section1 > .span2{background-repeat: repeat;text-align: center;}
.section1 > .span2 > h1{color: #fff;}
.section1 > .span2 > ul{background:#fff;margin: 50px 0 35px 0;padding: 20px 0;}
.section1 > .span2 > ul li{text-align: center;padding: 0 60px;}
.section1 > .span2 > ul .li1{width: 54%;border-right: 1px dashed #e0e0e2;}
.section1 > .span2 > ul .li2{width: 46%;}
.section1 > .span2 > ul .li1 h3{background:#7ac1b3;border-radius:5px;padding: 10px 0;margin-bottom: 15px; }
.section1 > .span2 > ul .li2 h3{background: #81c2e0;border-radius:5px;padding: 10px 0;margin-bottom: 15px;}
.section1 > .span2 > ul li h4{display: inline-block;vertical-align: top;border: 1px solid;padding: 6px 15px;border-radius:5px;}
.section1 > .span2 > ul .li1 h4{color: #7bbdb1;border-color: #7bbdb1;}
.section1 > .span2 > ul .li2 h4{color: #80c0db;border-color: #80c0db;}
.section1 > .span2 > ul li p{display: inline-block;vertical-align: top;padding: 10px 12px 0 12px;}
.section1 > .span2 > h4{max-width: 602px;margin: 0 auto;background: #fff;height: 32px;line-height: 32px;text-align: left;}
.section1 > .span2 > h4 span{display: inline-block;width: 120px;background:#323232;color: #fff;text-align: center; margin-right: 20px;}
.section1 > .span2 > .h4_2{margin:13px auto 30px auto; }
.section1 > .span2 > h3{display: inline-block;color: #9bf6e5;font-weight: normal;position: relative;}
.section1 > .span2 > h3 .s1{border-bottom: 1px solid #9bf6e5;}
.section1 > .span2 > h3 .in1{position: absolute;top: -20px;left: -15px;font-size: 35px;}
.section1 > .span2 > h3 .in2{position: absolute;top: -20px;right: -15px;font-size: 35px;}

.section1 > .span3{background-repeat: repeat;text-align: center;}
.section1 > .span3 > h1{color: #fff;}
.section1 > .span3 > h4{color: #fff;margin: 20px 0 50px 0;}
.section1 > .span3 > .s1{background-repeat: repeat;padding: 15px;}
.section1 > .span3 > .s1 *{color: #323232;}
.section1 > .span3 > .s2{margin-top: 20px;}
.section1 > .span3 > .s2 li{padding: 9px;height: 280px;}
.section1 > .span3 > .s2 .li1{width: 6.5%;background: #286ac1;display: table;}
.section1 > .span3 > .s2 .li1 p{display: table-cell;vertical-align: middle;color: #fff;line-height: 25px;text-align: center;}
.section1 > .span3 > .s2 .li2{width: 20%;background: #fff;}
.section1 > .span3 > .s2 .li3{width: 100%;background: #fff;display: table;padding-left: 45px;}
.section1 > .span3 > .s2 .li3 *{text-align: left;}
.section1 > .span3 > .s2 .li3 > span{display: table-cell;vertical-align: middle;}
.section1 > .span3 > .s2 .li3 > span p{margin: 30px 0 15px 0;}
.section1 > .span3 > .s2 .li3 > span h4{color: #2769bd;border-left: 2px solid #2769bd;padding-left: 12px;}
.section1 > .span3 > .s2 .li2 span{overflow: hidden;height: 100%;}
.section1 > .span3 > .s2 .li2 span img{transform: translate(0px, -16%);}

.section1 > .span4 > .h2_1{color: #5396c0;margin: 55px 0 30px 0;}
.section1 > .span4 > .s1{margin: 47px auto;max-width: 855px;position: relative;}
.section1 > .span4 > .s1 ul{width: 100%;position: absolute;left: 0;bottom: 0;}
.section1 > .span4 > .s1 li{width: 20%;border: 1px solid #ececee;border-left: none;}
.section1 > .span4 > .s1 .li1{border-left: 1px solid #ececee;}
.section1 > .span4 > .s1 li *{text-align: center;}
.section1 > .span4 > .s1 li > span{display: table;width: 100%;}
.section1 > .span4 > .s1 li > span h4{display: table-cell;width: 100%;vertical-align: middle;font-size: 16px;}
.section1 > .span4 > .s1 li .in1{height: 60px;background:rgba(43,43,43,0.65); }
.section1 > .span4 > .s1 li .in1 h4{color: #fff;font-weight: normal;}
.section1 > .span4 > .s1 li .in1 h4 span{font-size: 12px;}
.section1 > .span4 > .s1 li .in2{height: 70px;background:rgba(255,255,255,0.65); }
.section1 > .span4 > .h2_2{color: #5397bc;padding-top: 50px;border-top: 1px dashed #dfdfdf;}
.section1 > .span4 > .p2{margin: 30px 0;}

.section1 > .span4 .pc-span{max-width: 1055px;margin: 50px auto;}
.section1 > .span4 .m-span{display: none;max-width: 572px;margin: 40px auto;}

@media only screen and (max-width: 1023px) {
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.section1 > .span3 > .s2 li p br,
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	.p_22{font-size: 18px;}
	.section1 > .span3 > .s_common{padding: 23px 10px 15px 10px;}
	
	.section1 > .span1 > span li h4 span{height: 22px;line-height: 22px;width: 90px;}
	
	.section1 > .span2 > ul{padding: 20px 60px; margin: 30px 0 25px 0}
	.section1 > .span2 > ul .li1{width: 100%;padding:0 0 10px 0;border-right: none; }
	.section1 > .span2 > ul .li2{width: 100%;padding:10px 0 0 0;border-top: 1px dashed #e0e0e2;}
	
	.section1 > .span3 > .s2 li{height: 310px;}
	.section1 > .span3 > .s2 .li2 span img{transform: translate(0px,-12%);display: inline;vertical-align: middle;}
	.section1 > .span3 > .s2 .li2{width: 30%;text-align: left;}
/* 	.section1 > .span3 > .s2 .li3{width: 63.5%;padding-left: 0;} */
	
	.section1 > .span4 > .h2_1{margin: 35px 0 20px 0;}
	.section1 > .span4 > .s1{margin: 30px auto;}
	.section1 > .span4 > .p2{margin: 25px 0;}

	.section1 > .span4 > .s1 li .in1{height: 80px;}	
}


@media only screen and (max-width: 640px) {

	.section1 > .span4 .pc-span{display: none;}
	.section1 > .span4 .m-span{display: block;}

	.pc_img{display: none !important;}
	.m_img{display: block !important;}
	
	.section1 > .span3 > .s_common p{font-size: 11px;line-height: normal;}
	
	.section1 > .span1 > span{padding: 20px;}
	.section1 > .span1 > span li h4{width: 30%;}
	.section1 > .span1 > span li p{width: 70%;}
	.section1 > .span1 > span li h4 span{width: 80px;padding-left: 8px;}
	
	.section1 > .span2 > ul{padding: 20px 30px;}
	.section1 > .span2 > ul li h4{padding: 5px 10px;}
	.section1 > .span2 > ul li p{padding:8px; }
	.section1 > .span2 > h4{font-size: 11px;}
	.section1 > .span2 > h4 span{width: 70px;margin-right: 7px;}
	.section1 > .span3 > .s2 li h4 br{display: none;}
	.section1 > .span3 > .s2 li{padding: 0px;height: 210px;}
	.section1 > .span3 > .s2 .li2 span{line-height: 190px;padding:0 5px;}
	.section1 > .span3 > .s2 .li2 span img{transform: unset;}
	.section1 > .span3 > .s2 .li1 p{font-size: 13px;line-height: 15px;}
	.section1 > .span3 > .s2 .li3 > span{padding: 5px;}
/* 	.section1 > .span3 > .s2 .li3 > span h3{font-size: 14px;} */
	.section1 > .span3 > .s2 .li3 > span p{}
	.section1 > .span3 > .s2 .li3 > span h4{}
	.section1 > .span3 > .s2 .li3{padding:0 10px;}
	.section1 > .span3 > .s2 .li3 > span{padding:0;}
	
	.section1 > .span4 > .s1 li .in1{height: 70px;}
	.section1 > .span4 > .s1 li .in2{height: 40px;}
	.section1 > .span4 > .s1 li .in2 h4,
	.section1 > .span4 > .s1 li .in1 h4{font-size: 11px;}
	.section1 > .span4 > .s1 li .in1 h4 span{font-size: 10px;}
	.section1 > .span4 > .s1 ul{bottom: -40px;}
	.section1 > .span4 > .s1{margin: 30px auto 70px auto;}
	.section1>.span3>.s2 .li3>span p{font-size:11px;margin:10px 0 5px 0;line-height: normal;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span2 > ul li h4{padding: 6px 10px;}
	
	.section1 > .span3 > .s2 .li2 span img{transform: translate(0px, -9%);}
}