/* =====================================================================
 * v0 主题动态补充样式（theme.css）
 * 仅放 hejia.com 原始框架之外、接入动态系统后新增的元素：
 *   1) banner 常驻视频入口按钮
 *   2) 富文本 / 时间轴 / 领导照片的动态排版兜底
 *   3) 控股动态名录、搜索、404、表单提示
 * 原始版式（con_width / menu-nav / news_ul / pro_ul / mypage 等）不改动。
 * ===================================================================== */

/* ---------- 1. banner 视频播放入口（仅配置了视频的那张图显示，居中于图内主标题下方） ---------- */
/* 容器预留固定宽高比（banner 图为 1440×431），高度始终由宽度决定，图片加载/slick 初始化前后高度恒定，下方文字不再发生位移 */
.banner_wrap{ position:relative; aspect-ratio:1440 / 431; }
.banner{ height:100%; }

/* slick 初始化前（轮播 JS 尚未执行）：dataitem 绝对定位填满容器（不再 float 依赖图片高度），且只显示第一帧，避免多帧堆叠、刷新瞬间露出另一张 */
.banner:not(.slick-initialized) .dataitem{ position:absolute; top:0; left:0; width:100%; height:100%; float:none; }
.banner:not(.slick-initialized) .dataitem:not(:first-child){ display:none; }
.banner:not(.slick-initialized) .dataitem > a:not(.banner_play){ height:100%; }
.banner:not(.slick-initialized) .dataitem img{ height:100%; object-fit:cover; }

/* slick 初始化后：各层级填满容器（覆盖内联高度，确保与预留宽高比一致），图片 cover；fade 淡入淡出靠 slide 的 opacity，不依赖高度，不受影响 */
.banner.slick-initialized{ height:100%; }
.banner .slick-list{ height:100% !important; }
.banner .slick-track{ height:100% !important; }
.banner .slick-slide{ height:100%; }
.banner .slick-slide > a:not(.banner_play){ height:100%; }
.banner .slick-slide img{ height:100%; object-fit:cover; }
/* 提高选择器特异性，覆盖原始框架 .banner .dataitem a 的 position/display/width，否则居中失效 */
.banner .dataitem a.banner_play{
	position:absolute; left:50%; top:80%; z-index:30;
	transform:translate(-50%,-50%);
	width:auto;
	display:inline-flex; align-items:center; gap:10px;
	padding:10px 22px 10px 16px;
	background:rgba(0,40,90,0.55);
	border:1px solid rgba(255,255,255,0.55);
	border-radius:40px;
	color:#fff; font-size:14px; letter-spacing:.5px;
	white-space:nowrap;
	backdrop-filter:blur(3px);
	transition:background-color .3s ease, transform .3s ease;
}
.banner_play .bp_ico{
	width:26px; height:26px; border-radius:50%;
	background:#fff; position:relative; flex:0 0 26px;
}
.banner_play .bp_ico::after{
	content:""; position:absolute; left:10px; top:50%; transform:translateY(-50%);
	border-left:11px solid #005bac;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
}
.banner .dataitem a.banner_play:hover{ background:#005bac; transform:translate(-50%,-50%) translateY(-3px); }

/* ---------- 2. 富文本正文通用兜底 ---------- */
.xx_content.editor-container img,
.xx_content.editor-container p img{ max-width:100%; height:auto; }
.editor-container{ word-break:break-word; }
.editor-container p{ margin:0 0 14px; }
.editor-container h1,.editor-container h2,.editor-container h3{ color:#005bac; }
.editor-container ul,.editor-container ol{ padding-left:26px; margin:0 0 14px; }
.editor-container video{ max-width:100%; height:auto; display:block; margin:14px auto; }
/* 新闻详情页：段落首行缩进、图片居中、图片说明居中（两端对齐已在 .xx_content 定义） */
.news-prose p{ text-indent:2em; }
.news-prose p.img-wrap{ text-indent:0; text-align:center; }
.news-prose .img-wrap img{ display:block; max-width:100%; height:auto; margin:14px auto; }
.news-prose .img-wrap video{ display:block; max-width:100%; height:auto; margin:14px auto; }
.news-prose p.img-caption{ text-indent:0; text-align:center; font-size:13px; color:#888888; margin:6px 0 14px; }
.news-prose h1,.news-prose h2,.news-prose h3{ text-indent:0; }
.news-prose li{ text-indent:0; }

/* 时间轴（发展历程）富文本：年份 + 标题 + 描述 */
.timeline-text{ padding:6px 0 0; }
.timeline-text h2{
	font-size:22px; color:#005bac; margin:26px 0 6px;
	padding-bottom:6px; border-bottom:1px dashed #c7d8ea;
}
.timeline-text h2:first-child{ margin-top:0; }
.timeline-text h3{ font-size:16px; color:#222; margin:0 0 4px; }
.timeline-text p{ font-size:14px; color:#555; line-height:1.9; margin:0 0 8px; text-align:justify; }

/* ---------- 3. 领导照片浮动（复刻 v0 align=left 效果） ---------- */
.er-about .leader-photo{ float:left; margin:4px 26px 16px 0; }
.er-about .leader-photo img{ width:380px; max-width:46vw; display:block; }
.er-about .leader-name{ font-size:18px; color:#005bac; font-weight:bold; margin:0 0 4px; }
.er-about .leader-pos{ font-size:14px; color:#777; margin:0 0 14px; }
.er-about:after{ content:""; display:block; clear:both; }

/* About 单页锚点顶部留白 */
.dbh{ scroll-margin-top:96px; }
.dbh .about-title{ margin-top:6px; }

/* ---------- 4. 控股公司动态名录（架构图下方，复用 pro_ul 网格） ---------- */
.holding-list-title{ font-size:18px; color:#005bac; font-weight:bold; margin:34px 0 4px; text-align:center; }
.holding-list-sub{ text-align:center; font-size:13px; color:#888; margin-bottom:10px; }
.pro_ul li .con_box .t2{ color:#777; }
/* 卡片整卡可点（文字区也变手型） */
.pro_ul li .con_box .t1{ cursor:pointer; }
.pro_ul li .con_box .card{display:block;}

/* 公司详情头（年份/行业/网站） */
.company-meta{ text-align:center; font-size:13px; color:#888; margin:4px 0 14px; }
.company-meta span{ display:inline-block; margin:0 14px; }
.company-meta a{ color:#005bac; }

/* ---------- 5. 搜索结果 ---------- */
.search-box{ display:flex; gap:10px; max-width:640px; margin:10px auto 22px; }
.search-box input[type=text]{
	flex:1; height:44px; border:1px solid #d9d9d9; border-radius:3px; padding:0 14px; font-size:14px;
}
.search-box button{
	height:44px; padding:0 28px; border:1px solid #005bac; background:#005bac; color:#fff;
	border-radius:3px; font-size:14px; cursor:pointer;
}
.search-box button:hover{ background:#003f7a; }
.search-count{ color:#777; font-size:14px; margin:6px 0 14px; }
.search-item{ border-bottom:1px solid #eee; padding:16px 4px; }
.search-item .t{ font-size:16px; font-weight:bold; color:#005bac; }
.search-item .t:hover{ text-decoration:underline; }
.search-item .m{ font-size:12px; color:#999; margin:6px 0; }
.search-item .d{ font-size:14px; color:#777; line-height:1.7; margin:0; }
.search-empty{ text-align:center; color:#999; padding:50px 0; }

/* ---------- 6. 404 / 表单提示 ---------- */
.error-page{ text-align:center; padding:90px 0; }
.error-page .error-code{ font-size:96px; color:#005bac; font-weight:bold; line-height:1; }
.error-page h2{ font-size:22px; color:#333; margin:18px 0 10px; }
.error-page p{ font-size:15px; color:#777; margin:0 0 28px; }
.error-page .btn-home{
	display:inline-block; height:42px; line-height:42px; padding:0 42px;
	background:#005bac; color:#fff; border-radius:3px; font-size:15px;
}
.error-page .btn-home:hover{ background:#003f7a; }

.form-notice{
	border-radius:4px; padding:12px 16px; margin:0 0 18px; font-size:14px; text-align:center;
}
.form-notice.form-ok{ background:#e9f6ec; border:1px solid #bfe3c9; color:#2e7d43; }
.form-notice.form-err{ background:#fdeeec; border:1px solid #f4c5bf; color:#c0392b; }

/* ---------- 7. 联系页图标（contact_ul cimg 背景） ---------- */
.contact_ul li .cimg{ background-size:contain !important; }
.iframe-wrapper2{ height:450px; }
.iframe-wrapper2 iframe{ height:450px; }

/* ---------- 9. 响应式 ---------- */
@media (max-width: 768px){
	.banner .dataitem a.banner_play{ left:50%; top:80%; padding:7px 15px 7px 11px; font-size:12px; transform:translate(-50%,-50%); }
	.banner_play .bp_ico{ width:20px; height:20px; flex-basis:20px; }
	.banner_play .bp_ico::after{ left:8px; border-left-width:8px; border-top-width:5px; border-bottom-width:5px; }
	.er-about .leader-photo{ float:none; margin:0 auto 18px; }
	.er-about .leader-photo img{ width:100%; max-width:320px; margin:0 auto; }
	.iframe-wrapper2, .iframe-wrapper2 iframe{ height:320px; }
}