@charset "utf-8";
/* CSS Document for header*/
.header-container{position: relative;width: 1400px; margin: auto;}
/*top栏*/
.header-toolbar{height: 50px;line-height:50px;overflow: hidden;background-color: #f4f4f4;}
.header-toolbar ul li{float: left;}
.header-toolbar .u-link{float:left}
.header-toolbar .u-funs{float:right}
.header-toolbar .u-link li:first-child{padding-left: 0 !important;}
.header-toolbar li a{display: block;float:left;font-size:16px;color:#666666}
.header-toolbar .u-line{padding:0 5px}
.header-toolbar ul.u-funs li:last-child{padding-right:0}
.header-toolbar img{vertical-align: middle;margin-top:-3px}
.header-toolbar ul #unifyUser li,.header-toolbar ul li.u-slh,.header-toolbar ul li:last-child{background: none;}

/*banner*/
.m-banner{background: #f4f8ff;height: 386px;background: url(../images/index/banner.png) center no-repeat;background-size: cover;}
.header-main{height: 100%;text-align: center;}
.header-logo{margin-top: 80px;}

/*search*/
.header-search input{border:none;box-shadow: none;outline: none;}
.header-search{width:382px;border-radius: 4px;margin: 38px auto 0 auto;}
.header-search form{background-color: #fff;height:48px;opacity: 0.75;}
.header-search .u-searchtext{float:left;width:calc(100% - 40px);height:48px;padding:0 18px;font-size:16px;color:#666;}
.header-search .u-searchdiv{float:right;margin-right:13px;width: 27px;height: 48px;}
.header-search .u-searchbtn{width:100%;height:100%;background:url(../images/index/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: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:#1f89e1;}
.nav-wrapper{padding:0}
.nav-wrapper ul li{position: relative;float:left;text-align: center;width:12.5%;transition: all .3s linear;}
.nav-wrapper ul li>a{font-size: 20px;color:#fff;display: block;position: relative;font-weight: bold;height:66px;line-height: 66px;}
/*hover背景色效果*/
.nav-wrapper ul li:hover{background:#0b6dbf}
.nav-wrapper ul li.u-active{background:#0b6dbf}
/*hover底部背景条 bg-line*/
/* .nav-wrapper ul li .bg-line{ position:absolute;  left:50%; bottom:4px; height:4px; background:#fff; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.nav-wrapper ul li.u-active .bg-line,.nav-wrapper ul li:hover .bg-line{ width:24px;margin-left:-12px;} */
/*二级导航 */
.second-nav{display:none;position: absolute;width:100%;top:66px;padding:10px;background:#fff;z-index:999;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}{}
.second-nav dd a{display:block;height:35px;line-height:35px}
.second-nav dd a:hover{background:#1f89e1;color:#fff}

@media (max-width:1400px) {
    .header-container{padding: 0; width: 1200px; margin: auto;}
    .m-banner{height: 274px;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1200px) {
	.header-container{width: 970px;}
    .m-banner{height: 207px;}
    .header-logo{margin-top: 10px;}
}
/*pad md*/
@media screen and (max-width: 991px){
    .header-container{width: 750px;}
    .nav-wrapper ul li>a{min-height: 66px;height: auto; line-height: 30px;}
    .m-banner{height: 185px;}
    .header-search{margin-top: 20px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.container{width: 100%;padding: 0 15px;}

    .m-banner{height: 200px;}
	.header-logo{margin-top: 15px;}
    .header-search{width:90%;height:45px;}
    .header-search .u-searchtext{width:80%;height:45px}
    .header-search .u-searchdiv{height:45px}
    .header-toolbar li a{font-size:14px}
    .nav-wrapper{overflow-x:auto;}
    .nav-wrapper ul{width: max-content;}
    .nav-wrapper ul li{width: max-content;padding: 0 15px;}
    .nav-wrapper ul li>a{height:50px;line-height:50px}
}
/*small xs*/
@media screen and (max-width: 375px) {
	body{font-size: 14px;}
}