.sub_top{background-image: url("../img/s02_cn02_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;}

.section_div > .section1{background: url("../img/s02_cn02_bg01.gif") repeat;height: auto;}
.section1 h4{color: #77604c;text-align: center;margin-bottom: 20px;}

.section_div > .section2{text-align: center; padding:60px 0;}
.section2 > h3{color: #6b98ec;text-align: center;position: relative;display: inline-block;margin-bottom: 46px;}
.section2 > h3:BEFORE{position: absolute;content: "";width: 56px;height: 70px;background-position: 0 -639px;background-image: url("/img/sub_common_bg.png");
top: 12px;left: -70px;}
.section2 > h3:AFTER{position: absolute;content: "";width: 56px;height: 70px;background-position: 0 -712px;background-image: url("/img/sub_common_bg.png");
top: 11px;right: -70px;}
.section2 > .div_inner{padding: 0 55px;}
.section2 > .div_inner > .left_ul{padding: 0 53px;position: relative;}
.section2 > .div_inner > .left_ul li{width: 50%;}
.section2 > .div_inner > .left_ul li h3{color: #fff;text-align: center;height: 60px; line-height: 60px;}
.section2 > .div_inner > .left_ul .li1 h3{background:#e48541 ;}
.section2 > .div_inner > .left_ul .li2 h3{background:#4773b0 ;}
.section2 > .div_inner > .left_ul li p{height: 108px;padding: 18px 5px 0 5px; }
.section2 > .div_inner > .left_ul li h4{height: 67px;border: 1px solid #e48642;color: #e48642;text-align: center;display: table;width: 100%;width: 70%;margin: 0 auto;}
.section2 > .div_inner > .left_ul li h4 span{display: table-cell;vertical-align: middle;}
.section2 > .div_inner > .left_ul .li2 h4{ color: #4773af;border-color: #4773af;}
.section2 > .div_inner > .left_ul li > div{border-right: 1px solid #6e6f71;border-bottom: 1px solid #6e6f71;}
.section2 > .div_inner > .left_ul .li1 > div{border-left: 1px solid #6e6f71;border-bottom: 1px solid #6e6f71;}
.section2 > .div_inner > .left_ul .li1 .bg_div{background-repeat:no-repeat;height: 178px;background-position: left;margin-top: 25px; }
.section2 > .div_inner > .left_ul .li2 .bg_div{background-repeat:no-repeat;height: 178px;background-position: left;margin-top: 25px;  }
.section2 > .div_inner2{background-repeat:repeat;height: auto;padding: 38px 53px;text-align: center;margin: 0 55px;}
.section2 > .div_inner2 > .left_ul{background: rgba(255,255,255,0.5);position: relative;margin: 32px auto;padding: 20px 0;}
.section2 > .div_inner2 > .left_ul li{width: 50%;}
.section2 > .div_inner2 > .left_ul .li1 .h3_1{color: #e48642;}
.section2 > .div_inner2 > .left_ul .li1 .h3_2{color: #6e5e59;margin-bottom: 20px;}
.section2 > .div_inner2 > .left_ul .li2 .h3_1{color: #4773af;}
.section2 > .div_inner2 > .left_ul .li2 .h3_2{color: #fb5b5b;margin-bottom: 20px;}
.section2 > .div_inner2 > .h2_1{color: #fb5b5b;margin-top: 14px;margin-bottom: 5px;}
.section2 > .div_inner2 > .h2_2{color: #fff;background:rgba(110,95,90,0.5);display: inline-block; padding: 5px 10px;}
.section2 > .div_inner2 > .left_ul > .div_custom{background: url("/img/sub_common_bg.png") no-repeat;width:87px ;height:29px ;background-position:0 -602px ;
position: absolute;top: 35px;left: 50%;margin-left: -43.5px;}


.section_div > .section3{background-repeat:no-repeat;height: auto;text-align: center;}
.section3 > div{background: #fff; border: 1px solid #c3c3c3;padding: 40px 7px;margin-top: 40px;}
.section3 > div > p{margin: 20px 0;}
.m_img_custom{display: none !important;}

@media only screen and (max-width: 1199px) {
	.section2 > .div_inner2 > .left_ul li{width: 49%;}
	.section2 > .div_inner2 > .left_ul .li1{margin-right: 2%;}
}

@media only screen and (max-width: 1023px) {
	.section2 > .div_inner2 > .left_ul > .div_custom{width: 47px;background-position:-40px -602px;margin-left: -20px; }
	.section2 > .div_inner2 > .left_ul li h3{font-size: 16px;}
	.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;}
	.section2 > .div_inner{padding: 0 20px;}
	.section2 > .div_inner2 > .left_ul li h3{font-size: 16px;}
	.section2 > .div_inner > .left_ul{padding: 0;}
	.section2 > .div_inner > .left_ul li h4{width: 90%;}
	.section2 > .div_inner2{margin: 0;}
	.section_div > .section2{padding-bottom: 0;}
	
	
}


@media only screen and (max-width: 640px) {
	.section2 > .div_inner > .left_ul li p{height: 138px;font-size: 14px;}
	.section2>.div_inner>.left_ul li p{padding: 12px 5px;}
	.section2 > .div_inner > .left_ul li h4{height: 105px;}
	.section2 > .div_inner > .left_ul .li1 .bg_div,
	.section2 > .div_inner > .left_ul .li2 .bg_div{background-size:cover;height: 108px; }
	.section2 > h3{margin-bottom: 30px;}
	.section2 > .div_inner2 > .left_ul > .div_custom,
	.section2 > h3:BEFORE,
	.section2 > h3:AFTER{display: none;}
	.section2 > .div_inner2 > .left_ul li{width: 100%;}
	.section2 > .div_inner2 > .left_ul .li1{margin-right: 0;}
	.section2 > .div_inner2{padding: 30px 5%;}
	.section2 > .div_inner2 > .left_ul .li2 .h3_1{margin-top: 20px;}
	.section2 > .div_inner2 > .left_ul li h3{font-size: 18px;}
	.pc_img_custom{display: none !important;}
	.m_img_custom{display: block !important;}
}



@media all and (min-width:1024px) and (max-width:1199px) {
	
}