/* ============================================
   新闻列表页面样式 (News List Page Styles)
   ============================================ */

/* 主要内容区域容器 */
.list-warp {
	overflow: hidden;
	margin-bottom: 60px;
	min-height: 450px;
}

/* 左右布局容器 */
.news-list-wrapper {
	margin-bottom: 60px;
	min-height: 450px;
}

/* ============================================
   左侧菜单样式 (Left Sidebar Menu Styles)
   ============================================ */

/* 左侧菜单容器 */
.column {
	width: 183px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	flex-shrink: 0;
}

/* 菜单标题 */
.column-tit {
	padding: 16px 0;
	background-color: #1b6bb4;
	color: #fff;
}

.column .column-tit strong {
	padding: 0 0 6px 14px;
	font-size: 22px;
	font-weight: 600;
	display: block;
}

.column .column-tit i {
	margin-left: 14px;
	width: 43px;
	height: 1px;
	background: #fff;
	display: block;
}

/* 菜单列表 */
.column ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* 菜单项 */
.column li {
	border-bottom: 1px solid #dfdfdf;
	background-color: #f6f6f6;
	color: #707070;
	font-size: 18px;
}
.column li a {
	padding: 18px 0 18px 25px;
	display: block;
	color: inherit;
	text-decoration: none;
}
.column li.on {
	background: url(../images/column_ico.png) #f6f6f6 no-repeat right 18px center;
	color: #1b6bb4;
}
.column li.on a {
	color: #1b6bb4;
}

/* 只对直接包含 a 标签的 li 应用悬停效果 */
.column > ul > li:not(:has(dl)):hover {
	background: url(../images/column_ico.png) #f6f6f6 no-repeat right 18px center;
	color: #1b6bb4;
}
.column > ul > li:not(:has(dl)):hover > a {
	color: #1b6bb4;
}

/* 对于有子菜单的 li，只在悬浮 title 时高亮，子项悬停时不改变父元素 */
.column li:has(dl):hover:not(:has(dl dd:hover)) .title {
	color: #1b6bb4;
}
.column li:has(dl):hover:not(:has(dl dd:hover)) .title i {
	color: #1b6bb4;
}

/* 子项悬停时，确保父元素不改变 */
/* .column li:has(dl dd:hover) {
	background-color: #f6f6f6;
	color: #707070;
}
.column li:has(dl dd:hover) .title {
	color: #707070;
}
.column li:has(dl dd:hover) .title i {
	color: #707070;
} */

/* 菜单子项 */
.column ul li.active {
	color: #1b6bb4;
}
.column li dl {
	margin: 0;
	display: none;
}
.column li dl dd {
	color: #666666;
	background-color: transparent;
}
.column li dl dd:hover {
	color: #1b6bb4;
	background-color: transparent;
}
.column li dl dd:hover a {
	color: #1b6bb4;
}
.column li dl a {
	padding: 10px 0 10px 15px;
	font-size: 16px;
	color: inherit;
	text-decoration: none;
}
.column li dl dd.on {
	color: #1b6bb4;
}
.column li dl dd.on a {
	color: #1b6bb4;
}
.column .title {
	position: relative;
	padding: 18px 0 18px 25px;
	display: block;
	cursor: pointer;
}
.column .title i {
	color: #707070;
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	transform: translateY(-50%);
	font-size: 24px;
	cursor: pointer;
}
.column .title.active i {
	color: #1b6bb4;
}
.column .title.active {
	color: #1b6bb4;
}

/* ============================================
   右侧新闻列表样式 (Right News List Styles)
   ============================================ */

/* 右侧内容区域 */
.columnList {
	width: 986px;
}

/* 列表标题区域 */
.columnList .columnList-tit {
	padding: 20px 0 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dfdfdf;
}
.columnList .columnList-tit .text-info strong {
	font-size: 20px;
	color: #1a64a7;
	display: block;
	font-weight: 500;
}
.columnList .columnList-tit .text-info em {
	font-size: 12px;
	color: #b7b7b7;
	display: block;
}

/* 新闻列表 */

/* 新闻列表项 */
.columnList-box li {
	padding: 16px 0;
	border-bottom: 1px solid #ededed;
	font-size: 18px;
}
.columnList-box li * {
	display: block;
}
.columnList-box li span {
	max-width: 75%;
	color: #383838;
	transition: 0.3s all;
}
.columnList-box li:hover span {
	color: #1a64a7;
}
.columnList-box li em {
	color: #a0a0a0;
}