.sub_top{background-image: url("../img/s06_cn02_01.jpg");height: 440px;background-position:30% 0;}
.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;}

.custom_br{display: none;}
h1,h2,p{text-align: center;}
.p_48{font-size: 48px;line-height: normal;}
.p_30{font-size: 30px;line-height: normal;}
.p_24{font-size: 24px;line-height: normal;}
.p_14{font-size: 14px;line-height: normal;}
.block_li{width: 100%;height: 0;display: none;}

.m_img {display: none !important;}

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

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


.section1 > .span1{background: url("../img/s06_cn02_02.jpg") no-repeat;background-position: 60% 0;}
.section1 > .span1 *{color: #fff;text-align: center;}
.section1 > .span1 > h3{color: #fcfe81;}
.section1 > .span1 > h4{margin: 30px 0 20px 0;}
.section1 > .span1 .std_li{width: 215px;height: 215px;margin-left: 15px;display: inline-block;vertical-align: top;border-radius:50%;padding-top: 40px;}
.section1 > .span1 .std_li h4{font-weight: normal;margin-top: 10px;}
.section1 > .span1 .std_li p span{font-weight: bold;font-size: 48px;}
.section1 > .span1 .li1{margin-left: 0;background: #c4a47e;}
.section1 > .span1 .li2{background: #84a9bc;}
.section1 > .span1 .li3{background: #5d6677;}
.section1 > .span1 .li4{background: #262f40;}

.section1 > .span2{padding: 45px 0 25px 0;margin: 0 55px;}
.section1 > .span2 > h4{float: left;width: 25%;text-align: center;padding-top: 57px;position: relative;cursor: pointer;color: #cac7d0;}
.section1 > .span2 > h4:BEFORE{content: "";position: absolute;top: 23.5px;left: 0;width: 50%;height: 8px;background: #fff;border-top: 1px solid #e5e5e7;
border-bottom: 1px solid #e5e5e7;z-index: 0;}
.section1 > .span2 > h4:AFTER{content: "";position: absolute;top: 23.5px;left: 50%;width: 50%;height: 8px;background: #fff;border-top: 1px solid #e5e5e7;
border-bottom: 1px solid #e5e5e7;z-index: 0;}
.section1 > .span2 > .h4_1:BEFORE,
.section1 > .span2 > .h4_4:AFTER{display: none;}
.section1 > .span2 > h4 .s1{position: absolute;width: 47px;height: 47px;top: 5px;left: 50%;margin-left: -23.5px;background: #fff;border: 6px solid #cac7d0;
border-radius:50%;z-index: 1;}
.section1 > .span2 > .on{color: #323232;}
.section1 > .span2 > .h4_1 .on{border-color:#c5a47f;}
.section1 > .span2 > .h4_2 .on{border-color:#84a8bb;}
.section1 > .span2 > .h4_3 .on{border-color:#5c6778;}
.section1 > .span2 > .h4_4 .on{border-color:#263041;}

.section1 > .view_4s{height: 0;overflow: hidden;padding: 0;margin: 0;position: relative;border: none;}
.section1 > .view_on{height: auto;overflow: visible;padding: 50px 50px;margin: 0 55px 60px 55px;border: 1px solid #707070;border-top:9px solid; 
	height: 100%;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;}

.section1 > .span3{border-top-color:#c5a47f; }
.section1 > .span4{border-top-color:#84a8bb;}
.section1 > .span5{border-top-color:#5c6778;}
.section1 > .span6{border-top-color:#263041;}

.section1 > .view_on:before{content: "";position: absolute;width: 24px;height: 14px;margin-left: -12px;top: -22px;background-image: url("/img/sub_common_bg.png");}
.section1 > .span3:before{background-position: 0 -2360px;left:12.5%;  }
.section1 > .span4:before{background-position: 0 -2376px;left:37.5%;}
.section1 > .span5:before{background-position: 0 -2392px;left:62.5%;}
.section1 > .span6:before{background-position: 0 -2408px;left:87.5%;}

.section1 > .view_4s > .s1{border-bottom: 1px solid #d6d6d6;padding-bottom: 50px;}
.section1 > .view_4s > .s1 *{text-align: left;}
.section1 > .view_4s > .s1 .li1{width: 25%;border-right: 1px solid #b7b7b7;height: 69px;}
.section1 > .view_4s > .s1 .li2{width: 75%;height: 69px;display: table;padding-left: 20px;}
.section1 > .view_4s > .s1 .li2 p{display: table-cell;vertical-align: middle;}
.section1 > .span4 > .s1 .li1{width: 47%;}
.section1 > .span4 > .s1 .li2{width: 53%;}
.section1 > .span3 > .s1 .li1 .p_30{color: #c5a47f;}
.section1 > .span4 > .s1 .li1 .p_30{color: #84a8bb;}
.section1 > .span5 > .s1 .li1 .p_30{color: #5c6778;}
.section1 > .span6 > .s1 .li1 .p_30{color: #263041;}


.section1 > .view_4s > .s2{margin-top: 30px;}
.section1 > .view_4s > .s3{margin-top: 45px;}
.section1 > .view_4s > .s2 > .h4_1,
.section1 > .view_4s > .s3 > .h4_1{display: table;vertical-align: top;height: 54px;padding: 0 25px;color: #fff;margin-bottom: 25px;    
	-webkit-box-shadow: 5px 5px 0px 0px #e3e3e1;
    -moz-box-shadow: 5px 5px 0px 0px #e3e3e1;
    box-shadow: 5px 5px 0px 0px #e3e3e1;}
.section1 > .view_4s > .s2 > .h4_1 span,
.section1 > .view_4s > .s3 > .h4_1 span{vertical-align: middle;display: table-cell;}
.section1 > .span3 > .s2 > .h4_1,
.section1 > .span3 > .s3 > .h4_1{background: #c5a47f;}
.section1 > .span4 > .s2 > .h4_1,
.section1 > .span4 > .s3 > .h4_1{background: #84a8bb;}
.section1 > .span5 > .s2 > .h4_1,
.section1 > .span5 > .s3 > .h4_1{background: #5c6778;}
.section1 > .span6 > .s2 > .h4_1,
.section1 > .span6 > .s3 > .h4_1{background: #263041;}

.section1 > .view_4s > .s2 > .p1,
.section1 > .view_4s > .s3 > .p1{text-align: left;margin-bottom: 25px;}

#s2_span_img{display: inline-block;}
#s2_span_p_14{display: inline-block;}

.section1 > .span3 > .s3 li{border: 1px solid #e5e5e7;text-align: center;padding: 25px 20px;height: 310px;}
.section1 > .span3 > .s3 .li1{width: 28%;}
.section1 > .span3 > .s3 .li2{width: 40%;margin-left: 2%;}
.section1 > .span3 > .s3 .li3{width: 28%;margin-left: 2%;}
.section1 > .span3 > .s3 li .p1{margin: 20px 0;}
.section1 > .span3 > .s3 li .inline_p{width: 163px;display: inline-block;vertical-align: top;color: #fff;font-weight: bold;margin-top: 5px;height: 36px;line-height: 36px;border-radius:5px;}
.section1 > .span3 > .s3 .li1 .inline_p{background: #5bb9dd;}
.section1 > .span3 > .s3 .li2 .inline_p{background: #8983b3;}
.section1 > .span3 > .s3 .li3 .inline_p{background: #5592d1;}
.section1 > .span3 > .s3 .li1 h4{color: #5bb9dd;}
.section1 > .span3 > .s3 .li2 h4{color: #8983b3;}
.section1 > .span3 > .s3 .li3 h4{color: #5592d1;}

.section1 > .span4 > .s3 > .p2{text-align: left;margin-bottom: 25px;}
.section1 > .span4 > .s3 > span{background-repeat: repeat;padding: 25px 13px;text-align: center;}
.section1 > .span4 > .s3 > span *{color: #144f71;text-align: center;}
.section1 > .span4 > .s3 > span > .h4_1 span{color:red; }
.section1 > .span4 > .s3 > span > .p_24 span{border-bottom: 1px solid #144f71;}
.section1 > .span4 > .s3 > span > .h4_2{background: #fff;display: inline-block;margin: 25px auto;padding: 15px 45px;border-radius:5px;}
.section1 > .span4 > .s3 > span > .h4_2 .in1{display: inline-block;margin-right: 75px;position: relative;}
.section1 > .span4 > .s3 > span > .h4_2 .in2{display: inline-block;margin-right: 45px;position: relative;}
.section1 > .span4 > .s3 > span > .h4_2 .in1:AFTER{content: "";position: absolute;background-image: url("/img/sub_common_bg.png");width: 33px;height: 33px;background-position: 0 -2433px;
top:50%;right:-45px;margin-top: -16.5px;}
.section1 > .span4 > .s3 > span > .h4_2 .in2:AFTER{content: "";position: absolute;background-image: url("/img/sub_common_bg.png");width: 33px;height: 33px;background-position: 0 -2467px;
top:50%;right:-45px;margin-top: -16.5px;}
.section1 > .span4 > .s3 > span > ul{max-width: 740px;margin: 0 auto;}
.section1 > .span4 > .s3 > span > ul li{width: 30.4%;margin-left: 4.4%;background: #97c1d9;border-radius:5px;height: 85px;}
.section1 > .span4 > .s3 > span > ul .li1{margin-left:0; }
.section1 > .span4 > .s3 > span > ul li .p1{background: #fff;width: 80px;height: 24px;line-height: 24px;border-radius:20px;margin: 15px auto 8px auto;}
.section1 > .span4 > .s3 > span > ul li .p2{color: #fff;}

.section1 > .span5 > .s2 > ul li{width: 50%;}
.section1 > .span5 > .s2 > ul li img{margin-left: 0;}
.section1 > .span5 > .s2 > ul li p{text-align: left;}
.section1 > .span5 > .s2 > ul .li2 h4{margin: 25px 0 20px;color: #5f749f;}
.section1 > .span5 > .s2 > ul .li2 .p_custom{padding-left: 23px;position: relative;}
.section1 > .span5 > .s2 > ul .li2 .p_custom:BEFORE {content: "";background-image: url("/img/sub_common_bg.png");width: 20px;height:13px;background-position:0 -588px;
position: absolute;top: 5px;left: 0;}
.section1 > .span5 > .s2 > .h4_2{margin-top: 25px;text-align: center;color:#f7595a;}

.section1 > .span5 > .s3 > span{background-repeat: no-repeat;padding: 40px 8px;text-align: center;background-position: 100% 0;background-size:cover; }
.section1 > .span5 > .s3 > span > h4{display: inline-block;border-bottom: 2px solid #5983d7;color: #5983d7;margin-bottom: 20px;}
.section1 > .span5 > .s3 > span li{height: 207px;width: 207px;background: #5f729a;display: inline-block;vertical-align: top;border-radius:50%;margin-left:40px;}
.section1 > .span5 > .s3 > span .li1{margin-left: 0;}
.section1 > .span5 > .s3 > span li h4{color:#a1b6d1;margin: 50px 0 10px 0;}
.section1 > .span5 > .s3 > span li p{color:#fff;}

.section1 > .span6 > .s2 > span{background-repeat: no-repeat;padding: 45px 35px;background-image: url("../img/s06_cn02_04.jpg");background-position: 30%;}
.section1 > .span6 > .s2 > span *{text-align: left;}
.section1 > .span6 > .s2 > span ul{max-width: 692px;height: 192px;margin:25px auto 0 0;position: relative; }
.section1 > .span6 > .s2 > span li{width: 50%;height: 100%;padding: 25px 30px;}
.section1 > .span6 > .s2 > span .li1{background: rgba(255,255,255,0.7);}
.section1 > .span6 > .s2 > span .li1 *{color: #232e40;}
.section1 > .span6 > .s2 > span .li2{background: rgba(156,174,186,0.7);}
.section1 > .span6 > .s2 > span .li2 *{color: #fff;}
.section1 > .span6 > .s2 > span li p{padding-left: 20px;position: relative;}
.section1 > .span6 > .s2 > span li p span{position: absolute;left: 0;top: 0;}
.section1 > .span6 > .s2 > span li h4{margin-bottom: 15px;text-align: center;}
.section1 > .span6 > .s2 > span li h4 span{border-bottom: 2px solid #262e41;display: inline-block;}
.section1 > .span6 > .s2 > span .li0{padding: 0;position: absolute;left: 50%;top: 50%;font-size: 30px;font-weight: bold;width: 40px;height: 40px;line-height: 40px;text-align: center;
margin-left: -23px;margin-top: -20px;}
.section1 > .span6 > .s2 > span .li0 .in1{color: #98abb9;}
.section1 > .span6 > .s2 > span .li0 .in2{color: #fff;}
.section1 > .span6 > .s3 ul li{width: 32.5%;border: 1px solid #cbcbcd;margin-left: 1.25%;height: 348px;padding: 30px 5px;text-align: center;}
.section1 > .span6 > .s3 ul .li1{margin-left: 0;}
.section1 > .span6 > .s3 ul li h4{text-align: center;margin-bottom: 18px;}
.section1 > .span6 > .s3 ul li p{height: 135px;width: 135px;border-radius:50%;color:#fff;display: inline-block;vertical-align: top;font-weight: bold;font-size: 15px;line-height: normal;}
.section1 > .span6 > .s3 ul .li1 p{background: rgba(74,98,141,0.5);}
.section1 > .span6 > .s3 ul .li2 p{background: rgba(23,114,127,0.5);}
.section1 > .span6 > .s3 ul .li3 p{background: rgba(68,124,46,0.5);margin-top: 40px;}
.section1 > .span6 > .s3 ul li p > span{display: table;width: 100%;height: 100%;}
.section1 > .span6 > .s3 ul li p > span > span{display: table-cell;vertical-align: middle;}
.section1 > .span6 > .s3 ul .li1 .p1{margin-bottom: -45px;}
.section1 > .span6 > .s3 ul .li2 .p1{margin-bottom: -45px;}
.section1 > .span6 > .s3 ul .li3 .p1{margin-right: -18px;}
.section_div .yt-sec{padding-top: 0;}
@media only screen and (max-width: 1023px) {
	.p_48{font-size: 32px;line-height: normal;}
	.p_30{font-size: 20px;line-height: normal;}
	.p_24{font-size: 16px;line-height: normal;}
	.p_14{font-size: 10px;line-height: normal;}
	.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;}
	.custom_br{display: block;}
	
	.section1 > .span .span_etc{padding: 23px 10px 15px 10px;}
	.section1 > .span1{background-size:cover; }
	.section1 > .span1 .std_li p span{font-weight: bold;font-size: 32px;}
	.section1 > .span1 .std_li{width: 130px;height: 130px;padding-top: 20px;}
	.section1 > .span1 .std_li h4{margin-top: 5px;font-size: 12px;}
	
	.section1 > .span2{padding: 40px 0 25px 0;margin: 0 20px;}
	.section1 > .view_4s{padding: 0;}
	.section1 > .view_on{padding: 40px 20px;margin: 0 20px 40px 20px;}
	
	.section1 > .view_4s > .s1{padding-bottom: 40px;}
	
	.section1 > .view_4s > .s1 .li1,
	.section1 > .view_4s > .s1 .li2{height: 47px;}
	.section1 > .view_4s > .s1 .li1 h3{font-size: 16px;}
	.section1 > .span4 > .s1 .li1{height: 65px;width: 30%;}
	.section1 > .span4 > .s1 .li2{height: 65px;width: 70%;}
	
	
	.section1 > .span3 > .s3 .li1,
	.section1 > .span3 > .s3 .li2,
	.section1 > .span3 > .s3 .li3{width: 100%;margin-left:auto;float: none;max-width: 690px;margin: 0 auto 12px auto;height: auto;}
	
	.section1 > .span4 > .s3 > span > ul li{height: 105px;}
	
	.section1 > .span5 > .s2 > ul .li2{padding-left: 10px;}
	.section1 > .span5 > .s3 > span li p br{display: block;}
	.section1 > .span5 > .s3 > span li{width: 164px;height: 164px;margin-left: 10px;}
	.section1 > .span5 > .s3 > span li h4{margin: 35px 0 10px 0;}
	
	.section1 > .span6 > .s2 > span{padding: 40px 15px;}
	
	.section1 > .span6 > .s3 ul li{height: 298px;}
	.section1 > .span6 > .s3 ul li p br{display: block;}
	.section1 > .span6 > .s3 ul li p{width: 105px;height: 105px;font-size:12px; }

}

@media only screen and (max-width: 800px) {
	.section1 > .span5 > .s2 > ul li p{font-size: 13px;}
	.section1 > .span5 > .s2 > ul .li2 h4{margin: 10px 0;}
	
	.section1 > .span6 > .s3 ul li{float: none;width: 100%;margin-left: auto;margin: 10px auto 0 auto;max-width: 400px;}
	.section1 > .span6 > .s3 ul .li1{margin-left: auto;margin: 0 auto 0 auto;}
}

@media only screen and (max-width: 640px) {
	
	.m_img {display: block !important;}
	.pc_img {display: none !important;}
	.block_li{display: block;height: 15px;}
	
	.section1 > .span .span_etc p{font-size: 11px;}
	.section1 > .span1 .li3{margin-left: 0;}
	
	.section1 > .view_4s > .s1 .li1 .p_30{font-size: 16px;}
	.section1 > .view_4s > .s1 .li1 h3{font-size: 13px;}
	.section1 > .view_4s > .s1 .li2 p{font-size: 12px;line-height: normal;}
	.section1 > .span4 > .s1 .li1{width: 45%;}
	.section1 > .span4 > .s1 .li2{width: 55%;}
	.section1 > .view_4s > .s1 .li1{width: 45%;}
	.section1 > .view_4s > .s1 .li2{width: 55%;}
	.section1 > .view_4s > .s1 .li1, .section1 > .view_4s > .s1 .li2{height: 37px;}
	.section1 > .span4 > .s1 .li1, .section1 > .span4 > .s1 .li2{height: 53px;}
	.section1 > .view_on{padding: 20px 20px;}
	.section1 > .view_4s > .s1{padding-bottom: 20px;}
	.section1 > .span3 > .s3 li .inline_p{font-size: 13px;width: 120px;}
	
	.section1 > .span4 > .s3 > span > .h4_1 br{display: none;}
	.section1 > .span4 > .s3 > span > .h4_2{font-size: 13px;padding:10px 15px;}
	.section1 > .span4 > .s3 > span > .h4_2 .in1{margin-right: 40px;}
	.section1 > .span4 > .s3 > span > .h4_2 .in2{margin-right: 35px;}
	.section1 > .span4 > .s3 > span > .h4_2 .in1:AFTER,
	.section1 > .span4 > .s3 > span > .h4_2 .in2:AFTER{right: -35px;}
	.section1 > .span4 > .s3 > span > ul li .p1{font-size: 12px;width: 60px;}
	.section1 > .span4 > .s3 > span > ul li .p2{font-size: 11px;}
	
	.section1 > .span5 > .s2 > ul li{width: 100%;}
	.section1 > .span5 > .s2 > ul .li2{padding-left: 0;margin-top: 10px;}
	
	.section1 > .span5 > .s3 > span{padding: 25px 5px;}
	.section1 > .span5 > .s3 > span li{width: 89px;height: 89px;margin-left: 0;}
	.section1 > .span5 > .s3 > span li h4{margin: 13px 0 5px 0;font-size: 12px;}
	.section1 > .span5 > .s3 > span li p{font-size: 10px;line-height: normal;}
	
	.section1 > .span6 > .s2 > span{padding: 40px 5px;}
	.section1 > .span6 > .s2 > span li{padding:20px 15px;}
	.section1 > .span6 > .s2 > span .li0{font-size:18px;margin-left: -21px;}
	.section1 > .span6 > .s2 > span li p{font-size: 13px;line-height: 17px;padding-left: 15px;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span1{padding: 60px 20px;}
	.section1 > .view_4s > .s1 .li1 .p_30{font-size: 27px;}
	.section1 > .view_4s > .s1 .li1 h3{font-size: 21px;}
	.section1 > .view_4s > .s1 .li1,
	.section1 > .view_4s > .s1 .li2{height: 59px;}
	
	.section1 > .span3 > .s3 li .p1 br{display: none;}
	.section1 > .span3 > .s3 li .inline_p{font-size: 14px;width: 135px;}
	
	.section1 > .span5 > .s2 > ul .li2{padding-left: 10px;}
	
	.section1 > .span6 > .s3 ul li{height: 325px;}
	.section1 > .span6 > .s3 ul li p{width: 120px;height: 120px;font-size:14px; }
	
}