.sub_top{background-image: url("../img/s03_cn01_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;}
.p_32{font-size: 32px;line-height: 40px;}
.p_23{font-size: 23px;line-height:30px }
.p_14{font-size: 14px;line-height:20px }
.m_img{display: none !important;}
.section1 > .span{padding: 60px 55px; }
.section1 > .span1{background: url("../img/s03_cn01_02.jpg") repeat;}
.section1 > .span1 > h4{color: #2c848e;margin: 35px 0;text-align: center;}
.section1 > .span1 > .span{background: #fff;padding: 30px 40px 20px 40px;border: 1px solid #96a4a5;}
.section1 > .span1 > .span > h3{    margin-right: 12px;}
.section1 > .span1 > .span > .inline{display: inline-block;vertical-align: bottom;width: auto;text-align: left;}
.section1 > .span1 > .span > .in1{width: 60.1%;float: left;text-align: center;}
.section1 > .span1 > .span > .in2{width: 39.9%;float: left;text-align: center;}
.section1 > .span1 > .span > .span p{text-align: center;}
.section1 > .span1 > .span > .in1 .p2{color: #fff;border: 1px solid #3998c8;margin-top: 5px;padding: 5px 12px;background: #61b3db; display: inline-block;}
.section1 > .span1 > .span > .in2 .p2{color: #fff;border: 1px solid #c13119;margin-top: 5px;padding: 5px 12px;background: #ff583d;display: inline-block;}

.section1 > .span2{background-repeat: repeat;text-align: center;}
.section1 > .span2 > h1{margin-bottom: 50px;color: #fff;}
.section1 > .span2 > ul{width: 100%;max-width: 986px;margin: 0 auto;}
.section1 > .span2 > ul li{width: 49.3%;background: rgba(40,52,56,0.45);padding: 20px 20px 0 20px;position: relative;}
.section1 > .span2 > ul li:BEFORE{content: "";position: absolute;background: url("../img/s03_cn01_01.png") no-repeat;width:112px;height: 369px;z-index: 0;left: 50%;top: 50%;
margin-left: -56px;margin-top: -184.5px; }
.section1 > .span2 > ul .li1{margin-right: 1.4%;}
.section1 > .span2 > ul li > .span{display: table;width: 100%;height: 120px;background:rgba(219,243,253,0.7);z-index: 1;position: relative;}
.section1 > .span2 > ul li > .span h4{display: table-cell;width: 100%;text-align: center;vertical-align: middle;line-height: 27px;}
.section1 > .span2 > ul li > .s1{margin-bottom: 20px;}
.section1 > .span2 > ul li .p_32{height: 130px;line-height: 130px;color: #90d9fa;position: relative;z-index: 1;}
.section1 > .span2 > ul .red_span{color: #ff0101;}
.section1 > .span2 > ul .yellow_span{color: #fbf547;background: #95aeb2;padding: 2px 3px;}
.section1 > .span2 > .h4_1{color: #fff;text-align: center;margin: 40px 0 15px 0;}
.section1 > .span2 > .p_23_1{padding: 10px;position:relative;color: #fffe88;width: 100%;max-width: 986px;margin: 0 auto;}
.section1 > .span2 > .p_23_1 span{position: relative;z-index: 1;}
.section1 > .span2 > .p_23_1:BEFORE {
    background-image: -webkit-linear-gradient(to left,rgba(28,79,122,0),rgba(28,79,122,0.4));
    background-image: -ms-linear-gradient(to left,rgba(28,79,122,0),rgba(28,79,122,0.4));
    background-image: -moz-linear-gradient(to left,rgba(28,79,122,0),rgba(28,79,122,0.4));
    background-image: -o-linear-gradient(to left,rgba(28,79,122,0),rgba(28,79,122,0.4));
	background-image: linear-gradient(to left,rgba(28,79,122,0),rgba(28,79,122,0.4));
content: ""; position: absolute;width: 50%;height: 100%;top:0;right:0;z-index: 0; }
.section1 > .span2 > .p_23_1:AFTER {
    background-image: -webkit-linear-gradient(to right,rgba(28,79,122,0),rgba(28,79,122,0.4));
    background-image: -ms-linear-gradient(to right,rgba(28,79,122,0),rgba(28,79,122,0.4));
    background-image: -moz-linear-gradient(to right,rgba(28,79,122,0),rgba(28,79,122,0.4));
    background-image: -o-linear-gradient(to right,rgba(28,79,122,0),rgba(28,79,122,0.4));
	background-image: linear-gradient(to right,rgba(28,79,122,0),rgba(28,79,122,0.4));
content: ""; position: absolute;width: 50%;height: 100%;top:0;left:0;z-index: 0;}

.section1 > .span2 > .p-23{display: inline-block;vertical-align: top;height: 217px;width: 217px;border-radius:50%;background: #072024;color: #c5e9ff;padding-top: 50px;margin:40px 54px 40px 0;
position: relative;}
.section1 > .span2 > .p-23:AFTER{content: "";position: absolute;width: 54px;height:3px;border-top: 3px solid #072024;right:-54px;top: 50%;margin-top: -1.5px; }
.section1 > .span2 > .p-23 span{border-bottom: 1px solid #c5e9ff;}
.section1 > .span2 > .p-23-3{margin:40px 0 40px 0;}
.section1 > .span2 > .p-23-3:AFTER{display: none;}
.section1 > .span2 > .s_tail{background-repeat: no-repeat;height:267px;padding: 86px 20px 0 20px;position: relative; }
.section1 > .span2 > .s_tail:BEFORE{content: "";position: absolute;background-image: url("/img/sub_common_bg.png");background-position: 0 -1929px;width: 43px;height: 39px;left: 50%;
margin-left: -21.5px;top: 23.5px;}
.section1 > .span2 > .s_tail h2{color:#1f474f; }
.section1 > .span2 > .s_tail h4{color: #0c8193;margin-top: 14px;}

.section1 > .span3{background-repeat: repeat;text-align: center;}
.section1 > .span3 > h3{background: #fff;border: 1px solid #e6e3ea;display: inline-block;color: #5a5a5a;padding: 8px 30px;margin: 40px 0 15px 0;}
.section1 > .span3 > span{border: 1px solid #ccc;padding: 10px;max-width: 1006px;margin: 25px auto 0 auto;background-color: rgba(255,255,255,0.5);}
.section1 > .span3 > .s2{}
.section1 > .span3 > span .p1{color: #fff;width: 110px;height: 25px;line-height: 25px;border-radius:30px;margin:9px auto; }
.section1 > .span3 > span .p2{margin-bottom: 15px;}
.section1 > .span3 > .s1 .p1{background: #a01ff5;margin: 0 auto 9px auto;}
.section1 > .span3 > .s2 .p1{background: #6442f8;}
.section1 > .span3 > .s1 > span{padding-top:9px;
	background-image: -webkit-linear-gradient(to bottom,rgba(88,0,145,0.15),rgba(88,0,145,0) 50%);
    background-image: -ms-linear-gradient(to bottom,rgba(88,0,145,0.15),rgba(88,0,145,0) 50%);
    background-image: -moz-linear-gradient(to bottom,rgba(88,0,145,0.15),rgba(88,0,145,0) 50%);
    background-image: -o-linear-gradient(to bottom,rgba(88,0,145,0.15),rgba(88,0,145,0) 50%);
    background-image: linear-gradient(to bottom,rgba(88,0,145,0.15),rgba(88,0,145,0) 50%);}
.section1 > .span3 > .s2 .p4{color: #fff;width: 110px;height: 25px;line-height: 25px;border-radius:30px;background: #176d3c;margin: 10px auto;}
.section1 > .span3 > .s2 > span{margin: 0 auto 0 0;width: 40%;}

.section_div .youtube_wrap{padding:50px;}

@media only screen and (max-width: 1023px) {
	.section_div .youtube_wrap{padding:20px;}
	.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 > .span1 > .span{padding: 23px 10px 15px 10px;}
	.section1 > .span2 > .p-23 br{display: block;}
	.section1 > .span2 > ul li > .span h4{font-size:15px; }
	.section1 > .span2 > .p-23{width: 186px;height: 186px;margin: 40px 10px 40px 0;padding-top: 35px;}
	.section1 > .span2 > .p-23-3{margin: 40px 0 40px 0;}
	
}


@media only screen and (max-width: 640px) {
	.pc_img{display: none !important;}
	.m_img{display: block !important;}
	
	.section1 > .span1 > .span p{font-size: 11px;}
	.section1 > .span1 > h4 br{display: none;}
	
	.section1 > .span2 > h1{font-size: 25px;}
	.section1 > .span2 > ul li > .span h4{padding: 0 5px;font-size: 13px;}
	.section1 > .span2 > ul li .p_32{font-size: 23px;}
	.section1 > .span2 > .h4_1 br{display: none;}
	.section1 > .span2 > .s_tail h4 br,
	.section1 > .span2 > .s_tail h2 br{display: none;}
	.section1 > .span2 > .p-23{width: 103px;height: 103px;font-size: 14px;line-height: 18px;padding-top: 16px;}
	
	.section1 > .span3 > .s2 .p3{font-size: 12px;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	
}