@CHARSET "gb2312";

/* ============================================================
   资讯中心列表页统一样式  2026-10-22
   作用域：<body class="lp_index">
   适用页：news.asp（新闻资讯）/ news_js.asp（技术文章）/ baojiabiao.asp（产品报价表）

   设计 token 与 bid.asp 完全一致：
     主色 #2C5282   深色 #1A365D   强调 #D97706
     边框 #E2E8F0   分隔 #EDF2F7   浅底 #F7FAFC
     正文 #2D3748   次要 #4A5568   弱化 #718096
     圆角 6px / 4px / 3px
   ============================================================ */

/* ---------- 面包屑头部 ---------- */
.lp_index #main-content .lp_head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 20px;
	background: #F7FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	margin: 10px auto 0;
	width: 1050px;
	box-sizing: border-box;
}
.lp_index .lp_head .lp_crumb{
	font-size: 13px;
	color: #718096;
	font-family: 微软雅黑, Arial;
}
.lp_index .lp_head .lp_crumb a{ color: #4A5568; text-decoration: none; }
.lp_index .lp_head .lp_crumb a:hover{ color: #2C5282; }
.lp_index .lp_head .lp_crumb .sep{ margin: 0 10px; color: #CBD5E0; }
.lp_index .lp_head .lp_crumb b{
	color: #2C5282;
	font-weight: 500;
	font-size: 14px;
}
.lp_index .lp_head .lp_meta{
	font-size: 13px;
	color: #718096;
	font-family: 微软雅黑, Arial;
}
.lp_index .lp_head .lp_meta b{
	color: #D97706;
	font-weight: 500;
	font-size: 16px;
	margin: 0 3px;
	font-family: Arial;
}

/* ---------- 内容卡（列表容器） ---------- */
.lp_index #main-content .lp_list{
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	margin: 14px auto 30px;
	overflow: hidden;
	width: 1050px;
	background: #fff;
	padding: 18px 20px;
	box-sizing: border-box;
}

/* ---------- 区块标题 ---------- */
.lp_index .lp_sec_h{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 2px 10px;
	border-bottom: 2px solid #2C5282;
	margin: 0 0 4px;
}
.lp_index .lp_sec_h .lp_sec_t{
	font-size: 17px;
	font-weight: 500;
	color: #1A365D;
	font-family: 微软雅黑, Arial;
	letter-spacing: 1px;
}
.lp_index .lp_sec_h .lp_sec_e{
	font-size: 12px;
	color: #718096;
	font-style: normal;
	font-family: 微软雅黑, Arial;
}

/* ---------- 站内搜索（列表卡内） ---------- */
.lp_index .lp_search{
	display: flex;
	align-items: center;
	gap: 0;
	margin: 14px 0 10px;
}
.lp_index .lp_search .lp_ipt{
	flex: 1;
	max-width: 360px;
	height: 38px;
	padding: 0 14px;
	border: 1px solid #E2E8F0;
	border-right: none;
	border-radius: 4px 0 0 4px;
	font-size: 13px;
	color: #2D3748;
	outline: none;
	box-sizing: border-box;
	font-family: 微软雅黑, Arial;
}
.lp_index .lp_search .lp_ipt:focus{ border-color: #2C5282; }
.lp_index .lp_search .lp_btn{
	height: 38px;
	padding: 0 22px;
	background: #2C5282;
	border: 1px solid #2C5282;
	color: #fff;
	font-size: 13px;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	font-family: 微软雅黑, Arial;
	transition: background .15s;
}
.lp_index .lp_search .lp_btn:hover{ background: #1A365D; }

/* ---------- 列表 ---------- */
.lp_index .lp_items{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.lp_index .lp_items > li{
	background: #fff;
	border-bottom: 1px solid #EDF2F7;
	display: flex;
	align-items: center;
	gap: 14px;
	height: auto;
	line-height: 1.5;
	overflow: visible;
	margin: 0;
	padding: 12px 8px;
	white-space: normal;
	width: auto;
	transition: background-color .15s;
	box-sizing: border-box;
}
.lp_index .lp_items > li:last-child{ border-bottom: none; }
.lp_index .lp_items > li:hover{ background: #F7FAFC; }

/* 日期徽章 */
.lp_index .lp_items > li .lp_date{
	flex-shrink: 0;
	width: 56px;
	text-align: center;
	background: #EDF2F7;
	border-radius: 4px;
	padding: 6px 0;
	line-height: 1.2;
}
.lp_index .lp_items > li .lp_date b{
	display: block;
	font-size: 17px;
	color: #2C5282;
	font-weight: 500;
	font-family: Arial;
}
.lp_index .lp_items > li .lp_date span{
	display: block;
	font-size: 11px;
	color: #718096;
	font-family: Arial;
	margin-top: 1px;
}

/* 标题 */
.lp_index .lp_items > li .lp_t{
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: #2D3748;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 微软雅黑, Arial;
	transition: color .15s;
}
.lp_index .lp_items > li .lp_t:hover{ color: #2C5282; text-decoration: none; }

/* 序号徽章（无日期时用） */
.lp_index .lp_items > li .lp_no{
	flex-shrink: 0;
	width: 56px;
	text-align: center;
	background: #EDF2F7;
	border-radius: 4px;
	padding: 6px 0;
	line-height: 1.2;
}
.lp_index .lp_items > li .lp_no b{
	display: block;
	font-size: 15px;
	color: #2C5282;
	font-weight: 500;
	font-family: Arial;
}

/* 右侧日期文字（旧版 [日期] 形态，保留兼容） */
.lp_index .lp_items > li .lp_r{
	flex-shrink: 0;
	font-size: 12px;
	color: #A0AEC0;
	font-family: Arial;
	white-space: nowrap;
}

/* 空状态 */
.lp_index .lp_list .lp_empty{
	color: #718096;
	margin: 26px 0 20px;
	font-size: 14px;
	text-align: center;
	font-family: 微软雅黑, Arial;
	display: block;
	border-bottom: none;
	justify-content: center;
}

/* ---------- 响应式 ---------- */
@media (max-width: 1100px){
	.lp_index #main-content .lp_head,
	.lp_index #main-content .lp_list{ width: 96%; }
}
@media (max-width: 768px){
	.lp_index #main-content .lp_head{
		width: 100%;
		padding: 12px 14px;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
	.lp_index #main-content .lp_list{
		width: 100%;
		padding: 12px 14px;
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
	.lp_index .lp_items > li{ gap: 10px; padding: 10px 4px; }
	.lp_index .lp_items > li .lp_date{ width: 48px; padding: 5px 0; }
	.lp_index .lp_items > li .lp_date b{ font-size: 15px; }
	.lp_index .lp_items > li .lp_t{ font-size: 13px; }
	.lp_index .lp_sec_h .lp_sec_t{ font-size: 15px; }
	.lp_index .lp_search .lp_ipt{ max-width: none; }
	.lp_index .lp_search .lp_btn{ padding: 0 14px; }
}
/* ---------- 分页控件：覆盖 common.css 的 #1e2c5c/#f60，对齐 bid 配色 ---------- */
.lp_index .pager{
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid #EDF2F7;
}
.lp_index .pager .pg-inner{
	background: #F7FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
}
.lp_index .pager .pg-info{ color: #718096; font-family: 微软雅黑, Arial; }
.lp_index .pager .pg-info b{ color: #2C5282; }
.lp_index .pager .pg-nav a{
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 4px;
	color: #4A5568;
	transition: all .15s;
}
.lp_index .pager .pg-nav a:hover{
	background: #2C5282;
	border-color: #2C5282;
	color: #fff;
	box-shadow: 0 2px 8px rgba(44,82,130,.22);
}
.lp_index .pager .pg-nav a.is-current{
	background: #D97706;
	border-color: #D97706;
	color: #fff;
	font-weight: 700;
	box-shadow: 0 2px 8px rgba(217,119,6,.28);
}
.lp_index .pager .pg-nav a.is-current:hover{
	background: #D97706;
	border-color: #D97706;
}
.lp_index .pager .pg-nav a.is-disabled{ color: #CBD5E0; }
/* ============================================================
   详情页样式（newsview / news_jsview / baojiaview）2026-10-22
   对齐 bidview.asp 的 .bid_detail 那套
   ============================================================ */

/* 返回列表按钮（放在面包屑右侧） */
.lp_index .lp_head .lp_back{
	display: inline-block;
	padding: 5px 14px;
	background: #2C5282;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	text-decoration: none;
	transition: background .15s;
}
.lp_index .lp_head .lp_back:hover{
	background: #1A365D;
	color: #fff;
	text-decoration: none;
}

/* 详情主体 */
.lp_index .lp_detail{
	padding: 4px 0 6px;
}
.lp_index .lp_detail .lp_detail_head{
	padding: 0 0 16px;
	border-bottom: 1px solid #EDF2F7;
	margin-bottom: 18px;
}
.lp_index .lp_detail .lp_detail_title{
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 1.55;
	color: #1A365D;
	font-weight: 500;
	font-family: 微软雅黑, Arial;
}
.lp_index .lp_detail .lp_detail_meta{
	font-size: 12px;
	color: #718096;
	font-family: Arial, 微软雅黑;
}
.lp_index .lp_detail .lp_detail_body{
	font-size: 14px;
	line-height: 1.85;
	color: #2D3748;
	font-family: 微软雅黑, Arial, fangsong;
	word-break: break-word;
}
.lp_index .lp_detail .lp_detail_body p{ margin: 0 0 12px; }
.lp_index .lp_detail .lp_detail_body img{ max-width: 100%; height: auto; }
.lp_index .lp_detail .lp_detail_body table{
	border-collapse: collapse;
	max-width: 100%;
}
.lp_index .lp_detail .lp_detail_body table td,
.lp_index .lp_detail .lp_detail_body table th{
	border: 1px solid #E2E8F0;
	padding: 6px 10px;
	font-size: 13px;
}
.lp_index .lp_detail .lp_detail_body a{ color: #2C5282; text-decoration: underline; }
.lp_index .lp_detail .lp_detail_body a:hover{ color: #D97706; }

/* 上一篇 / 下一篇 */
.lp_index .lp_detail .lp_pn{
	margin-top: 26px;
	padding-top: 16px;
	border-top: 1px solid #EDF2F7;
	font-size: 13px;
	color: #4A5568;
	font-family: 微软雅黑, Arial;
	line-height: 2;
}
.lp_index .lp_detail .lp_pn .lp_pn_row{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lp_index .lp_detail .lp_pn .lp_pn_row b{
	color: #718096;
	font-weight: 500;
	margin-right: 4px;
}
.lp_index .lp_detail .lp_pn a{
	color: #2C5282;
	text-decoration: none;
}
.lp_index .lp_detail .lp_pn a:hover{ color: #D97706; text-decoration: underline; }

/* 多个卡片之间留间距（详情 + 列表同页时） */
.lp_index #main-content .lp_list + .lp_list{ margin-top: 0; }
/* 详情正文里的 ol/ul/li 保持原生样式（防止被列表卡样式污染） */
.lp_index .lp_detail .lp_detail_body ul,
.lp_index .lp_detail .lp_detail_body ol{
	margin: 0 0 14px;
	padding-left: 24px;
}
.lp_index .lp_detail .lp_detail_body ul li,
.lp_index .lp_detail .lp_detail_body ol li{
	display: list-item;
	border: none;
	padding: 2px 0;
	margin: 0;
	background: transparent;
	white-space: normal;
	float: none;
}