@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; outline:none; text-decoration: none; box-sizing: border-box;}
img{ border:none;}
.clearfix:after{ content: ''; width:0; height:0; display:block; visibility: hidden; clear:both;}
.show{display:block!important;}
.hide{display:none!important;}
#wrap{ height:100%; width: 100%; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
/*header*/
.b_top{ width:100%;height: 40px; background-color: #fff; padding:0 63px; box-sizing: border-box;}
.b_top p{ font-size: 20px; color:#282828; line-height: 40px; text-align: right;}

/*banner图部分*/
.banner{ width:100%; height: 600px; background-image: url(../images/background_color.png); background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.b_logo{ width: 348px; height: 64px; position: absolute; left: 5%; top:6%;}
.b_sub{ width: 624px; height: 180px; position: absolute; left: 6%; top:34%;}
.b_sub p{ font-size: 24px; color:#FFFFFF; line-height: 60px; letter-spacing: 1.9px;}
.banner_img{ width:840px; height: auto; position: absolute; right:8%; top:0;}

.b_title{ width:100%;height: 80px; background-color: #F4F4F4; font-size: 24px; color:#555555; line-height: 80px; text-align: center;}

.b_content_box{ width:100%; height: 704px; margin:0 auto; padding-bottom: 54px;box-sizing: border-box; position: relative; overflow: hidden; display: flex;}
.b_content_box:after{ content: ''; width:80%; height: 2px; background-color: #F0F0F0; position: absolute; left: 10%; bottom: 0px;}
.b_left{width:50%; height: 100%; box-sizing: border-box; padding-right: 150px;}
.b_right{width:50%; height: 100%; box-sizing: border-box; padding-left: 150px;}

.b_txt{ width: auto; height: 240px; float:right;}
.b_txt h5{ font-size: .66rem; color:#209048; line-height: 1rem; font-weight: 500; margin-top:.8rem;}
.b_txt p{font-size: .4rem; color:#828282; line-height: .56rem; }
.b_txt p.special{ font-weight: bold}
.b_img{ float:left; width: auto; height: 80%; margin-top:2%;}

.b_txt1{ width: auto; height: 240px; float:left;}
.b_txt1 h5{ font-size: .66rem; color:#209048; line-height:1rem; font-weight: 500; margin-top:.8rem;}
.b_txt1 p{font-size: .4rem; color:#828282; line-height: .56rem; }
.b_img1{float:right; width: auto; height: 80%; margin-top:2%;}


@media screen and (max-width: 1800px) {
	.banner_img{ width:560px; height: auto; position: absolute; right:8%; top:35%;}
	
	.b_left{width:50%; height: 100%; box-sizing: border-box; padding-right: 50px;}
	.b_right{width:50%; height: 100%; box-sizing: border-box; padding-left: 50px;}
	
    .b_txt{ width: auto; height: 240px; float:right;}
	.b_txt h5{ font-size: .5rem; color:#209048; line-height: 1rem; font-weight: 500; margin-top:.8rem;}
	.b_txt p{font-size: .3rem; color:#828282; line-height: .56rem; }
	.b_txt p.special{ font-weight: bold}
	.b_img{ float:left; width: auto; height: 80%; margin-top:2%; margin-left: 100px;}

	.b_txt1{ width: auto; height: 240px; float:left;}
	.b_txt1 h5{ font-size: .5rem; color:#209048; line-height:1rem; font-weight: 500; margin-top:.8rem;}
	.b_txt1 p{font-size: .3rem; color:#828282; line-height: .56rem; }
	.b_img1{float:right; width: auto; height: 80%; margin-top:2%; }

}



/*footer*/
.footer{ wdith:100%;background-color: #222;}
.footer .w1200{position:static; margin:0 auto;}
.footer .w_t .w1200{overflow:hidden; }
.footer .web_nav{float:left; padding-top: 68px;}
.footer .web_nav ul{overflow:hidden;}
.footer .web_nav li{float:left; width:102px;}
.footer .web_nav li h4{font-size: 18px; color:#fff; line-height: 18px; margin-bottom: 15px;}
.footer .web_nav li a{font-size: 16px; line-height: 24px; color:#999; display:block; }
.footer .web_nav li a:hover{color:#ed6c00;}

.footer .ri{margin:0 auto;width:550px; padding-top: 68px;}
.footer .ri h2{font-size: 18px; color:#fff; line-height: 16px; margin-bottom: 15px;}
.footer .ri .phone{font-size: 30px; color:#a9a9a9; line-height: 38px; font-family: "POPPINS-REGULAR"; margin-bottom: 10px;}
.footer .ri p{font-size: 16px; line-height: 30px; color:#888; padding-left: 40px; background:no-repeat left 0; margin-bottom: 10px;}
.footer .ri .p1{background-image: url("../images/foot_icon_site.png");}
.footer .ri .p2{background-image: url("../images/foot_icon_phone.png");}
.footer .ri .p3{background-image: url("../images/foot_icon_mail.png");}
.footer .w_b{height:70px; background-color: #222; border-top:1px solid #333;}
.footer .w_b .p{ font-size: 16px; color:#f6f6f6; line-height: 70px; text-align: center;}
.footer .w_b .p a{color:#fff;}
.footer .w_b .share_wr{float:right; padding-top: 15px;}
.footer .w_b .share_wr>div{float:left; margin-left: 10px; width:40px; height:40px;}
.footer .wx .ma,.footer .wb .ma {background-image: url("../images/f_ma_bg2.png");}

.wx,.wb{position:relative; width:40px; height:40px;}
.wx a{display:block; width:40px; height:40px; background:url("../images/foot_icon_wx.png") no-repeat center;}
.wb a{display:block; width:40px; height:40px; background:url("../images/foot_icon_wb.png") no-repeat center;}
.wx .ma,.wb .ma{display:none; position:absolute; left:50%; bottom:44px; margin-left: -68px; width:120px; height:120px; padding:8px 8px 18px; background:url("../img/f_ma_bg.png") no-repeat center;}
.wx .ma img,.wb .ma img{display:block; max-width: 100%;}


.footer_top{
	display: flex;
	justify-content: center;
}
.footer_top div{
	width:50%;
	padding:30px 100px;
	box-sizing: border-box;
}
.footer_top div h2{
	font-size: 18px; color:#f6f6f6; line-height: 35px; 
}
.footer_top div p{
	font-size: 16px; color:#f6f6f6; line-height: 35px; 
}
.footer_bto p{
	font-size: 16px; color:#f6f6f6; line-height: 70px; text-align: center;
}