.header{background: url(../png/ewq6m2.png) no-repeat center center;}
.header-main{position: relative;}

.header-index .header{height: 320px; background-size: cover;}
.header-cloumn .header{height: 235px;background-size: cover;background-image: url(../jpg/st7qkf.jpg);}
.header-cloumn .header-main{height: 198px;}
.header-toolbar{height: 38px; line-height: 38px; color: #0953ae; border-bottom: 1px solid rgba(179, 207, 255, 0.5);;}
.header-toolbar a{color: #2354AF;}
.header-toolbar a:hover{color: #D43030;}
.header-toolbar li{position: relative; height: 46px; padding-left: 16px; float: left;}
.header-toolbar li.split:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:14px; background: #2354AF; opacity: .46;}
.header-toolbar li.split{margin-left: 15px;}
.header-toolbar .pullDown{position: relative;}
.header-toolbar .drop{position:absolute; top:39px; left:50%; margin-left:-52px; width:120px; padding-top: 7px; display:none; z-index:9; display:none;}
.header-toolbar .drop:after{content:''; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:rgba(0,0,0,0.4); -webkit-border-bottom-color:rgba(0,0,0,0.4); position:absolute; left:50%; top:-7px; margin-left:-7px;}
.header-toolbar .drop dt{padding:10px; background: rgba(0,0,0,0.4); -webkit-background: rgba(0,0,0,0.4); border-radius: 8px; overflow: hidden;}
.header-toolbar .drop dt img{display:block; margin:0 auto; width:100%; background: #fff; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.header-toolbar .drop dt span{display:block; text-align:center; color:#fff; padding-top:5px; line-height:18px; font-size:12px;}
.header-toolbar li:hover .drop{display: block;}
.header-toolbar li.icon{font-size: 0;}
.header-toolbar li.icon a{position: relative;}
.header-toolbar li.icon span{font-size: 16px;}
.header-toolbar li.icon img{height: 25px; margin-right: 6px;}
.header-toolbar li.icon img,
.header-toolbar li.icon span{display: inline-block; vertical-align: middle;}
.header-toolbar li.wza a:before{background-image: url(https://www.tl.gov.cn/tlsrmzf/pc2023/images/header_icon_wza.png);}
.header-toolbar li.ipv6 img{display: block; margin-top: 13px;}
.header-toolbar li.zz a:before{background-image: url(https://www.tl.gov.cn/tlsrmzf/pc2023/images/header_icon_zz.png);}
.header-toolbar-l li:first-child{padding-left: 0;}
.cnwza.ariaHide{display: block !important;}
.header-toolbar li.logined,
.header-toolbar li.user{display: none;}
.header-toolbar li.user a{display: inline-block;background: #689EE3;color:#fff;border-radius: 2px;height: 22px;line-height: 20px;padding: 0 8px;transition: 0.3s;}
.header-toolbar li.user a:hover{background: #2354AF;}
.header li.logined>div{cursor: pointer;position: relative;}
.header li.logined .info{display: none;position: absolute;top: 37px;left: 50%;margin-left: -60px;z-index: 10;padding: 5px 0;width: 120px;background: #fff;border-radius: 4px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);}
.header li.logined .info:before{content:"";position: absolute;left:50%;top:-15px;margin-left:-7px; width:0;height: 0;border:8px solid transparent;border-bottom:8px solid #fff;}
.header li.logined .info a{display: block;width:auto;height:38px;line-height: 38px;padding:0 12px;margin:0;}
.header li.logined .info a:hover{background: #ecf5ff;color: #2354AF;}
.header-ztzl .header li.logined .info a{background:none;color: #2354AF;}
.header li.logined>div:hover .info{display: block;}
.header-cloumn .header-toolbar li.logined,
.header-cloumn .header-toolbar li.user{display: block;}

.header-logo{clear:both;}
.header-logo img{ margin: 0 auto;display: inline-block;}
.header-logo .logo2{display: none;}


.header .header-logo{padding: 35px 0px;text-align: center;}
.header-index .header-logo img{height: 170px;}
.header-index .header-logo .logo1{display: none;}
.header-index .header-logo .logo2{display: inline-block;height: 85px;}
.header-cloumn .header-logo{float: left;margin-top: 54px; padding-top: 0; padding-bottom: 0;}
.header-cloumn .header-logo .logo1{display: none;}
.header-cloumn .header-logo .logo2{display: block;height: 81px;}
.header-search-box{width: 600px; margin: 0 auto; max-width: 100%;}
.header-search-box .w-search-box{position: relative;}
.header-search-box .w-search-box .gjSearch{position: absolute;right:-100px;top: 0px;line-height: 24px; ;}
.header-search-box .w-search-box .gjSearch p{display: inline-block;vertical-align: top;}
.header-search{padding: 5px; border-radius: 4px; border: 1px solid #AACBF5; background: linear-gradient(0, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.01) 100%); box-shadow: -5px 4px 16px  rgba(35, 84, 175, 0.2);}
.header-search .padding{position: relative; height: 36px; box-sizing: border-box; padding:0 105px 0 200px;}
.header-search .padding:after{content: ''; position: absolute; width: 1px; top: 10px; bottom: 10px; left:104px; background: #d9d9d9; opacity: .8;}
.header-search-txt{width:100%; padding: 0; height: 36px; line-height:1; border:0; color: #808080; background: none; font-size: 18px;}
.header-search-btn{ position:absolute; z-index: 1; top: -2px; right: 0; width:100px; height:40px; padding-left: 46px; text-align: left; border-radius: 4px; border:0; cursor:pointer; color: #fff; font-size: 20px; background:url(../png/ncfaar.png) no-repeat 15px center #0262D6; background-size: 22px 22px; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-btn:hover{background-color: #2354AF;}
.header-search-txt::-webkit-input-placeholder{color: #999999;}
.header-search-title{position: absolute; left: 8px; top: 0; line-height: 36px; font-size: 26px; color: #2354AF;}
.header-search-title span{color: #D43030;}
.header-search-hotkeys{padding: 10px 0 0 0px; text-align: center;}
.header-search-hotkeys a{margin-left: 8px; cursor: pointer;}
.header-cloumn .header-search-box{position: absolute;right:0;top: 64px;}

.oldSearch{display: none;position: absolute;left: 110px;top: 0px;bottom: 0px;right: 0px;width: 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;line-height: 36px;height: 36px;font-size: 18px;}
.header-search.gsearch .oldSearch{display: block;}
.header-search.gsearch #header-search-form{padding-left: 80px;}

.header-search-select{position: absolute; left: 105px; top: 0; bottom: 0; width: 78px;}
.header-search-select input{width: 100%; box-sizing: border-box; height: 38px; padding:0 15px 0 10px; cursor: pointer; border: 0; background: none; color: #383838; font-size: 18px;}
.header-search-edge{position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 16px; height: 16px; cursor: pointer; background: url(../png/v7e4qn.png) no-repeat; background-size: 100% 100%; overflow: hidden; transition: all .3s; -webkit-transition: all .3s;}
.header-search-select dl{display: none; position: absolute; left: 0; top: 45px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 300px; overflow-y: auto; background-color: #fff; font-size: .875em; 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{padding: 0 10px; font-size: 16px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.header-search-select dl dd{cursor: pointer;}
.header-search-select dl dd:hover{background-color: #F0F6FF; -webkit-transition: .5s all; transition: .5s all;}
.header-search-select .search-select-group dd{padding-left: 20px;}
.header-search-select dl dd.search-select-tips{padding-left: 10px !important; color: #999;}
.header-search-select dl dd.search-this{background-color: #0262D6; color: #fff;}
.header-search-select dl dd.search-disabled{background-color: #fff;}
.header-search-selected dl{display: block;}
.header-search-selected .header-search-edge{-webkit-transform:rotate(180deg); transform: rotate(180deg);}
.header-search-selectup dl{top: auto; bottom: 42px;}

.header-cloumn .header-search .padding{padding-left: 110px;}
.header-cloumn .header-search .padding:after{width: 0;}
.header-cloumn .header-search-select{left: -210px;width: initial;}
.header-cloumn .header-search-edge{width:0;height:0;top: 50%;margin-top: -1px; border: 5px solid transparent;border-top: 6px solid #333;}
.header-cloumn .header-search-select-title{float: left; max-width: 184px; position: relative;}
.header-cloumn .header-search-select-title:after{content:"";position: absolute;left:-10px;width: 16px;height:16px;top:50%;margin-top: -7px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAMAAAAVv241AAAAV1BMVEVHcEwCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdQCYdSEqfeLAAAAHHRSTlMA8+vvxwT3GNMMpLtgLGjDXJxYvyBrtIiwjBxn687wcAAAAGVJREFUCB0FwQVigwAAALHDCtRtnv+/c0m1fNyG4fa3VK0zMK+1zADz0hmAcy98/74/8WrisNd+YAxj1Yg23OuOrR84neCrdQKY1noCPKsewKOqfYNtr6rLgeFSVXXlWlVVx2NV/0rXC7fwWCkpAAAAAElFTkSuQmCC) no-repeat left center;}
.header-cloumn .header-search-select p{font-size: 22px;line-height: 38px;padding: 0 15px 0 10px;cursor: pointer;}



.search-anim{-webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-duration: 0.3s; animation-fill-mode: both;}
.search-anim-upbit{-webkit-animation-name: search-upbit; animation-name: search-upbit;}

@-webkit-keyframes search-upbit{
  from {-webkit-transform: translate3d(0, 15px, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes search-upbit{
  from {transform: translate3d(0, 15px, 0);  opacity: 0.3;}
  to {transform: translate3d(0, 0, 0);  opacity: 1;}
}

.mainnav{position: relative; z-index: 9; height: 65px; background: #2354AF;}
.mainnav li{float: left; position: relative; width: 14.2857%;}
.mainnav li a{display:block; line-height: 65px; font-size: 1.5em; text-align:center; font-weight: bold; color: #fff;}
.mainnav li:hover a, .mainnav li.on a{background: #0262D6;}
.mainnav li + li a{margin-left: 1px;}

.header-micons{display: none;position: absolute;right:10px;top: 50%;height: 50px;margin-top: -25px;line-height: 40px;}
.header-micons li{float: left;}
.header-micons li>a{display: block;margin: 0 10px; width: 40px;height: 40px;background: url(../png/gqm31t.png) no-repeat center;background-size: 60%;}
.header-micons li.user>a{background-image: url(../png/wd2fdv.png);}
.header-micons li.zbb>a{background-image: url(../png/hbdtav.png);}
.header-micons li.logined{margin-left: 10px;}
.header-micons li.logined,
.header-micons li.logined a{ color: #2354AF;}



@media (max-width: 1680px) {
	body:not(.nores) .header-cloumn .header-search-box{right: 100px;}
}
@media (max-width: 1500px) {
	body:not(.nores) .header-toolbar{font-size: 15px;}
	body:not(.nores) .header-cloumn .header-search-box{width: 40%;}
	body:not(.nores) .header-cloumn .header-search-select{left: -138px;}
	body:not(.nores) .header-cloumn .header-search-select-title{max-width: 116px;}
	body:not(.nores) .header-cloumn .header-search-select input{font-size: 18px;}
	body:not(.nores) .header-cloumn .header-search-select p{font-size: 18px;}
	
	body:not(.nores) .header-search-title{left: 16px; font-size: 1.375em;}
	body:not(.nores) .header-search-select input{font-size: 1em;}
    body:not(.nores) .header-search-txt{font-size: 1em;}
    body:not(.nores) .header-search-btn{font-size: 1.125em;}
    body:not(.nores) .mainnav li a{font-size: 1.375em;}
}

@media (max-width: 1280px) {
	body:not(.nores) .header-search{max-width: 100%; width: 620px;}
	body:not(.nores) .header-search, 
	body:not(.nores) .header-search-txt{box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
	body:not(.nores) .header-search-txt{width: 100%;}
	
	body:not(.nores) .header-cloumn .header,
	body:not(.nores) .header-cloumn .header-main{height: auto;}
	body:not(.nores) .header-cloumn .header{padding-bottom: 30px;}
	body:not(.nores) .header-cloumn .header-logo{float: none;margin-top: 30px;}
	body:not(.nores) .header-cloumn .header-search-box{position: static;}

    body:not(.nores) .header-cloumn .header-search-select{left: -160px;}
	body:not(.nores) .header-cloumn .header-search-select-title{max-width: 140px;}
}


@media (max-width: 1023px) {
	body:not(.nores) .header-toolbar .wza, 
	body:not(.nores) .header-toolbar .zz{display: none;}
	body:not(.nores) .header{height: auto; padding: 0 0 50px; background-size: auto 100%;}
	body:not(.nores) .mainnav li a{line-height: 64px;}
}

@media (max-width: 992px) {
	body:not(.nores) .header-cloumn .header-toolbar,
	body:not(.nores) .header-cloumn .header-search-box{display: none;}
	body:not(.nores) .header-cloumn .header-micons{display: block;}
	body:not(.nores) .header li.logined .info{left: initial;margin-left: 0;right: 0;}

	body:not(.nores) .header-cloumn .header{background: url(../png/aaxn5k.png) no-repeat right bottom #fff;background-size: 80%;}
	body:not(.nores) .header-cloumn .header{padding: 3% 0 2%;}
	body:not(.nores) .header-cloumn .header-logo{margin: 0;padding:0;}
	body:not(.nores) .header-cloumn .header-logo .logo2{height: auto;max-width: 60%;margin:0;}

	body:not(.nores) .mainnav{background: #5184e0;height: 50px;line-height: 50px;position: relative;}
	body:not(.nores) .mainnav:after{content:"";width: 50px;height: 100%;position: absolute;right:0;top:0;z-index: 9; background: url(../png/gdfqmn.png) no-repeat right top;background-size: 100% 100%;}
	body:not(.nores) .mainnav ul{height: 50px;overflow: hidden;}
	body:not(.nores) .mainnav .owl-item{width: auto!important;}
	body:not(.nores) .mainnav .owl-item+.owl-item{margin-left: 2em;}
	body:not(.nores) .mainnav li{width: auto;}
	body:not(.nores) .mainnav li a{position: relative; font-size: 1.05em;color: #C2D7FF;line-height: 50px;font-weight: normal;}
	body:not(.nores) .mainnav li a:before{content:"";position: absolute;left:0;bottom:0;width: 0;height: 3px;background: #fff;}
	body:not(.nores) .mainnav li a:hover,
	body:not(.nores) .mainnav li.on a{background: transparent;color:#fff;font-weight: bold;}
	body:not(.nores) .mainnav li.on a:before{width: 100%;}
	

	body:not(.nores) .header{padding: 3% 0 2%; background: url(../png/aaxn5k.png) no-repeat right bottom #fff; background-size: 80%;}
	body:not(.nores) .header .header-logo{float: none; padding: 0; text-align: left;}	
	body:not(.nores) .header .header-logo .logo2{height: auto; max-width: 60%; margin: 0;}
	body:not(.nores) .header-toolbar{display: none;}
	body:not(.nores) .header-search-box{display: none;}
	body:not(.nores) .header-micons{display: block;}
}

@media (max-width: 860px) {
	.header-search-box{box-sizing: border-box;}
}



@media (max-width: 768px) {
	
	
	

	body:not(.nores) .mainnav li+li{margin-left: 14%;}
}

@media (max-width: 767px) and (min-width: 375px) {
	
}


@media (max-width: 640px) {
	body:not(.nores) .header-logo img{max-width: 90%;}
	body:not(.nores) .header-search{width: 100%;}
	
    body:not(.nores) .header-micons li>a{margin: 0 5px;}
}


@media (max-width: 480px) {
	body:not(.nores) .header-search{padding-right: 60px; border: #7ba5e5 2px solid;}
	body:not(.nores) .header-search-txt{height: 50px; line-height: 50px; border: 0; background: #fff; padding:0 0 0 15px;}
	body:not(.nores) .header-search-btn{width: 60px; height: 50px; background: url(https://www.tl.gov.cn/tlsrmzf/pc2023/images/header_icon_search.png) no-repeat center center #fff; font-size: 0;}
	body:not(.nores) .header-search:after{right: 60px; left: auto;}
	
	
    body:not(.nores) .header-micons li>a{margin: 0 2px;width: 28px;background-size: 64%;}
    body:not(.nores) .header-micons li.logined{margin-left: 2px; font-size: 0.875em;}
}

@media (max-width: 414px) {
	body:not(.nores) .header-toolbar li.ipv6{padding-left: 0;}
	body:not(.nores) .header-toolbar li.ipv6:after{display: none;}
}

@media (max-width: 375px) {
	body:not(.nores) .header-toolbar{height: 30px; line-height: 30px; font-size: 12px;}
	body:not(.nores) .header-toolbar li{height: 30px;}
	body:not(.nores) .header-toolbar li.ipv6 img{height: 16px; margin-top: 7px;}
	body:not(.nores) .header-logo{padding-bottom: 28px; padding-top: 5px;}
	
	
    body:not(.nores) .header-cloumn .header-logo .logo2{max-width: 56%;}
}


@media (max-width: 320px) {
	
}
body.useOldFixed .header-search .padding:after {
   margin-left: 20px;
}
body.useOldFixed .header-cloumn .header-search-box {

    left: 0;
}
body.useOldFixed .header-cloumn .header-logo .logo2{height: auto !important; width: 60% !important;margin-bottom: 20px;}