.sub_top{background-image: url("../img/s04_cn07_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;}
.sub_top .sub_top_txt .p1{ font-size: 24px;color: #fff;letter-spacing: -1px; margin-bottom: 13px;}

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




.p_40{font-size: 40px;color: #343434;font-weight: bold;line-height: 42px;}
.p_51{font-size: 51px;color: #343434;font-weight: bold;}
.p_24{font-size: 24px;color: #343434;font-weight: bold;}
.p_30{font-size: 30px;font-weight: bold;}
.p_14{font-size: 14px;}

.section1 > .span{padding: 60px 55px;background-position-x: right;background-position-y: top;}

.section1 > .span1{border-bottom: 1px solid #e1e1e1;}
.section1 > .span1 h1 span{color:#7c85a4; }
.section1 > .span1  *{text-align: left;}
.section1 > .span1 ul .li1{width: 65%;padding-right: 20px;}
.section1 > .span1 ul .li2{width: 35%;position: relative;border: 1px solid #dadada;}
.section1 > .span1 ul .li2 img{margin: 0 auto;}
.section1 > .span1 ul .li2 p{display: table;width: 100%;height: 60px;background: rgba(67,73,108,0.8);color: #fff;font-weight: bold;position: absolute;bottom: 0;left: 0;padding: 0 10px;}
.section1 > .span1 ul .li2 p span{display: table-cell;vertical-align: middle;text-align: center;}
.section1 > .span1 ul .li1 > span p{float: left;width: 155px;height: 155px;background: #e1e2e6;color:#686b72;font-weight: bold;border-radius:50%;display: table;
margin: 50px 10px 25px 0; }
.section1 > .span1 ul .li1 > span p > span{display: table-cell;vertical-align: middle;text-align: center;}

.section1 > .span2 h1 span{color:#7c85a4; }
.section1 > .span2  *{text-align: left;}
.section1 > .span2 .p1{margin: 30px 0 45px 0;}
.section1 > .span2 li{border: 1px solid #dadada;height: 373px;}
.section1 > .span2 .li1{width: 49%;margin-right: 11%;position: relative;text-align: center;line-height: 373px;}
.section1 > .span2 .li1 img{display: inline;vertical-align: middle;}
.section1 > .span2 .li1:AFTER{content: "";background-position: 0 -814px;width: 84px;height: 120px;position: absolute;right: -20%;top: 50%;margin-top:-60px;background-image: url("/img/common_etc/s04_cn02_icon.png");}
.section1 > .span2 .li2{width: 40%;position: relative;}
.section1 > .span2 .li2 span{position: absolute;bottom: 0;left: 0;background: #7e84a4;padding: 15px 10px;width: 100%;}
.section1 > .span2 .li2 span .p2{margin-bottom: 28px;position: relative;color: #fff;text-align: center;}
.section1 > .span2 .li2 span .p2:AFTER{content: "";background-position: 0 -941px;width: 44px;height: 28px;position: absolute;left: 50%;bottom: -28px;
background-image: url("/img/common_etc/s04_cn02_icon.png");margin-left: -22px;}
.section1 > .span2 .li2 span .p3{color:#feeab8; font-weight: bold;text-align: center;}

.section1 > .span4{background-repeat: repeat;padding: 40px;}
.section1 > .span4 ul{max-width: 874px;margin: 33px auto 0 auto;}
.section1 > .span4 ul li{width: 20%;border-left: 1px solid #e6e7e9;background-color: #fff;height: 190px;padding-top: 104px;position: relative;}
.section1 > .span4 ul li > *{text-align: center;}
.section1 > .span4 ul .li1{border: none;}
.section1 > .span4 ul li:AFTER {position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");left: 50%;top: 30px;}
.section1 > .span4 ul .li1:AFTER {width: 69px;height: 60px;background-position: 0 -119px;margin-left: -34.5px;}
.section1 > .span4 ul .li2:AFTER {width: 66px;height: 68px;background-position: 0 -192px;margin-left: -33px;}
.section1 > .span4 ul .li3:AFTER {width: 68px;height: 62px;background-position: 0 -271px;margin-left: -34px;}
.section1 > .span4 ul .li4:AFTER {width: 64px;height: 61px;background-position: 0 -348px;margin-left: -32px;}
.section1 > .span4 ul .li5:AFTER {width: 50px;height: 66px;background-position: 0 -422px;margin-left: -25px;}

.section1 > .span0{background-repeat: repeat;text-align: center;}
.section1 > .span0 > h1{color: #fff;text-align: left;}
.section1 > .span0 > h1 span{color:#b3b8d6 ;}
.block_li{display: none;}
.section1 > .span0 ul{margin: 65px 0 20px 0;}
.section1 > .span0 .li{display: inline-block;width: 160px;height: 160px;vertical-align: top;border-radius:50%;margin-left: 33px;}
.section1 > .span0 .li h4{color: #444a6c;text-align: center;}
.section1 > .span0 .li span{display: inline-block;width: 20px;height: 20px;border: 2px solid #fff;margin:30px auto 10px auto;position: relative; }
.section1 > .span0 .li span:AFTER{position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");left: -7px;top: -15px;background-position: 0 -774px;
width: 35px;height: 29px;}
.section1 > .span0 .li1{background: #ccd3ed;margin-left: 0;}
.section1 > .span0 .li2{background: #f3e7d9;}
.section1 > .span0 .li3{background: #ccd3ed;}
.section1 > .span0 .li4{background: #f3e7d9;}
.section1 > .span0 .li5{background: #ccd3ed;}

@media only screen and (max-width: 1023px) {
	.p_40{font-size: 28px;}
	.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;}
	
	
	
	
    
	
	.block_li{display: block;}
	.section1 > .span0 .li{width: 180px;height: 180px;margin-left: 10px;}
	.section1 > .span0 .li4,
	.section1 > .span0 .li1{margin-left: 0;}
	.section1 > .span0 .li span{ margin: 40px auto 15px auto;}
	.section1 > .span0 ul{margin: 40px 0 20px 0;}
	
	.section1 > .span1 ul .li1{float: none;width: 100%;padding-right: 0;}
	.section1 > .span1 ul .li2{float: none;width: 100%;margin-top: 35px;}
	.section1 > .span1 ul .li2 p br,
	.section1 > .span1 ul .li1 > span p br{display: block;}
	.section1 > .span1 ul .li1 > span{text-align: center;}
	.section1 > .span1 ul .li1 > span p{float: none;display: inline-block;width: 140px;height: 140px;margin: 40px 0 25px 0;vertical-align: top;}
	.section1 > .span1 ul .li1 > span p > span{display: block;}
	.section1 > .span1 ul .li1 > span .p1,
	.section1 > .span1 ul .li1 > span .p2{padding-top: 35px;}
	.section1 > .span1 ul .li1 > span .p3,
	.section1 > .span1 ul .li1 > span .p4{padding-top: 45px;}
	
	.section1 > .span2 .li1{width: 100%;height: auto;line-height: normal;margin-right: 0;margin-bottom: 90px;padding: 27px 5px;}
	.section1 > .span2 .li1:AFTER {background-position: 0 -999px; width: 130px;height: 80px;right: auto;top: auto; margin-top: 0;
	left: 50%;margin-left: -65px;bottom: -80px;}
	.section1 > .span2 .li2{width: 100%;height: auto;}
	.section1 > .span2 .li2 span .p3,
	.section1 > .span2 .li2 span .p2{font-size: 13px;}
	.section1 > .span2 .li2 span{padding: 10px 5px;}
}


@media only screen and (max-width: 640px) {
	
	
	.section1 > .span4 ul li{height: 220px;}
	.p_14{font-size: 11px;}
	
	.section1 > .span4 ul li{float: none;width: 100%;height: 80px;padding: 0;border-left: none;border-bottom: 1px solid #e6e7e9 !important;}
	.section1 > .span4 ul li > *{text-align: left;padding-left:90px;}
	.section1 > .span4 ul li:AFTER{top: 10px;left: 40px;}
	.section1 > .span4 ul li h4{padding-top: 20px;}
	
	.section1 > .span0 .li{margin-left: 5px;width: 100px;height: 100px;}
	.section1 > .span0 .li4,
	.section1 > .span0 .li1{margin-left: 0;}
	.section1 > .span0 .li span{margin:16px auto 3px auto; }
	.section1 > .span0 .li h4{font-size: 12px;}
	
	.section1 > .span1 ul .li1 > span p{width: 80px;height: 80px;font-size: 9px;line-height: 15px;}
	.section1 > .span1 ul .li1 > span .p1,
	.section1 > .span1 ul .li1 > span .p2{padding-top: 17px;}
	.section1 > .span1 ul .li1 > span .p3,
	.section1 > .span1 ul .li1 > span .p4{padding-top: 23px;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	
	.section1 > .span0 .li{margin-left: 10px;}
	.section1 > .span1 ul .li1 > span p{width: 125px;height: 125px;}
}