.sub_top{background-image: url("../img/s08_cn01_01.jpg");height: 175px;}
.sub_top_txt p{color: #afabac;}
.sub_top_txt h1{color: #fff;}

.video_tag{display: block;width: 100%;max-width: 640px;}

/* list */
.paging{text-align: center;}
.paging a{cursor: pointer;border: 1px solid #ebebeb;height: 35px;width: 35px;text-align: center;line-height: 35px;font-size: 18px;margin-left: 20px;}
.paging a:FIRST-CHILD{margin-left: 0;}
.paging a:hover{opacity:0.5}
.paging .selected{font-weight: bold;background: #cdd8de;}
.paging .paging-side{display: none;}

/* list */

p .custom_br{display: none;}
.p_24{font-size: 24px;line-height: normal;}
.p_14{font-size: 14px;line-height: normal;}
.p_30{font-size: 30px;line-height: normal;}
.p_32{font-size: 32px;line-height: normal;}
.section1 > .span1{padding:20px 55px;}
.section1 > .span1 > .s1{max-width: 835px;margin: 0 auto 20px auto;padding: 10px;text-align: center;}
.section1 > .span1 > .s1 h3{text-align: center;color: #ff5621;margin-bottom: 8px;display: inline-block;padding-left: 47px;position: relative;}
.section1 > .span1 > .s1 h3 span{position: absolute;background-image: url("/img/icon_png.png");width: 39px;height: 39px;background-position: -2px -1246px;left: 0;top: -5px;}
.section1 > .span1 > .s1 h3:BEFORE{content: "";width: 23px;height: 55px;border: 2px solid #cfd6dc;border-right: none;position: absolute;left: -30px;top: 0;}
.section1 > .span1 > .s1 h3:after{content: "";width: 23px;height: 55px;border: 2px solid #cfd6dc;border-left: none;position: absolute;right: -30px;top: 0;}
.section1 > .span1 > .s1 p{text-align: center;color:#959595; }
.section1 > .span1 > .s2{background: url("../img/s08_cn01_03.gif") repeat; padding: 22px 0 30px 0;}
.section1 > .span1 ul{max-width:996px;margin: 0 auto 32px auto;background: #fff;border-radius:50px;}
.section1 > .span1 li{height: 52px;position: relative;z-index:1;
	width: 20%;
}
/* .section1 > .span1 .on:AFTER{content: "";border: 5px solid #fefff9;position: absolute;width: 100%;height: 100%;top: -5px;;left: -5px;background: none;z-index: -1;} */
.section1 > .span1 .li0 > .a_on{
	background: #68c0f0;
}
.section1 > .span1 .li1 > .a_on{
	background: #63dd54;
}
.section1 > .span1 .li2 > .a_on{
	background: #fda43c;
}
.section1 > .span1 .li3 > .a_on{
	background: #ff583d;
}
.section1 > .span1 .li4 > .a_on{
	background: #a31f0a;
}
.section1 > .span1 li a{text-align: center;line-height: 52px;height: 100%;width: 100%;display: block;font-weight: bold;color: #9e9e9e;font-size: 18px;}
.section1 > .span1 li .p_24{position: absolute;right: 15px;bottom: -32px;height: 29px;}
.section1 > .span1 .li0 .p_24{color: #5eb2e0;}
.section1 > .span1 .li1 .p_24{color: #62c654;}
.section1 > .span1 .li2 .p_24{color: #e99d45;}
.section1 > .span1 .li3 .p_24{color: #ec472b;}
.section1 > .span1 .li4 .p_24{color: #901704;}
.section1 > .span1 .on a{font-size: 20px;border-radius:50px;color: #fff;    
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.34);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.34);}

.section1 > .span2{padding:20px 55px;}
.section1 > .span2 .s00{text-align: center;margin-bottom: 20px;}
.section1 > .span2 .small_subject{width: 265px;height: 55px;border: 1px solid #b4b4b4;border-radius:50px;color: #b4b4b4;font-weight: bold;margin-left: 10px;line-height: 55px;font-size: 22px;}
.section1 > .span2 .subject_on{color: #fff;background: #0071b0;border-color: #0071b0;}
.section1 > .span2 .s00 > a:FIRST-CHILD{margin-left: 0;}
.section1 > .span2 > .p_32{text-align: center;color: #323232;margin-bottom: 20px;}
.section1 > .span2 > .s1{border-top: 2px solid #b2b2b2;border-bottom: 1px solid #eaeaea;padding: 10px 55px;}
.section1 > .span2 > .s2{border-bottom: 1px solid #b2b2b2;padding: 10px 55px;}
.section1 > .span2 > .s1 ul{max-width: 770px;margin-left: 0;}
.section1 > .span2 > .s1 li{width: 33.333%;}
.section1 > .span2 > .s1 li p{display: inline-block;vertical-align: top;}
.section1 > .span2 > .s2 > span{max-width: 770px;margin-left: 0;}
.section1 > .span2 > .s2 p{display: inline-block;vertical-align: top;}
.section1 > .span2 > .span_thead .p1{background:#ddf3ff;color: #323232;font-weight: bold;width: 100px;height: 25px;line-height: 25px;text-align: center;border-radius:30px; }
.section1 > .span2 > .span_thead .p2{padding-left: 28px;}

.section1 > .span2 > .s3{background-repeat: repeat;margin:30px 0 45px 0;padding: 20px 10px 20px 0; }
.section1 > .span2 > .s3 ul{max-width: 1040px;}
.section1 > .span2 > .s3 li{border: 1px solid #263741;background: #fff;}
.section1 > .span2 > .s3 li *{text-align: center;}
.section1 > .span2 > .s3 li > .p_30{border-bottom: 1px solid #263741;color: #fff;padding: 2px; }
.section1 > .span2 > .s3 .li2{position: relative;}
.section1 > .span2 > .s3 .li2:AFTER{position: absolute;content: "";background-image: url("/img/icon_png.png");background-position: 0 -1096px;top: 50%;right: -88px;
margin-top:-44px;width: 132px;height: 88px; }
.section1 > .span2 > .s3 .li2 > .p_30{background: #1e4c66;}
.section1 > .span2 > .s3 .li3 > .p_30{background: #00a3fe;}
.section1 > .span2 > .s3 .li2{width: 40%;margin: 0 4% 0 16%;}
.section1 > .span2 > .s3 .li3{width: 40%;}
.section1 > .span2 > .s3 li > span{padding: 0 5px;position: relative;}
.section1 > .span2 > .s3 li > span .h4_1{padding-top: 15px;}
.section1 > .span2 > .s3 .li2 > span .h4_1{color: #fd5a55;}
.section1 > .span2 > .s3 .li3 > span .h4_1{color: #56abd2;}
.section1 > .span2 > .s3 li > span p{margin-top: 10px;}
.section1 > .span2 > .s3 li > span .h4_2{position: absolute;bottom:10px;left: 0;width: 100%;background: rgba(139,211,253,0.6);}
.section1 > .span2 > .s3 .li2 > span .h4_2{color: #323335;}
.section1 > .span2 > .s3 .li3 > span .h4_2{color: #00a5ff;}
.section1 > .span2 > .s3 li > span .h4_2 span{margin-right: 15px;}

.section1 > .span2 > .span_result{margin-bottom: 35px;}
.section1 > .span2 > .span_result ul{max-width: 1040px;}
.section1 > .span2 > .span_result .li1{width: 16%;}
.section1 > .span2 > .span_result .li2{width: 40%;margin-right: 4%;padding: 6px;border: 1px solid #cfd6dc;}
.section1 > .span2 > .span_result .li3{width: 40%;padding: 6px;border: 1px solid #cfd6dc;}
.section1 > .span2 > .span_result .li1 .p_24{width: 130px;margin-left: 0;height: 55px;line-height: 55px;color: #323232;text-align: center;border-top: 6px solid #86aac4;}
.section1 > .span2 > .span_result li > .p_30{height: 48px;line-height: 48px;float: left;margin-top: 6px;}
.section1 > .span2 > .span_result li > span{height: 48px;float: right;margin-top: 6px;}

@media only screen and (max-width: 1023px) {
	.section1 > .span1{padding:35px 20px; }
	
	.section1 > .span2{padding: 20px 20px;}
	.section1 > .span2 > .s1,
	.section1 > .span2 > .s2{padding:10px 30px; }
	.section1 > .span2 > .span_thead .p2{padding-left: 10px;}
	.section1 > .span2 > .s3 li > span p br,
	p .custom_br{display: block;}
	
	.section1 > .span2 > .s3 li > .p_30{font-size: 25px;}
	.section1 > .span2 > .s3{padding: 20px 10px;margin: 20px 0 35px 0;}
	.section1 > .span2 > .s3 .li2{width: 49%;margin:0 2% 0 0; }
	.section1 > .span2 > .s3 .li3{width: 49%;}
	.section1 > .span2 > .span_result{margin-bottom: 28px;}
	.section1 > .span2 > .span_result .li1{width: 100%;margin-bottom: 10px;}
	.section1 > .span2 > .span_result .li1 .p_24{margin-left: auto;margin-right: auto;}
	.section1 > .span2 > .span_result .li2{    width: 49%;margin-right: 2%;}
	.section1 > .span2 > .span_result .li3{ width: 49%;}
	.section1 > .span2 > .span_result li > .p_30{font-size: 25px;height: 42px;line-height: 42px;}
	.section1 > .span2 > .span_result li > span{height: 42px;}
	
	.section1 > .span1 > .s2{padding: 22px 10px 55px 10px;}
	
	.section1 > .span2 .small_subject{width: 180px;}
}

@media only screen and (max-width: 820px){
.section1 > .span2 > .s3 .li2:AFTER{background-position: 0 -1195px;top: 40px;right: -45px;margin-top:0;height: 38px;width: 81px; }
}

@media only screen and (max-width: 640px) {
	.paging a{margin-left: 10px;}
	.section1 > .span1 li a{font-size: 12px;}
	.section1 > .span1 .on a{font-size: 13px;}
	.section1 > .span1 li .p_24{font-size: 16px;right: 8px;}
	
	.section1 > .span2 > .span_thead p{font-size: 14px;}
	.section1 > .span2 > .span_thead .p2{padding-left: 5px;}
	.section1 > .span2 > .s1, .section1 > .span2 > .s2 {padding: 10px 5px;}
	.section1 > .span2 > .span_thead .p1{border-radius:15px;width: 50px;}
	
	.section1 > .span2 > .s3 .li3 > span .h4_1{font-size: 14px;}
	.section1 > .span2 > .s3 li > span p{font-size: 12px;}
	
	.section1 > .span2 > .span_result li > .p_30{font-size: 16px;height: 28px;line-height: 28px;}
	.section1 > .span2 > .span_result li > span{height: 28px;}
	.section1 > .span2 > .span_result li > span h4{font-size: 10px;}
	.section1>.span1>.s1 h3:before,
	.section1>.span1>.s1 h3:after{height: 75px;}
	
	.section1>.span1{padding: 20px;}
	.section1>.span1>.s1{margin: 0 auto 20px auto;}
	.section1 > .span1 > .s2{padding: 22px 10px 15px 10px;}
	
	.section1 > .span2 .small_subject{width: 90px;height: 35px;font-size: 16px;line-height: 35px;margin-left: 5px;}
}

@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span1{padding:55px 20px;}
	.section1 > .span2{padding: 20px 20px;}
	
	.section1 > .span1 > .s2{padding: 22px 10px 55px 10px;}
}