.sub_top{background-image: url("../img/s01_cn01_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;}

h1,h2,p{text-align: center;}
.custom_p1{color:#2f90d6;font-weight: bold;font-size: 18px;margin-bottom: 20px;}

.section_div > section{padding: 60px 55px;background-position: top center;}

.section2{background:url("../img/s01_cn01_02.jpg") no-repeat;height: 624px; text-align: center;}
.section2 img {display: inline-block;}
.section2 h2{margin-bottom: 25px;}
.section2 .p1{text-align: right;margin-right: 125px;font-weight: bold;}
.section2 ul{padding: 20px 35px;background: rgba(255,255,255,0.6);border-radius: 10px; text-align: left;color: #323232;margin-top: 30px;}
.section2 .li1{width: 21%;}
.section2 .li1 .span1{font-size: 22px;font-weight: bold;}
.section2 .li1 .span2{font-size: 15px;font-weight: bold;letter-spacing: -2px;}
.section2 .li2,
.section2 .li3{width: 79%;color: #717171;}
.section2 .li2 span{color: #f46b28;}
.section2 .li2 br{display: none;}
.section2 .li3 .span1{font-size: 25px;font-weight: 900;color: #f46b28;}
.section2 .li3 .span2{font-size: 15px;font-weight: 900;vertical-align: 3px;position: relative;}
.section2 .li3 .span2:AFTER{content: "";position: absolute;background: url(/img/icon_png.png) no-repeat;width:34px ;height:40px ;top:-5px ;right:-45px;background-position:-44px -303px; }

.section3{height: 831px;background-repeat: no-repeat;}
.section3 .custom_p1{margin: 0;}
.section3 .p3{margin-top: 20px;}
.section3 .p3 span{color: red;}
.section3 h2{text-align: left;padding-top: 75px;padding-left: 45px;display: inline-block;}

.section4{height: 728px;background-repeat: no-repeat; }
.section4 ul{text-align: center;margin-top: 50px;}
.section4 ul li{display: inline-block;width: 188px;height: 188px;background: rgba(255,255,255,0.8);border-radius: 50%;padding-top: 40px;font-weight: bold;margin-right: 54px;vertical-align: top;}
.section4 ul .block_li{display: none;width: 100%;height: 0;margin: 0;padding: 0;}
.section4 ul .li4{margin: 0;}
.section4 h1{color: #fff;}
.section4 p{color:#bdaea1 ;}
.section4 ul li p{font-size: 15px;color: #323232;line-height: 16px;padding: 0 5px;}
.section4 ul li .p1{font-size: 18px;position: relative;color: #9d8169;}
.section4 ul li .p1:AFTER {content: "";border-top: 1px solid #9d8169;width: 24px;display: block;margin: 7px auto;margin-bottom: 15px;}
.section4 .hr_79{border-top-color: #707070;}

.section_div .div1{padding: 0 55px;padding-bottom: 55px;}
.section_div .div1 img{margin: 0 auto;}
.m_img{display: none;}
.dummy_div{height: 100px;display: none;}

@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;}
	.section_div > section{padding: 40px 20px;}
	.section4 ul{margin-top: 30px;}
	.section4 ul li{width: 150px;height: 150px;margin-right: 20px;padding-top: 20px;}
	.section4 ul .li4{margin-right: 20px;}
	.section4 ul .li2,
	.section4 ul .li5,
	.section4 ul .li7{margin: 0;}
	.section4 ul .block_li{display: block;}
	.section4 ul li .p1:AFTER{margin-bottom: 7px;}
	.section4 ul li p{font-size: 13px;}
	.section2 ul{padding: 20px 15px;}
	.section2 .img1{max-width: 53%;}
	.section2 .img2{max-width: 45%;}
	.section2 .p1{margin: 0;}
	.section2 .li1{width: 45%;padding-right: 10px;}
	.section2 .li2{width: 55%;font-size: 11px;}
	.section2 .li3{width: 100%;margin-top: 15px;}
	.section2 .li2 br{display: block;}
	.section2 .li1 .span1{font-size: 13px;}
	.section2 .li1 .span2{font-size: 11px;}
	.section2 .li3 .span1{font-size: 18px;}
	.section2 .li3 .span2{font-size: 13px;}
	.section2 .li3 .span2:AFTER{display: none;}
	
	.section4 ul li p br{display: block;}
	
	.section_div > .section3 p br{display: block;}
}


@media only screen and (max-width: 640px) {
	.section3 > h1{margin-top: -100px;}
	.pc_img{display: none;}
	.dummy_div,.m_img{display: block;}
	.section_div > .section3{background-size:cover;background-position: 20%;height: 600px;}
	.section_div .div1{padding: 0 20px; padding-bottom: 20px;}
	
	.section4 ul li{width: 100px;height: 100px;margin-right: 5px;padding-top: 10px;}
	.section4 ul li .p1:AFTER{margin: 5px auto;}
	.section4 ul li .p1{font-size: 15px;}
	.section4 ul li p{font-size: 11px;}
	.section2{height: 460px;}
	.section4{height: 600px;}
	
	.section_div > .section3 p br,
	.section4 ul .li2 p br{display: none;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section4 ul li{width: 178px;height: 178px;}
}