@charset "utf-8";

/*header*/
.header-container{width: 1400px; margin: auto;padding:0}
.el-header{background: url(../images/public/newbanner.png) center top no-repeat;}
/*top栏*/
.header-toolbar{height: 50px;line-height:50px;overflow: hidden;background: rgba(255, 255, 255, 0.3);}
.header-toolbar .u-link{float:left;}
.header-toolbar li{float:left;padding: 0 12px;}
.header-toolbar .u-funs{float:right}
.header-toolbar ul.u-link li,.header-toolbar li.bg-line{background: url(../images/public/topline.png) right center no-repeat;}
.header-toolbar ul.u-link li:last-child{background: none}
.header-toolbar .u-link li:first-child{padding-left: 0 !important;}
.header-toolbar li a{display: block;float:left;}
.header-toolbar ul li.u-slh{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.u-wza{background: none;}
.header-toolbar ul li.header-ipv6{color:#fff;margin-top:8px;background-color: #44c8ff;padding:0 8px;line-height: 34px;height:34px;border-radius: 16px;}

/*banner*/
.header-banner{padding-top:55px;}
.header-logo{text-align: center;}

/*nav*/
.el-header .m-nav{width: 100%;height:auto;background:url(../images/public/navbg.png) center no-repeat;}
.nav-wrapper{padding:0;width:970px;}
.nav-wrapper ul{display: flex;justify-content: space-around}
.nav-wrapper ul li{position: relative;height:82px;line-height: 82px;float:left;text-align: center;transition: all .3s linear;}
.nav-wrapper ul li>a{color:#fff;font-weight:bold;display: block;position: relative;font-size:22px;}
.nav-wrapper ul li:last-child a,.nav-wrapper ul li.u-active a,.nav-wrapper ul li:hover a{background:none}
.logo-gh{position: relative;}
.logo-gh span{position:relative;display:block;padding:10px;top:-25px;background:url(../images/public/yuan.png) center no-repeat;}
.m-nav br{display: none}
/*hover底部背景条 bg-line*/
.nav-wrapper ul li .bg-line{ position:absolute;  left:50%; bottom:15px; height:4px; background:#ffecac; 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:100%;margin-left:-50%;}

/*search*/
.header-search{width:700px;margin:40px auto 50px;position: relative;}
.header-search .search-main{position:relative;height:56px;padding-left:100px;background-color: #fff;border-radius: 28px;}
.header-search .u-tpsearchtext{padding:0 10px;width:87%;background:url(../images/public/leftline.png) left center no-repeat;height:54px;}
.header-search .ugc-searchdiv{position:absolute;top:0px;right:4px;width: 48px;height: 54px;cursor: pointer;}
.header-search .ugc-searchbtn{width:100%;height:100%;background:url(../images/public/search.png) center no-repeat;cursor: pointer;}
.header-search .search-main input{border:none;}
.header-search-hotkeys{text-align: center;color:#666;margin-top:10px;}
.header-search-hotkeys a{color:#666;margin-left:15px;}
.header-search .search-longw{padding-left:150px!important}
.search-longw .header-search-select{width:150px}
.search-longw .header-search-select input{padding-left:10px;padding-right:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:122px}
.search-longw .header-search-edge{right:9px}
.search-longw .header-search-select input{padding-left:10px}

/* 下拉选择 */
.header-search-select{position: absolute; left:0; top: 0px; bottom: 0px; width: 90px;border-right:1px solid #fff}
.header-search-select input{background: transparent;height:54px;padding-left:0px;padding-right:15px;text-align:center;width: 100%; cursor: pointer; border: 0;}
.header-search-icon{position: absolute; right: 8px; top: 25px;  margin: auto 0; width: 12px; height: 7px; cursor: pointer; background: url(../images/public/rowdown.png) no-repeat;  transition: all .3s; -webkit-transition: all .3s;}
.header-search-select dl{display: none; position: absolute; left: 0; top: 55px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 1px 1px 4px rgb(0 0 0 / 8%); box-sizing: border-box;}
.header-search-select dl dt,.header-search-select dl dd{cursor: pointer;padding: 0 10px;  line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.header-search-select dl dd:hover{background-color: #F0F6FF; -webkit-transition: .5s all; transition: .5s all;}
/* 选中 */
.header-search-select dl dd.search-active{background-color: #016bb6; color: #fff;}
.header-search-selected dl{display: block;}
.header-search-selected .header-search-icon{-webkit-transform:rotate(180deg); transform: rotate(180deg);}
/* 去除输入框自动填充背景色 */
.u-tpsearchtext:-webkit-autofill,
.u-tpsearchtext:-webkit-autofill:hover, 
.u-tpsearchtext:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white 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: 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}

.clearinput{position: absolute;top: 18px;right: 60px;z-index: 1;cursor: pointer;width:20px;height:20px;background:url(../images/public/clearinput.png) center no-repeat;background-size:100% 100%}
/*header*/

/*侧边栏*/
.m-slider{position: fixed;right: 20px;bottom: 3%;z-index: 999;}
.m-slider li{margin-bottom: 10px;position: relative;width:75px;height:75px;box-shadow: 0 0 15px rgba(38, 116, 218, 0.12);border-radius:14px}
.m-slider li a{display:block;width: 100%;height: 100%;}
.m-slider li p{display: none;line-height: 18px;text-align: center;color: #fff;padding: 20px 15px;}
/* .m-slider li.sd1{background: url(../images/public/chat-robot.gif) center no-repeat;background-size:63px;box-shadow:none} */
.m-slider li.sd1{background: #fff url(../images/public/icon-wd.png) center no-repeat;}
.m-slider li.sd2{background: #fff url(../images/public/icon-wx.png) center no-repeat;}
.m-slider li.sd3{background: #fff url(../images/public/icon-wb.png) center no-repeat;}
.m-slider li.sd4{background: #fff url(../images/public/backtop.png) center no-repeat;}
.m-slider li a:hover{background: #016bb6;border-radius: 14px}
.m-slider li.sd2 p,.m-slider li.sd3 p{line-height: 36px}
/* .m-slider li.sd1 p{padding:20px 0;} */
.m-slider li a:hover p{display: block;}
.m-slider li img{display:none;position: absolute; top: -25px; left: -100px;width: 96px;height: 95px;}
.m-slider li a:hover img{display: block;}

/*办事服务*/
.header-service{display:none;}
.service-wrapper{margin:0 -15px 60px -15px;overflow: hidden;}
.service-item-wrapper{float:left;width:25%;padding:0 15px;}
.service-item{display:flex;justify-content: center;align-items: center;border-bottom:1px solid #8ad9ff;gap:10px;padding-bottom:10px;}
.service-item img{height:25px;}
.service-item p{color:#016bb6;font-weight: bold;}
.service-item-wrapper ul{overflow: hidden;}
.service-item-wrapper ul li{float: left;width:33.33%;height:46px;line-height:46px;text-align:center}
.service-item-wrapper2 ul li{width:50%;overflow: hidden;}
/* 适配小屏 */
@media screen and (max-width: 1399px) {
  .header-container{width:1200px}
  .nav-wrapper{width:875px;}
}

/* 适配pad */
@media screen and (max-width: 1199px) {
  .header-container{width:970px}
  .header-toolbar .u-link,.u-slh{display: none}
  .nav-wrapper{width:750px;}
 
}


@media (max-width:991px) {
     .header-logo{width: 90%;margin:auto}
     .header-logo img{max-width:90%}
    .header-container{width:100%}
	  .header-search{width:96%;height:45px;margin-bottom:70px}
    .header-search .u-searchtext{width:80%;height:45px}
    .header-search .search-main{padding-left:80px;height:48px;}
    .header-search-select input{height:48px;}
    .header-search-icon{top:22px;}
    .header-search-select{width:80px}
    .header-search .u-searchdiv{height:45px;}
    .header-search .ugc-searchdiv{height:44px;width:44px;top:2px;}
     .header-search .ugc-searchdiv input{background-size:100% 100%}
    .header-search .u-tpsearchtext{font-size:14px;height:48px;}
    .header-toolbar li a{font-size:16px}
    .nav-wrapper{overflow-x:auto;width:100%}
    .nav-wrapper ul{width:800px;padding:0 10px;height:50px;line-height:50px;}
    .nav-wrapper ul li>a,.nav-wrapper ul li{height:50px;line-height:50px;font-size:18px;}
    .nav-wrapper ul li.logo-gh{position: absolute;left: 50%;margin-left: -50px;top: 120px;}
	  .nav-wrapper ul li.logo-gh span{background:none}
    .header-ipv6,.m-slider{display: none}
    .logo-gh span{top: -10px;}
    .logo-gh span img{width: 65%;max-width: 65%;} 
    .nav-wrapper ul li:hover a::after, .nav-wrapper ul li.u-active a::after{bottom:-10px}
    .header-banner{background-position:center;padding-top:70px;}
    .nav-wrapper ul li .bg-line{bottom:4px;}
    .el-header .m-nav{background:#016bb6}
    .header-service{display:none!important}
    .select-title,#ztList{font-size:14px;}
    .u-wza{display:block!important}
}

@media (max-width:767px) {
	


}