html,
body {
	position: relative;
	height: 100%;
}

:root {
	--menu-hover-color: #44afea;
}

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

.nav-main {
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 50px;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out;
}

.menu-color {
	color: #265490 !important;
}

.index-logo {
	display: none;
}

.nav-main .logo {
	display: flex;
	overflow: hidden;
	width: 400px;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.nav-main .logo img {
	width: 100%;
	transition: all 0.3s ease-in-out;
	transform: translateX(0);
}

.logo-color {
	transform: translateX(-100%) !important;
}

.nav-main .menu ul {
	display: flex;
	gap: 20px;
	align-items: end;
	height: 100%;
}

.nav-main .menu ul li a {
	color: white;
	position: relative;
	transition: all 0.3s ease-in-out;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.nav-main .menu ul li a:hover {
	color: var(--menu-hover-color);
}

.nav-main .menu ul li a::before {
	content: '';
	width: 0;
	position: absolute;
	bottom: -5px;
	left: 0;
	border-bottom: 2px solid var(--menu-hover-color);
}

.nav-main .menu ul li a:hover:before {
	animation: showMenu 1s forwards;
}

@keyframes showMenu {
	0% {
		width: 0;
	}
	100% {
		color: white;
		width: 100%;
	}
}

.m_menu {
	display: none;
}

.container-title-zs {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.container-title-footer {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.container-title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.container-title-left {
	display: flex;
	align-items: center;
	gap: 10px;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
}

.container-title-left div {
	display: flex;
	font-size: 40px;
	font-weight: 700;
}

.container-title-left div span {
	color: #44afea;
}

.container-title-left-white {
	display: flex;
	align-items: center;
	gap: 10px;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
}

.container-title-left-white-footer {
	display: flex;
	align-items: center;
	gap: 10px;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
}

#zs-title {
	display: none;
}

.m-zsxx {
	display: block;
}

.m-zsxx-p {
	display: none !important;
}

.container-title-left-white div {
	display: flex;
	font-size: 40px;
	font-weight: 700;
	color: white;
}

.container-title-left-white-footer div {
	display: flex;
	font-size: 30px;
	font-weight: 700;
	color: white;
}

.container-title-left-white div span {
	color: #44afea;
}

.container-title-left-white-footer div span {
	color: #44afea;
}

.container-title-right {
	color: #44afea;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	min-width: max-content !important;
}

.container-title-right i {
	width: 15px;
	color: #44afea;
	transition: all 0.3s ease-in-out;
}

.container-title-right:hover i {
	transform: translateX(5px);
}

.container-title-right-white {
	color: white;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
}

.container-title-right-white i {
	width: 15px;
	color: white;
	transition: all 0.3s ease-in-out;
}

.container-title-right-white:hover i {
	transform: translateX(5px);
}

.new-right-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: calc(100vh - 290px);
	background: rgba(255, 255, 255, 0.3);
}

.new-right-list li {
	display: flex;
	gap: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: color 0.3s ease-in-out;
	box-sizing: border-box;
	align-items: center;
	padding: 10px;
}

.new-right-list li .title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 20px;
	min-height: max-content;
}

.new-right-list li .date {
	font-size: 15px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	min-width: max-content;
	min-height: max-content;
	padding: 5px;
	background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
	color: white;
	border-radius: 6px;
	transition: all 0.3s ease-in-out;
}

.new-right-list li .date img {
	width: 15px;
	height: 15px;
}

.new-right-list li .date span:nth-child(1) {
	font-size: 20px;
	font-weight: 700;
}

.new-right-list li:before {
	content: '';
	width: 100%;
	height: 100%;
	background-image: linear-gradient(
		-225deg,
		#22e1ff 0%,
		#1d8fe1 48%,
		#625eb1 100%
	);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: translateX(100%);
	transition: all 0.3s ease-in-out;
	border-radius: 6px;
}

.new-right-list li:hover {
	color: white;
}

.new-right-list li:hover:before {
	transform: translateX(0);
}

.new-right-list li:hover .date {
	background: transparent !important;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
}

.notice-left-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: calc(100vh - 310px);
	background: rgba(255, 255, 255, 0.3);
	border-radius: 6px;
}

.notice-left-list li a {
	display: flex;
	gap: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: color 0.3s ease-in-out;
	padding: 10px;
	box-sizing: border-box;
	align-items: center;
}

.notice-left-list li .title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 20px;
	color: #303133;
}

.notice-left-list li .date {
	font-size: 15px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	min-width: max-content;
	min-height: max-content;
	padding: 5px;
	background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
	color: white;
	border-radius: 6px;
	transition: all 0.3s ease-in-out;
}

.notice-left-list li .date span:nth-child(1) {
	font-size: 20px;
	font-weight: 700;
}

.notice-left-list li .date img {
	width: 15px;
	height: 15px;
}

.notice-left-list li a:before {
	content: '';
	width: 100%;
	height: 100%;
	background-image: linear-gradient(
		-225deg,
		#22e1ff 0%,
		#1d8fe1 48%,
		#625eb1 100%
	);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: translateX(-100%);
	transition: all 0.3s ease-in-out;
	border-radius: 6px;
}

.notice-left-list li a:hover .title {
	color: white;
}

.notice-left-list li a:hover .date {
	background: transparent !important;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
}

.notice-left-list li a:hover:before {
	transform: translateX(0);
}

.background {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 0;
}

.en {
	border: 1px solid white;
	border-radius: 50%;
	padding: 5px;
}