@charset "utf-8";
.fn_h{height: 110px;display: none;}
.g_fnva{position:fixed; z-index:100; bottom:0; width:100%;background:#2a2a2a;display: none;}
.m-f01 li{float: left;width: 25%;text-transform: uppercase;border-right: 1px  solid rgba(255,255,255,0.5); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.m-f01 li em{display: block;width: 45%;padding-top: 6px; margin: 0 auto;}
.m-f01 li img{width: 24px;display: block;margin: 0 auto;}
.m-f01 a{ color:#fff;line-height: 30px;display:block;text-align:center;font-size: 14px;position: relative;}

.h_h{height: 100px;}
.head{height: 100px;width: 100%;position: fixed;background: #fff;z-index: 999; box-shadow:5px 5px 2px 1px rgba(0,0,0, 0.2);}
.head .logo{margin-top: 15px;}
.head .logo img{ height:70px}
.head .tel{font-size: 14px;color: #666;background: url(../images/h-tel.png) no-repeat left;padding-left: 26px;margin-top: 35px;margin-left: 3%;}
.head .tel b{font-size: 20px;color: #333;font-family: 'Lato';}
.head .nav{display: block;width: 46%;}
.head .nav ul li{float:left;position: relative;z-index: 999;}
.head .nav ul li .f_a{display:block;text-align:center;font-size:16px;color:#333;line-height: 100px;}
.head .nav ul li:hover .f_a,.head .nav ul li.cur .f_a{color: #005bad;font-weight: bold;transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #005bad;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;border-top: 1px solid #fff;height: 40px;line-height: 40px;overflow: hidden;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#23ac38;color: #fff;transition:all .3s}

.head-wap{display: none;}
.m_img{display:block;height:54px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden; box-shadow:5px 5px 2px 1px rgba(0,0,0, 0.2);}
.m_img .headlf{padding-top:7px;padding-left:7px;float: left;}
.m_img .headlf .m_logo{max-height:40px;display: block;}
.m_img .headrg{padding-right:10px;padding-top:15px;float: right;}
.m_img .headrg a .m_menuimg{height:22px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}


.footer{background: #303030; padding: 2.625rem 0 2.125rem;}
.footer-left{width: 19.8%;}
.footer-left strong{display: block; font-size: 1.5rem; color: #fff; margin-bottom: 1.5625rem;}
.footer-tel{margin-bottom: 2rem;}
.footer-tel img{display: inline-block; margin-right: 0.5rem;}
.footer-tel em{display: block; font-size: 0.875rem; color: #b2b2b2; margin-bottom: 0.1875rem;}
.footer-tel b{display: block; font-size: 1.8rem; line-height: 1.375rem; color: #fff; font-family: Arial;}
.footer-left p{margin-bottom: 0.5rem; align-items: flex-start; }
.footer-left img{display: inline-block; margin-right: 0.375rem; margin-top: 0.2rem;}
.footer-left span{display: block; font-size: 0.9375rem; color: #b2b2b2;}
.foot-nav{width: 55.8%; box-sizing: border-box; position: relative; padding: 0 6%;}
.foot-nav::before,.foot-nav::after{position: absolute; content: ''; width: 0.0625rem; height: 100%; background: #5f5f5f; top: 0;}
.foot-nav::before{left: 0;}
.foot-nav::after{right: 0;}
.foot-nav dl dt{display: block; font-size: 1.25rem; color: #fff; font-weight: bold; margin-bottom: 0.5rem;}
.foot-nav dl dt a{color: #fff;}
.foot-nav dl dd a{display: block; font-size: 1rem; line-height: 2.375rem; color: #7f7f7f;}
.foot-nav dl dt a:hover,.foot-nav dl dd a:hover{color: #016ebb;}
.foot-nav dl:last-child dd:nth-child(4){margin-bottom: 1.3125rem;}
.foot-wechat{width: 16.25%;}
.foot-wechat strong{display: block; font-size: 1.25rem; color: #fff; font-weight: bold; margin-bottom: 2.0625rem;}
.foot-wechat ul li{width: 44%;}
.foot-wechat ul li img{display: block; width: 100%; margin: 0 auto 0.6875rem;}
.foot-wechat ul li em{display: block; font-size: 0.875rem; color: #a0a0a0; text-align: center;}
.footer-copy{background: #1c1c1c; padding: 0.9375rem 0;}
.footer-copy p{display: block; font-size: 14px; color: #fff;}
.footer-copy a{color: #fff;}
.footer-copy a:hover{text-decoration: underline;}
.container{max-width:1500px;margin:0 auto}
.flex-sb{display: flex;justify-content: space-between;}
.flex-c{display: flex; align-items: center;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}

@media (max-width: 1200px){.head .tel{display: none;}}
@media (max-width: 1024px){
	.head,.foot{display: none;}
	.g_fnva,.fn_h,.head-wap{display: block; }
	.h_h{height: 54px;}
}