/* banner轮播图样式 */
 .banner-container {
 	position: relative;
 	width: 100%;
 	height: 0;
 	padding-bottom: 33.33%;
 	/* 3:1 比例 */
 	overflow: hidden;
 	margin-bottom: 30px;
 }

 .banner-slide {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 	transition: opacity 1s ease;
 }

 .banner-slide.active {
 	opacity: 1;
 }

 .banner-slide img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .thumbnail-container {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	/* transform: translatex(-50%); */
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	z-index: 10;
 	background: rgba(0, 0, 0, 0.2);
 	padding: 20px 0;
 }

 .thumbnail-container .iconfont {
 	color: #eee;
 	font-size: 50px;
 }

 .thumbnail-container .iconfont:hover,
 .thumbnail-container .iconfont:active {
 	color: #fff;
 }

 .thumbnail {
 	width: 250px;
 	height: 120px;
 	margin: 0 10px;
 	cursor: pointer;
 	opacity: 0.6;
 	transition: opacity 0.3s;
 }

 .thumbnail.active {
 	opacity: 1;
 }

 .thumbnail img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .nav-arrow {
 	font-size: 24px;
 	cursor: pointer;
 	color: white;
 	margin: 0 10px;
 	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }

 .titcon {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	max-width: 1400px;
 	margin: 80px auto 50px;
 }

 .titleft-column {
 	display: flex;
 	align-items: center;
 }

 .titleft-column img {
 	max-height: 50px;
 	/* 根据实际图片调整 */
 }

 .titright-column {
 	text-align: right;
 }

 .more-link {
 	color: #333;
 	text-decoration: none;
 	font-weight: bold;
 }

 .more-link:hover {
 	color: #7a0000;
 }

 /* 图片列表样式 */
 .container {
 	max-width: 1400px;
 	margin: 0 auto;
 	padding: 0 15px;
 }

 .gallery-title {
 	text-align: center;
 	margin-bottom: 30px;
 	font-size: 28px;
 	color: #333;
 }

 .image-grid {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 20px;
 }

 .image-item {
 	position: relative;
 	width: 100%;
 	padding-top: 56.25%;
 	/* 16:9 比例 */
 	overflow: hidden;
 	cursor: pointer;
 	border-radius: 8px;
 }

 .image-item img {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	transition: transform 0.3s;
 }

 .image-overlay {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.7);
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	opacity: 0;
 	transition: opacity 0.3s;
 }

 .image-title {
 	color: white;
 	text-align: center;
 	padding: 0 15px;
 	font-size: 18px;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }

 .image-item:hover .image-overlay {
 	opacity: 1;
 }

 .image-item:hover img {
 	transform: scale(1.05);
 }

 /* 视频样式 */
 .video-container {
 	display: flex;
 	gap: 20px;
 	margin-top: 30px;
 }

 .main-video {
 	flex: 2;
 	position: relative;
 }

 .side-videos {
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
 }

 .video-item {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	cursor: pointer;
 }

 .video-wrapper {
 	position: relative;
 	width: 100%;
 	padding-top: 56.25%;
 	/* 16:9 比例 */
 	background: #000;
 }

 .video-wrappera {
 	position: relative;
 	width: 100%;
 	padding-top: 54.25%;
 	/* 16:9 比例 */
 	background: #000;
 }

 .video-wrapper video,
 .video-wrappera video {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .play-icona {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	color: white;
 	font-size: 33px;
 	opacity: 0.8;
 	z-index: 2;
 	transition: opacity 0.3s;
 }

 .video-info {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	padding: 15px;
 	background: rgba(0, 0, 0, 0.7);
 	color: white;
 	z-index: 2;
 	transition: opacity 0.3s;
 }

 .video-title {
 	font-size: 16px;
 	margin-bottom: 8px;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .video-item:hover .play-icona,
 .video-item:hover .video-info {
 	opacity: 0;
 }

 .view-count {
 	display: flex;
 	align-items: center;
 	gap: 5px;
 }
.view-count .iconfont{font-size: 18px;}
 .news-container2 {
 	max-width: 1400px;
 	margin: 0 auto;
 	padding: 0 20px;
 }

 @media (max-width: 992px) {
 	.image-grid {
 		grid-template-columns: repeat(2, 1fr);
 	}

 	.video-container {
 		flex-direction: column;
 	}

 	.main-video,
 	.side-videos {
 		flex: 1;
 	}

 	.side-videos {
 		flex-direction: row;
 	}

 	.titcon {
 		margin: 40px auto 30px;
 		padding: 0 20px;
 	}
	.titleft-column img {
		max-height: 30px;
	}
.thumbnail-container{display: none;}
 }

 /* 响应式设计 */
 @media (max-width: 768px) {
 	.banner-container {
 		padding-bottom: 50%;
 		/* 2:1 比例 */
 	}
.news-container2{padding: 0 15px;}
 	.thumbnail-container .iconfont {
 		color: #eee;
 		font-size: 25px;
 	}

 	.thumbnail {
 		width: 40px;
 		height: 30px;
 	}

 	.news-container {
 		padding-bottom: 75%;
 		/* 4:3 比例 */
 	}
 }

 @media (max-width: 480px) {
 	.banner-container {
 		padding-bottom: 45%;
 		/* 4:3 比例 */
 	}

 	.thumbnail {
 		width: 30px;
 		height: 20px;
 	}

 	.news-container {
 		padding-bottom: 100%;
 		/* 1:1 比例 */
 	}

 	/* .image-grid {
 		grid-template-columns: 1fr;
 	} */

 	.image-item {
 		padding-top: 75%;
 		/* 手机端调整为4:3比例 */
 	}

 	.side-videos {
 		flex-direction: column;
 	}

 	.play-icona {
 		font-size: 30px;
 	}
	.titleft-column img{
		max-height: 25px;
	}
 }