/* 
	Theme Name: Modown
	 2023 修改
*/

.top100 {
	height: 90px;
}

.both {
	clear: both;
}

.header {
	height: auto !important;

}


.topbanner {
	width: 100%;
	background: #fff;
	height: 38px;
	line-height: 38px;
	color: #999;
	list-style-type: none;
	position: relative;
	z-index: 99;
	border-bottom: 1px solid #f0f0f0ad;
	font-size: 14px;
}

.container2 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.deanggspan1 {
	float: left;
	width: 105px;
	margin: 0 auto;
	color: #333;

}

.deanggspan1 b {
	height: 16px;
	margin-top: 11px;
	margin-left: 20px;
	width: 1px;
	display: block;
	float: left;
	background: #a8a8a8;
}

.rightList ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
}

.deanggspan1 i {
	display: block;
	float: left;
	font-size: 18px;
	color: #07aefc;
	margin-right: 6px;
}

.deanggspan1 span {
	display: block;
	float: left;
	color: #666;
}

.deanggc {
	font-size: 14px;
	float: left;

}

.deanggc .btn {
	/* background: var(--theme-color); */
	background: inherit;
	color: #3556fe;
	border-radius: 5px;
	padding: 8px 0px;
	text-align: center;
	border: none;
	cursor: pointer;
}

.menu {
	float: right;
}

.menu ul li {
	float: left;
	padding: 0 5px;
}

.topnav {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	padding: 20px 0 0 0;
	display: flex;
	justify-content: start;

}

span.navtenyear {
	font-size: 14px;
	padding: 1px 5px;
	background-color: #F67524;
	border-radius: 5px;
	color: #fff;
}

span.navtenyearcon {
	font-size: 12px;
}


.logo-wrapper {
	position: relative;
	font-size: 2em;
	font-weight: 700;
	line-height: 39px;
	max-height: 50px;
	overflow: hidden;
	margin: 0;
}



.logo-wrapper::before {
	content: "";
	position: absolute;
	width: 150px;
	height: 10px;
	background-color: rgba(255, 255, 255, .5);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: searchLights 1s ease-in 1s infinite;
	animation: searchLights 1s ease-in 1s infinite;
	z-index: 999;
}

.logo-wrapper .logo {
	margin-right: 12px;
	max-width: 147px;
	margin-top: 5px;
	height: auto;
	width: auto;
}

.logo-wrapper .logo:not(.text) {
	transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.index_search {
	width: 400px;
	margin-left: 80px;
	overflow: hidden;

}

.index_search .search-input {
	width: 300px;
	height: 38px;
	padding: 0 20px;
	line-height: 38px;
	border: none;
	color: #999;
	font: 14px tahoma, PingFangSC, microsoft yahei ui, microsoft yahei, sans-serif;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 3px 0 0 3px;
	float: left;
}

.index_search .search-submit {
	width: 80px;
	height: 38px;
	line-height: 38px;
	display: block;
	float: left;
	border-radius: 0 3px 3px 0;
	border: none;
	cursor: pointer;
	background: linear-gradient(125deg, #64c0ff 0, #2f49fd 100%);
	color: #fff;
}

.user {
	position: absolute;
	right: 0;
	height: 35px;
	float: right;
}

.user .nav-right {
	margin-top: -10px;

}

.deansubnavsins {
	float: left;
	width: 168px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(90deg, #006eff, #13adff);
}

.deansubnavsins a {
	color: #fff;
}

.nav-wap {
	margin: 20px 0;
}

.nav-wap .nav-main>li>a {
	padding: 10px 13px 10px;
}

.nav-wap .nav-main>li>a:before {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #3d7eff;
	border-radius: 8px 8px 0 0;
	opacity: 0;
	transition: .3s;
}

.nav-wap .nav-main>li>a:hover:before {
	opacity: 1;
	bottom: -1px
}



.nav-main>li.current-menu-item>a:after,
.nav-main>li.current-menu-parent>a:after,
.nav-main>li.current_page_item>a:after,
.nav-main>li.current-post-ancestor>a:after,
.nav-main>li.current-menu-ancestor>a:after,
.nav-main>li.current-category-ancestor>a:after {
	display: none;

}

.nav-main>li.current-menu-item>a {
	color: #3d7eff;
}


.nav-right {
	font-size: 18px;
}

.zhankr-num {
	position: absolute;
	top: 13px;
	left: 66%;
	color: #555;
	border-radius: 8px;
	text-align: center;
	font-family: Calibri;
	background: #eee;
	font-size: 12px;
	min-width: 32px;
	height: 16px;
	line-height: 16px;

}


.nav-main a.custom_hover_color {
	align-items: center;
	display: flex;
	padding: 5px 30px;
	transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}


.nav-main .custom_hover_color:hover {
	opacity: 1;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.nav-main .custom_hover_color:before {
	content: '';
	height: 1px;
	width: 8px;
	background-color: #3d7eff;
	opacity: 0;
	transition: all .3s linear 0s;
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translate(0, -50%);
}

.nav-main .custom_hover_color:hover:before {
	opacity: 1;
	bottom: -1px;

}

.nav-main .custom_hover_color:hover {
	color: #1E88E5;
}


.nav-wap>.nav-main>li>.sub-menu:before {
	content: " ";
	height: 0;
	width: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 0px;
	border-bottom-color: #fff;
	position: absolute;
	left: 20px;
	top: -14px;
}

.nav-wap .nav-main .sub-menu {
	position: absolute;
	top: 100%;
	left: -20px;
	border-radius: 0px
}

.huangse_1 {
	box-sizing: border-box;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-left: 10px;
	margin-top: -6px;
	left: 0;
	border-color: #61e1b9;
	border: 3px solid #f5c745;
}

.huangse_2 {
	box-sizing: border-box;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-left: 10px;
	margin-top: -6px;
	left: 0;
	border-color: #61e1b9;
	border: 3px solid #70d7cf;
}

.huangse_3 {
	box-sizing: border-box;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-left: 10px;
	margin-top: -6px;
	left: 0;
	border-color: #61e1b9;
	border: 3px solid #f1787f;
}

@media (max-width: 1024px) {

	.topbanner,
	.logotext10,
	.index_search,
	.deansubnavsins {
		display: none;
	}

	.nav-wap {
		margin: 0px;
	}

	.topnav {
		padding: 10px 0px;
	}

	.logo-wrapper {
		padding: 0 10px;
	}

	.logo-wrapper .logo {
		margin-right: 12px;
		max-width: 120px;
		margin-top: 5px;
		height: auto;
		width: auto;
	}

	.user {
		position: absolute;
		right: 10px;
		width: auto;
		height: 35px;
		float: right;
	}

	.top100 {
		height: 0px;
	}

	.nav-wap .nav-main .sub-menu {
		position: relative;
		top: 0;
		left: 0px;
		border-radius: 0px;
	}

	.nav-mobile-show .nav-main .sub-menu a {
		padding: 0 30px;
	}

	.huangse_1,
	.huangse_2,
	.huangse_3 {
		margin-left: 0px;
	}

}