/*header on*/
.header-container{width: 1400px; margin: auto;position: relative;}
body{background: url(../images/public/bg-body.png) center 52px no-repeat;}
/*top栏*/
.header-toolbar{height:52px;line-height:52px;overflow:hidden;}
.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;}
.u-wza,.u-elder{display:block;margin-left: 8px;margin-top: 12px;height: 30px;line-height: 30px;}
.u-wza a,.u-elder a{padding:0 18px;background-color:#78b5ff;display:block;border-radius:4px;}
.u-wza span,.u-elder span{color: #fff;}
.u-wza:hover a,.u-elder:hover a{background-color: #0074c5;}
.u-funs li:hover #wza,.u-funs li:hover #elder span{color: #fff;}
.u-funs li:focus #wza,.u-funs li:focus #elder span{color: #fff;}
.u-elder{margin-left: 30px;}
.u-funs img{margin-right: 4px;vertical-align: middle;margin-top:-3px}

/*banner*/
.m-banner{height: 395px;}
.header-main{height: 100%;text-align: center;}
.header-logo{padding-top: 40px;}

/*search*/
.header-search{margin: 0 auto;width:1060px;height:96px;padding: 8px 11px;background-color: rgba(255,255,255,0.6);border-radius: 48px;margin-top: 34px;}
.header-search form{width:100%;height:100%;padding: 15px;background-color:#ffffff;border-radius:40px;}
.header-search input{border:none;box-shadow: none;outline: none;background: none;}
.header-search .u-searchtext{width: 32.9245283%;height:100%;padding:0 18px;font-size:18px;color: #333;}
.header-search .u-searchtext::-webkit-input-placeholder{color:#666666;}
.hot-key-item{height:32px;line-height: 32px;padding:0 18px;margin: 9px 8px;background-color:#f3f5f8;border-radius:16px;cursor: pointer;}
.hot-key-item:hover{background-color: #0078d3;color: #fff;}
.hot-keys .title{margin-top: 15px;margin-right: 6px;color:#0078d3}
.header-search .u-searchdiv{width: 93px;height: 100%;padding: 9px 34px 9px 27px;border-left: 1px solid #e5e5e5;}
.header-search .u-searchbtn{width:100%;height:100%;background:url(../images/public/h-search.png) 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:104px;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:99;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}


/*一级导航*/
.nav-wrapper{padding:0;width:100%;height:74px;background:linear-gradient(#0078d2,#0078d2);}
.nav-wrapper ul li{position: relative;float:left;padding: 17px 0;width:12.5%;min-width: max-content;}
.nav-wrapper .h-nav-link{height: 40px;line-height: 40px;padding: 0 26px;font-size: 20px;border-radius: 20px;color:#fff;
	display: block;font-weight: bold;width: fit-content;margin: auto;transition: all .3s linear;}
/*hover背景色效果*/
.h-nav-item:hover,.h-nav-item.u-active{background: url(../images/public/icon-nav.png) center bottom no-repeat;}
.h-nav-item:hover .h-nav-link,.h-nav-item.u-active .h-nav-link{background:linear-gradient(#0069b9,#0069b9)}
.h-nav-item br{display: none;}
/*二级导航 */
.mobile-btn{width:20px;height:20px;border:none;margin-left: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-xxgk{left: 14%;}
.dl-data{left: 75%;}
.second-nav dd{float: left; width: max-content;}
.second-nav dd a{display:block;font-weight: bold;padding: 0 18px;height:50px;line-height:50px}
.second-nav dd a:hover{color:#0074c5;}
/*header end*/

@media (max-width:1400px) {
  .header-container{width: 1200px;}
  .m-banner{background-size: 100% 100%;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1200px) {
	.header-container{width: 970px;}
	.nav-wrapper{overflow-x:auto;height: 90px;}
	.h-nav-list,.nav-wrapper .h-nav-link,.nav-wrapper .h-nav-item{width: max-content;}
}
/*pad md*/
@media screen and (max-width: 991px){
	body{background-position: center 53px;background-size: 100%;}
	.header-container{width: 750px;}
	.header-search{background-color: rgb(222 222 222 / 60%);}
    /* top */
	.f-user{margin-right: 15px;}
	.header-toolbar{height: auto;}
	.u-xzf{display: none;}
	.u-wza, .u-elder{margin-left: 4px;}
	.header-main {padding-bottom: 86px;}
	.header-search{width: 100%;height: 65px;position: relative;overflow: visible;}
	.header-search .u-searchdiv{width: 62px;padding: 9px 0;border-left: 0;}
	.header-search .u-searchbtn{border-left: 1px solid #e5e5e5;}
	.header-search form{padding: 0;}
    .header-search .u-searchtext{width: 78%;}
	.hot-keys{position: absolute;display: grid;grid-template-columns: auto auto auto auto;bottom: -45px;}
	.hot-keys .title{width: 85px;grid-column: 1;grid-row: 1 / -1;margin-top: 10px;}
	.hot-key-item{width: max-content;padding: 0 5px;margin: 2px 5px;}
	
	.nav-wrapper ul li>a{font-size:16px}
	.m-nav .container{padding: 0;}
    .nav-wrapper ul li>a{height:50px;line-height:50px}
	.dl-data{left: 0%;}
	.second-nav dd{float: none;}
	.second-nav dd a{font-size: 18px;}
	.header-toolbar .u-line{padding: 0 10px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.f-wza, .f-slh{float: right;}
	.header-container{width: 100%;padding: 0 15px;}
    .header-toolbar li a{font-size:14px}
    .header-logo{margin-top: 15px;}
	.hot-keys .title{width: 70px;}
	.hot-keys{bottom: -75px;}
	.m-nav .header-container{background-color: #0078d2;}
	.second-nav{width: calc(100% - 30px);}
	.second-nav .dl-xxgk{width: 100%;text-align: center;left: 0;}
	.second-nav dd{width: 100%;}
	
}
@media screen and (max-width: 406px) {
	.u-wza, .u-elder{margin-top: 10px;padding: 0 10px;}
}
/*small xs*/
@media screen and (max-width: 375px) {

}