.sub_top{background-image: url("../img/s05_cn02_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_22{font-size: 22px;line-height: normal;}
.p_14{font-size: 14px;line-height: normal;}
.m_img{display: none !important;}
/* 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_cn02_05_1.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li2{background-image:url("../img/s05_cn02_05_2.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li3{background-image:url("../img/s05_cn02_05_3.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li4{background-image:url("../img/s05_cn02_05_4.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li5{background-image:url("../img/s05_cn02_05_5.jpg") ;background-position: 0 0;}
#lks_touchSlider_span > ul > .li6{background-image:url("../img/s05_cn02_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 > .span{padding: 60px 55px;}

.section1 > .span1 *{text-align: left;}
.section1 > .span1 > h1{margin-bottom: 35px;}
.section1 > .span1 > h1 span{color: #7ba0b2;}
.section1 > .span1 .li1{width: 58.4%;padding-right: 10px;}
.section1 > .span1 .li1 h4{margin-bottom: 15px;color: #789db8;}
.section1 > .span1 .li1 h4 span{color: #717171;font-size: 16px;font-weight: normal;}
.section1 > .span1 .li2{width: 41.6%;}

.section1 > .span2{background-repeat: repeat;}
.section1 > .span2 > h1{text-align: left;margin-bottom: 50px;}
.section1 > .span2 > h1 span{color: #fff;}
.section1 > .span2 .ul1 li{background: #e8edf0;height: 490px;padding: 5px;}
.section1 > .span2 .ul1 .li1{width: 32%;margin-right: 6%;position: relative;}
.section1 > .span2 .ul1 .li1:AFTER{content: "";background-image: url("/img/sub_common_bg.png");position: absolute;background-position: 0 -1974px;
width: 54px;height: 94px;right: -62px;top: 50%;margin-top: -47px;}
.section1 > .span2 .ul1 .li2{width: 62%;}
.section1 > .span2 .ul1 li .p_22{color: #323232;}
.section1 > .span2 .ul1 .li1 .p_22{margin: 20px 0 23px 0; }
.section1 > .span2 .ul1 .li2 .p_22{margin: 20px 0 34px 0; }
.section1 > .span2 .ul1 .li1 .p2 span{color: #ea514b;background: #fedfe4;}
.section1 > .span2 .ul1 .li2 .p2 span{color: #167eb1;background: #c4f1f4;}
.section1 > .span2 > .span{margin-top: 65px;background: #fff;padding: 60px 50px;text-align: center;}
.section1 > .span2 > .span > .p1{margin: 30px 0;}
.section1 > .span2 > .span > .s1{padding: 35px 50px;border: 1px dotted #cdcdcd;}
.section1 > .span2 > .span > .s1 > p{text-align: left;}
.section1 > .span2 > .span > .s1 > .p2{margin: 8px 0 15px 0;}
.section1 > .span2 > .span > .s1 > .p_22{color: #323232;}
.section1 > .span2 > .span > .s1 > .span{margin: 0 auto 0 0;width: 40%;}
.section1 > .span2 > .span > .s1 > .span .p1{color: #fff;width: 110px;height: 25px;line-height: 25px;
    border-radius: 30px;background: #176d3c;margin: 10px auto;}

.section1 > .span2 > .span > .h2_2{margin: 55px 0 30px 0;}
.section1 > .span2 > .span > h4{width: 180px;height: 180px;border: 1px solid #d9ddde;background: #eef6f9;border-radius:50%;display: inline-block;vertical-align: top;
font-weight: normal;position: relative;margin: 0 30px 0 0;}
.section1 > .span2 > .span > .h4_4{margin: 0;}
.section1 > .span2 > .span > h4:AFTER{content: "";background-image: url("/img/sub_common_bg.png");background-position:0 -587px;width: 20px; height: 15px;left: 50%;margin-left: -10px;
top: 16px;position: absolute; }
.section1 > .span2 > .span > h4 > span{height: 100%;width: 100%;display: table;}
.section1 > .span2 > .span > h4 > span > span{display: table-cell;vertical-align: middle;text-align: center;}

@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;}
	
	/* 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 */
	
	
	.section1 > .span1 ul{position: relative;}
	.section1 > .span1 .li1{width: 100%;}
	.section1 > .span1 .li1 .custom_el{padding-right: 32%;}
	.section1 > .span1 .li1 .p2{padding-right: 40%;}
	.section1 > .span1 .li2{position: absolute;bottom: 0;right: 0;width: 31.6%;}
	
	.section1 > .span2 > h1{max-width: 673px;margin: 0 auto 50px auto;}
	.section1 > .span2 .ul1 .li1{max-width: 673px;margin-right: auto;margin: 0 auto;width: 100%;float: none;height: auto;margin-bottom: 67px;}
	.section1 > .span2 .ul1 .li2{max-width: 673px;margin-right: auto;margin: 0 auto;width: 100%;float: none;height: auto;}
	.section1 > .span2 .ul1 .li1:AFTER{bottom: -58px;top: auto;right: 50%;margin-top: 0;background-position: 0 -2069px;width: 94px;height: 62px;margin-right: -47px;}
	.section1 > .span2 .ul1 .li1 .s1{float: left;width: 51%;}
	.section1 > .span2 .ul1 .li1 .s2{float: left;width: 49%;margin-top: 65px;}
	.section1 > .span2 .ul1 li .p2 br{display: block;}
	.section1 > .span2 .ul1 .li2 .p_22{margin: 20px 0 15px 0;}
	.section1 > .span2 .ul1 .li2 .p2{margin-bottom: 20px;}
	
	.section1 > .span2 > .span{padding: 40px 20px;margin-top: 35px;}
	
	.section1 > .span2 > .span > h4{margin: 0 10px 0 0;width: 123px;height: 123px;font-size: 14px;}
}

@media only screen and (max-width: 880px) {
.section1 > .span1 .li1 .custom_el{padding-right: 0;}
}

@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 > .span2 > .span > .s1{padding: 25px 5px;}
}

@media only screen and (max-width: 640px) {
	.pc_img{display: none !important;}
	.m_img{display: block !important;}
	
	.section1 > .span1 .li2{width: 38%;}
	.section1 > .span1 .li1 .p2{padding-right: 38%;font-size: 13px;}
	
	.section1 > .span2 .ul1 li .p_22{font-size: 18px;}
	.section1 > .span2 .ul1 li p{font-size: 12px;}
	.section1 > .span2 .ul1 .li1 .s2{margin-top: 40px;}
	
	.section1 > .span2 > .span > .s1 > .span .p_14{font-size: 12px;}
	.section1 > .span2 > .span > .h4_1{margin: 0 10px 7px 0;}
	.section1 > .span2 > .span > .h4_2{margin: 0 0 7px 0;}
}

@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 > .span2 .ul1 .li1 .s2{margin-top: 0;}
	
	.section1 > .span1 .li1 .p2{padding-right: 0;}
	.section1 > .span1 .li2{position: relative;width: 100%;padding: 10% 10% 0 10%;}
}

@media all and (min-width:1024px) and (max-width:1199px) {
	
	/* 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 > .span1 ul{position: relative;}
	.section1 > .span1 .li1{width: 100%;}
	.section1 > .span1 .li2{position: absolute;bottom: 0;right: 0;width: 31.6%;}
	
	.section1 > .span2 .ul1 li{height: 445px;}
	.section1 > .span2 .ul1 .li1:AFTER{right: -54px;}
	
	.section1 > .span2 > .span > h4{margin: 0 10px 0 0;}
}