@charset "UTF-8";
/* ========== 始终让 Firefox 显示滚动条 start ========== */
html {overflow: -moz-scrollbars-vertical;}
/* ========== 始终让 Firefox 显示滚动条 end ========== */
/* ========== 设置body start ========== */
body {background: #f5f5f5;font-size: 14px;color: #333;min-width: 1280px;font-family: "Microsoft YaHei", "Gtpressura", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
/* ========== 设置body end ========== */
/* ========== 最小高度 start ========== */
.minH {min-height: 600px}
.minH250 {min-height: 250px;height: auto !important;height: 250px;}
.minH350 {min-height: 350px;height: auto !important;height: 350px;}
.minH450 {min-height: 450px;height: auto !important;height: 450px;}
/* ========== 最小高度 end ========== */
/* ========== 自定义页面间距 start ========== */
.h5 {clear: both;height: 5px;}
.h10 {clear: both;height: 10px;}
.h15 {clear: both;height: 15px;}
.h20 {clear: both;height: 20px;}
.h25 {clear: both;height: 25px;}
.h30 {clear: both;height: 30px;}
.h35 {clear: both;height: 35px;}
.h40 {clear: both;height: 40px;}
.h45 {clear: both;height: 45px;}
.h50 {clear: both;height: 50px;}
.h55 {clear: both;height: 55px;}
.h60 {clear: both;height: 60px;}
.h65 {clear: both;height: 65px;}
.h70 {clear: both;height: 70px;}
.h75 {clear: both;height: 75px;}
.h80 {clear: both;height: 80px;}
.h85 {clear: both;height: 85px;}
.h90 {clear: both;height: 90px;}
.h95 {clear: both;height: 95px;}
.h100 {clear: both;height: 100px;}
/* ========== 自定义页面间距 end ========== */
/* ========== 设置默认图 start ========== */
.default {background-color: #e5e5e5;background-image: url('../../common/images/default.png');background-repeat: no-repeat;background-position: center center;background-size: cover;}
/* ========== 设置默认图 end ========== */
/* ========== 规定页面内容区域宽度 start ========== */
.wrap {width: 1680px;clear: both;margin: 0 auto;}
/* ========== 规定页面内容区域宽度 end ========== */
/* ========== 设置滚动条 start ========== */
::-webkit-scrollbar {background: #eaeff2;}
::-webkit-scrollbar,
::-webkit-scrollbar-thumb {width: 8px;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-thumb {background: var(--themeColor);border-radius: 8px;}
::-webkit-scrollbar-corner {background: none;}
::-webkit-scrollbar:horizontal {height: 8px;}
/* ========== 设置滚动条 end ========== */
/* ========== 自定义动画 start ========== */
/* 基础动画执行时间 */
::-webkit-scrollbar {
	width: 8px;
	background: #eaeff2;
}

::-webkit-scrollbar-button {
	display: none;
}

/* ::-webkit-scrollbar-track {} */
/* ::-webkit-scrollbar-track-piece {} */
::-webkit-scrollbar-thumb {
	width: 8px;
	background: var(--themeColor);
	border-radius: 8px;
}

::-webkit-scrollbar-corner {
	background: none;
}

/* ::-webkit-resizer {} */
::-webkit-scrollbar:horizontal {
	height: 9px;
}

/*自定义动画start*/
@-webkit-keyframes gupIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
	}
}

@-moz-keyframes gupIn {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, -30px, 0);
	}
}

@keyframes gupIn {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0);
	}
}

@-webkit-keyframes gdownIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
	}
}

@-moz-keyframes gdownIn {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, 30px, 0);
	}
}

@keyframes gdownIn {
	from {
		opacity: 0;
		transform: translate3d(0, 30px, 0);
	}
}

@-webkit-keyframes gleftIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes gleftIn {
	0% {
		opacity: 0;
		-moz-transform: translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}

@keyframes gleftIn {
	0% {
		opacity: 0;
		transform: translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes grightIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(80px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes grightIn {
	0% {
		opacity: 0;
		-moz-transform: translate3d(80px, 0, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}

@keyframes grightIn {
	0% {
		opacity: 0;
		transform: translate3d(80px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes gfadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes gfadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes gfadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes gfadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes gfadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes gfadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.gupIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gupIn 1s 0.1s both;
	-moz-animation: gupIn 1s 0.1s both;
	animation: gupIn 1s 0.1s both;
}

.gdownIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gdownIn 1s 0.1s both;
	-moz-animation: gdownIn 1s 0.1s both;
	animation: gdownIn 1s 0.1s both;
}

.gleftIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gleftIn 1s 0.1s both;
	-moz-animation: gleftIn 1s 0.1s both;
	animation: gleftIn 1s 0.1s both;
}

.grightIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: grightIn 1s 0.1s both;
	-moz-animation: grightIn 1s 0.1s both;
	animation: grightIn 1s 0.1s both;
}

.gfadeIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gfadeIn 1s 0.1s both;
	-moz-animation: gfadeIn 1s 0.1s both;
	animation: gfadeIn 1s 0.1s both;
}

.gfadeOut {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gfadeOut 1s 0.1s both;
	-moz-animation: gfadeOut 1s 0.1s both;
	animation: gfadeOut 1s 0.1s both;
}
@keyframes fadeInUp{
    0%{transform: translateY(60px);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
@keyframes fadeInDown{
    0%{transform: translateY(0);opacity: 1;}
    100%{transform: translateY(60px);opacity: 0;}
}

/* ========== 自定义动画 end ========== */

.addzxdtColumn {
	padding: 30px 0 0;
	background-color: #fff;
}

.bannerElPage {
	display: flex;
	height: 60px;
	line-height: 60px;
}

.newsBanner {
	position: relative;
	overflow: hidden;
}

.bannerElPage .title {
	width: 150px;
	background-position: calc(100% - 100px) center;
	background-repeat: no-repeat;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-image: url(../images/zxdt.png);
	background-size: 30px;
	box-sizing: border-box;
	font-size: 22px;
	color: #ffff;
	background-color: var(--themeColor);
	text-align: right;
}

.newsBannerBg {
	flex: 1;
	overflow: hidden;
	height: 60px;
	bottom: 0;
	padding: 0 30px;
	background-color: var(--themeColor);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.bannerElPage .inBannerPage {
	width: 70px;
	height: 60px;
	background-color: var(--themeColor);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bannerElPage .inBannerPage div {
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	z-index: 20;
}

.bannerElPage .inBannerPage .prev {
	background-image: url(../images/up.png);
}

.bannerElPage .inBannerPage .next {
	background-image: url(../images/down.png);
}

.newsBanner {
	overflow: hidden;
	height: 100%;
}


.newsBanner .con {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	transform: .3s;
	justify-content: space-between;
	column-gap: 50px;
}
.newsBanner .con .post {
	flex: 1;
}
.newsBanner .con .time {
	font-size: 16px;
	transition: .3s;
}
.newsBanner .con:hover .post {
	color: #fffac2;
}
.newsBanner .con:hover .time {
	color: #fffac2;
}