.sub_top{background-image: url("../img/s05_cn01_00.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_28{font-size: 28px;line-height: normal;}
.p_22{font-size: 22px;line-height: normal;}
.p_21{font-size: 21px;line-height: normal;}
.p_20{font-size: 20px;line-height: normal;}
.p_24{font-size: 24px;line-height: normal;}
.m_img{display: none !important;}
.section1 > .span{padding: 60px 55px; }

.section1 > .span-2025{padding: 0;}
.section1 > .span-2025 a{display: block;}

.section1 > .span1{border-bottom:1px solid #e2e2e2;}
.section1 > .span1 > ul p{margin-top: 40px;word-break: keep-all;}
.section1 > .span1 > ul .li1{width: 55.5%;padding-right: 10px;}
.section1 > .span1 > ul .li1 h1 span{color: #75a3ba;}
.section1 > .span1 > ul .li1 *{text-align: left;}
.section1 > .span1 > ul .li2{width: 44.5%;}
.section1 > .span1 > ul .li2 img{margin: auto 0 auto auto;}
.section1 > .span1 > span{margin-top: 60px;background-repeat: repeat;padding: 45px 10px;text-align: center;}
.section1 > .span1 > span > h2{margin-bottom: 35px;}
.section1 > .span1 > span > .span{display: inline-block;vertical-align: top;background: #fff;padding: 8px;}
.section1 > .span1 > span > .s1{margin-right: 60px;position: relative;}
.section1 > .span1 > span > .s1:AFTER{content: "";background-image: url("/img/sub_common_bg.png");width:54px ;height:91px;background-position:0 -1976px;position: absolute; 
right: -57px;top: 50%;margin-top: -45.5px;}
.section1 > .span1 > span > .span > .p_22{margin-top: 25px;color: #323232;}
.section1 > .span1 > span > .span > .p1{display: table;width: 100%;height: 115px;}
.section1 > .span1 > span > .s1 > .p1{color: #323232;}
.section1 > .span1 > span > .span > .p1 .wrap_span{display: table-cell;vertical-align: middle;}
.section1 > .span1 > span > .span .wrap_span .in1{color: #f95150;background: #fce0dc;}
.section1 > .span1 > span > .span .wrap_span .in2{color: #3a4e81;background: #e3eafa;}
.section1 > .span1 > span > .span .wrap_span .in3{color: #1380b8;background: #d7fdfe;}

.section1 > .span2 *{text-align: left;}
.section1 > .span2 > h1 span{color: #799db3;}
.section1 > .span2 > .span{margin-top: 35px;border: 1px dotted #cdcdcd;padding: 40px;}
.section1 > .span2 > .span > .s1{max-width: 985px;margin: 0 auto;}
.section1 > .span2 > .span > .s1 ul{width: 74.6%;}
.section1 > .span2 > .span > .s1 .li1{margin-bottom: 8px;}
.section1 > .span2 > .span > .s1 .li2{width: 50%;height: 80px;background-color:#f9796e ;text-align: center;}
.section1 > .span2 > .span > .s1 .li3{width: 50%;background:#f9796e ;height: 80px;border-left: 35px solid transparent; border-bottom: 80px solid #77abc3;text-align: center;}
.section1 > .span2 > .span > .s1 li p{display: inline-block;vertical-align: top;margin-top: 16px;}
.section1 > .span2 > .span > .s1 li .p1{font-weight: bold;background: #fff;width: 43px;height: 43px;line-height: 43px;text-align: center;border-radius:50%;margin-right: 5px;}
.section1 > .span2 > .span > .s1 .li2 .p1{color: #f9796e;}
.section1 > .span2 > .span > .s1 .li3 .p1{color: #77abc3;}
.section1 > .span2 > .span > .s1 li .p2{color: #fff;text-align: center;}

.section1 > .span3{background-repeat: repeat;}
.section1 > .span3 > h3{text-align: center;color: #f97a71;}
.section1 > .span3 > h2{color: #85cae7;margin-bottom: 25px;}
.section1 > .span3 > h2 span{color: #fff;}
.section1 > .span3 > p{color: #e1dcd8;}
.section1 > .span3 > ul{margin-top:30px; }
.section1 > .span3 > ul li{height: 305px;overflow: hidden;margin-bottom: 1px;}
.section1 > .span3 > ul li *{text-align: left;}
.section1 > .span3 > ul .li_l{width: 32.111%;background-repeat: no-repeat;background-position: 20% 0;}
.section1 > .span3 > ul .li_r{width: 67.889%;background-color: #fff;display: table;padding: 8px 0;}
.section1 > .span3 > ul .li_r > span{display:table-cell;vertical-align: middle;height: 100%;border-left: 1px solid #f1f1f1;padding: 0 35px; }
.section1 > .span3 > ul .li_r .p_23{margin-bottom: 24px;color: #323232;}
.section1 > .span3 > ul .li4{background-repeat: no-repeat;background-position: 100% 70%;}

.section1 > .span4{border-bottom: 1px solid #e2e2e2;}
.section1 > .span4 > h1{margin-bottom: 50px;text-align: left;}
.section1 > .span4 > h1 span{color: #7a9eb4;}
.section1 > .span4 > .span{float: left;width:32.3% ;margin-right: 1.55%;}
.section1 > .span4 > .s3{margin-right: 0;}
.section1 > .span4 > .span .li1{height: 189px;background-repeat: no-repeat;background-position: 50%;}
.section1 > .span4 > .span .li2{height: 278px;background-color:#618095;text-align: center; padding: 20px 20px 0 20px;}
.section1 > .span4 > .span .li2 h3{color: #fff;}
.section1 > .span4 > .span .li2 .p1{color: #323232;display: inline-block;background:#bfdbf0;margin: 15px auto; border-radius:5px;padding: 3px 8px;}
.section1 > .span4 > .span .li2 .p2{color: #dee5ed;}

/* slide */
.section1 > .slide_span > h1{margin-bottom: 40px;text-align: left;}
.section1 > .slide_span > h1 span{color: #749cb6;}
#lks_touchSlider_span{width: 100%;overflow: hidden;position: relative;margin: 0 auto;height: 0;}
#lks_touchSlider_span > ul > li{background-repeat: no-repeat;height: 355px;position: relative;}
#lks_touchSlider_span > ul > .li1{background-image:url("../img/s05_cn01_05_1.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li2{background-image:url("../img/s05_cn01_05_2.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li3{background-image:url("../img/s05_cn01_05_3.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li4{background-image:url("../img/s05_cn01_05_4.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li5{background-image:url("../img/s05_cn01_05_5.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li6{background-image:url("../img/s05_cn01_05_6.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > li > span{position: absolute;width: 50%;height: 100%;background: #554c47;bottom: 0;right: 0;padding: 30px;}
#lks_touchSlider_span > ul > li > span *{text-align: left;}
#lks_touchSlider_span > ul > li > span h3{color: #fefeff;margin-bottom: 20px;font-weight: normal;}
#lks_touchSlider_span > ul > li > span p{color: #d8dbd4;}
#lks_touchSlider_span > ul > li > span .p_depth1{padding-left: 15px;position: relative;}
#lks_touchSlider_span > ul > li > span .p_depth2{padding-left: 10px;position: relative;}
#lks_touchSlider_span > ul > li > span .p_depth1 span{width: 15px;position: absolute;top: 0;left: 0;}
#lks_touchSlider_span > ul > li > span .p_depth2 span{width: 10px;position: absolute;top: 0;left: 0;}

#lks_paging_span{background: #e6e6e6;height: 142px;}
#lks_paging_span ul{max-width: 850px;margin: 0 auto;height: 100%;}
#lks_paging_span ul li{width: 16.666%;cursor: pointer;height: 100%;}
#lks_paging_span ul li p{color: #3d383c;font-weight: bold;}
#lks_paging_span ul li .p_23{width: 38px;height: 38px;border: 2px solid #3d383c;line-height: 36px;border-radius:50%;text-align: center;margin: 31px auto 8px auto;}
#lks_paging_span ul .on .p_23{background:#3d383c ;color: #fff;}
/* slide */

.section1 > .span6{border-top:1px solid #e1e1e1;}
.section1 > .span6 > h1{text-align: left;margin-bottom: 35px;}
.section1 > .span6 > h1 span{color: #77a0b2;}
.section1 > .span6 > span{background-repeat: repeat;padding: 45px 10px;}
.section1 > .span6 > span .p_21{color: #f75956;margin-top: 15px;}
.section1 > .span6 > span .p1{margin-bottom: 50px;}

/*span_etc*/
.section1 .span_etc{background: #404447;text-align: center;padding: 60px 0 0 0;}
.section1 .span_etc > h2{color: #e5eb65;position: relative;display: inline-block;margin-bottom: 30px;}
.section1 .span_etc > h2:BEFORE {position: absolute;content: "";width: 80px;height: 1px;border-top: 1px solid #6c7351;top: 50%;left: -90px;}
.section1 .span_etc > h2:AFTER {position: absolute;content: "";width: 80px;height: 1px;border-top: 1px solid #6c7351;top: 50%;right: -90px;}
.section1 .span_etc > span{display: inline-block;vertical-align: top;}
.section1 .span_etc > .s1{max-width: 455px;margin-bottom: 30px;}
.section1 .span_etc > .s2{padding: 40px 0 0 40px;}
.section1 .span_etc > .s2 p{text-align: left;color: #d2d6d9;}
/*span_etc*/



.section1 > .span8,
.section1 > .span8 *{text-align: center;}
.section1 > .span8 .p_title{background-color: #0062a3;color: #fff;max-width: 721px;margin: 30px auto;border-radius:200px;padding: 8px 0;position: relative;height: 45px;}
.section1 > .span8 .p_title > span{position: relative;z-index: 1;}
.section1 > .span8 .p_title > span > span{color: #d3efff;}
.section1 > .span8 .p_title:BEFORE{content:"";width: 50px;position:absolute;height: 45px;background:#034b7d;top: 0;right: 0;border-radius: 0 200px 200px 0; z-index: 0;}
.section1 > .span8 .p_title:After{content:"";width: 19px;position:absolute;top:0;right:50px;height: 0;
    border-left: 20px solid transparent; border-bottom: 45px solid #034b7d;z-index: 0;}
.section1 > .span8 > .h4_1{color:#717171; }
.section1 > .span8 .color_common{color:#ef5b57; }
.section1 > .span8 > ul li{width: 50%;float: none;display: inline-block;vertical-align: middle;}
.section1 > .span8 > .ul1 .li1{max-width: 254px;}
.section1 > .span8 > .ul2 .li1{max-width: 354px;}
.section1 > .span8 > ul .li2{padding-left: 20px;}
/* .section1 > .span8 > ul .li1 img{margin: 0 0 0 auto;} */
.section1 > .span8 > ul .li2 *{text-align: left;}
.section1 > .span8 > ul .li2 .p1{margin:0 0 25px 0;}
.section1 > .span8 .img1{margin: 18px auto 20px auto;}
.section1 > .span8 > .s1{background: #707c88;padding: 25px 50px;}
.section1 > .span8 > .s1 *{color: #fff;}
.section1 > .span8 > .s1 > h2{text-align: left;}
.section1 > .span8 > .s1 > h2 span{color: #bbeaff;font-size: 23px;margin-left: 13px;}
.section1 > .span8 > .s1 li{margin-top: 15px;}
.section1 > .span8 > .s1 .li1{width:59%;}
.section1 > .span8 > .s1 .li2{width:41%;text-align: center;}
.section1 > .span8 > .s1 h4{text-align: left;margin-bottom: 7px;}
.section1 > .span8 > .s1 .li2 .in2 > span{display: inline-block;}
.section1 > .span8 > .s1 .p_24{text-align: left;}
.section1 > .span8 > .s1 .pl{font-size: 45px;text-align: left;}
.section1 > .span8 > .s1 .pr{font-size: 45px;text-align: right;}

@media only screen and (max-width: 1023px) {
	
	.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;}
	.p_20{font-size: 18px;}
	.p_22{font-size: 18px;}
	.p_23{font-size: 19px;}
	.p_24{font-size: 19px;}
	
	
	.section1 > .span-2025{padding: 0;}

	.section1 > .span1 > ul p{margin-top: 30px;}
	.section1 > .span1 > ul .li1{width: 100%;padding-right: 0;margin-bottom: 10px;}
	.section1 > .span1 > ul .li2{width: 100%;}
	.section1 > .span1 > ul .li2 img{margin: 0 auto;}
	.section1 > .span1 > span{padding: 30px 10px; }
	.section1 > .span1 > span > .span{max-width: 461px;display: block;margin: 0 auto;}
	.section1 > .span1 > span > .s1{margin-right: auto;margin-bottom: 55px;}
	.section1 > .span1 > span > .s1:AFTER{width: 94px;height: 49px;background-position:0 -2081px;margin-top: 0;top: auto;right: auto;bottom: -49px;left: 50%;margin-left: -47px;}
	.section1 > .span1 > span > .span > .p1{font-size: 14px;height: 90px;}
	.section1 > .span1 > span > .span br{display: block;}
	
	.section1 > .span2 > .span{padding: 25px 8px;}
	.section1 > .span2 > .span > .s1 ul{width: 100%;}
	
	.section1 > .span3 > ul p br{display: block;}
	
	.section1 > .span3 > ul .li_r > span{padding: 0 10px;}
	.section1 > .span3 > ul .li_r p{font-size: 14px;}
	.section1 > .span3 > ul .li_r .p_23{font-size: 19px;}
	.section1 > .span3 > ul .li4{background-position: 100% 125%;}
	
	.section1 > .span4 > .span{width: 100%;margin-right: 0;margin-bottom: 7px;}
	.section1 > .span4 > .s3{margin-bottom: 0;}
	.section1 > .span4 > .span ul{max-width: 872px;margin: 0 auto;width: 100%;}
	.section1 > .span4 > .span .li1{width:46%;max-width: 351px;background-size: cover;}
	.section1 > .span4 > .span .li2{width:54%;padding: 10px;}
	.section1 > .span4 > .span .li2 .p2{font-size: 14px;}
	
	.section1 > .span4 > .s1 > .left_ul > li{height: 196px;} 
	.section1 > .span4 > .s2 > .left_ul > li{height: 176px;} 
	.section1 > .span4 > .s3 > .left_ul > li{height: 225px;} 
	
	/* slide */
	#lks_touchSlider_span > ul > .li1{background-position: -30% 0;}
	#lks_touchSlider_span > ul > li > span p{font-size: 15px;line-height: normal;}
	#lks_touchSlider_span > ul > li > span p br{display: none;}
	/* slide */
	
	
	/*span_etc*/
	.section1 .span_etc > .s1{width: 100%;max-width: 455px;display: block;margin-left: auto;margin-right: auto;}
	.section1 .span_etc > .s2{width: 100%;max-width: 455px;display: block;margin-left: auto;margin-right: auto;}
	.section1 .span_etc > .s2 p{text-align: center;}
	.section1 .span_etc > .s2{padding: 0 0 30px 0;}
	/*span_etc*/
	
	.section1 > .span8 .p_title{height: 40px;}
	.section1 > .span8 .p_title:BEFORE{height: 40px;}
	.section1 > .span8 .p_title:After{border-bottom: 40px solid #034b7d;}
	
	.section1 > .span8 > .s1{padding: 25px 20px;}
	.section1 > .span8 > .s1 .li2{padding-left: 10px;}
	.section1 > .span8 > .s1 h4{font-size:15px; }
	.section1 > .span8 > .s1 .p_24{font-size: 18px;}
	.section1 > .span8 > .s1 .in1 img{max-width: 120px;}
	.section1 > .span8 > .s1 > h2 span{font-size: 16px;}
	
	.section1>.span2>.span>.s1 .li2 .p2{width: 288px;}
	.section1>.span2>.span>.s1 .li3 .p2{width: 283px;}
}

@media only screen and (max-width: 819px) {
	/* slide */
	.section1 > .slide_span > h1{max-width: 600px;margin: 0 auto 40px auto;}
	#lks_touchSlider_span{max-width: 600px;margin: 0 auto;}
	#lks_touchSlider_span > ul > li{height: 577px;}
	#lks_touchSlider_span > ul > .li1{background-position: 0 0;}
	#lks_touchSlider_span > ul > li > span{width: 100%;height: 250px; padding: 20px;}
	#lks_touchSlider_span > ul > li > span h3{font-size: 17px;margin-bottom: 10px;}
	#lks_touchSlider_span > ul > li > span p{font-size: 14px;}
	
	#lks_paging_span{max-width: 600px;margin: 0 auto;}
	#lks_paging_span ul li p{font-size: 13px;}
	/* slide */
	
	.section1 > .span8 > ul li{float: left;}
	.section1 > .span8 > ul .li2{padding-left: 10px;}
	
	.section1 > .span8 > .s1{padding: 25px 10px;}
	.section1 > .span8 > .s1 .li1{width: 100%;max-width: 577px;margin: 15px auto 0 auto;float: none;}
	.section1 > .span8 > .s1 .li2{width: 100%;    padding-left: 0px;max-width: 577px;margin: 15px auto 0 auto;float: none;}
	.section1 > .span8 > .s1 > h2{max-width: 577px;margin: 0 auto;}
	.section1 > .span8 > .s1 .li2 > span{float: left;margin-top: 15px;}
	.section1 > .span8 > .s1 .li2 > .in1{width: 32%;}
	.section1 > .span8 > .s1 .li2 > .in2{width: 68%;padding-left: 10px;}
	.section1 > .span8 > .s1 .in1 img{max-width: 100%;}
	
	.section1>.span2>.span>.s1 .li2 .p2{width: 190px;}
	.section1>.span2>.span>.s1 .li3 .p2{width: 123px;}
	.section1>.span2>.span>.s1 li p{font-size:13px;line-height: normal;}
}


@media only screen and (max-width: 640px) {
	.pc_img{display: none !important;}
	.m_img{display: block !important;}
	
	.section1 > .span2 > .span > .s1 .li2{width: 55%;height: 60px;}
	.section1 > .span2 > .span > .s1 .li3{width: 45%;height: 60px;border-bottom: 60px solid #77abc3;border-left: 20px solid transparent;}
	.section1 > .span2 > .span > .s1 li p{font-size:10px;line-height: normal;}
	.section1 > .span2 > .span > .s1 li .p1{margin-right: 2px;width: 25px;height: 25px;line-height: 25px;font-size: 10px;}
	
	.section1 > .span3 > p{font-size: 14px;}
	.section1 > .span3 > .p_20{font-size: 16px;}
	
	.section1 > .span3 > ul li{height: 260px;background-size: cover;}
	.section1 > .span3 > ul .li4{background-image: none !important;}
	.section1 > .span3 > ul .li_r .p_23{margin-bottom: 15px;font-size: 17px;}
	
	.section1 > .span4 > .span .li2 h3{font-size: 14px;}
	.section1 > .span4 > .span .li2 .p1{margin: 5px auto;font-size: 11px;    padding: 1px 5px;}
	.section1 > .span4 > .span .li2 .p2{font-size: 10px;}
	
	/*span_etc*/
	.section1 .span_etc > h2:BEFORE,
	.section1 .span_etc > h2:AFTER {display: none;}
	/*span_etc*/
	
	.section1 > .span8 .p_title{height: 57px;}
	.section1 > .span8 .p_title:BEFORE{height: 57px;}
	.section1 > .span8 .p_title:After{border-bottom: 57px solid #034b7d;}
	.section1 > .span8 .p_title{font-size: 17px;}
	.section1 > .span8  p{font-size: 13px;}
	.section1 > .span8 > ul .li2 .p1{margin: 0 0 10px 0;}
	.section1 > .span8  h4{font-size: 15px;}
	
	.section1 > .span8 > .s1 h4{font-size: 11px;}
	.section1 > .span8 > .s1 .p_24{font-size: 14px;}
	
}

@media only screen and (max-width: 490px) {
	/* slide */
	#lks_touchSlider_span > ul > li{height: 380px;background-size: contain;background-position: 0 0;}
	#lks_touchSlider_span > ul > li > span{padding: 10px;height: 210px;}
	#lks_touchSlider_span > ul > li > span h3{font-size: 15px;margin-bottom: 5px;}
	#lks_touchSlider_span > ul > li > span p{font-size: 12px;}
	
	#lks_paging_span{height: 88px;}
	#lks_paging_span ul li p{font-size: 10px;line-height: normal;}
	#lks_paging_span ul li .p_23{width: 30px;height: 30px;line-height: 28px;margin: 15px auto 3px auto;}
	/* slide */
	.section1 > .span8 > .ul1 li{width:100%;margin: 0 auto 10px auto;float:none;}
	.section1 > .span8 > .ul2 li{width:100%;margin: 0 auto 10px auto;float:none;}
	
	.section1>.span2>.span>.s1 li p{margin-top:10px;}
	.section1>.span2>.span>.s1 .li2{height:90px;}
	.section1>.span2>.span>.s1 .li3{height:90px;border-bottom: 90px solid #77abc3;}
	.section1 > .span2 > .span > .s1 li .p1{display: block;margin-right: auto;margin-left: auto;}
	.section1>.span2>.span>.s1 .li2 .p2,
	.section1>.span2>.span>.s1 .li3 .p2{width: 100%;padding:0 5px;}
}	

@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span1 > span > .span{max-width: 406px;}
	.section1 > .span1 > ul .li1 br{display: none;}
	.section1 > .span1 > ul p{margin-top: 30px;}
	
	.section1 > .span3 > ul .li4{background-position: 100% 110%;}
	
	/* slide */
	#lks_touchSlider_span > ul > li > span p{font-size: 15px;line-height: normal;}
	#lks_touchSlider_span > ul > li > span p br{display: none;}
	/* slide */
	
	.section1 > .span8 > .s1{padding: 25px 20px;}
	.section1 > .span8 > .s1 .li2{padding-left: 10px;}
	.section1 > .span8 > .s1 h4{font-size:16px; }
	.section1 > .span8 > .s1 .p_24{font-size: 20px;}
	
	.section1>.span2>.span>.s1 li p{font-size: 14px;}
	
}