@charset "utf-8";
/*header on*/
/*top栏*/
.header-toolbar{height:50px;line-height:50px;overflow:hidden;background:#fff}
.header-toolbar .container{width:1400px;margin:auto;}
.u-xzf li a,.u-funs li a{font-size: 14px;color: #525252;}
.header-toolbar li:hover span:not(.u-line){color: #0074c5}
.header-toolbar .u-line{padding:0 15px;color:#b3b3b3}
.u-wza,.u-elder{display:block;margin-left: 10px;margin-top: 10px;height: 30px;line-height: 30px;}
.u-wza a,.u-elder a{padding:0 11px;background-color:#ffb006;display:block;border-radius:4px;}
.u-wza span,.u-elder span{color: #fff;}
.u-wza:hover a,.u-elder:hover a{background-color: #ff8c00;}
.u-funs li:hover #wza,.u-funs li:hover #elder{color: #fff;}
.u-wza{margin-left: 15px;}
.u-funs img{margin-right: 4px;vertical-align: middle;margin-top:-3px}

/*banner*/
.m-banner{height: 356px;background: url(../images/index/banner.png) top center no-repeat;}
.header-main{height: 100%;text-align: center;}
.header-logo{margin-top: 77px;}

/*search*/
.header-search{width:600px;height:58px;margin: 0 auto;background-color: rgba(255,255,255,0.9);border-radius: 6px;margin-top: 57px;}
.header-search form{height: 100%;}
.header-search input{border:none;box-shadow: none;outline: none;background: none;}
.header-search .u-searchtext{float:left;width:calc(100% - 100px);height:100%;padding:0 18px;font-size:18px;color: #333;}
.header-search .u-searchtext::-webkit-input-placeholder{color:#b3b3b3;}
.header-search .u-searchdiv{float:right;margin:6px 6px 0 0;width: 94px;height: 46px;border-radius: 6px;overflow: hidden;}
.header-search .u-searchbtn{width:100%;height:100%;padding-left: 26px;color: #fefcfb;font-size: 18px;background: #ffb006 url(../images/public/h-search.png) 16px center no-repeat;}
/* 去除输入框选中选项时候自动填充背景色 */
.u-searchtext:-webkit-autofill,
.u-searchtext:-webkit-autofill:hover,
.u-searchtext:-webkit-autofill:focus,
.u-searchtext:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #333 !important;
}
/* 搜索联想词 */
.hotkey-results{display:none;position:absolute;top:65px;left:0;-webkit-transform-origin:center top;transform-origin:center top;white-space:normal;text-align:left;text-transform:none;background:#fff;width:100%;border-radius:28px;z-index:1000;padding-top:0px;overflow:hidden;-webkit-border-radius:28px;-moz-border-radius:28px;-ms-border-radius:28px;-o-border-radius:28px;box-shadow:0px 0px 7px 0px rgba(38,116,218,0.12);}
.hotkey-results .hotkey-result {cursor: pointer;display: block;overflow: hidden;padding: 0 5px;line-height: 36px;}
.hotkey-results .hotkey-result:last-child{padding-bottom:10px}
.hotkey-results .hotkey-result:first-child{padding-top:10px}
.hotkey-results .hotkey-content .hotkey-title{color:#3d3d3d;padding:0 15px}
.hotkey-title:hover{background:#fafcff}
.highlight{color:#f51717}

/*一级导航*/
.m-nav{width: 100%;background-color: #0e44b0;}
.nav-wrapper{height: 72px;}
.nav-wrapper ul li{position: relative;padding: 11px 0;float:left;width:14.28571%;transition: all .3s linear;}
.nav-wrapper ul li>a{height: 50px;line-height: 50px;border-radius: 4px;text-align: center;font-size: 24px;color:#fff;display: block;font-weight: bold;}
/*hover背景色效果*/
.nav-wrapper ul li.u-active a,.nav-wrapper ul li:hover a{background:#0b378e;color:#ffdd74;}
/*二级导航 */
.second-nav-wrapper{background-color: #fff;}
.second-nav-wrapper .container{position:relative}
.mobile-btn{width:12px;height:12px;border:none;margin: 0 10px;vertical-align:-2px;background: url(../images/public/icon-sub-nav.png) center / contain no-repeat;}	
.second-nav{display:none;width: 100%;position: absolute;z-index:999;background: #fff;padding:10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.second-nav dl{width: max-content;position: relative;}
.dl-xwzx{left: 5%;}
.dl-mldz{left: 24%;}
.dl-xxgk{left: 7%;}
.dl-hdjl{left: 60%;}
.second-nav dd{float: left; width: max-content;}
.second-nav dd a{display:block;font-size: 16px;font-weight: bold;padding: 0 18px;height:50px;line-height:50px}
.second-nav dd a:hover{color:#0074c5;}
/*header end*/


/* 浮窗导航 */
.fl-nav{position:fixed;bottom:160px;right:7.3625%;z-index:999;}
.fl-nav-item{position: relative;width:50px;height: 50px;margin-bottom:14px;padding:10px;line-height:14px;text-align:center;font-size:12px;border-radius: 50%;}
.fl-nav-item:nth-child(1){background: #a7beed url(../images/floatnav/znwd-icon.png) center no-repeat;}
.fl-nav-item:nth-child(2){background: #a7beed url(../images/floatnav/zwwx-icon.png) center no-repeat;}
.fl-nav-item:nth-child(3){background: #a7beed url(../images/floatnav/zwwb-icon.png) center no-repeat;}
.fl-nav-item:nth-child(4){background: #a7beed url(../images/floatnav/back-top-icon.png) center no-repeat;}
.fl-nav-item:hover{background: #0e44b0;}
.fl-nav-item:hover p{display: block;color: #fff;transition:color 0.3s ease;}
.fl-up:hover .pack-up-img{animation: headShake 1s ease-in-out;}
.fl-nav-content{width:101px;height:94px;position:absolute;top: -32px;right:65px;background-size: contain;padding:6px 12px 6px 7px;}
.fl-nav-content img{width:106px;height:148px;overflow:hidden;}
.fl-nav-item:hover .fl-nav-content{display: block;}
/* 适配小屏 */
@media screen and (max-width: 1399px) {
 .fl-nav{right: 1.3625%;}
 .header-toolbar .container{width:1200px}

}

/* 适配pad */
@media screen and (max-width: 1199px) {

.header-toolbar .container{width:970px}
 
}


@media (max-width:991px) {
	.header-toolbar .container{width:750px}
    .nav-wrapper ul li>a{font-size:16px}
	.nav-wrapper{overflow-x:auto;height:auto;}
    .nav-wrapper ul{width:max-content;}
	.nav-wrapper .h-nav-link{padding: 0 15px;}
    .nav-wrapper ul li>a{height:50px;line-height:50px}
	.dl-xxgk,.dl-hdjl,.dl-mldz,.dl-xwzx{left: 10%;}
	.second-nav dd{float: none;}
	.second-nav dd a{font-size: 18px;}
    .mobile-btn{display: inline-block;}
}

@media (max-width:767px) {
	.header-toolbar .container{width:100%}
    .header-toolbar{height: auto; line-height: 30px;}
	.hotkey-results{top: 68px;}
	.u-wza{margin-bottom: 19px;margin-top: 0;float: right}
	.m-banner{height: 200px;}
	.header-logo{margin-top: 15px;}
	.header-logo img{width: 100%;}
	.header-search{width:90%;height:45px;}
	.header-search .u-searchtext{width:74%;height:45px;padding: 0 8px;}
	.header-search .u-searchdiv{height:45px;width: 80px;margin: 0;}
	.header-toolbar li a{font-size:14px}
	.header-search .u-searchtext{font-size:16px;}
	.nav-wrapper ul li>a{height:50px;line-height:50px}
	.h-nav-list,.nav-wrapper .h-nav-link,.nav-wrapper .h-nav-item{width: max-content;}
    .fl-nav{display:none;}
	.f-md-dn{display:none;}
	
}