.sub_top{background-image: url("../img/s07_cn05_01.jpg");height: 245px;}
.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: 0;}

h1,h2,p{text-align: center;}

.section1 *{text-align: left;}

.section1 > .span1{padding: 60px 55px;background: url("../img/s07_cn05_01.png") no-repeat;background-position-x: right;background-position-y:top; }
.section1 > .span > h2{margin: 65px 0 23px 0;color: #7e9db9;}
.section1 > .span > .p2{margin:30px 0 0 0; }
.section1 > .span1 > .span{margin-top: 35px;background: url("../img/s07_cn05_01.gif") repeat;padding: 40px 50px;}
.section1 > .span1 > .span_in1{margin-top: 50px;}
.section1 > .span1 > .span > h3{color: #245077;}
.section1 > .span1 > .span > h3 span{color: #fff;background-color: #274d74;padding: 5px 20px;margin-right: 10px;}
.section1 > .span1 > .span > p{margin: 25px 0 42px 0;}
.section1 > .span1 > .span ul{padding: 0 90px;}
.section1 > .span1 > .span li{width: 49.5%;max-width: 360px;}
.section1 > .span1 > .span .li1{margin-right: 1%;float: left;}
.section1 > .span1 > .span .li2{float: right;}

.section1 > .span2{padding: 60px 55px;background-repeat: no-repeat;background-position-x: right;background-position-y:top;border-top: 1px solid #eae9ee; }
.section1 > .span2 ul{margin-top: 42px;}
.section1 > .span2 li{width: 32%;max-width: 350px;}
.section1 > .span2 .li2{margin: 0 2% 0 2%;}
.section1 > .span2 li h4{color: #717171;margin: 25px 0 5px 0;}

@media only screen and (max-width: 1023px) {
	.sub_top{height: 245px;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;}
	
	.section1 > .span1 > .span ul{padding: 0;}
	.section1 > .span1 > .span{padding: 35px 20px;}
	.section1 > .span1 > p{padding-right: 30%;}
	.section1 > .span1{background-size: contain;background-position-x: 200px;}
	
	.section1 > .span2 > .p1{padding-right: 45%;}
	.section1 > .span2 > .p2{padding-right: 35%;}
	.section1 > .span2{background-position-x: 200%;}
	.section1 > .span2{background-size: contain;background-position-x: 200px;}
}


@media only screen and (max-width: 640px) {
	.section1 > .span1 > p{padding-right: 0;}
	.section1 > .span1{background-position-x: 100px;}
	.section1 > .span1 > .span > h3 span{width: 164px;display: block;margin-bottom: 13px;text-align: center;}
	
	.section1 > .span2{background-size: auto;background-position-x: -20px;}
	.section1 > .span2 li{width: 100%;float: none;margin-bottom: 30px;}
	.section1 > .span2 .li2{margin: 0;margin-bottom: 30px;}
	.section1 > .span2 li h4{margin: 10px 0;font-size: 18px;}
	.section1 > .span2 li p{font-size: 13px;}
	
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span2{background-position-x: 160%;}
}