.topmian {
    background: url(../images/txbg.jpg) no-repeat top center;
    background-size: cover;
/* min-height: 100vh;*/
	width: 100%;
	display: flex;
	flex-direction: column;
}
.mainnav li a:hover{
	background: url(../images/dh_img.png) bottom center no-repeat;
}
.mainnav li a:hover img{
	position: absolute;
	transform: opacity 0.5s;
	content: '';
	max-width: 109px;

}

.mainnav li:hover a:after,
.mainnav li.on a:after {
	
}

.top{
	width: 100%;
	background-color: #ededed;
	line-height: 54px;
	overflow:auto;
}
.top::after{
	content: '';
	/* display: inline-block; */
	clear: both;
}
.top a{color:#808080;}
.top a:hover{color: #DB2323 !important;}
.top li{position: relative; padding-left: 16px; float: left;}
.top li.split:before{position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content:''; width: 1px; height:16px; opacity: .46;background-color: #808080;}
.top li.split::after{position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; content:''; width: 1px; height:16px; opacity: .46;background-color: #808080;}
.top li.split{margin-left: 15px;padding-right: 15px;}
.top .border{height: 32px; line-height: 32px; margin-bottom: 11px; margin-top: 10px; padding-right: 13px; margin-left: 13px; }
.top li.dl a.loginOut-btn{margin-left: 10px;cursor: pointer;}
.dl a{background-color: #0a55a8;border-radius: 20px;padding: 2px 10px;color: white;}

.header-logo{clear:both; padding: 3% 0 2% 0;position: relative;}
.header-logo img{display: block; margin: 0 auto; max-height: 255px;max-width: 100%;}
.header-logo::after{content: '';background: url(../images/ces_pic.png) no-repeat;width: 200px;height: 120px;display: none;position: absolute;right: 14%;bottom: 20px;background-size: 200px 120px;}
.header-search-box{max-width: 624px; margin:1.8% auto 4% auto; width: 98%;background-color: #67a2cc;border-radius: 30px;}
.header-search {
    position: relative;
	width: 100%;
}
.header-search form{margin: 0; padding: 0;border-radius: 30px;}
.header-search-txt{width:97%; height:52px; line-height:52px; font-size: 1.5em; border: 0; color:#5482d4;border-radius: 10px;}
.header-search-btn{ position:absolute; width: 54px; height:54px;  border:0; cursor:pointer;  background:url(../images/header_search_icon.png) no-repeat;top: -7.5%;right: 1%;}
.header-search-txt::-webkit-input-placeholder{color: rgba(38, 104, 184, 0.5);}
.header-search-hotkeys{padding: 10px 0 0 20px; font-size: 0.9375em;margin-bottom: 46px;}
.header-search-hotkeys a{margin-right: 8px; cursor: pointer;}
/* 从市政府移动 */
.mainnav{}
.mainnav li{float: left; position: relative; width: 16.6667%;}
.mainnav li a{display:block; position: relative; font-size: 1.4em; text-align:center; line-height: 74px; color: #fff; transition: .3s all;}
.mainnav li.on a{background: url(../images/dh_img.png) bottom center no-repeat;}
.mainnav .mainnav-ul-3 li{width: 33.333333%;}
.mainnav .mainnav-ul-4 li{width: 25%;}
.mainnav .mainnav-ul-5 li{width: 20%;}
.mainnav .mainnav-ul-6 li{width: 16.66666%;}
.mainnav .mainnav-ul-7 li{display: inline-block;width: calc(100%/7);}
.mainnav .mainnav-ul-8 li{width: 12.5%;}
.mainnav .mainnav-ul-8.long1 li{width: 12%;}
.mainnav .mainnav-ul-8.long1 li.long{width: 16%;}


/*responsive*/
@media (max-width: 1280px) {
	.header{
		background-size: cover;
	}
}


@media (max-width: 1080px) {

	body:not(.nores) .header-logo{padding-top: 2%;}
	body:not(.nores) .mainnav{/*background: #2354AF;*/ top: auto; position: static; margin-bottom: 30px;}
	body:not(.nores) .mainnav li a:after{display: none;}
	.topmian{
		min-height: 0;
	}
}

@media (max-width: 992px) {
	 /* 2024.8.8加入高度 */
	body:not(.nores) .mainnav{height: auto;}
	body:not(.nores) .mainnav li.on a{background: none;} 
	body:not(.nores) .mainnav ul{padding:12px 0; height: auto;}
	body:not(.nores) .mainnav li{width: 25% !important; position:relative;}
	body:not(.nores) .mainnav li:after{content:""; width:1px; height:16px;position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	body:not(.nores) .mainnav li a{height: 30px; overflow: hidden; padding:4px 0; line-height:30px; font-size: 1.25em;}
	body:not(.nores) .mainnav li:nth-child(4):after, .mainnav li:nth-child(8):after{display:none;}
	body:not(.nores) .mainnav li:hover span:after, .mainnav li.on span:after{display: none;}
}


/* xs mobile*/
@media (max-width: 768px) {
	body:not(.nores) .header-logo::after{position: initial;}
	body:not(.nores) .header-search-hotkeys{display: none;}
	body:not(.nores) .header-search{padding-left: 20px; padding-right: 62px; height: 42px; }
	body:not(.nores) .header-search-txt{height: 42px; line-height: 42px; background:none;}
	body:not(.nores) .header-search-btn{}
	.mainnav:after {background: none;}
	body:not(.nores) .search-input{
		font-size:1em;
	}
	.header-main {
		flex-direction: column;
	  }
	  .search-container {
		width: 90%;
		max-width: 637px;
		margin-top: 15px;
	  }
	  .nav-menu {
		flex-wrap: wrap; 
	  }
	  .search-container {
		display: flex;
		width: 50%;
		max-width: 400px;
		margin: 0 auto;
	  }
	  .search-input {
		flex-grow: 1;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 4px 0 0 4px;
	  }
	  
	  .search-button {
		padding: 10px 20px;
		background-color: #0066cc;
		color: white;
		border: none;
		border-radius: 0 4px 4px 0;
		cursor: pointer;
	  }

}



@media (max-width: 640px) {
	
	body:not(.nores) .header-logo img{max-width: 80%; }
	.header-toolbar li.split{margin-left:11px;}
	body:not(.nores) .header-toolbar .ghb{display: block;float: right;margin-top: 0;}
	.header-toolbar li{padding-left: 7px;}
	body:not(.nores) .header-toolbar .ipv6{display: none;}
	body:not(.nores) .header-toolbar-l{display: none;}
	body:not(.nores) .header-toolbar{height: 38px; line-height: 38px;}
	
}


@media (max-width: 480px) {
	body:not(.nores) .header-logo{padding-top: 6%; padding-bottom: 4%;}
	body:not(.nores) .mainnav li a{font-size: 1.125em;}
	body:not(.nores) .header{height: auto;}
	body:not(.nores).header-bg{background-size: 210% auto;}
	
	
	
}

@media (max-width: 375px) {
	body:not(.nores) .mainnav li{width: 33.3333% !important;}
	body:not(.nores) .mainnav li:after{display:none;}
	
}



.mainnav li a:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	margin: 0 auto;
	height: 18px;
	background-size: auto 100%;
	transition: .3s all;
}



.mainnav:after{content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;opacity: 0.45; }
.mainnav li{float: left; position: relative; width: 15%;}
.mainnav li a{display:block; position: relative; line-height: 74px; font-size: 1.5em; text-align:center; color: #fff; transition: .3s all;font-weight:500;}
.mainnav li a:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 0; margin: 0 auto; height: 18px;}

.search-container {
	display: flex;
    width: 637px;
    margin: 4.5% auto 4% auto;
}
.search-container-s{
	width: 88%;
	height: 48px;
	border-radius: 30px;
	background-color: white;
	display: flex;
}
.input-icon{
	width: 13%;
	display: inline-block;
	position: relative;
}
.input-icon img{
	bottom: 0;
	position: absolute;
	
}
.search-input {
	width: 90%;
    height: 21px;
	flex: 1;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.88);
}
.search-input::placeholder {
	color: #999;
}
.search-button {
	padding: 12px 20px;
	background-color: #5482d4;
	color: white;
	border: none;
	border-radius: 0 4px 4px 0;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
}
.search-button:hover {
	background-color: #476db0;
}
.header-main{
	margin-top: 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.nav-container {
	width: 100%;
	border-bottom: #fff 2px solid;
}
.nav-menu {
	display: flex;
	justify-content: center;
	list-style: none;
	width: 80%;
	margin: 0 auto;
}
.nav-item {
	position: relative;
	text-align: center;
	width: calc(100% / 7);
	padding: 0.6% 0;
}
.nav-item:first-child {
	margin-left: 0;
}
.nav-item:last-child {
	margin-right: 0;
}
.nav-icon {
	width: 25px;
	height: 26px;
	margin: 0 auto 8px;
	display: block;
	transition: all 0.3s ease;
	background-color: transparent !important;
}
.nav-link {
	text-decoration: none;
	color: white;
	font-size: 20px;
	font-weight: 500;
	transition: all 0.3s ease;
	display: block;
}
/* 默认选中第一个导航项 */
.nav-item.active .nav-link {
	color: #270dd4;
}
.nav-item.active{
	background-color: #aad3ff;
}
.nav-item:hover .nav-icon,.nav-item.active .nav-icon {
	filter: 
    brightness(0) 
    saturate(100%) 
    invert(16%) 
    sepia(99%) 
    saturate(4414%) 
    hue-rotate(254deg) 
    brightness(89%) 
    contrast(128%);
}
/* 悬停效果 */
.nav-item:hover .nav-link {
	color: #270dd4;
}
.nav-item:hover{
	background-color: #aad3ff;
}