* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	body {
		font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', sans-serif;
		background-color: #EDF6FD;
	}

	.content {
	}
	.top {
		background-image: url(../../../images/xwfbt/bg.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.middle{
		background-image: url(../../../images/xwfbt/bg2.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: bottom;
	}

	.max {
		width: 1400px;
		margin: 0 auto;
		text-align: left;
	}

	.top_title {
		padding-top: 170px;
	}

	.center {
		text-align: center;
	}

	/* 新闻区域 - 左右布局 */
	.news {
		display: flex;
		gap: 30px;
		margin-top: 260px;
		margin-bottom: 120px;
	}

	/* 直播区域 - 左右布局（修复关键） */
	.lives {
		display: flex;
		gap: 30px;
		margin-top: 70px;
		padding-bottom: 20px;
	}

	.lives-top {
		margin-top: 60px;
	}

	/* 左侧图片区域 - 固定宽度 */
	.news-left,
	.lives-left {
		flex: 0 0 380px;
	}

	.left-image {
		width: 100%;
		overflow: hidden;
	}

	.left-image img {
		width: 100%;
		height: auto;
		display: block;
	}

	/* 右侧内容区域 */
	.news-right {
		flex: 1;
		height: 470px;
		display: flex;
		flex-direction: column;
		background: rgba(255, 255, 255, 0.05);
		border-radius: 16px;
		padding:0 20px;
		position: relative;
	}

	/* 直播右侧区域 */
	/* 直播右侧区域 - 隐藏滚动条但保留滚动功能 */
	.lives-right {
		flex: 1;
		/* height: 670px; */
		/* overflow-y: auto; */
		/* 或 scroll */
		padding-right: 10px;

		/* 隐藏滚动条 - 针对不同浏览器 */
		scrollbar-width: none;
		/* Firefox */
		-ms-overflow-style: none;
		/* IE/Edge */
	}

	/* Chrome、Safari、Edge (新版本) */
	.lives-right::-webkit-scrollbar {
		display: none;
		/* 隐藏滚动条 */
		width: 0;
		height: 0;
		background: transparent;
	}


	.news-left{
		width: 750px;
		height: 470px;
	}
	.new-left-img{
		width: 750px;
		height: 470px;
		position: relative;
	}
	.hover-image img{
	    display: block;
	    width: 100%;
	    height: 100%;
	    object-fit: cover; /* 保持图片比例 */
	    transition: transform 0.3s ease;
	}
	.hover-image {
	    overflow: hidden;
	}
	.hover-image img:hover {
	    transform: scale(1.05); /* 仅图片放大，容器尺寸不变 */
	}
	.new-subtitle{
		position: absolute;
		bottom: 0;
		width: 750px;
		height: 150px;
		line-height: 220px;
		text-align: center;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		background-image: linear-gradient(0deg, rgba(0,85,168,0.9999999999999999) 0%, rgba(42,104,180,0) 100%);
	}
	/* 顶部tab切换 */
	.tab-header {
		display: flex;
		align-items: center;
		gap: 32px;
		border-bottom: 2px solid rgba(72, 141, 236, 0.2);
		padding-bottom: 12px;
		margin-bottom: 18px;
		flex-wrap: wrap;
	}

	.tab-item {
		font-size: 28px;
		font-weight: 520;
		color: #0c5899;
		letter-spacing: 3px;
		cursor: pointer;
		padding: 0 2px;
		position: relative;
		transition: color 0.2s;
		text-align: center;
		width: 250px;
	}

	.tab-item.active {
		color: #0c5899;
		font-weight: 630;
	}

	.tab-item.active::after {
		content: '';
		position: absolute;
		bottom: -14px;
		left: 0;
		width: 100%;
		height: 5px;
		background: #488dec;
		border-radius: 8px;
	}

	.tab-item:hover {
		/* 
		color: #488dec;
	 */
	}

	.tab-extra {
		margin-left: auto;
		color: #0c5899;
		font-size: 0.9rem;
		opacity: 0.7;
	}


	/* 新闻文本 - 超出一行显示省略号 */
	.row-text {
		flex: 1;
		font-size: 1.2rem;
		color: #0c5899;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		min-width: 0;
		font-weight: 460;
	}

	/* 直播列表样式 */
	.live-list {
		height: 100%;
		width: 935px;
		margin-left: 60px;
	}

	.live-item {
		background: #fff;
		padding: 20px;
		margin-bottom: 30px;
		position: relative;
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.xian {
		width: 5px;
		height: 90px;
		background-color: #3782df;
		border-radius: 8px;
		margin-right: 20px;
	}


	.live-item-title {
		font-size: 1.2rem;
		font-weight: 600;
		color: #000;
		margin-bottom: 25px;
		line-height: 1.4;
	}

	.live-item-desc {
		font-size: 18px;
		color: #2c3e50;
		line-height: 1.6;
    	height: 54px;
	}
	.two {
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2; /* 限制行数为2 */
	  overflow: hidden;
	}


	/* 响应式 */
	@media (max-width: 1000px) {
		.max {
			width: 95%;
		}

		.news,
		.lives {
			flex-direction: column;
		}

		.news-left,
		.lives-left {
			flex: 0 0 auto;
		}
	}

	/* 视频标题区域 - 新增样式 */
	.video-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	/* 导航按钮容器 */
	.video-nav-buttons {
		display: flex;
		gap: 12px;
	}

	/* 导航按钮样式 */
	.video-nav-btn {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: white;
		border: 1px solid rgba(72, 141, 236, 0.3);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	}

	.video-nav-btn:hover {
		/* 
		background: #488dec;
		border-color: #488dec;
		box-shadow: 0 6px 15px rgba(72, 141, 236, 0.3);
	 */
	}

	.video-nav-btn:hover svg path {
		/* 
		fill: white;
	 */
	}

	.video-nav-btn:disabled {
		opacity: 0.4;
		cursor: not-allowed;
		pointer-events: none;
	}

	.video-nav-btn svg {
		width: 20px;
		height: 20px;
	}

	.video-nav-btn svg path {
		transition: fill 0.3s ease;
	}

	/* 轮播容器 - 修改为每次移动一个卡片 */
	.video-carousel-container {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.video-carousel-track {
		display: flex;
		transition: transform 0.4s ease-in-out;
		gap: 25px;
		/* 卡片之间的间距 */
	}

	/* 视频卡片 - 固定宽度，三个卡片占满一行 */
	.video-card {
		flex: 0 0 calc((100% - 50px) / 3);
		/* 三个卡片，两个间距共50px */
		height: 300px;
		overflow: hidden;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.video-card:hover {
		/* 
		transform: translateY(-5px);
	 */
	}

	/* 视频图片背景 */
	.video-image {
		width: 100%;
		height: 250px;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		align-items: flex-end;
	}

	/* 标题背景 - 白色背景，覆盖图片底部35px，总高度85px */
	.video-title-bg {
		width: 400px;
		margin: 0 auto;
		height: 85px;
		background: rgba(255, 255, 255, 0.95);
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 15px;
		margin-bottom: -50px;
		text-align: center;
		position: relative;
		transform: translateY(0);
	}

	/* 标题文字 */
	.video-title {
		font-size: 1rem;
		font-weight: 600;
		color: #464647;
		line-height: 1.5;
		width: 100%;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* 当前位置指示器 */
	.carousel-indicator {
		text-align: center;
		margin-top: 30px;
		font-size: 1rem;
		color: #0c5899;
	}

	.carousel-indicator .current-index {
		font-weight: 700;
		font-size: 1.2rem;
		color: #488dec;
	}

	.carousel-indicator .total-count {
		font-weight: 500;
		color: #6b7b8f;
	}

	/* 预告区域样式 */
	.trailer {
		margin-top: 50px;
		padding-bottom: 100px;
	}

	/* 预告网格布局 - 一行三个 */
	.trailer-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px 45px;
	}

	/* 预告项 - 一行显示 */
	.trailer-item {
		display: flex;
		align-items: center;
		gap: 10px;
		white-space: nowrap;
	}

	/* 空心圆样式 */
	.trailer-circle {
		width: 12px;
		height: 12px;
		border: 2px solid #488dec;
		border-radius: 50%;
		background: transparent;
		flex-shrink: 0;
	}

	/* 文字样式 - 可收缩 */
	.trailer-text {
		flex: 1;
		color: #494f5d;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: bold;
		font-size: 22px;
	}

	/* 日期样式 */
	.trailer-date {
		flex-shrink: 0;
		color: #494f5d;
		font-weight: 500;
		margin-left: 5px;
		font-size: 18px;
		border: 1px solid #494f5d;
		border-radius: 50px;
		padding: 0 15px;
	}

	/* 响应式：小屏幕时改为两列或一列 */
	@media (max-width: 1000px) {
		.trailer-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 700px) {
		.trailer-grid {
			grid-template-columns: 1fr;
		}
	}

	/* 实录区域样式 */
	.shilu {
		margin-top: 30px;
		padding-bottom: 60px;
	}

	/* 时间轴容器 */
	.timeline-container {
		width: 100%;
		position: relative;
		padding: 40px 0 60px 0;
	}

	/* 时间轴线 - 贯穿始终的连接线 */
	.timeline-line {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		height: 4px;
		background: linear-gradient(90deg, #e0e6ed, #488dec, #e0e6ed);
		z-index: 1;
		border-radius: 4px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	}

	/* 时间轴项容器 - 横向排列 */
	.timeline-items {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
		z-index: 2;
		width: 100%;
	}

	/* 单个时间轴项 */
	.timeline-item {
		flex: 1;
		text-align: center;
		position: relative;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	/* 时间轴圆点 - 在线条上方 */
	.timeline-dot {
		width: 16px;
		height: 16px;
		background: white;
		border: 3px solid #488dec;
		border-radius: 50%;
		margin: 0 auto 15px auto;
		position: relative;
		top: -6px;
		/* 向上偏移，让圆点在线条中间 */
		transition: all 0.3s ease;
		box-shadow: 0 2px 8px rgba(72, 141, 236, 0.3);
		z-index: 3;
	}

	/* 时间轴标签 */
	.timeline-label {
		font-size: 18px;
		font-weight: 500;
		color: #666;
		transition: all 0.3s ease;
		padding: 8px 12px;
		border-radius: 30px;
		display: inline-block;
	}

	/* 时间轴项选中状态 - 圆点放大变色 */
	.timeline-item.active .timeline-dot {
		width: 24px;
		height: 24px;
		background: #488dec;
		border-color: white;
		box-shadow: 0 0 0 4px rgba(72, 141, 236, 0.3), 0 4px 12px rgba(72, 141, 236, 0.5);
		transform: scale(1.2);
		top: -10px;
	}

	/* 时间轴项选中状态 - 标签放大变色 */
	.timeline-item.active .timeline-label {
		font-size: 22px;
		font-weight: 700;
		color: #4d6dfe;
		transform: translateY(-5px);
		padding: 0 20px;
	}

	/* 时间轴项悬停效果 */
	.timeline-item:hover .timeline-dot {
		background: #488dec;
		transform: scale(1.1);
	}

	.timeline-item:hover .timeline-label {
		color: #4d6dfe;
	}

	/* 城市内容区域 */
	.city-content {
		min-height: 300px;
		width: 760px;
	}

	/* 内容占位符 */
	.content-placeholder {
		text-align: center;
		color: #999;
		font-size: 16px;
		padding: 50px 0;
	}

	/* 城市详情样式 */
	.city-detail {
		animation: fadeIn 0.5s ease;
		border-bottom: 1px solid #7e7e7f;
		margin-bottom: 30px;
		position: relative;
	}

	.city-img {
		position: absolute;
		right: 25px;
		top: 30%;
	}

	.city-detail h2 {
		font-size: 1.2rem;
		color: #000;
		padding-bottom: 10px;
	}

	.city-detail p {
		font-size: 16px;
		color: #8d8d8d;
		line-height: 1.8;
		margin-bottom: 15px;
		width: 90%;
		height: 70px;
	}

	.city-detail .info-card {
		background: #f8fafd;
		border-radius: 12px;
		padding: 20px;
		margin-top: 20px;
		border-left: 4px solid #488dec;
	}

	.city-detail .info-card h3 {
		font-size: 20px;
		color: #0c5899;
		margin-bottom: 10px;
	}

	.city-detail .info-card ul {
		list-style: none;
		padding: 0;
	}

	.city-detail .info-card li {
		padding: 8px 0;
		border-bottom: 1px dashed #e0e6ed;
		color: #555;
	}

	.city-detail .info-card li:last-child {
		border-bottom: none;
	}

	/* 淡入动画 */
	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* 响应式 */
	@media (max-width: 1200px) {
		.timeline-items {
			flex-wrap: wrap;
			gap: 20px;
		}

		.timeline-item {
			flex: 0 0 calc(33.33% - 20px);
			margin-bottom: 30px;
		}

		.timeline-line {
			display: none;
			/* 在小屏幕上隐藏主线，改用每个项自己的连接线 */
		}

		.timeline-item .timeline-dot {
			margin-bottom: 10px;
		}
	}

	@media (max-width: 700px) {
		.timeline-item {
			flex: 0 0 calc(50% - 20px);
		}
	}

	/* 340x430图片轮播样式 - 集成到poster-banner中 */
	.carousel-container {
		position: relative;
		width: 980px;
		/* 适配340px宽图片+35px重叠的总宽度 */
		height: 550px;
		/* 适配430px高图片+60px上浮的总高度 */
		overflow: visible;
		margin-top: -60px;
		/* 避免裁剪图片 */
	}

	.carousel-item {
		width: 340px;
		/* 图片宽度改为340px */
		height: 430px;
		/* 图片高度改为430px */
		transition: all 0.5s ease;
		background-size: cover;
		background-position: center;
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		border: 1px solid #fff;
		/* 可选：加边框，更清晰看到重叠 */
	}

	/* 核心布局：适配340px宽，保留35px重叠、60px上浮 */
	.item1 {
		position: absolute;
		left: 50px;
		/* 左图初始位置 */
		top: 60px;
		/* 下沉60px */
		z-index: 3;
		/* 层级最高，盖住第二张 */
	}

	.item2 {
		position: absolute;
		left: 355px;
		/* 50 + 340 - 35 = 355 （被第一张盖35px） */
		top: 0;
		/* 上浮60px（对比左右） */
		z-index: 2;
		/* 层级中间，盖第三张 */
	}

	.item3 {
		position: absolute;
		left: 660px;
		/* 355 + 340 - 35 = 660 （被第二张盖35px） */
		top: 60px;
		/* 下沉60px */
		z-index: 1;
		/* 层级最低 */
	}

	.carousel-btn {
		position: absolute;
		bottom: -40px;
		transform: translateY(-50%);
		border: 1px solid #fff;
		color: white;
		width: 40px;
		height: 40px;
		font-size: 26px;
		text-align: center;
		line-height: 32px;
		border-radius: 50%;
		cursor: pointer;
		z-index: 10;
		/* 按钮层级最高 */
	}

	.prev-btn {
		right: 70px;
	}
.a {
	text-decoration: none;
}
.row-gengduo{
	font-size: 18px;
	    letter-spacing: 2px;
	    line-height: 46px;
	    text-align: center;
	    color: #8a8a8b;
	    font-family: "Microsoft Ya Hei";
	    position: absolute;
	    width: 64px;
	    right: 0;
}
.row-gengduo::before{
	content: '';
	position: absolute;
	width: 64px;
	height: 3px;
	bottom: 0;
	left: 0;
	border-radius: 1px;
	background-color: #8a8a8b;
}
.list-container {
	width: 616px;
	height: 406px;
	font-size: 22px;
	letter-spacing: 1px;
	/* overflow: hidden; */
	line-height: 55px;
	color: #0c5899;
	font-family: "Microsoft Ya Hei";
}

.subtitle {
	font-size: 14px;
	letter-spacing: 1px;
	/* line-height: 55px; */
	color: #8a8a8b;
	font-family: "Microsoft Ya Hei";

}

.lives-img {
	position: absolute;
	right: 30px;
	bottom: 10px;
}

.list1 {
	display: none;
}

.main-title {
	font-size: 40px;
	letter-spacing: 2px;
	color: #0855b3;
	font-weight: bold;
	display: inline-block;
	font-family: "Microsoft Ya Hei";
}

.title-nore {
	font-size: 16px;
	color: #8a8a8b;
	font-family: "Microsoft Ya Hei";
	text-align: center;
	margin-left: 60px;
}

.title-nore::after {
	content: '';
	display: block;
	height: 3px;
	background-color: #8a8a8b;
	width: 79px;
	border-radius: 1px;
	margin-top: 2px;
}

.inline {
	display: inline-block;
	vertical-align: top;
}

.model {
	display: inline-block;
	vertical-align: middle;
}

.speech-left {
	width: 520px;
}

.speech-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
	margin-top: 50px;
	position: relative;
}

/* 选中 */
.speech-list {
    width: 76px;
    height: 183px;
    margin: 0;
    flex-shrink: 0;
    border-radius: 5px;
    font-size: 27px;
    color: #848485;
    font-weight: bold;
    font-family: "Microsoft Ya Hei";
    /* 垂直排版核心 */
    writing-mode: vertical-lr;
    text-orientation: upright;
    /* 强制居中（关键：不受字符间距影响） */
    display: flex;
    align-items: center; /* 水平居中（对应垂直排版的纵向） */
    justify-content: center; /* 垂直居中（对应垂直排版的横向） */
    position: relative;
    background-color: #ffffff;
    border: 1px solid #9a9a9a;
}
/* 三角图片样式：默认隐藏，基于目标div相对定位 */
.speech-triangle {
    z-index: 10;
    display: none; /* 默认隐藏 */
    position: absolute; /* 相对于目标div定位 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 精准居中 */
    top: 5px; /* 靠上5px（核心需求） */
}

.speechspan1 {
    padding: 35px 0; 
    line-height: 1; /* 消除行高干扰 */
    display: block;
}
.speechspan2 {
    padding: 10px 0; 
    line-height: 1; /* 消除行高干扰 */
    display: block;
}
.speechspan3 {
    padding: 2px 0; 
    line-height: 1; /* 消除行高干扰 */
    display: block;
}

.speech-list1 {
	width: 94px;
	height: 183px;
	margin: 0;
	flex-shrink: 0;
	text-align: center;
	border-radius: 5px;
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid #9a9a9a;
	font-size: 27px;
	letter-spacing: 5px;
	color: #848485;
	font-weight: bold;
	font-family: "Microsoft Ya Hei";
	writing-mode: vertical-lr;
	text-orientation: upright;
	display: flex;
	align-items: center;
	justify-content: center;
}

.speech-active {
	background: #5397fb !important;
	color: #fff;
}

.margin10 {
	width: 10px;
}

.speech-right {
	width: 780px;
	margin-left: 80px;
}

.border-toph {
	border-top: 1px solid #7d7d7d;
}

.department:nth-child(odd) {
	margin-right: 40px;
}

.department-list {
	width: 365px;
	padding: 25px 0;
	border-bottom: 1px solid #7d7d7d;
}

.department-title {
	font-size: 32px;
	letter-spacing: -2px;
	line-height: 32px;
	color: #3782df;
	font-family: "Microsoft Ya Hei";
	text-align: center;
}

.department-subtitle {
	margin-top: 10px;
	letter-spacing: -1px;
	line-height: 32px;
	color: #3782df;
	font-family: "Microsoft Ya Hei";
	text-align: center;
}

.department-right-title {
	width: 297px;
	font-size: 1.2rem;
	line-height: 36px;
	color: #494f5d;
	font-family: "Microsoft Ya Hei";
	margin-left: 8px;
}

.special {
	margin: 65px 0 90px 0;
}

.special img {
	width: 450px;
}

.poster {
	height: 935px;
	margin-top: 50px;
}

.poster-img {
	background-image: url('../../../images/xwfbt/lunbj.png');
	height: 500px;
	margin-top: 230px;
}

.poster-phone {
	position: absolute;
	top: -165px;
	height: 770px;
	width: 370px;
	background: url(../../../images/xwfbt/phone_bg.png);
	z-index: 1;
	cursor: pointer;
}
.poster-phone-img{
	position: absolute;
    top: -147px;
    height: 740px;
    width: 335px;
    left: 18px;
    border-radius: 15px;
}

.poster-banner {
	position: absolute;
	top: -60px;
	left: 450px;
}

.display {
	position: relative;
}

.display-right {
	position: absolute;
	left: 790px;
	top: 60px;
}

.hb {
	background-image: url('../../../images/xwfbt/hbbj.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* 美丽河北区域样式 */
.display {
	display: flex;
	gap: 20px;
	align-items: center;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.display-left {
	flex: 0 0 70%;
	height: 500px;
	/* 大图高度 */
	overflow: hidden;
	transition: all 0.5s ease;
}

.display-right {
	flex: 0 0 calc(30% - 20px);
	height: 400px;
	/* 小图高度 */
	overflow: hidden;
	transition: all 0.5s ease;
}

.display-left img,
.display-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

/* 切换按钮样式 */
.display-switch-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #488dec;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.display-switch-btn:hover {
	background: #488dec;
	color: white;
}

.switch-left-btn {
	left: 10px;
}

.switch-right-btn {
	right: 10px;
}

/* 切换动画 */
.display-item.fade-out {
	opacity: 0;
	transform: scale(0.95);
}

.display-item.fade-in {
	opacity: 1;
	transform: scale(1);
}

/* 响应式调整 */
@media (max-width: 1000px) {
	.display {
		flex-direction: column;
	}

	.display-left,
	.display-right {
		flex: 0 0 100%;
		height: 300px;
	}
}

.footer {
	background-color: #0066cc;
	color: #fff;
	padding: 25px 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.8;
}

.footer p {
	margin: 5px 0;
}

@media (max-width: 1400px) {
	.container {
		width: 100%;
		padding: 0 20px;
	}

	.footer {
		font-size: 11px;
		padding: 20px 10px;
	}
}

/* 友情链接标题样式 */
.link-title {
	font-size: 28px;
	color: #0c5899;
	margin-bottom: 25px;
}

/* 友情链接内容样式（完全还原图片） */
.friend-links {
	font-size: 14px;
	line-height: 2;
	color: #333;
}

.friend-links span {
	margin: 0 8px;
}

.friend-links a {
	color: #4a4b4b;
	text-decoration: none;
}

/* 顶部日期标签 */
.date-tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 70px;
	background-color: #ffffff;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-bottom-right-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.date-day {
	font-size: 28px;
	color: #333333;
	font-weight: bold;
	line-height: 1;
}

.date-month {
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
}

/* 顶部图片区域 */
.top-imgs {
	width: 100%;
	height: 220px;
	/* 匹配原图图片高度 */
	overflow: hidden;
}

.top-imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 保持图片比例 */
}

/* 中间内容区域 */
.top-imgs {
	padding: 15px 15px 10px 15px;
	font-size: 14px;
	color: #333333;
	line-height: 1.6;
}

/* 分割线 */
.dividers {
	width: 90%;
	height: 1px;
	background-color: #eeeeee;
	margin: 0 auto;
}

/* 底部文字区域 */
.bottom-texts {
	padding: 10px 15px;
	font-size: 13px;
	color: #666666;
	line-height: 1.5;
}

/* 左右切换按钮 */
.nav-btn {
	position: absolute;
	bottom: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 16px;
	color: #666666;
	z-index: 10;
	transition: all 0.2s ease;
}

.nav-btn:hover {
	background-color: #f0f0f0;
}

.prev-btn {
	right: 60px;
}

.next-btn {
	right: 15px;
}

/* 轮播内容容器（支持多内容切换） */
.carousel-containers {
	width: 100%;
	height: 100%;
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-items {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

/* 核心容器：匹配原图尺寸和圆角 */
.right-container {
	width: 580px;
	/* 匹配原图宽度 */
	height: 580px;
	/* 匹配原图高度 */
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-left: 55px;
}

/* 顶部日期标签 */
.right-date-tag {
	position: absolute;
    top: -10px;
    left: -0;
    width: 100px;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-image: url(../../../images/xwfbt/letf.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.right-date-day {
font-size: 60px;
letter-spacing: -3px;
color: #333333;
font-family: "Sim Sun";
	position: absolute;
	top:-10px;
}

.right-date-month {
	font-size: 20px;
	color: #666666;
	position: absolute;
	bottom: 10px;
	margin-top: 5px;
}

/* 顶部图片区域 */
.right-top-img {
	width: 100%;
	height: 370px;
	/* 匹配原图图片高度 */
	overflow: hidden;
}

.right-top-img img {
	width: 100%;
	height: auto;
	object-fit: cover;
	/* 保持图片比例 */
}

/* 中间内容区域 */
.right-middle-content {
	padding: 15px 15px 10px 15px;
	font-size: 20px;
	color: #404040;
	line-height: 1.6;
}

/* 分割线 */
.right-divider {
	width: 90%;
	height: 1px;
	background-color: #eeeeee;
	margin: 20px;
	position: relative;
}

.right-divider::before {
	content: '';
	height: 3px;
	width: 40%;
	background-color: #5497fb;
	display: inline-block;
	position: absolute;
	top: -2px;
}

/* 底部文字区域 */
.right-bottom-text {
	padding: 10px 15px;
	font-size: 15px;
	color: #404040;
	line-height: 1.5;
}

/* 左右切换按钮 */
.right-nav-btn {
	position: absolute;
	bottom: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 16px;
	color: #666666;
	z-index: 10;
	transition: all 0.2s ease;
}

.right-nav-btn:hover {
	background-color: #f0f0f0;
}

.right-prev-btn {
	right: 50px;
}
#imageSource {
	    display: none;
	}
.right-next-btn {
	right: 15px;
}

/* 轮播内容容器（支持多内容切换） */
.right-carousel-container {
	width: 100%;
	height: 100%;
	display: flex;
	transition: transform 0.5s ease;
}

.right-carousel-item {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	position: relative;
	padding-left: 3px;
}

/* 默认隐藏所有城市内容，只显示激活的 */
.city {
	display: none;
}

.city.show {
	display: block;
}
<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2026-03-16 18:31:53" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->