.iconfont{ font-style: unset;  font-size: unset;}
.main_content{ width:96%; margin:0 auto; max-width: 1600px; }

.right_fd{ position: fixed; right: 0; top: 50%; transform: translateY(-50%);  box-shadow: 0 0 3em rgba(0,0,0,.4); z-index: 1000;}
.right_fd li{ position: relative; }

.right_fd li i{ display: inline-block; font-size: 30px; line-height: 30px; padding: 8px;border-bottom: 1px solid rgba(0, 0, 0, .05);     background: #183883; position: relative; z-index: 2; color: #fff; cursor: pointer;}
.right_fd li span{  position: absolute;  right: -300px; height: 100%; align-items: center; display: inline-grid; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #183883; border-radius: 5px; font-size: 16px; transition: 0.3s; z-index: 1;     white-space: nowrap;color: #fff;}
.right_fd li span:before{ content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #183883; right: -5px; top: 50%; transform: translateY(-50%);}
.right_fd li:hover i{ background: #fff; color: #183883;}
.right_fd li:hover span{ right: calc(100% + 10px);}

@media screen and (max-width: 599px){
	.right_fd li i{ font-size: 15px; line-height: 15px; padding: 5px;}
	.right_fd li span{ font-size: 12px; padding: 2px 5px;}

}

.wxewm{ float: left; width: 100%; height: 100%; position: fixed;  background: rgb(0 0 0 / 80%); z-index: 1000; display: none;    top: 0;}
.wxewm_k{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 44px; background: #fff;}
.wxewm_gb{ position: absolute; top: 0; right: 0; font-size: 25px; line-height: 25px; padding: 10px; cursor: pointer;}
.wxewm_gb i{ }
.wxewm_title{ width: 100%; margin-bottom: 15px; font-size: 28px; font-weight: bold; color: #000; text-align: center;}
.wxewm_ewm{ width: 350px; max-width: 100%;}
.wxewm_ewm img{ width: 100%;}
.wxewm_desc{ text-align: center; margin-top: 20px; color: rgba(0, 0, 0, .65); font-size: 16px;}
.wxewm_gb:hover{ color: #000;}

@media screen and (max-width: 799px){
	.wxewm_k{ padding: 20px;}
	.wxewm_title{ margin-bottom: 5px; font-size: 22px;}
	.wxewm_ewm{ width: 250px;}
	.wxewm_desc{  margin-top: 5px; font-size: 14px;}
}





.footer{  width: 100%; float: left; position: relative; overflow: hidden;}
.footer_top{  width: 100%; float: left; position: relative; overflow: hidden; background: #212429;}
.footer_top_t{ width: 100%; float: left; position: relative; overflow: hidden; margin-top: 36px; padding-bottom: 10px; border-bottom: 1px solid #4c4f54;}
.footer_logo{ float: left; margin-top: 11px;}
.footer_logo img{ height: 46px;}
.footer_tel{ float: right; text-align: right; color: #fff; font-size: 16px; line-height: 22px;}
.footer_tel a{ float: left; width: 100%; color: #fff; font-size: 37px; line-height: 50px;}
.footer_top_b{  width: 100%; float: left; position: relative; overflow: hidden; padding-top: 22px; min-height: 300px; padding-bottom: 8px;}
.footer_nav{ width: 75%; float: left;}
.footer_nav li{ float: left; width: 20%;}
.footer_nav li.on{ width: 40%;}
.footer_nav li .footer_nav_title{ float: left;  width: 100%;}
.footer_nav li .footer_nav_title a{ font-size: 20px; color: #fff;}
.footer_nav li .footer_nav_zi{ width: 100%; float: left; margin-top: 6px; }
.footer_nav li .footer_nav_zi a{width: 90%; float: left; color: #fff;  font-size: 16px; line-height: 26px;}
.footer_nav li.on .footer_nav_zi a{ width: 50%;}
.footer_lx{ float: right; width: 25%;}
.footer_fx{ float: right; width: 100%; text-align: right;}
.footer_fx_title{ font-size: 20px; color: #ffffff; line-height: 22px;}
.footer_fx_li{float: right; margin-top: 6px;}
.footer_fx_li li{    float: left; color: #fff;  margin-left: 10px;}
.footer_fx_li li a{ color: #fff; font-size: 28px;}
.footer_fx_li li a i{}
.footer_dy{ float: right;width: 100%; text-align: right; margin-top: 84px;}
.footer_dy_title{ font-size: 20px; color: #ffffff; line-height: 22px;}
.footer_dy_form{float: right; margin-top: 17px;}
.footer_dy_form input{ width: 230px; float: left; border: 0;background: #fff; font-size: 16px; line-height: 30px; padding: 0 15px; height: 36px;}
.footer_dy_form input::-webkit-input-placeholder{ color:#cccccc; font-size: 16px;}
.footer_dy_form button{ width: 58px; float: left; border: 0; background: #af251b; font-size: 25px; color: #fff; line-height: 36px; padding: 0; border-radius: 0;}
.footer_dy_form button i{}
.footer_bot{  width: 100%; float: left; position: relative; overflow: hidden;color: #cccccc; font-size: 16px;padding: 11px 0;  background: #060606;}
.footer_bot a{ color: #cccccc; font-size: 16px;}
.footer_copy{ float: left;}
.footer_js{ float: right;}

@media (max-width:1400px) {
    .footer_dy_form input{ width: 220px;}
}
@media (max-width:1200px) {
    .footer_tel a{ font-size: 30px;}
	.footer_nav li .footer_nav_title a{ font-size: 16px;}
	.footer_nav li .footer_nav_zi a{ font-size: 13px;}
	.footer_dy_title,.footer_fx_title{ font-size: 16px;}
	.footer_dy_form{ margin-top: 10px;}
	.footer_dy_form input { width: 180px; font-size: 14px; }
}
@media (max-width:999px) {
    .footer_top_t{border-bottom:0;padding-bottom:0}
	.footer_logo{ width: 100%; margin-top: 0px; text-align: center;}
	.footer_tel{ margin-top: 20px; width: 100%; text-align: center;}
	.footer_tel a { font-size: 26px; 	}
	.footer_nav{ display: none;}
	.footer_lx{ width: 100%;}
	.footer_fx{ text-align: center;}
	.footer_fx_li{ float: none; display: inline-block;}
	.footer_dy{ text-align: center; margin-top: 20px;}
	.footer_dy_form{ float: none; display: inline-block;}
	.footer_top_b{ min-height: auto; padding-bottom: 50px;}
}
@media (max-width:799px) {
    .footer_copy,.footer_js{ width: 100%; text-align: center;}
}
@media (max-width:599px) {
    .footer_logo img{ height: 40px;}
	.footer_tel a{ line-height: 40px;font-size: 22px;}
	.footer_fx_li li{ line-height: 40px;}
	.footer_fx_li li a{ font-size: 22px;}
	.footer_dy_form input::-webkit-input-placeholder{ color:#cccccc; font-size: 12px;}
	.footer_dy_title, .footer_fx_title,.footer_tel{ font-size: 14px;}
	.footer_bot{ font-size: 14px;}
}












