﻿.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;}
.head .logo{margin-top: 15px;}
.head .logo img{ height:70px}
.head .tel{font-size: 14px;color: #666;background: url(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:#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:#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(plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(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: url(foot-bg.jpg) 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: 34px;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(f-send.png) no-repeat center;cursor: pointer;}
.foot .f-ewm{width: 120px;text-align: center;}
.foot .f-ewm img{width: 120px;}
.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;}
.foot .f-nav li .s-fl{display: block;font-size: 14px;color: #bbb;margin-top: 20px;}
.foot .f-nav li .s-fl span{font-family: 仿宋;margin-right: 5px;}
.foot .f-nav li .s-fl:hover{text-decoration: underline;}
.foot .f-nav{width: 50%;}

@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;}
}
/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;

	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 2.3rem;
	height: 2.3rem;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	font-size: 0.24rem;
	line-height: 0.45rem;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 0.3rem;
	height: 0.3rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0.03rem 0.1rem;
	line-height: 0.35rem;
	background-color: #dc0000;
	color: #fff;
	border-radius: 0.05rem;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 0.4rem;
	background-image: url(wx.png);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -0.4rem;
	z-index: 9999999;
	font-size: 0.26rem;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 0.8rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 0.1rem;
	display: none;
}

/*在线客服*/
[class^="gncms_"],[class^="gncms_"] *{box-sizing: border-box;}
.gncms_kefu{width:550px;height: 210px;position:fixed;right: -190px;margin-right:0;bottom: 0;margin-bottom:0;background: url(kfbj.png) no-repeat;border-bottom: 2px solid var(--color);z-index: 9999;box-shadow:rgba(0,0,0,0.28) 3px 0px 10px;transition:all 0.6s ease;transform: scale(0);border-radius:1000px;opacity:0;}
.gncms_kefu.l{left: -190px;}
.gncms_kefu.on{right:50%;margin-right:-275px;bottom:50%;margin-bottom:-100px;transform:scale(1);opacity:1;border-radius: 10px;}
.gncms_kefu.l.on{left: 50%;margin-left: -275px;margin-right: 0;}
.gncms_kefu:after{content:"";position:absolute;width:245px;height: 260px;background: url(kfbj.png) 0 bottom no-repeat;right:0;bottom: 0;}
.gncms_kefu .pa{text-align: justify;padding:30px 60px 0 60px}
.gncms_kefu .titlean{font-size:20px;color: var(--color);font-weight:bold}
.gncms_kefu .txt{color: #666;font-size:15px;line-height:25px;padding:5px 0 10px 0}
.gncms_kefu .txt a{color: #666;}
.gncms_kefu .txt span{color: var(--color);font-size: 18px;font-weight:bold;}
.gncms_kefu .button{height:36px}
.gncms_kefu a{display:block;width:110px;height:32px;float:left;border-radius:3px;overflow:hidden;text-align:center;line-height: 30px;font-size:14px;background:#fff;border:1px solid #d3d3d3;margin-right:13px;color: #666;}
.gncms_kefu a.on{background: var(--color);border: 1px solid var(--color);color:#fff;font-weight:bold}
.gncms_Open{position:fixed;width:140px;height: 180px;padding-bottom: 40px;background: url(kfbj.png) right -330px no-repeat;right: 20px;bottom: 20px;z-index: 10000;opacity: 0;visibility: hidden;transition: all .5s;animation: myBreath 1.5s linear infinite;}
.gncms_Open.l{left: 20px;}
.gncms_Open.on{opacity: 1;visibility: visible;}
.gncms_Open h3{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;font-size: 20px;font-weight: bold;line-height: 40px;text-align: center;border-radius: 3px;background: var(--color);}
