@charset "utf-8";
/* 聚焦 · 左轮播 + 右标题摘要列表  cy-jujiao
   左 49% 轮播 350 高，右 49% 列表（3 条等高均分、虚分隔线）。
   ★ 重置不能写 .cy-jujiao *：会把内核的 .carousel-* 样式一起清掉，只列自有元素 */

/* 一、作用域重置（只清自有元素） */
.cy-jujiao,
.cy-jujiao__header,
.cy-jujiao__header *,
.cy-jujiao__body,
.cy-jujiao__left,
.cy-jujiao__right,
.cy-jujiao__list,
.cy-jujiao__list *{
	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;
}
.cy-jujiao__header *:before,
.cy-jujiao__header *:after,
.cy-jujiao__list *:before,
.cy-jujiao__list *:after{
	content:none !important;
	display:none !important;
}

/* 二、容器 */
.cy-jujiao{
	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> 之前还是之后都无关 */
.cy-jujiao .cy-jujiao__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 14px 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;
}
.cy-jujiao .cy-jujiao__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;
}
.cy-jujiao .cy-jujiao__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:#fdf1e9 !important;
	color:#c8410f !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(200,65,15,.18) !important;
	box-shadow:0 1px 3px rgba(200,65,15,.18) !important;
}
.cy-jujiao .cy-jujiao__header-more:hover,
.cy-jujiao .cy-jujiao__header-more:active{
	background:#c8410f !important;
	color:#ffffff !important;
}

/* 四、左轮播 / 右列表（各 49%，中间留 2%） */
.cy-jujiao .cy-jujiao__body{
	display:-webkit-box !important;
	display:flex !important;
	-webkit-box-pack:justify !important;
	-ms-flex-pack:justify !important;
	justify-content:space-between !important;
	-webkit-box-align:start !important;
	-ms-flex-align:start !important;
	align-items:flex-start !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.cy-jujiao .cy-jujiao__left{
	display:block !important;
	width:49% !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.cy-jujiao .cy-jujiao__right{
	display:block !important;
	width:49% !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}

/* 五、轮播视口高度（与右侧列表等高） */
.cy-jujiao .carousel-container{
	display:block !important;
	position:relative !important;
	width:100% !important;
	height:350px !important;
	overflow:hidden !important;
	border-radius:6px !important;
	background:#f6efe7 !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;
}

/* 六、右列表：自然高度、从上往下排，虚分隔线 */
.cy-jujiao .cy-jujiao__list{
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}
.cy-jujiao .cy-jujiao__list li{
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:20px 0 !important;
	border:0 none !important;
	border-bottom:1px dashed #e4ddd4 !important;
	list-style:none !important;
	float:none !important;
	overflow:hidden !important;
}
.cy-jujiao .cy-jujiao__list li:first-child{
	padding-top:0 !important;
}
.cy-jujiao .cy-jujiao__list li:last-child{
	padding-bottom:0 !important;
	border-bottom:0 none !important;
}
.cy-jujiao .cy-jujiao__list .cy-jujiao__link{
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background:none !important;
	float:none !important;
	text-decoration:none !important;
	overflow:hidden !important;
	cursor:pointer !important;
	-webkit-box-sizing:border-box !important;
	box-sizing:border-box !important;
}
.cy-jujiao .cy-jujiao__tit{
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden !important;
	color:#333333 !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:22px !important;
	font-weight:bold !important;
	line-height:32px !important;
	text-align:left !important;
	text-overflow:ellipsis !important;
	white-space:nowrap !important;
	-webkit-transition:color .2s !important;
	transition:color .2s !important;
}
.cy-jujiao .cy-jujiao__list .cy-jujiao__link:hover .cy-jujiao__tit{
	color:#c8410f !important;
}
.cy-jujiao .cy-jujiao__sum{
	display:block !important;
	width:100% !important;
	max-height:52px !important;
	margin:6px 0 0 0 !important;
	padding:0 !important;
	overflow:hidden !important;
	color:#666666 !important;
	font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
	font-size:16px !important;
	font-weight:normal !important;
	line-height:26px !important;
	text-align:left !important;
}

/* 七、响应式（手机版） */
@media only screen and (max-width:1000px){
	.cy-jujiao .carousel-container{
		height:300px !important;
	}
	.cy-jujiao .cy-jujiao__tit{
		font-size:19px !important;
		line-height:28px !important;
	}
	.cy-jujiao .cy-jujiao__sum{
		font-size:15px !important;
		line-height:24px !important;
		max-height:48px !important;
	}
}
@media only screen and (max-width:768px){
	.cy-jujiao .cy-jujiao__header{
		margin:0 0 10px 0 !important;
	}
	.cy-jujiao .cy-jujiao__header-more{
		height:22px !important;
		line-height:22px !important;
		padding:0 10px !important;
		margin:0 0 6px 0 !important;
		font-size:12px !important;
		border-radius:11px !important;
	}
	/* 两列改上下堆叠 */
	.cy-jujiao .cy-jujiao__body{
		display:block !important;
	}
	.cy-jujiao .cy-jujiao__left{
		width:100% !important;
	}
	/* 高度随视口联动，比写死像素在 320 / 390 / 768 上都更准 */
	.cy-jujiao .carousel-container{
		height:50vw !important;
		min-height:150px !important;
		max-height:230px !important;
		border-radius:5px !important;
	}
	.cy-jujiao .cy-jujiao__right{
		display:block !important;
		width:100% !important;
		height:auto !important;
		margin:14px 0 0 0 !important;
	}
	.cy-jujiao .cy-jujiao__list{
		display:block !important;
		height:auto !important;
	}
	.cy-jujiao .cy-jujiao__list li{
		display:block !important;
		height:auto !important;
		padding:12px 0 !important;
	}
	.cy-jujiao .cy-jujiao__list .cy-jujiao__link{
		display:block !important;
		height:auto !important;
		padding:0 !important;
	}
	.cy-jujiao .cy-jujiao__tit{
		font-size:17px !important;
		line-height:24px !important;
		white-space:normal !important;
		text-overflow:clip !important;
		display:-webkit-box !important;
		-webkit-box-orient:vertical !important;
		-webkit-line-clamp:2 !important;
		overflow:hidden !important;
	}
	.cy-jujiao .cy-jujiao__sum{
		font-size:14px !important;
		line-height:22px !important;
		max-height:44px !important;
		margin:5px 0 0 0 !important;
	}
}
@media only screen and (max-width:480px){
	.cy-jujiao .cy-jujiao__tit{
		font-size:16px !important;
		line-height:23px !important;
	}
	.cy-jujiao .cy-jujiao__sum{
		font-size:13.5px !important;
		line-height:21px !important;
	}
}

/* 八、轮播外观统一 + 结构防御（自融媒视听移植，前缀换成 cy-jujiao） */
/* 六、轮播外观统一（信息栏 / 标题 / 圆点 / 箭头） */
.cy-jujiao .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;
}
.cy-jujiao .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;
}
.cy-jujiao .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;
}
.cy-jujiao .carousel-title a:hover,
.cy-jujiao .carousel-title a:active{
	color:#8ecaff !important;
}
.cy-jujiao .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;
}
.cy-jujiao .carousel-dot.active{
	background:#ffffff !important;
	-webkit-transform:scale(1.2) !important;
	transform:scale(1.2) !important;
}

/* 七、轮播结构防御 */
.cy-jujiao .carousel-wrapper,
.cy-jujiao .carousel-item,
.cy-jujiao .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 都会把内联值顶掉，轨道会缩成一条、条目会按图片自然宽排布。
   只锁与内联值一致、或内核完全没设过的属性。 */
.cy-jujiao .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;
}
.cy-jujiao .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;
}
/* 轨道图：尺寸与填充锁死 */
.cy-jujiao .carousel-item>img,
.cy-jujiao .carousel-item>video,
.cy-jujiao .carousel-item>.carousel-image,
.cy-jujiao .carousel-item>.carousel-video,
.cy-jujiao .carousel-item>a>img,
.cy-jujiao .carousel-item>a>video,
.cy-jujiao .carousel-item>a>.carousel-image,
.cy-jujiao .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;
}
.cy-jujiao .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;
}
.cy-jujiao .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} 会把它撑高 */
.cy-jujiao .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;
}
.cy-jujiao .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;
}
.cy-jujiao .carousel-control.carousel-prev{
	left:14px !important;
}
.cy-jujiao .carousel-control.carousel-next{
	right:14px !important;
}
/* 箭头尺寸：内核内联写死 44px，只能 !important 压 */
.cy-jujiao .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;
}
.cy-jujiao .carousel-control:hover{
	background-color:rgba(0,0,0,.72) !important;
}
/* 透明热区：视觉小圆钮，实际点得到 48×48 */
.cy-jujiao .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){
	.cy-jujiao .carousel-info{
	padding:10px 13px 11px 13px !important;
	font-size:14px !important;
	}
	.cy-jujiao .carousel-title{
	font-size:14px !important;
	}
}

@media only screen and (max-width:768px){
	.cy-jujiao .carousel-info{
	padding:9px 12px 10px 12px !important;
	}
	.cy-jujiao .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;
	}
	.cy-jujiao .carousel-dot{
	width:8px !important;
	height:8px !important;
	}
	.cy-jujiao .carousel-control.carousel-prev{
	left:9px !important;
	}
	.cy-jujiao .carousel-control.carousel-next{
	right:9px !important;
	}
	.cy-jujiao .carousel-control{
	width:34px !important;
	height:34px !important;
	font-size:15px !important;
	background-size:15px 15px !important;
	}
}

@media only screen and (max-width:480px){
	.cy-jujiao .carousel-title{
	font-size:13px !important;
	}
	.cy-jujiao .carousel-control{
	width:32px !important;
	height:32px !important;
	font-size:14px !important;
	background-size:14px 14px !important;
	}
	.cy-jujiao .carousel-dot{
	width:7px !important;
	height:7px !important;
	}
}
