@charset "UTF-8";

body {
	overflow-x: hidden;
}

/*banner*/
.banner-k {
	position: relative;
}

.banner,
.banner div.slick-list,
.banner .slick-slide a,
.banner .slick-slide a img {
	width: 100%;
	height: 57.5vh;
}

.banner {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.banner .slick-list {
	position: relative;
}

.banner .slick-list::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image: -moz-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	height: 2.61rem;
}

.banner .slick-slide a {
	display: block;
	overflow: hidden;
	position: relative;
}

.banner .slick-slide img {
	display: block;
	width: 100%;
	transform: scale(1.1);
	transition: all 5s ease-out;
}

.banner .img_scale img {
	transform: scale(1);
}

/* .banner .slick-dots {
	bottom: 0.28rem;
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 0;
	height: 0.35rem;
	z-index: 9;
}

.banner .slick-dots li {
	vertical-align: middle;
	margin: 0 0.06rem;
	padding: 0;
	width: 0.1rem;
	height: 0.1rem;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
}

.banner .slick-dots li.slick-active {
	width: 0.4rem;
	height: 0.35rem;
	background-size: 100% 100%;
}

.banner .slick-dots li button {
	display: none;
} */

.banner .slick-prev,
.banner .slick-next {
	width: 0.09rem;
	height: 0.16rem;
	top: inherit;
	bottom: 0.65rem;
}

.banner .slick-prev {
	left: inherit;
	right: 50%;
	margin-right: 0.7rem;
	background: url(../images/ban-prev.png) no-repeat;
	background-size: 100% 100%;
}

.banner .slick-next {
	right: inherit;
	left: 50%;
	margin-left: 0.7rem;
	background: url(../images/ban-next.png) no-repeat;
	background-size: 100% 100%;
}

.down-page {
	position: absolute;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	left: 50%;
	bottom: 0.27rem;
	transform: translateX(-50%);
	z-index: 99;
	font-size: 0;
	text-align: center;
	cursor: pointer;
}

@keyframes svg-sircle {
	0% {
		stroke-dasharray: 300;
		stroke-dashoffset: 300;
	}

	100% {
		stroke-dasharray: 300;
		stroke-dashoffset: 0;
	}
}

.down-page svg {
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.down-page.on .pie-bar {
	animation: svg-sircle 10s linear;
}

.down-page .pie-bg {
	stroke: #fff;
	opacity: .3;
}

.down-page .pie-bar {
	stroke: #fff;
}

.down-page circle {
	stroke-dashoffset: 0;
	transform: rotate(-90deg);
	transform-origin: center;
	transition: all .2s;
	stroke: currentColor;
	z-index: 2;
}

.down-page>img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 0.17rem;
	animation: move 1.5s infinite ease-in-out;
	cursor: pointer;
}

@keyframes move {

	0%,
	100% {
		top: 45%;
	}

	50% {
		top: calc(45% + 0.1rem);
	}
}

/*首页样式*/

.title {
	position: relative;
}

.title h3 {
	font-weight: normal;
}

.title h3 b,
.title h3 span {
	display: block;
}

.title h3 b {
	font-family: 'sySong';
	font-size: 0.36rem;
	color: #000;
}

.title h3 b em {
	font-style: normal;
	color: #a90c0c;
}

.title h3 span {
	font-size: 0.14rem;
	color: #666;
}

.more {
	position: absolute;
	right: 0;
	bottom: 0;
}

.more a {
	display: block;
	font-size: 0.16rem;
	color: #666;
	line-height: 0.4rem;
	transition: all 0.3s;
}

.more:hover a {
	color: #a90c0c;
}

/*主体*/

.section1 {
	padding-top: 0.8rem;
	padding-bottom: 0.65rem;
	overflow: hidden;
}

.s1-c {
	align-items: flex-start;
}

.s1-l {
	width: 60.97%;
}

.s1-l .slick-slider {
	margin-top: 0.3rem;
}

.s1-l ul li a {
	display: block;
	position: relative;
}

.s1-l ul li .bg_img {
	height: 5rem;
}

.s1-l ul li:hover .bg_img .a {
	transform: scale(1.1);
}

.s1-l ul li .bg_img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/jdt_yy.png) no-repeat;
	background-size: 100% 100%;
	z-index: 1;
}

.s1-l ul li .bg_img .jdt-date {
	font-family: 'sySong';
	position: absolute;
	left: 0.3rem;
	top: 0.3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 1rem;
	height: 1rem;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0.3rem 0 0.3rem 0;
	z-index: 2;
	color: #a90c0c;
}

.s1-l ul li .bg_img .jdt-date p {
	font-size: 0.36rem;
}

.s1-l ul li .bg_img .jdt-date span {
	font-size: 0.16rem;
}

.s1-l ul li .s1-ltx {
	position: absolute;
	left: 0.4rem;
	right: 2rem;
	bottom: 0.25rem;
	z-index: 1;
}

.s1-l ul li .s1-ltx h3 {
	font-size: 0.2rem;
	font-weight: bold;
	line-height: 0.28rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	color: #fff;
}

.s1-l .slick-dots {
	width: auto;
	font-size: 0;
	right: 0.3rem;
	bottom: 0.35rem;
}

.s1-l .slick-dots li {
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 0.1rem;
	position: relative;
}

.s1-l .slick-dots li::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.31rem;
	height: 0.31rem;
	border-radius: 50%;
	border: 1px dashed #fff;
	display: none;
}

.s1-l .slick-dots li.slick-active {
	background: #fff;
	margin: 0 0.2rem;
}

.s1-l .slick-dots li.slick-active::after {
	display: block;
}

.s1-l .slick-dots li button {
	display: none;
}

/* 
.s1-l .slick-prev,
.s1-l .slick-next {
	width: 0.48rem;
	height: 0.48rem;
	top: auto;
	transform: none;
	bottom: -0.24rem;
	z-index: 1;
	transition: all 0.3s;
}

.s1-l .slick-prev {
	left: auto;
	right: 0.93rem;
	background-size: 100% 100%;
}

.s1-l .slick-next {
	right: 0.28rem;

	background-size: 100% 100%;
}

.s1-l .slick-prev:hover,
.s1-l .slick-next:hover {
	transform: scale(1.05);
} */

.s1-ld ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0.25rem;
}

.s1-ld ul li {
	width: 48.5%;
}

.s1-ld ul li a {
	background: #f8f8f8;
	padding: 0.31rem;
	overflow: hidden;
	transition: all 0.3s;
}

.s1-ld ul li a h3 {
	font-size: 0.18rem;
	line-height: 0.3rem;
	height: 0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.3s;
}

.s1-ld ul li a span {
	display: inline-block;
	float: right;
	font-size: 0.14rem;
	line-height: 0.36rem;
	background: url(../images/time1.png) no-repeat left center;
	background-size: 0.13rem 0.13rem;
	padding-left: 0.23rem;
	transition: all 0.3s;
}

.s1-ld ul li:hover a {
	background: url(../images/s1-ldbg.png) no-repeat right center;
	background-size: 100% 100%;
}

.s1-ld ul li:hover a h3 {
	color: #fff;
}

.s1-ld ul li:hover a span {
	color: #fff;
	background-image: url(../images/time2.png);
}

.s1-r {
	width: 36.8%;
}

.s1-r ul {
	margin-top: 0.3rem;
	background: #f8f8f8;
}

.s1-r ul li {
	transition: all 0.3s;
}

.s1-r ul li a {
	display: flex;
	align-items: center;
	margin: 0 0.35rem;
	border-top: 1px dashed rgba(102, 102, 102, 0.2);
	padding: 0.23rem 0;
}

.s1-r ul li:first-child a {
	border-top: none;
}

.s1-r ul li a .s1-rdate {
	font-family: 'sySong';
	text-align: center;
	color: #a90c0c;
	position: relative;
	transition: all 0.3s;
}

.s1-r ul li a .s1-rdate p {
	font-size: 0.3rem;
}

.s1-r ul li a .s1-rdate span {
	font-size: 0.16rem;
}

.s1-r ul li a .s1-rdate::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -0.2rem;
	width: 1px;
	height: 0.37rem;
	background: rgba(102, 102, 102, 0.2);
	transition: all 0.3s;
}

.s1-r ul li a .s1-rtx {
	flex: 1;
	min-width: 0;
	padding-left: 0.4rem;
	font-size: 0.18rem;
	line-height: 0.3rem;
	max-height: 0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.3s;
}

.s1-r ul li:hover a .s1-rdate::after {
	background: rgba(255, 255, 255, 0.2);
}

.s1-r ul li:hover {
	background: url(../images/s1-ldbg.png) no-repeat right center;
	background-size: 100% 100%;
}

.s1-r ul li:hover a .s1-rdate {
	color: #fff;
}

.s1-r ul li:hover a .s1-rtx {
	color: #fff;
}

.section2 {
	padding-top: 0.8rem;
	padding-bottom: 0.95rem;
	background: url(../images/section2_bg.png) no-repeat center top;
	background-size: cover;
}

.section2 .title {
	text-align: center;
        position: relative;
        z-index: 5;              /* 标题永远压在轮播上层，贴边也不会被盖字 */
        margin-bottom: 24px;     /* 固定像素间距，不随 rem 缩放丢失 */
}


.section2 .title h3 {
	display: inline-block;
/*	text-align: left; */
}

.s2-c {
	margin-top: 0.4rem;
}

.s2-c ul {
	padding-bottom: 0.85rem;
	position: relative;
}

.s2-c ul::before {
	content: '';
	position: absolute;
	bottom: 0.25rem;
	left: 0;
	right: 50%;
	margin-right: 0.65rem;
	border: 1px solid rgba(182, 48, 48, 0.3);
}

.s2-c ul::after {
	content: '';
	position: absolute;
	bottom: 0.25rem;
	right: 0;
	left: 50%;
	margin-left: 0.65rem;
	border: 1px solid rgba(182, 48, 48, 0.3);
}

.s2-c ul li a {
	display: block;
	padding: 0.35rem 0.45rem;
	transition: all 0.3s;
	position: relative;
}

.s2-c ul li a::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	height: 1.96rem;
	border-left: 1px solid rgba(116, 116, 116, 0.3);
}

.s2-c ul li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0.34rem;
	height: 0.34rem;
	background: url(../images/s2-csj.png) no-repeat;
	background-size: 100% 100%;
	display: none;
	transition: all 0.3s;
}

.s2-c ul li a .s2-cdate {
	font-family: 'sySong';
	font-size: 0.18rem;
	color: #a90c0c;
	transition: all 0.3s;
}

.s2-c ul li a .s2-cdate span {
	font-size: 0.36rem;
	padding-right: 0.05rem;
}

.s2-c ul li a h3 {
	font-size: 0.18rem;
	line-height: 0.3rem;
	height: 0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 1.75rem;
	transition: all 0.3s;
}

.s2-c ul li a .s2-cmore {
	font-size: 0.16rem;
	color: #737373;
	width: 3.25rem;
	height: 0.35rem;
	line-height: 0.35rem;
	padding-left: 0.1rem;
	background: url(../images/s2-cmorebg.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 0.34rem;
	transition: all 0.3s;
        margin-left: -27px;
}

.s2-c ul li:hover a {
	background: #a90c0c;
}

.s2-c ul li:hover a::after {
	display: block;
}

.s2-c ul li:hover a .s2-cdate {
	color: #fff;
}

.s2-c ul li:hover a h3 {
	color: #fff;
}

.s2-c ul li:hover a .s2-cmore {
	color: #fff;
}

.s2-c .slick-prev,
.s2-c .slick-next {
	top: inherit;
	transform: none;
	bottom: 0;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	border: 1px solid #a90c0c;
}

.s2-c .slick-prev {
	left: inherit;
	right: 50%;
	margin-right: 0.15rem;
	background-image: url(../images/s2-prev1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0.21rem auto;
}

.s2-c .slick-next {
	right: inherit;
	left: 50%;
	margin-left: 0.15rem;
	background-image: url(../images/s2-next1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0.21rem auto;
}

.s2-c .slick-prev:hover,
.s2-c .slick-next:hover {
	background-color: #a90c0c;
}

.s2-c .slick-prev:hover {
	background-image: url(../images/s2-prev2.png);
}

.s2-c .slick-next:hover {
	background-image: url(../images/s2-next2.png);
}


.section3 {
	background-color: #f4f3f1;
	position: relative;
	z-index: 2;
}

.s3-c {
	overflow: hidden;
}

.s3-c .title {
	margin-top: 0.75rem;
}

.s3-c .more {
	position: static;
	margin-top: 0.45rem;
}

.s3-r {
	float: right;
	width: 64.21%;
}

.s3-r ul li a {
	display: block;
}

.s3-r .slick-slider::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.09rem;
	height: 1.09rem;
	background: url(../images/s3-bf.png) no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
}

.s3-r ul li a .pic {
	padding-top: 55.47%;
}

.s3-d {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1.68rem;
	background-color: #fff;
	padding: 0.55rem 0.15rem;

}

.s3-d ul li:first-child {
	display: none;
}

.s3-d ul li a {
	display: block;
	margin: 0 0.35rem;
}

.s3-d ul li a .pic {
	padding-top: 55.47%;
}

.s3-d ul li a h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0.5rem;
	background: rgba(169, 12, 12, 0.7);
	text-align: center;
	padding: 0 0.2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	font-size: 0.18rem;
	color: #fff;
}

.s3-d .slick-prev,
.s3-d .slick-next {
	top: -0.8rem;
	transform: none;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: #d9b669;
}

.s3-d .slick-prev {
	left: 0.3rem;
	background-image: url(../images/s2-prev2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.21rem auto;
}

.s3-d .slick-next {
	right: inherit;
	left: 1.1rem;
	background-color: #a90c0c;
	background-image: url(../images/s2-next2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.21rem auto;
}


.section4 {
	padding-top: 2.4rem;
	padding-bottom: 0.65rem;
	position: relative;
	z-index: 1;
}

.section4::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 60.16%;
	background-color: #a90c0c;
}

.section4::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 39.84%;
	background: #f4f3f1;
}

.s4-c {
	align-items: flex-start;
	position: relative;
	z-index: 1;
}

.s4-l {
	width: 61.45%;
}

.s4-l .title h3 b,
.s4-l .title h3 b em,
.s4-l .title h3 span,
.s4-l .more a {
	color: #fff;
}

.s4-l .s4-lbox {
	align-items: flex-start;
	margin-top: 0.3rem;
}

.s4-l .s4-l-l {
	width: 48.79%;
}

.s4-l .s4-l-l a {
	display: block;
}

.s4-l .s4-l-l a .bg_img {
	height: 2.86rem;
}

.s4-l .s4-l-l a .s4-rtx {
	padding: 0.2rem 0.35rem;
	background-color: #fff;
	overflow: hidden;
}

.s4-l .s4-l-l a .s4-rtx h3 {
	font-size: 0.18rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.s4-l .s4-l-l a .s4-rtx p {
	font-size: 0.16rem;
	line-height: 0.24rem;
	height: 0.48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.2rem;
}

.s4-l .s4-l-l a .s4-rtx span {
	display: block;
	float: right;
	font-size: 0.14rem;
	color: #a90c0c;
	background: url(../images/time1.png) no-repeat left center;
	background-size: 0.13rem 0.13rem;
	padding-left: 0.23rem;
	margin-top: 0.2rem;
}

.s4-l .s4-l-l a:hover .s4-rtx h3 {
	color: #a90c0c;
}

.s4-l .s4-l-r {
	width: 43.01%;
}

.s4-l .s4-l-r ul li a {
	display: block;
	padding: 0.35rem 0;
	border-top: 1px dashed rgba(255, 255, 255, 0.3);
	overflow: hidden;
}

.s4-l .s4-l-r ul li:first-child a {
	border-top: none;
}


.s4-l .s4-l-r ul li a h3 {
	color: #fff;
	font-size: 0.16rem;
	line-height: 0.3rem;
	height: 0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.3s;
}

.s4-l .s4-l-r ul li a span {
	float: right;
	color: #fff;
	font-size: 0.14rem;
	background: url(../images/time2.png) no-repeat left center;
	background-size: 0.13rem 0.13rem;
	padding-left: 0.23rem;
}

.s4-l .s4-l-r ul li:hover a h3 {
	text-decoration: underline;
}

.s4-r {
	width: 31.73%;
}

.s4-r ul {
	margin-top: 0.3rem;
}

.s4-r ul li a {
	display: block;
}

.s4-r ul li a .bg_img {
	height: 2.86rem;
}

.s4-r ul li a .bg_img::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.65rem;
	background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.s4-r ul li a .s4-rtx {
	overflow: hidden;
	padding-bottom: 0.25rem;
	border-bottom: 0.03rem solid #a90c0c;
}

.s4-r ul li a .s4-rtx h3 {
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin-top: 0.2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.s4-r ul li a .s4-rtx p {
	font-size: 0.16rem;
	line-height: 0.24rem;
	height: 0.48rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.1rem;
}

.s4-r ul li a .s4-rtx span {
	display: block;
	float: right;
	font-size: 0.14rem;
	line-height: 0.36rem;
	background: url(../images/time1.png) no-repeat left center;
	background-size: 0.13rem 0.13rem;
	padding-left: 0.23rem;
	color: #a90c0c;
}

.s4-r .slick-dots {
	margin-top: 0;
	bottom: 1.9rem;
	font-size: 0;
}

.s4-r .slick-dots li {
	width: 0.09rem;
	height: 0.09rem;
	margin: 0 0.07rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
}

.s4-r .slick-dots li.slick-active {
	background: #fff;
}

.s4-r .slick-dots li button {
	display: none;
}

.section5 {
	background: url(../images/section5_bg.png) no-repeat center bottom;
	background-size: cover;
	padding-top: 0.75rem;
	padding-bottom: 0.7rem;
}

.s5-c {
	align-items: flex-start;
}

.s5-l {
	width: 47.91%;
}

.s5-l .s5-lt {
	margin-top: 0.3rem;
}

.s5-l .s5-lt a {
	display: block;
	position: relative;
}

.s5-l .s5-lt a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/s3-bf.png) no-repeat;
	background-size: 100% 100%;
}

.s5-l .s5-lt a .bg_img {
	height: 4.38rem;
}

.s5-l .s5-lt a h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0.54rem;
	text-align: center;
	padding: 0 0.2rem;
	font-size: 0.18rem;
	color: #fff;
	background: rgba(169, 12, 12, 0.7);
}

.s5-r .s5-lt a .bg_img {
	height: 2.87rem;
}

.s5-r .s5-lt a::after {
	display: none;
}


.gg-list {
	margin-top: 0.15rem;
}

.gg-list li {
	font-size: 0.18rem;
	line-height: 0.74rem;
	padding: 0 0.1rem;
	border-bottom: 1px dashed #ccc;
}

.gg-list li span {
	float: right;
	font-size: 0.14rem;
	color: #666;
	background: url(../images/time3.png) no-repeat left center;
	background-size: 0.13rem 0.13rem;
	padding-left: 0.23rem;
	transition: all 0.4s;
}

.gg-list li a {
	display: block;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	position: relative;
	padding-left: 0.17rem;
	transition: all 0.4s;
}

.gg-list li a::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 0.07rem;
	height: 0.07rem;
	background: #a90c0c;
}

.gg-list li:hover span,
.gg-list li:hover a {
	color: #a90c0c;
}

.gg-list li:hover span {
	background-image: url(../images/time1.png);
}



@media screen and (max-width:1600px) {
	.section4::after {
		width: 62.16%;
	}

	.section4::before {
		width: 37.84%;
	}
}

@media screen and (max-width: 1024px) {

	.banner,
	.banner div.slick-list,
	.banner .slick-slide a,
	.banner .slick-slide a img {
		height: auto;
	}

	.banner .slick-list::after {
		display: none;
	}

	.section1 {
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
	}

	.s1-l {
		width: 100%;
	}

	.s1-l ul li .bg_img {
		height: auto;
		padding-top: 56.94%;
	}

	.s1-r {
		width: 100%;
		margin-top: 0.3rem;
	}

	.section2 {
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
	}

	.s2-c {
		margin-top: 0;
	}

	.section4 {
		padding-top: 0.3rem;
		padding-bottom: 0;
	}

	.section4::before,
	.section4::after {
		display: none;
	}

	.s4-l {
		width: 100%;
		background-color: #a90c0c;
		padding: 0.3rem;
	}

	.s4-l .s4-l-l {
		width: 100%;
	}

	.s4-l .s4-l-l a .bg_img {
		height: auto;
		padding-top: 63.98%;
	}

	.s4-l .s4-l-l a .s4-rtx p {
		height: auto;
		max-height: 0.48rem;
	}

	.s4-l .s4-l-r {
		width: 100%;
	}

	.s4-l .s4-l-r ul li a h3 {
		height: auto;
		max-height: 0.6rem;
	}

	.s4-r {
		width: 100%;
		background: #f4f3f1;
		padding: 0.3rem;
	}

	.s4-r ul li a .bg_img {
		height: auto;
		padding-top: 62.58%;
	}

	.section5 {
		padding-top: 0.3rem;
		padding-bottom: 0.5rem;
	}

	.s5-l {
		width: 100%;
	}

	.s5-l .s5-lt a .bg_img {
		height: auto;
		padding-top: 63.62%;
	}

	.s5-r {
		width: 100%;
		margin-top: 0.3rem;
	}

	.s5-r .s5-lt a .bg_img {
		padding-top: 41.53%;
	}
}

@media screen and (max-width: 768px) {
	.down-page {
		width: 0.8rem;
		height: 0.8rem;
		line-height: 0.8rem;
		bottom: 0.2rem;
	}

	.banner .slick-prev,
	.banner .slick-next {
		bottom: 0.42rem;
	}

	.title h3 b {
		font-size: 0.3rem;
	}

	.s1-l ul li .bg_img .jdt-date {
		left: 0.1rem;
		top: 0.1rem;
		width: 0.8rem;
		height: 0.8rem;
	}

	.s1-l ul li .bg_img .jdt-date p {
		font-size: 0.28rem;
		line-height: 1;
	}

	.s1-l .slick-dots {
		right: 0.1rem;
	}

	.s1-l ul li .s1-ltx {
		left: 0.2rem;
		right: 1.8rem;
	}

	.s1-ld ul li {
		width: 100%;
		margin-top: 0.25rem;
	}

	.s1-ld ul li:first-child {
		margin-top: 0;
	}

	.s1-ld ul li a {
		padding: 0.2rem;
	}

	.s1-r ul li a {
		padding: 0.2rem 0;
		margin: 0 0.2rem;
	}

	.section3 {
		padding-bottom: 0.3rem;
	}

	.s3-c .title {
		margin-top: 0.3rem;
	}

	.s3-c .more {
		position: absolute;
		margin-top: 0;
	}

	.s3-r {
		display: none;
	}

	.s3-d {
		position: static;
		transform: none;
		margin-top: 0.5rem;
		padding: 0.35rem 0.15rem;
	}

	.s3-d ul li a {
		margin: 0 0.15rem;
	}

	.s3-d .slick-prev,
	.s3-d .slick-next {
		top: -0.55rem;
		width: 0.4rem;
		height: 0.4rem;
	}

	.s3-d .slick-prev {
		left: 0.15rem;
	}

	.s3-d .slick-next {
		left: 0.9rem;
	}

	.s4-l,
	.s4-r {
		padding: 0.2rem;
	}
}

@media screen and (max-width: 640px) {}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}



/* 隐藏「媒体报道 / MEDIA COVERAGE」标题，保留占位，列表与更多+不上移 */
.s1-r .title h3 {
    visibility: hidden;
}

/* 左栏大图与右栏列表底边对齐 */
.s1-c { align-items: stretch; }
.s1-l { display: flex; flex-direction: column; }
.s1-l .slick-slider { flex: 1; min-height: 0; }
.s1-l .slick-list,
.s1-l .slick-track,
.s1-l .slick-slide { height: 100% !important; }
.s1-l .slick-slide > a { display: flex; flex-direction: column; height: 100%; }
.s1-l .slick-slide .bg_img { flex: 1; min-height: 0; }
.s1-l .slick-slide .bg_img .a { height: 100% !important; background-size: cover !important; background-position: center !important; }


.wbyd-carousel { position: relative; width: 100%; max-width: none; margin: 0 auto; padding: 0 0 10px; overflow: hidden; touch-action: pan-y; }
.wbyd-carousel .carousel-wrapper { position: relative; height: 400px; }   /* ← 想改整体高度就改这里 */
.wbyd-carousel .carousel-track { position: relative; height: 100%; }

/* ---------- 单张卡片 ----------
   宽度 = 100% ÷ (1 + 两侧缩放系数)
   当前两侧缩放 0.72 → 100% ÷ 1.72 = 58.14%
   这条是「左右齐平」的关键：只要满足这个关系，最左那张的左边缘 = 容器左边缘，
   最右那张的右边缘 = 容器右边缘，也就是和上方标题条左右对齐。
   改缩放系数时，除数同步改成 (1 + 新系数) 即可。 */
.wbyd-carousel .wbyd-item { position: absolute; left: 50%; top: 0; width: 58.14%; height: 100%; transition: transform .6s ease, opacity .6s ease; }
.wbyd-carousel .wbyd-item a { display: block; width: 100%; height: 100%; }
/* 图片居中裁切铺满（视觉与平台裁切脚本一致，不依赖 centerCutImg.js） */
.wbyd-carousel .wbyd-item img { 
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center top;   /* 关键：保留图片顶部，不再裁牌匾 */
    background: #525222;
}

/* 非中间卡片的压暗遮罩 */
.wbyd-carousel .wbyd-item .image-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity .6s ease; pointer-events: none; }

/* ---------- 图片上不出现任何文字 ----------
   模板不输出 h3/p 标题节点；万一外层样式或平台往卡片里塞了标题，这里强制隐藏。
   （<a> 不带 title、<img> 的 alt 为空，故不会有悬停气泡与图未加载时的文字） */
.wbyd-carousel .wbyd-item h3,
.wbyd-carousel .wbyd-item p { display: none !important; }

/* ---------- 五种位置状态（由 section2.js 动态切换） ----------
   位移只用 -100% / 0 这两个值（相对卡片自身宽度），配合上面的宽度公式，
   左右两张的外边缘刚好落在容器两边，多一个像素都不多。 */
.wbyd-carousel .wbyd-item.is-center { transform: translateX(-50%) scale(1); z-index: 3; }
.wbyd-carousel .wbyd-item.is-left { transform: translateX(-100%) scale(.72); z-index: 2; }
.wbyd-carousel .wbyd-item.is-right { transform: translateX(0) scale(.72); z-index: 2; }
.wbyd-carousel .wbyd-item.is-left .image-overlay,
.wbyd-carousel .wbyd-item.is-right .image-overlay { opacity: .45; }
.wbyd-carousel .wbyd-item.is-far-left { transform: translateX(-135%) scale(.6); opacity: 0; z-index: 1; }
.wbyd-carousel .wbyd-item.is-far-right { transform: translateX(35%) scale(.6); opacity: 0; z-index: 1; }

/* ---------- 左右箭头：站内 c3btn 效果（默认白底红边红箭头，悬停红底白箭头） ---------- */
.wbyd-carousel .c3btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 40px; height: 40px; padding: 0; border-radius: 50%; border: 1px solid #c52222; background: #fff; color: #c52222; font-size: 15px; line-height: 38px; cursor: pointer; transition: background .3s ease, color .3s ease; }
.wbyd-carousel .c3btn:hover { background: #c52222; color: #fff; }
.wbyd-carousel .c3btn-prev { left: 2%; }
.wbyd-carousel .c3btn-next { right: 2%; }
.wbyd-carousel .c3btn-prev,
.wbyd-carousel .c3btn-next { z-index: 5; }

/* ---------- 下方文字标签：三个全部显示，选中的高亮（红字 + 短下划线） ---------- */
.wbyd-carousel .labels-container { text-align: center; margin-top: 18px; }
.wbyd-carousel .label-item { display: inline-block; font-size: 15px; color: #333; cursor: pointer; padding-bottom: 6px; border-bottom: 2px solid transparent; transition: color .3s, border-color .3s; }
.wbyd-carousel .label-item.is-active { color: #b01e23; border-bottom-color: #b01e23; font-weight: 700; }
.wbyd-carousel .divider { display: inline-block; margin: 0 16px; color: #cfcfcf; }
/* 若通知公告板块的底色偏深，把上面 .label-item 的 color 改成 #fff、
   .divider 的 color 改成 rgba(255,255,255,.4)，文字才看得清 */

/* =====================================================================
   响应式适配
   ---------------------------------------------------------------------
   断点与站点保持一致：1024（模板里 new WOW().init() 判断的就是它）
                        768（平板竖屏 / 大屏手机）
                        480（手机）
   逐级收缩：舞台高度 → 卡片宽度 → 箭头尺寸 → 标签字号
   触摸设备：横向滑动即可切换（逻辑在 section2.js），纵向滚动不受影响
   ===================================================================== */

/* ---------- ≤1180px：容器满宽（宽度跟随站点容器，这里只保证不留内边距） ---------- */
@media (max-width: 1180px) {
    .wbyd-carousel { padding-left: 0; padding-right: 0; }
}

/* ---------- ≤1024px：小桌面 / 平板横屏 ---------- */
@media (max-width: 1024px) {
    .wbyd-carousel .carousel-wrapper { height: 340px; }
    .wbyd-carousel .wbyd-item { width: 59.52%; }                 /* 100% ÷ 1.68（缩放 .68）*/
    .wbyd-carousel .wbyd-item.is-left  { transform: translateX(-100%) scale(.68); }
    .wbyd-carousel .wbyd-item.is-right { transform: translateX(0)     scale(.68); }
    .wbyd-carousel .c3btn { width: 36px; height: 36px; line-height: 34px; font-size: 14px; }
    .wbyd-carousel .c3btn-prev { left: 1%; }
    .wbyd-carousel .c3btn-next { right: 1%; }
}

/* ---------- ≤768px：平板竖屏 / 大屏手机 ---------- */
@media (max-width: 768px) {
    .wbyd-carousel .carousel-wrapper { height: 250px; }
    .wbyd-carousel .wbyd-item { width: 61.73%; }                 /* 100% ÷ 1.62（缩放 .62）*/
    .wbyd-carousel .wbyd-item.is-left  { transform: translateX(-100%) scale(.62); }
    .wbyd-carousel .wbyd-item.is-right { transform: translateX(0)     scale(.62); }
    .wbyd-carousel .c3btn { width: 32px; height: 32px; line-height: 30px; font-size: 13px; }
    .wbyd-carousel .labels-container { margin-top: 12px; }
    .wbyd-carousel .label-item { font-size: 13px; }
    .wbyd-carousel .divider { margin: 0 8px; }
}

/* ---------- ≤480px：手机 ---------- */
@media (max-width: 480px) {
    .wbyd-carousel .carousel-wrapper { height: 190px; }
    .wbyd-carousel .wbyd-item { width: 62.5%; }                  /* 100% ÷ 1.60（缩放 .60）*/
    .wbyd-carousel .wbyd-item.is-left  { transform: translateX(-100%) scale(.6); }
    .wbyd-carousel .wbyd-item.is-right { transform: translateX(0)     scale(.6); }
    .wbyd-carousel .c3btn { width: 30px; height: 30px; line-height: 28px; font-size: 13px; }
    .wbyd-carousel .c3btn-prev { left: 0; }
    .wbyd-carousel .c3btn-next { right: 0; }
    /* 手机上三个标签仍然全部显示（缩小字号、分隔符间距收窄，放不下会自动换行居中） */
    .wbyd-carousel .labels-container { margin-top: 10px; }
    .wbyd-carousel .label-item { font-size: 12px; padding-bottom: 4px; }
    .wbyd-carousel .divider { margin: 0 6px; }
}

/* ---------- 显示保险（默认处于注释状态，需要时才启用） ----------
   若粘贴后发现这块内容不显示（多半是平台的 wow 入场动画没初始化到这一层），
   把下面这一行规则从注释里放出来即可（去掉行首的斜杠星号与行尾的星号斜杠）。 */
/* .s2-c.wow, .s2-c .wow { visibility: visible !important; opacity: 1 !important; } */





@media (min-width: 1025px) {
    /* 标题条撑满整行宽 + 文字居中 */
    .s1-c .s1-l .title {
        width: 164.02%;
        text-align: center;
        /* 标题条加宽后会盖在右栏上方，
           设为不拦截鼠标，避免挡住「媒体报道」那边的点击 */
        pointer-events: none;
    }

    /* 但标题里的「更多+」要可以点击，单独恢复 */
    .s1-c .s1-l .title .more {
        pointer-events: auto;
    }
}

/* ============================================================
   ② 手机/平板端（≤1024px）：学院动态标题居中
      + 「更多+」移到「学院动态」标题的下方
   ------------------------------------------------------------
   · 页面真实结构（用户控制台探测确认）：
       div.more < div.title < div.s1-r < div.s1-c
     即「更多+」装在右栏 .s1-r 的 .title 里 —— 因为「媒体报道」
     的标题文字被隐藏了，这个按钮就悬空在图片和列表之间，
     看起来像「学院动态的更多按钮掉到了页面下方」。
   · 处理：以两栏的公共祖先 .s1-c 为定位基准，把「更多+」绝对定位到
     与「通知公告」完全一致的位置 —— 更多+ 底边 = 标题块底边，
     即中文标题下方、与英文标题（NEWS）齐平的高度，靠右。
   · 想上下微调：改 top 的值（基础档 0.26rem，≤768px 档 0.19rem，
     数字越大越靠下）。
   ============================================================ */

@media (max-width: 1024px) {
    .s1-l .title {
        position: relative;      /* 定位基准 = 标题条 */
        width: 100%;
        text-align: center;      /* 标题居中 */
        pointer-events: auto;
    }

    /* 解除 .s1-r .title 的定位基准身份，让「更多+」认 .s1-c 当基准 */
    .s1-c { position: relative; }
    .s1-c .s1-r .title { position: static; height: 0; overflow: visible; }
    .s1-c .s1-r .title h3 { display: none; }

    .s1-c .s1-r .title .more {
        position: absolute;      /* 相对 .s1-c 定位 */
        top: 0.26rem;            /* 「通知公告」同款对位：更多+ 底边 = 标题块底边（浏览器实测值） */
        bottom: auto;            /* 覆盖站点默认的 bottom:0，否则按钮会被拉长到栏目底部 */
        right: 0;
        margin: 0;
        z-index: 5;
    }
}

/* 小屏（≤768px）标题更矮（h3 b 字号 .36rem→.3rem），top 同步上收 */
@media (max-width: 768px) {
    .s1-c .s1-r .title .more { top: 0.19rem; }
}


@media (max-width: 1024px) {
    .s3-c > .title {
        text-align: center;
    }
}