@charset "utf-8";
/* 共有 */
*{margin:0;padding:0;border:0;word-wrap:break-word;box-sizing:border-box;}
*, *:before, *:after {box-sizing:border-box;outline:none;}
html {height:100%;overflow-x:hidden;}
body{background:#f6f7f9;font-size:16px;color:#191919;line-height:180%;font-family: "Microsoft Yahei","PingFang SC-Medium","PingFang SC","Noto Sans SC","SimHei","Simsun",Arial, sans-serif;/*min-width:1360px;*/}
a{color:#191919;text-decoration:none;}
a:hover{color:#248dff;text-decoration:none;}
a{outline:none;star:expression(this.onFocus=this.blur());}
ul,li,ol{list-style-type:none;}
img{border:0 none;vertical-align:middle;}

textarea,input, button{border:0;vertical-align:middle;outline:none;outline:none;background:none;}
input:focus,input:hover{outline:none;}
/*input框获取焦点点击输入历史保存的值后，背景颜色变成淡蓝色解决方法*/
input:-internal-autofill-previewed,input:-internal-autofill-selected {transition:background-color 5000s ease-out 0.5s;}

.fl{float:left;}
.fr{float:right;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

.cover{width:100%;height:100%;position:fixed;left:0;top:0;z-index:2;background:rgba(0, 0, 0, 0.6);display:none;}

@media(max-width:1440px) {

}
@media(max-width:1024px) {
body{min-width:100%;}
}

/*垂直居中*/
.center{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.hidden{overflow:hidden;}

.morelink{margin-top:30px;text-align:center;}
.morelink a{font-size:18px;color:#999;}
	 
/* 全局盒子*/
.page-wrapper {max-width:100%;}
.inner{width:96%;max-width:1640px;margin:auto;}


@media(max-width:1024px) {
.inner{max-width:auto;}
}


/*头部*/
.header-white{background:#FFF;}
.header{position:fixed;left:0;right:0;top:0;width:100%;margin:0 auto;z-index:99;}
.header .container{width:96%;max-width:1640px;min-width:1200px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.header .logo{display:inline;width:144px;height:41px;margin-right:22px;}
.header .znq-logo{display:inline;width:45px;height:33px;}

.header .hotTel{background:#0E57D6;padding:0 20px;height:46px;line-height:46px;font-size:18px;color:#fff;overflow:hidden;}
.header .hotTel a{float:left;display:inline;width:27px;height:100%;background:url('../img/hotTel.png') left center no-repeat;}

.header .topinner{margin:0 auto;overflow:hidden;/*position:relative;*/}

/*主导航*/
.header .menu-handler{display:none;}
.header .main-menu{float:left;}
.header .nav{height:80px;overflow:hidden;}
.header .nav li{float:left;display:inline;/*min-width:88px;*/text-align:center;margin-right:60px;font-size:18px;line-height:80px;font-weight:500;}
.main-menu ul li ol{position:absolute;z-index:99;top:76px;margin-left:-20px;max-height:0;padding:0;overflow:hidden;transition:max-height 0.5s ease-in;}
.main-menu ul li:hover ol{max-height:400px;max-width:220px;padding:15px;background:rgba(14,87,214,.9);}

.main-menu ul li ol a{display:none;width:100%;font-size:16px;color:#fff;line-height:40px;}
.main-menu ul li:hover ol a{display:block;}

.main-menu ul li ol a:hover{color:#dbe6fa;font-weight:bold;}

.header .nav li.over:after{position:absolute;bottom:0;content:"";display:block;width:88px;height:4px;background:#0E57D6;opacity:1;}
.header .nav li:first-child.over:after{display:none;}

.header .nav li.over a{color:#0E57D6;}
.header .nav li.over ol a{color:#fff;}

.main-menu ul .active { }

@media(max-width:1680px) {
.header .container{padding:0 30px;}	
}
@media(max-width:1440px) {
.header .container{padding:0 15px;}
.header .container .nav li{margin-right:20px;}
}

@media(max-width:1280px) {

}

@media(max-width:1024px) {
.header .nav{height:auto;}
.header{position:static; background:#fff;}
.header .container{padding:0 10px;height:60px;}
.header .container .hotTel{position:absolute;right:60px;padding:0 10px;width:50px;transition:all .4s ease;}
.header .container .hotTel:hover{width:auto;}

.header .container .menu-handler {position:absolute;top:15px;right:10px;display:block;width:30px;height:auto;transition:0.3s;}
.header .container .menu-handler .bar{height:2px;width:20px;display:block;position:absolute;background:#005bab !important;transition:0.3s;}
.header .container .menu-handler .bar:nth-of-type(1) {top:7px;transition:top 0.2s ease,transform 0.2s ease-out;}
.header .container .menu-handler .bar:nth-of-type(2) {top:14px;transition:top 0.2s ease, transform 0.2s ease-out;}
.header .container .menu-handler .bar:nth-of-type(3) {top:21px;transition:top 0.2s ease, transform 0.2s ease-out;}
.header .container .menu-handler.active .bar:nth-of-type(1) {top:14px;transform:rotate(45deg);transition:top 0.1s ease, transform 0.1s ease-out;}
.header .container .menu-handler.active .bar:nth-of-type(2) {opacity:0;}
.header .container .menu-handler.active .bar:nth-of-type(3) {top:14px;transform:rotate(-45deg);transition:top 0.1s ease, transform 0.1s ease-out;}

.header .container .main-menu{display:none;float:none;position:absolute;top:60px;right:0;width:100%;height:auto;z-index:999;background:rgba(255,255,255,.95);}
.header .container .nav{width:100%;border-top:1px #ededed solid;}
.header .container .nav li{float:none;display:block;width:100%;padding:10px 1.2rem;box-sizing:border-box;line-height:2.4rem;font-size:1.2rem;font-weight:normal;border-bottom:1px #eee solid;position:relative;}
.header .container .nav li i{display:block;width:2rem;position:absolute;right:1.2rem;top:.5rem;bottom:0;font-style:normal;font-size:1.3rem;color:#999;text-align:right;z-index:3;}
.header .container .nav li i:before{content:"-";font-family:"SimHei";}
.header .container .nav li i.icon-add:before{content:"+";}
.header .container .nav li i.icon-add.active:before {content:"-";}

.main-menu ul li:hover ol{max-width:100%;background:rgba(255,255,255,.9); text-align:left;}
.header .container .nav li ol a{display:inline;margin-right:1.2rem;font-size:1rem;color:#666; white-space:nowrap;}
.header .nav li.over:after{display:none;}
}
	
/*底部*/
.footer-h{clear:both;height:52px;overflow:hidden;background:#0e57d6;margin-top:60px;}
.footer{background:#fff;}
.footer .inner{width:94%;margin:auto;position:relative;}
.footer .bottom-menu{padding:60px 0;overflow:hidden;}
.footer .bottom-menu li{float:left;display:inline;margin-right:120px;}
.footer .bottom-menu li h3{font-size:20px;margin-bottom:20px;}
.footer .bottom-menu li h3 a{color:#383838;}
.footer .bottom-menu li p a{display:inline-block;font-size:20px;color:#383838;padding:8px 0px;}
.footer .bottom-menu li p a:hover{color:#191919;}

.footer .WeChat{position:absolute;top:60px;right:0;text-align:center;font-size:16px;color:#383838;line-height:120%;}
.footer .WeChat li{float:left;display:inline;margin-left:30px;width:140px;}
.footer .WeChat img{width:100%;height:auto; margin-bottom:5px;}


.footer .copyright{width:100%; padding:30px 0;text-align:left;border-top:1px #dedede solid;color:#383838;line-height:30px;}
.footer .copyright p{width:96%;max-width:1640px; margin:auto;}
.footer .copyright a{color:#383838;padding-left:20px;}
.footer .copyright a:hover{color:#191919;}

@media(max-width:1440px) {
.footer .bottom-menu li p a{font-size:18px;}	
}
@media(max-width:1024px) {
.footer .inner{ display:none;}
.footer .bottom-menu li p a{font-size:16px;}	
.footer .copyright{padding:20px 0;text-align:center;}
}

@media(max-width:768px) {
.footer .copyright span,.footer .copyright a{display:block;padding:0 10px;}
}

@media (max-width: 414px){
.main-menu ul li ol{ position:static;}
}