@charset "utf-8";
/* 融媒视听 · 左主右副双轮播  zhbd-rmst
   60 / 40 自适应居中，手机上下堆叠；内核 SeamlessCarousel。
   ★ 重置不能写 .zhbd-rmst *：会把内核的 .carousel-* 样式一起清掉，只列自有元素 */

/* 一、作用域重置（只清自有元素） */
.zhbd-rmst,
.zhbd-rmst__header,
.zhbd-rmst__header *,
.zhbd-rmst__cols,
.zhbd-rmst__col,
.zhbd-rmst__colbar,
.zhbd-rmst__colbar *{
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	background:none !important;
	list-style:none !important;
	text-decoration:none !important;
	font-style:normal !important;
	font-weight:normal !important;
	float:none !important;
	clear:none !important;
	width:auto !important;
	height:auto !important;
	min-width:0 !important;
	min-height:0 !important;
	max-width:none !important;
	max-height:none !important;
	text-align:left !important;
	text-indent:0 !important;
	text-shadow:none !important;
	white-space:normal !important;
	letter-spacing:normal !important;
	vertical-align:baseline !important;
	color:#333333 !important;
	font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif !important;
	font-size:14px !important;
	line-height:1.5 !important;
}
.zhbd-rmst__header *:before,
.zhbd-rmst__header *:after,
.zhbd-rmst__colbar *:before,
.zhbd-rmst__colbar *:after{
	content:none !important;
	display:none !important;
}

/* 二、容器 */
.zhbd-rmst{
	display:block !important;
	width:100% !important;
	max-width:1200px !important;
	margin:0 auto !important;
	padding:0 !important;
	border:0 none !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	background:#ffffff !important;
	color:#333333 !important;
	font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif !important;
	font-size:14px !important;
	line-height:1.5 !important;
	text-align:left !important;
	-webkit-text-size-adjust:100% !important;
}

/* 三、栏目标题图 + 「更多」
   ★ 「更多」恒在标题图上方一行、靠右：flex 竖向排 + order 强制，
     和 HTML 里 <a> 写在 <img> 之前还是之后都无关 */
.zhbd-rmst .zhbd-rmst__header{
	display:-webkit-box !important;
	display:-webkit-flex !important;
	display:flex !important;
	-webkit-box-orient:vertical !important;
	-webkit-box-direction:normal !important;
	-webkit-flex-direction:column !important;
	-ms-flex-direction:column !important;
	flex-direction:column !important;
	-webkit-box-align:end !important;
	-webkit-align-items:flex-end !important;
	-ms-flex-align:end !important;
	align-items:flex-end !important;
	position:relative !important;
	width:100% !important;
	margin:0 0 6px 0 !important;
	padding:0 !important;
	border:0 none !important;
	background:none !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.zhbd-rmst .zhbd-rmst__header img{
	-webkit-box-ordinal-group:2 !important;
	-webkit-order:0 !important;
	-ms-flex-order:0 !important;
	order:0 !important;
	-webkit-align-self:stretch !important;
	-ms-flex-item-align:stretch !important;
	align-self:stretch !important;
	display:block !important;
	width:100% !important;
	height:auto !important;
	max-height:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:transparent !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
/* 「更多」（标题图上方一行、靠右） */
.zhbd-rmst .zhbd-rmst__header-more{
	-webkit-box-ordinal-group:1 !important;
	-webkit-order:-1 !important;
	-ms-flex-order:-1 !important;
	order:-1 !important;
	-webkit-align-self:flex-end !important;
	-ms-flex-item-align:end !important;
	align-self:flex-end !important;
	display:inline-block !important;
	position:static !important;
	float:none !important;
	margin:0 0 8px 0 !important;
	text-align:center !important;
	height:26px !important;
	line-height:26px !important;
	padding:0 13px !important;
	background:#eef5fd !important;
	color:#1a6fc4 !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:13px !important;
	font-weight:400 !important;
	letter-spacing:0 !important;
	text-decoration:none !important;
	border-radius:13px !important;
	-webkit-box-shadow:0 1px 3px rgba(26,111,196,.2) !important;
	box-shadow:0 1px 3px rgba(26,111,196,.2) !important;
}
.zhbd-rmst .zhbd-rmst__header-more:hover,
.zhbd-rmst .zhbd-rmst__header-more:active{
	background:#1a6fc4 !important;
	color:#ffffff !important;
}

/* 三·补、文字标题（header 加 --text） */
.zhbd-rmst .zhbd-rmst__header--text{
	display:block !important;
	width:100% !important;
	height:auto !important;
	padding:0 0 11px 0 !important;
	margin:0 0 6px 0 !important;
	border:0 none !important;
	border-bottom:1px solid #e3e9f0 !important;
	background:none !important;
	float:none !important;
	overflow:hidden !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.zhbd-rmst .zhbd-rmst__header--text .zhbd-rmst__header-tit{
	display:block !important;
	position:relative !important;
	padding:0 0 0 15px !important;
	margin:0 !important;
	border:0 none !important;
	background:none !important;
	float:none !important;
	color:#182a3d !important;
	font-family:"FZXiaoBiaoSong-B05S","方正小标宋简体","STZhongsong","华文中宋","Songti SC","SimSun",serif !important;
	font-size:27px !important;
	font-weight:700 !important;
	line-height:1.32 !important;
	letter-spacing:1px !important;
	text-align:left !important;
	text-indent:0 !important;
	text-shadow:none !important;
}
.zhbd-rmst .zhbd-rmst__header--text .zhbd-rmst__header-tit:before{
	content:"" !important;
	display:block !important;
	position:absolute !important;
	left:0 !important;
	top:6px !important;
	width:4px !important;
	height:25px !important;
	background:#1a6fc4 !important;
	border-radius:2px !important;
}

/* 四、双列 60 / 40 居中 */
.zhbd-rmst .zhbd-rmst__cols{
	display:block !important;
	width:100% !important;
	font-size:0 !important;
	line-height:0 !important;
	text-align:left !important;
}
.zhbd-rmst .zhbd-rmst__col{
	display:inline-block !important;
	width:60% !important;
	padding:0 14px 0 0 !important;
	vertical-align:top !important;
	text-align:left !important;
	font-size:14px !important;
	line-height:1.5 !important;
}
.zhbd-rmst .zhbd-rmst__col--side{
	width:40% !important;
	padding:0 0 0 14px !important;
}
/* 「更多」条：两列等高的支点 */
.zhbd-rmst .zhbd-rmst__colbar{
	display:block !important;
	width:100% !important;
	height:30px !important;
	line-height:30px !important;
	text-align:right !important;
	overflow:hidden !important;
}
.zhbd-rmst .zhbd-rmst__more{
	display:inline-block !important;
	height:30px !important;
	line-height:30px !important;
	color:#6b7580 !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:13px !important;
	text-decoration:none !important;
	cursor:pointer;
	-webkit-transition:color .2s ease !important;
	transition:color .2s ease !important;
}
.zhbd-rmst .zhbd-rmst__more:hover,
.zhbd-rmst .zhbd-rmst__more:active{
	color:#1a6fc4 !important;
}
/* 栏内小标题（带竖线） */
.zhbd-rmst .zhbd-rmst__coltit{
	display:inline-block !important;
	float:left !important;
	position:relative !important;
	height:30px !important;
	line-height:30px !important;
	padding:0 0 0 12px !important;
	color:#22303f !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:15px !important;
	font-weight:700 !important;
	letter-spacing:0.3px !important;
}
.zhbd-rmst .zhbd-rmst__coltit:before{
	content:"" !important;
	display:block !important;
	position:absolute !important;
	left:0 !important;
	top:8px !important;
	width:3px !important;
	height:14px !important;
	background:#1a6fc4 !important;
	border-radius:2px !important;
}
/* 栏目小标题（蓝线 + 文字）按需求隐藏，该条只保留右侧「更多」；
   colbar 的 30px 高度保留，两列轮播仍等高对齐。
   要恢复小标题，把下面这一条删掉即可。 */
.zhbd-rmst .zhbd-rmst__coltit{
	display:none !important;
}

/* 五、轮播视口高度（按断点，保证两列等高） */
.zhbd-rmst .carousel-container{
	display:block !important;
	position:relative !important;
	width:100% !important;
	height:340px !important;
	overflow:hidden !important;
	border-radius:6px !important;
	background:#e8edf3 !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	float:none !important;
}

/* 六、轮播外观统一（信息栏 / 标题 / 圆点 / 箭头） */
.zhbd-rmst .carousel-info{
	display:-webkit-box !important;
	display:flex !important;
	-webkit-box-align:center !important;
	-ms-flex-align:center !important;
	align-items:center !important;
	-webkit-box-pack:justify !important;
	-ms-flex-pack:justify !important;
	justify-content:space-between !important;
	position:absolute !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	width:100% !important;
	height:auto !important;
	margin:0 !important;
	padding:11px 16px 12px 16px !important;
	border:0 none !important;
	background:-webkit-linear-gradient(top,rgba(0,0,0,.22) 0%,rgba(0,0,0,.72) 100%) !important;
	background:linear-gradient(to bottom,rgba(0,0,0,.22) 0%,rgba(0,0,0,.72) 100%) !important;
	color:#ffffff !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:15px !important;
	line-height:1.4 !important;
	float:none !important;
	z-index:5 !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.zhbd-rmst .carousel-title{
	color:#ffffff !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:15px !important;
	font-weight:normal !important;
	line-height:1.45 !important;
	letter-spacing:0.3px !important;
	text-align:left !important;
	text-shadow:0 1px 3px rgba(0,0,0,.5) !important;
}
.zhbd-rmst .carousel-title a{
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:none !important;
	float:none !important;
	color:#ffffff !important;
	font-family:inherit !important;
	font-size:inherit !important;
	font-weight:inherit !important;
	line-height:inherit !important;
	letter-spacing:inherit !important;
	text-align:left !important;
	text-indent:0 !important;
	text-transform:none !important;
	text-decoration:none !important;
	white-space:inherit !important;
	vertical-align:baseline !important;
	cursor:pointer;
}
.zhbd-rmst .carousel-title a:hover,
.zhbd-rmst .carousel-title a:active{
	color:#8ecaff !important;
}
.zhbd-rmst .carousel-dot{
	width:9px !important;
	height:9px !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	border-radius:50% !important;
	background:rgba(255,255,255,.5) !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	cursor:pointer;
	-webkit-transition:background-color .25s,-webkit-transform .25s !important;
	transition:background-color .25s,transform .25s !important;
}
.zhbd-rmst .carousel-dot.active{
	background:#ffffff !important;
	-webkit-transform:scale(1.2) !important;
	transform:scale(1.2) !important;
}

/* 七、轮播结构防御 */
.zhbd-rmst .carousel-wrapper,
.zhbd-rmst .carousel-item,
.zhbd-rmst .carousel-indicators{
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:transparent !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	max-width:none !important;
	max-height:none !important;
	min-width:0 !important;
	min-height:0 !important;
	text-align:left !important;
}
/* ★ 轨道与条目的「宽度」千万不能在这里写死：内核是把算好的宽度写成内联样式挂在元素上的，
   这里再写 width:100% / width:auto 都会把内联值顶掉，轨道会缩成一条、条目会按图片自然宽排布。
   只锁与内联值一致、或内核完全没设过的属性。 */
.zhbd-rmst .carousel-wrapper{
	display:-webkit-box !important;
	display:flex !important;
	height:100% !important;
	-webkit-flex-wrap:nowrap !important;
	-ms-flex-wrap:none !important;
	flex-wrap:nowrap !important;
}
.zhbd-rmst .carousel-item{
	display:block !important;
	position:relative !important;
	overflow:hidden !important;
	height:100% !important;
	-webkit-box-flex:0 !important;
	-ms-flex:0 0 auto !important;
	flex:0 0 auto !important;
}
/* 轨道图：尺寸与填充锁死 */
.zhbd-rmst .carousel-item>img,
.zhbd-rmst .carousel-item>video,
.zhbd-rmst .carousel-item>.carousel-image,
.zhbd-rmst .carousel-item>.carousel-video,
.zhbd-rmst .carousel-item>a>img,
.zhbd-rmst .carousel-item>a>video,
.zhbd-rmst .carousel-item>a>.carousel-image,
.zhbd-rmst .carousel-item>a>.carousel-video{
	display:block !important;
	float:none !important;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	max-height:none !important;
	min-width:0 !important;
	min-height:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:transparent !important;
	object-fit:cover !important;
	-webkit-object-fit:cover;
	-o-object-fit:cover;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	-webkit-user-drag:none;
}
.zhbd-rmst .carousel-item>a{
	display:block !important;
	float:none !important;
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:transparent !important;
	text-decoration:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.zhbd-rmst .carousel-indicators{
	display:-webkit-box !important;
	display:flex !important;
	-webkit-box-align:center !important;
	-ms-flex-align:center !important;
	align-items:center !important;
}
/* 标题是 flex 子项，盒模型要一起锁：外部 div{margin/padding} 会把它撑高 */
.zhbd-rmst .carousel-title{
	-webkit-box-flex:1 !important;
	-ms-flex:1 1 auto !important;
	flex:1 1 auto !important;
	min-width:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:none !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	white-space:nowrap !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
}
.zhbd-rmst .carousel-control{
	display:-webkit-box !important;
	display:flex !important;
	-webkit-box-align:center !important;
	-ms-flex-align:center !important;
	align-items:center !important;
	-webkit-box-pack:center !important;
	-ms-flex-pack:center !important;
	justify-content:center !important;
	position:absolute !important;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	border-radius:50% !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	-webkit-box-shadow:0 2px 8px rgba(0,0,0,.22) !important;
	box-shadow:0 2px 8px rgba(0,0,0,.22) !important;
}
.zhbd-rmst .carousel-control.carousel-prev{
	left:14px !important;
}
.zhbd-rmst .carousel-control.carousel-next{
	right:14px !important;
}
/* 箭头尺寸：内核内联写死 44px，只能 !important 压 */
.zhbd-rmst .carousel-control{
	width:40px !important;
	height:40px !important;
	font-size:18px !important;
	background-size:18px 18px !important;
	background-color:rgba(0,0,0,.42) !important;
}
.zhbd-rmst .carousel-control:hover{
	background-color:rgba(0,0,0,.72) !important;
}
/* 透明热区：视觉小圆钮，实际点得到 48×48 */
.zhbd-rmst .carousel-control:before{
	content:"" !important;
	display:block !important;
	position:absolute !important;
	left:-5px !important;
	top:-5px !important;
	width:50px !important;
	height:50px !important;
	background:none !important;
	border:0 none !important;
}

/* 八、响应式（手机版） */
@media only screen and (max-width:1000px){
	.zhbd-rmst .carousel-container{
		height:280px !important;
	}
	.zhbd-rmst .carousel-info{
		padding:10px 13px 11px 13px !important;
		font-size:14px !important;
	}
	.zhbd-rmst .carousel-title{
		font-size:14px !important;
	}
}
@media only screen and (max-width:768px){
	.zhbd-rmst .zhbd-rmst__header-more{
		margin:0 0 6px 0 !important;
		height:22px !important;
		line-height:22px !important;
		padding:0 11px !important;
		font-size:12px !important;
		border-radius:11px !important;
	}
	.zhbd-rmst .zhbd-rmst__header--text{
		padding:0 0 9px 0 !important;
	}
	.zhbd-rmst .zhbd-rmst__header--text .zhbd-rmst__header-tit{
		padding:0 0 0 12px !important;
		font-size:21px !important;
	}
	.zhbd-rmst .zhbd-rmst__header--text .zhbd-rmst__header-tit:before{
		top:4px !important;
		width:3px !important;
		height:21px !important;
	}
	/* 手机：两列上下堆叠 */
	.zhbd-rmst .zhbd-rmst__col{
		display:block !important;
		width:100% !important;
		padding:0 !important;
	}
	.zhbd-rmst .zhbd-rmst__col--side{
		padding:0 !important;
		margin:16px 0 0 0 !important;
	}
	.zhbd-rmst .zhbd-rmst__colbar{
		height:26px !important;
		line-height:26px !important;
	}
	.zhbd-rmst .zhbd-rmst__more{
		height:26px !important;
		line-height:26px !important;
	}
	.zhbd-rmst .zhbd-rmst__coltit{
		height:26px !important;
		line-height:26px !important;
		font-size:14px !important;
	}
	.zhbd-rmst .zhbd-rmst__coltit:before{
		top:7px !important;
		height:12px !important;
	}
	/* 高度用 50vw ≈ 16:9，比写死像素稳 */
	.zhbd-rmst .carousel-container{
		height:50vw !important;
		min-height:165px !important;
		max-height:390px !important;
		border-radius:5px !important;
	}
	.zhbd-rmst .carousel-info{
		padding:9px 12px 10px 12px !important;
	}
	/* 长标题改两行 */
	.zhbd-rmst .carousel-title{
		font-size:13.5px !important;
		line-height:1.4 !important;
		white-space:normal !important;
		text-overflow:clip !important;
		max-height:2.85em !important;
		word-wrap:break-word !important;
		word-break:break-all !important;
	}
	.zhbd-rmst .carousel-dot{
		width:8px !important;
		height:8px !important;
	}
	.zhbd-rmst .carousel-control.carousel-prev{
		left:9px !important;
	}
	.zhbd-rmst .carousel-control.carousel-next{
		right:9px !important;
	}
	.zhbd-rmst .carousel-control{
		width:34px !important;
		height:34px !important;
		font-size:15px !important;
		background-size:15px 15px !important;
	}
}
@media only screen and (max-width:480px){
	.zhbd-rmst .zhbd-rmst__header--text .zhbd-rmst__header-tit{
		font-size:19px !important;
	}
	.zhbd-rmst .carousel-title{
		font-size:13px !important;
	}
	.zhbd-rmst .carousel-control{
		width:32px !important;
		height:32px !important;
		font-size:14px !important;
		background-size:14px 14px !important;
	}
	.zhbd-rmst .carousel-dot{
		width:7px !important;
		height:7px !important;
	}
}

/* 九、图片预览弹层 zhbd-lightbox */
.zhbd-lightbox,
.zhbd-lightbox *{
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
	background:none !important;
	list-style:none !important;
	text-decoration:none !important;
	font-style:normal !important;
	-webkit-user-select:none !important;
	-moz-user-select:none !important;
	-ms-user-select:none !important;
	user-select:none !important;
}
.zhbd-lightbox{
	position:fixed !important;
	left:0 !important;
	top:0 !important;
	width:100% !important;
	height:100% !important;
	z-index:2147483000 !important;
	display:none;
	overflow:hidden !important;
	touch-action:none;
	-ms-touch-action:none;
}
.zhbd-lightbox .zhbd-lightbox__mask{
	position:absolute !important;
	left:0 !important;
	top:0 !important;
	width:100% !important;
	height:100% !important;
	background:#000000 !important;
	opacity:0.88 !important;
	filter:alpha(opacity=88);
	cursor:zoom-out;
}
.zhbd-lightbox .zhbd-lightbox__img{
	position:absolute !important;
	left:50% !important;
	top:50% !important;
	width:auto !important;
	height:auto !important;
	min-width:0 !important;
	min-height:0 !important;
	max-width:none !important;
	max-height:none !important;
	-webkit-transform-origin:0 0 !important;
	-ms-transform-origin:0 0 !important;
	transform-origin:0 0 !important;
	background:#ffffff !important;
	box-shadow:0 0 34px rgba(0,0,0,.6) !important;
	cursor:move;
	cursor:-webkit-grab;
	-webkit-user-drag:none;
	-webkit-touch-callout:none;
}
.zhbd-lightbox .zhbd-lightbox__bar{
	position:absolute !important;
	left:0 !important;
	right:0 !important;
	bottom:26px !important;
	width:auto !important;
	text-align:center !important;
	white-space:nowrap !important;
}
.zhbd-lightbox .zhbd-lightbox__btn{
	display:inline-block !important;
	width:42px !important;
	height:42px !important;
	line-height:40px !important;
	margin:0 6px 0 6px !important;
	text-align:center !important;
	vertical-align:middle !important;
	overflow:hidden !important;
	color:#ffffff !important;
	font-family:Arial,"Microsoft YaHei",sans-serif !important;
	font-size:20px !important;
	background:rgba(255,255,255,.14) !important;
	border:1px solid rgba(255,255,255,.32) !important;
	border-radius:50% !important;
	cursor:pointer;
}
.zhbd-lightbox .zhbd-lightbox__btn--wide{
	width:auto !important;
	padding:0 16px 0 16px !important;
	border-radius:21px !important;
	font-size:13px !important;
}
.zhbd-lightbox .zhbd-lightbox__btn:hover{
	background:rgba(255,255,255,.34) !important;
	border-color:rgba(255,255,255,.6) !important;
}
.zhbd-lightbox .zhbd-lightbox__scale{
	display:inline-block !important;
	min-width:62px !important;
	line-height:42px !important;
	vertical-align:middle !important;
	text-align:center !important;
	color:#ffffff !important;
	font-family:Arial,sans-serif !important;
	font-size:13px !important;
}
.zhbd-lightbox .zhbd-lightbox__close{
	position:absolute !important;
	right:22px !important;
	top:20px !important;
	width:44px !important;
	height:44px !important;
	line-height:42px !important;
	text-align:center !important;
	overflow:hidden !important;
	color:#ffffff !important;
	font-family:Arial,sans-serif !important;
	font-size:26px !important;
	background:rgba(255,255,255,.14) !important;
	border:1px solid rgba(255,255,255,.32) !important;
	border-radius:50% !important;
	cursor:pointer;
}
.zhbd-lightbox .zhbd-lightbox__close:hover{
	background:rgba(255,255,255,.34) !important;
	border-color:rgba(255,255,255,.6) !important;
}