.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: 90px;}
.head{height: 90px;width: 100%;position: fixed;background: #27282c;z-index: 999;}
.head .logo{margin-top: 15px;}
.head .logo img{ height:62px}
.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: 56%;}
.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:#fff;line-height: 100px;}
.head .nav ul li:hover .f_a,.head .nav ul li.cur .f_a{color: #fff;font-weight: bold;transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 240px; background:#fff;background-color: #000;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:#f09800;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;}
.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;}

.foot{background: #000 no-repeat center;overflow: hidden;padding-top: 70px;max-height: 530px;overflow: hidden;margin-top: 100px;}
.foot .copy{border-top: 1px solid rgba(221,221,221,0.5);margin-top: 80px;font-size: 14px;color: #bbb;line-height: 36px;text-align: center;padding: 25px 0;max-height: 130px;overflow: hidden;}
.foot .copy a{color: #bbb;}
.foot .box{width: 28%;}
.foot .box .des{font-size: 14px;color: #bbb;line-height: 24px;margin: 20px 0 40px;max-width: 410px;}
.foot .box form{position: relative;max-width: 320px;}
.foot .box form .p{width: 100%;height: 50px;background: #444;border-radius: 3px;color: #999;padding-left: 10px;font-size: 14px;}
.foot .box form input.p::-webkit-input-placeholder{color: #999;}
.foot .box form .sub{position: absolute;right: 0;top: 6px;width: 42px;height: 38px;background: url(../images/f-send.png) no-repeat center;cursor: pointer;}
.foot .f-nav{width: 60%;}
.foot .f-nav li{width: 20%;float: left;overflow: hidden;}
.foot .f-nav li .f-fl{display: block;font-size: 18px;color: #fff;margin-bottom: 30px;text-align:left}
.foot .f-nav li .s-fl{display: block;font-size: 14px;color: #bbb;margin-top: 20px;;text-align:left}
.foot .f-nav li .s-fl span{font-family: 仿宋;margin-right: 5px;}
.foot .f-nav li .s-fl:hover{text-decoration: underline;}

@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;}
}
@media (max-width:768px){
.compare-panel{width:100%;bottom:14vw} .lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#000!important}}
.lang{width:auto;position:relative}
.lang-icon>img{margin-right:5px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:'';position:absolute;right:4px;top:11px;width:8px;height:1px;background:#333;transform:rotate(50deg)}
.lang-icon span::after{content:'';position:absolute;right:0px;top:11px;width:8px;height:1px;background:#333;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;color:#000;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media(max-width:1024px){
.lang{margin-left:auto}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin:2px 0px 0px 0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}
.lang-drop{display:none}
.lang-drop.active{display:block}}