@charset "utf-8";
/* ==========================================================================
   博德集团首页 —— hero.css  v5
   ─────────────────────────────────────────────────────────────────────────
   必须放在 css/jquery.jslides.css **之后**。

   ── v5 新增（相对 v4）────────────────────────────────────────────────────
   A) 页头右侧：联系我们（指向 contact.asp，与导航"连结我们"同一地址）
                + 搜索（点开输入框）
                + 微信公众号（悬停出二维码）
   B) 首页下方三项业务改版 —— 参照信永中和：整条三块图块，
      照片打底 + 深蓝压罩 + 白字，突出业务属性；悬停转金色。
   C) 下方新增「导航子菜单不隐藏」——参照信永中和页脚，
      把主导航每个栏目连同其子项平铺出来，常显不用悬停。

   ── v4 已修（保留）──────────────────────────────────────────────────────
   问题 1 导航栏下方溢出：导航下方那个 193px 的服务表格 class 也叫 nav-table，
          被 .nav-table 规则压成 62px 导致内容溢出。
          修法：导航样式收窄到 .main-nav；导航 table 用 "nav-table main-nav"。
   问题 2 悬停菜单显小气：a.a-13 没有 font-family/font-size，
          掉回衬线体；面板 140x70 装不下 113px 内容。
          修法：下拉改整行全宽白色长条，字体与主菜单一致。
   问题 3 轮播上方无留白：轮播原是 <body> 第一个元素。
          修法：新增 92px 白色页头。
   ========================================================================== */

/* ==========================================================================
   1. 白色页头
   ========================================================================== */
.site-head{
	width:100%; background:#fff;
	border-bottom:1px solid #e6eaee;
	overflow:visible;
	position:relative;
	z-index:200;
}
/* 页头两行：上行「联系我们 / 搜索 / 微信公众号」，下行主导航。
   logo 在左，纵向居中，跨两行。 */
.site-head-inner{
	width:1004px; height:108px;
	margin:0 auto; position:relative;
}
.site-head .site-logo{
	position:absolute; left:0; top:50%; margin-top:-23px;
	display:block; border:0;
}
.site-head .site-logo img{ display:block; height:46px; width:auto; border:0; }

/* ---- 页头右侧：上行工具区 + 下行主导航 ---- */
.site-head-right{
	position:absolute; right:0; top:0; height:108px; width:800px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
}
.site-util{
	height:50px; display:flex; align-items:center; justify-content:flex-end;
}
.site-nav{
	height:58px; display:flex; align-items:center; justify-content:flex-end;
}
.site-nav a.nav-link:link,
.site-nav a.nav-link:visited{
	display:block; position:relative;
	height:58px; line-height:58px; padding:0 19px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:16px; font-weight:400; color:#22303F;
	text-decoration:none; letter-spacing:.5px;
	white-space:nowrap; transition:color .2s;
}
.site-nav a.nav-link:hover{ color:#123A6E; text-decoration:none; }
/* 悬停金色下划线，与首页其它地方的金色呼应 */
.site-nav a.nav-link:hover::after{
	content:""; display:block; position:absolute;
	left:19px; right:19px; bottom:11px; height:3px; background:#C8A249;
}

.sh-link:link, .sh-link:visited{
	font-size:14px; color:#4A5A6B; text-decoration:none;
	letter-spacing:1px; transition:color .2s;
}
.sh-link:hover{ color:#1D456E; text-decoration:none; }
.sh-sep{
	display:inline-block; width:1px; height:14px;
	background:#D8DEE5; margin:0 14px;
}
.sh-btn{
	display:inline-flex; align-items:center; justify-content:center;
	width:24px; height:24px; padding:0; border:0; background:none;
	color:#4A5A6B; cursor:pointer; transition:color .2s;
}
.sh-btn:hover{ color:#1D456E; }
/* 搜索框默认收起。加 !important 是因为它是 flex 容器里的一项，
   万一被别的规则改回 display:block，会白白占掉右侧 260px 宽，
   把「联系我们 / 微信公众号」挤到左边去（这个坑踩过一次）。 */
.sh-searchbox{ display:none !important; }
.site-head.searching .sh-searchbox{
	display:block !important; position:absolute; right:0; top:52px;
	width:260px; background:#fff;
	border:1px solid #DDE3E9;
	box-shadow:0 10px 24px rgba(10,26,50,.14);
	padding:10px;
	z-index:300;
}
.sh-searchbox input{
	width:100%; box-sizing:border-box;
	height:36px; line-height:36px;
	border:1px solid #DDE3E9; padding:0 12px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; color:#22303F; outline:none;
}
.sh-searchbox input:focus{ border-color:#1D456E; }

/* 微信公众号：二维码直接显示在旁边，不做悬停弹层
   ★ 这里必须显式写 margin:0。
     css/jquery.jslides.css 第一行是全站重置：
       html,body,div,…,span{ padding:0; margin:0 auto; }
     span 带上 margin:auto 后，在 flex 行容器里会自动吸收剩余空间，
     把整排项目推开 —— 表现就是「联系我们」贴左边、微信公众号跑到中间。
     实测过：.site-util 明明是 800 宽 + flex-end，子项却散在 x=407/496/814。
     凡是放进 flex 行容器里的 span，都要显式覆盖 margin。 */
.sh-wechat{ display:inline-flex; align-items:center; margin:0; }
.sh-wechat-label{
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; color:#4A5A6B; letter-spacing:1px;
	margin:0 9px 0 0; white-space:nowrap;
}
.sh-wechat-qr{
	display:block; width:42px; height:42px; margin:0;
	border:1px solid #E4E9EE; border-radius:2px;
	background:#fff;
}

/* ==========================================================================
   2. 轮播
   ========================================================================== */
#full-screen-slider{
	width:100%; height:468px; float:left; position:relative;
	min-width:1000px; background:#0A1A32; overflow:hidden;
}
#slides{
	display:block; width:100%; height:468px;
	list-style:none; padding:0; margin:0; position:relative;
}
#slides li{
	display:block; width:100%; height:100%;
	list-style:none; padding:0; margin:0; position:absolute;
	background-repeat:no-repeat; background-position:center top; background-size:cover;
	opacity:0; z-index:1;
}
#slides li:first-child{ opacity:1; z-index:2; }
.hero-inner{ display:block; width:1004px; height:468px; margin:0 auto; position:relative; }

/* ==========================================================================
   3. 轮播文案
   ========================================================================== */
.hero-txt{ position:absolute; left:0; top:80px; z-index:5; color:#fff; text-align:left; }
.hero-txt h1,
.hero-txt h2{
	margin:0; padding:0;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:46px; font-weight:700; line-height:1.2; color:#fff; letter-spacing:1px;
	text-shadow:0 2px 4px rgba(0,0,0,.90), 0 2px 20px rgba(0,0,0,.75);
}
.hero-txt .rule{ display:block; width:46px; height:3px; background:#D6B058; margin:19px 0 0; }
.hero-txt p{
	margin:23px 0 0; padding:0; max-width:620px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:19px; line-height:32px; color:#fff;
	text-shadow:0 1px 3px rgba(0,0,0,.92), 0 1px 14px rgba(0,0,0,.78);
}
#full-screen-slider[data-slide="3"] .hero-txt h2{
	color:#20180A;
	text-shadow:0 1px 3px rgba(255,248,232,.90), 0 2px 18px rgba(255,244,220,.75);
}
#full-screen-slider[data-slide="3"] .hero-txt p{
	color:#3A2E18;
	text-shadow:0 1px 3px rgba(255,248,232,.92), 0 1px 14px rgba(255,244,220,.80);
}
#full-screen-slider[data-slide="3"] .hero-txt .rule{ background:#A8741E; }

/* ==========================================================================
   4. 分页圆点
   ========================================================================== */
#pagination{
	display:block; list-style:none;
	position:absolute; left:50%; bottom:24px; top:auto;
	margin:0; padding:0; z-index:20; transform:translateX(-50%);
}
#pagination li{
	display:block; list-style:none; float:left;
	width:9px; height:9px; margin:0 6px; border-radius:50%;
	background:rgba(255,255,255,.55);
	box-shadow:0 0 0 1px rgba(0,0,0,.28), 0 1px 4px rgba(0,0,0,.45);
	cursor:pointer; transition:background .25s, transform .25s;
}
#pagination li:hover{ background:rgba(255,255,255,.9); }
#pagination li.current{
	background:#C8A249;
	box-shadow:0 0 0 1px rgba(0,0,0,.30), 0 1px 5px rgba(0,0,0,.50);
	transform:scale(1.15);
}
#full-screen-slider[data-slide="3"] #pagination li{
	background:rgba(30,20,8,.38); box-shadow:0 0 0 1px rgba(255,255,255,.45);
}
#full-screen-slider[data-slide="3"] #pagination li.current{ background:#A8741E; }

/* ==========================================================================
   5. （原「主导航」一节已移除）
   ==========================================================================
   过去主导航是一条独立的深蓝横条，放在轮播下面、表格实现。
   现在按大公司规范，导航已经并进上面的白色页头（见第 1 节 .site-nav），
   这里只保留一个兜底：万一还有页面残留旧的 <table class="nav-table main-nav">，
   把它显示成一条朴素的深蓝条，不至于散架。
   ========================================================================== */
table.main-nav{
	width:100% !important; table-layout:fixed;
	background:linear-gradient(180deg, #255585 0%, #1D456E 100%);
	border-top:2px solid #C8A249; border-bottom:1px solid #081428;
	border-collapse:collapse;
}
table.main-nav td{
	height:62px; position:relative;
	border-right:1px solid rgba(255,255,255,.15);
	text-align:center; vertical-align:middle;
	padding:0; margin:0; transition:background .2s;
}
table.main-nav td:first-child{ border-left:1px solid rgba(255,255,255,.15); }
table.main-nav td:hover{ background:rgba(255,255,255,.07); }
table.main-nav td:hover::after{
	content:""; display:block; position:absolute;
	left:16%; right:16%; bottom:0; height:3px; background:#C8A249;
}
table.main-nav a.nav-link:link,
table.main-nav a.nav-link:visited{
	display:block; width:100%; height:62px; line-height:62px;
	font-family:"微软雅黑","Microsoft YaHei",sans-serif;
	font-size:18px; font-weight:400; color:#D8E4F0;
	text-decoration:none; letter-spacing:1px;
	transition:color .25s, background .25s;
}
table.main-nav a.nav-link:hover{ color:#fff; text-decoration:none; background:transparent; }

/* ==========================================================================
   6. 下拉菜单 —— 整行全宽白色长条
   ==========================================================================
   ★ 重要：不改 HTML。
     服务器上 index.asp 里 menu_child1 / 3 / 4 等是 **ASP 从数据库动态生成**的
     （do while not rs.eof 循环输出 <tr><td><a class="a-13">…</a></td></tr>），
     如果把那段换成写死的静态菜单，后台改分类就不同步了。
     所以这里只覆盖样式：把原来那张 140x70 的黑底小表，
     用 display 改成"每行横排、整条铺满"的长条。

   原来的结构：
     div#menu_childN
       table width=140 height=70 bgcolor=#000     ← 外框
         tr > td[align=center]
           table width=120 height=62              ← 内表
             tr > td height=30 > a.a-13           ← 一项
             tr > td height=1（分隔线 z3.gif）
             tr > td height=20（底部空行）
   ========================================================================== */
div[id^="menu_child"]{
	position:absolute; display:none; z-index:9999;
	left:0 !important; right:0;
	background:#fff;
	border-bottom:1px solid #e4e8ec;
	box-shadow:0 14px 30px rgba(10,26,50,.14);
	padding:0; text-align:center;      /* 内部 inline-block 靠这条水平居中 */
}
/* 两张嵌套表：放开固定宽高与黑底，改成普通块 */
div[id^="menu_child"] table{
	display:block;
	width:auto !important; height:auto !important;
	background:transparent !important;
	background-color:transparent !important;
	border-collapse:collapse;
	margin:0 auto !important;
}
div[id^="menu_child"] tbody{ display:block; }
/* 每一行 = 一项，横排 */
div[id^="menu_child"] tr{
	display:inline-block;
	vertical-align:middle;
}
div[id^="menu_child"] td{
	display:inline-block;
	width:auto !important; height:auto !important;
	padding:0 !important; border:0 !important;
	background-image:none !important;
	text-align:center !important;
	vertical-align:middle !important;
}
/* 原来的 1px 分隔线（背景是 z3.gif）和底部空行，直接不显示 */
div[id^="menu_child"] td[style*="z3.gif"],
div[id^="menu_child"] td:empty{ display:none !important; }

/* 菜单项：字体与主菜单同族同号 */
div[id^="menu_child"] a.a-13:link,
div[id^="menu_child"] a.a-13:visited,
div[id^="menu_child"] a.a-13:hover{
	display:block; position:relative;
	padding:0 30px !important;          /* 覆盖 HTML 上的内联 padding-left */
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif !important;
	font-size:18px !important;
	line-height:82px !important; height:82px !important;
	color:#22303F !important;
	text-decoration:none !important;
	letter-spacing:1px; white-space:nowrap;
	transition:color .2s;
}
div[id^="menu_child"] a.a-13:hover{ color:#123A6E !important; }
div[id^="menu_child"] a.a-13:hover::after{
	content:""; display:block; position:absolute;
	left:30px; right:30px; bottom:24px; height:3px; background:#C8A249;
}

/* ==========================================================================
   7. 三项业务图块（参照信永中和）
   ==========================================================================
   三块并排铺满 1004 栅格，照片打底 + 深蓝压罩 + 白字。
   悬停整块转金色 —— 对应信永中和那张里被高亮的那一块。
   ========================================================================== */
.biz-band{
	width:100%; background:#0E2540; float:left;
}
.biz-band-inner{
	width:1004px; margin:0 auto; display:flex;
}
.biz-tile{
	position:relative; display:block; flex:1 1 0; min-width:0;
	height:178px; overflow:hidden; text-decoration:none;
	background-size:cover; background-position:center center; background-repeat:no-repeat;
}
/* 压罩：横向渐变 —— 文字那一侧压深保证白字读得清，右侧让照片透出来 */
.biz-tile::before{
	content:""; position:absolute; left:0; right:0; top:0; bottom:0;
	background:
		linear-gradient(90deg, rgba(9,24,45,.90) 0%, rgba(9,24,45,.60) 58%, rgba(9,24,45,.30) 100%),
		linear-gradient(180deg, rgba(9,24,45,.04) 0%, rgba(9,24,45,.32) 100%);
	transition:background .3s;
	z-index:1;
}
.biz-tile:hover::before{
	background:
		linear-gradient(90deg, rgba(146,100,16,.90) 0%, rgba(146,100,16,.60) 58%, rgba(146,100,16,.30) 100%),
		linear-gradient(180deg, rgba(120,80,10,.04) 0%, rgba(120,80,10,.32) 100%);
}
/* 块与块之间的金色细分隔线 */
.biz-tile + .biz-tile{ box-shadow:inset 1px 0 0 rgba(200,162,73,.55); }
.biz-inner{
	position:relative; z-index:2; height:100%;
	padding:0 24px 0 26px; box-sizing:border-box;
	display:flex; flex-direction:column; justify-content:center;
}
.biz-label{
	display:block; margin-bottom:9px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13px; line-height:1; color:#E4C57A; letter-spacing:2px;
}
.biz-label i{ font-style:normal; opacity:.75; }
.biz-title{
	display:block; margin-bottom:10px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:27px; font-weight:700; line-height:1.1;
	color:#fff; letter-spacing:2px;
	text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.biz-desc{
	display:block;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13px; line-height:20px; color:rgba(255,255,255,.82);
	letter-spacing:.5px;
}
/* 子业务列表：两列 × 两行，只放文字，不做链接 */
.biz-list{
	display:block;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; line-height:22px;
	color:rgba(255,255,255,.86); letter-spacing:.5px;
}
.biz-list > span{
	display:inline-block; width:50%;
	box-sizing:border-box; padding-right:8px;
	white-space:nowrap;
	vertical-align:top;
}

/* ==========================================================================
   8. 页脚：天际线过渡带 + 分割线 + 导航子菜单 + 备案信息
   ==========================================================================
   参考信永中和页脚的处理：先一条很淡的城市天际线把上下"接"起来，
   再用一条深蓝实线明确"切"开，然后是导航区，最后是备案信息。
   ========================================================================== */

/* ---- 8.1 天际线过渡带 ----
   背景图是用国贸原图提取的城市剪影：顶部保留深蓝与上方业务带衔接，
   往下渐变为浅灰接导航区。图片放在 images/footer_skyline.jpg（1920x156）。
   用 cover 保证任何屏宽都铺满、不留缝。 */
.footer-city{
	width:100%; height:156px; float:left;
	background:#F4F6F8 url(../images/footer_skyline.jpg) center bottom no-repeat;
	background-size:cover;
}

/* ---- 8.2 粗分割线 ---- */
.footer-rule{
	width:100%; height:10px; float:left;
	background:#1D456E;
	border-top:2px solid #C8A249;
}

/* ---- 8.3 底部导航子菜单（常显） ---- */
.site-map{
	width:100%; background:#F4F6F8;
	padding:46px 0 54px; float:left;
}
.site-map-inner{
	width:1004px; margin:0 auto; display:flex; align-items:flex-start;
}
.site-map dl{
	flex:1 1 0; min-width:0; margin:0; padding:0 8px 0 0; box-sizing:border-box;
}
.site-map dt{
	margin:0 0 16px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:18px; font-weight:700; line-height:1.3;
	color:#1D456E; letter-spacing:.5px;
}
.site-map dt a:link, .site-map dt a:visited{
	color:#1D456E; text-decoration:none;
}
.site-map dt a:hover{ color:#C8A249; text-decoration:none; }
.site-map dd{
	margin:0 0 10px; padding:0;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; line-height:1.5;
}
.site-map dd a:link, .site-map dd a:visited{
	color:#54636F; text-decoration:none; transition:color .2s;
}
.site-map dd a:hover{ color:#1D456E; text-decoration:none; }

/* ---- 8.4 备案信息 ----
   原文在 inc_foot.asp 里，首页没 include 所以一直缺。
   底色由原来的 #86754d（棕金）改成深蓝，与新配色统一。 */
.site-copyright{
	width:100%; float:left;
	background:#16304F;
	padding:20px 0 22px;
}
.site-copyright-inner{
	width:1004px; margin:0 auto;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13px; line-height:22px; color:#A8BACD;
	letter-spacing:.5px; text-align:center;
}
.site-copyright .sep{ margin:0 12px; color:#48658A; }

/* ==========================================================================
   9. 小屏兜底
   ========================================================================== */
@media (max-width:1000px){
	.site-head-inner{ width:100%; padding:0 20px; box-sizing:border-box; height:auto; overflow:hidden; }
	.site-head .site-logo{ position:static; margin:14px 0 10px; }
	.site-head .site-logo img{ height:38px; }
	.site-head-right{ position:static; width:auto; height:auto; }
	.site-util{ height:30px; }
	.sh-sep{ margin:0 10px; }
	.sh-wechat-label{ display:none; }
	.sh-wechat-qr{ width:26px; height:26px; }
	.site-nav{ height:auto; flex-wrap:wrap; justify-content:flex-start; }
	.site-nav a.nav-link:link, .site-nav a.nav-link:visited{
		height:40px; line-height:40px; padding:0 12px; font-size:15px; letter-spacing:0;
	}
	.site-nav a.nav-link:hover::after{ left:12px; right:12px; bottom:5px; }

	#full-screen-slider{ min-width:0; height:360px; }
	#slides{ height:360px; }
	.hero-inner{ width:100%; padding:0 20px; box-sizing:border-box; height:360px; }
	.hero-txt{ top:64px; left:20px; }
	.hero-txt h1, .hero-txt h2{ font-size:28px; }
	.hero-txt p{ font-size:14px; line-height:22px; margin-top:16px; }
	.hero-txt .rule{ margin-top:13px; }

	table.main-nav{ table-layout:auto; }
	a.nav-link:link, a.nav-link:visited{ font-size:14px; letter-spacing:0; }
	.submenu-inner{ width:100%; padding:0 10px; box-sizing:border-box; min-height:64px; }
	.submenu a{ font-size:15px; line-height:64px; padding:0 16px; }
	.submenu a:hover::after{ left:16px; right:16px; bottom:16px; }

	.biz-band-inner{ width:100%; flex-wrap:wrap; }
	.biz-tile{ flex:1 1 100%; height:150px; }
	.biz-tile + .biz-tile{ box-shadow:inset 0 1px 0 rgba(200,162,73,.55); }

	.site-map-inner{ width:100%; padding:0 20px; box-sizing:border-box; flex-wrap:wrap; }
	.site-map dl{ flex:1 1 46%; margin-bottom:26px; }

	.footer-city{ height:104px; background-size:auto 100%; }
	.site-copyright-inner{ width:100%; padding:0 20px; box-sizing:border-box; font-size:12px; line-height:20px; }
	.site-copyright .sep{ margin:0 6px; }
}

/* ==========================================================================
   11. 子页面内容区 —— 左栏 / 面包屑 / 标题 / 正文
   ==========================================================================
   子页面原来整块用的是 #86754d 棕金色：
     · 左栏标题块靠 images/bg_06.jpg（棕色横条）
     · 左栏菜单项靠 images/c1.jpg / c2.jpg（灰底 / 悬停底）
     · 页面标题 .font-red-01 是 #86754d
     · 面包屑 .a-05 是 #6b6b6b
   这里统一到首页那套「深蓝 #1D456E + 金 #C8A249 + 浅灰底」。
   样式加在 hero.css 里，放在 yidesign.css 之后加载即可覆盖。
   ========================================================================== */

/* ---- 11.1 左栏标题块：棕色横条 -> 深蓝实底 ---- */
td.font-white-01{
	background-image:none !important;
	background-color:#1D456E !important;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:19px !important; font-weight:700;
	letter-spacing:1px;
}

/* ---- 11.2 左栏菜单项：灰底 -> 浅灰底；悬停 -> 浅蓝底 + 深蓝字 ---- */
td[background*="c1.jpg"], td[background*="c2.jpg"],
td.c1, td.c2{ background-image:none !important; }
td[background*="c1.jpg"], td.c1{ background-color:#F4F6F8 !important; }
td[background*="c2.jpg"], td.c2{ background-color:#E4ECF4 !important; }
/* 左栏底部那段装饰图去掉，免得又冒出一条棕线 */
td[background*="bg_07.jpg"]{ background-image:none !important; height:26px !important; }

a.a-04:link, a.a-04:visited,
a.a-11:link, a.a-11:visited{
	color:#46586B !important;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif !important;
	font-size:14px !important; font-weight:400 !important;
	letter-spacing:.5px;
	transition:color .2s, background .2s;
}
a.a-04:hover, a.a-11:hover{
	color:#123A6E !important;
	font-weight:700 !important;
	background-color:#E4ECF4 !important;
}

/* ---- 11.3 页面标题：棕色小字 -> 深蓝大字 + 金色短线 ---- */
.font-red-01, .font-gray-03{
	color:#1D456E !important;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif !important;
	font-size:22px !important; font-weight:700 !important;
	letter-spacing:1px;
}
/* 标题下方那条 2px 分线换成浅灰，不再用 line_01.jpg */
td[background*="line_01.jpg"]{
	background-image:none !important;
	background-color:#E6EAEE !important;
	height:1px !important;
}

/* ---- 11.4 面包屑 ---- */
a.a-05:link, a.a-05:visited{ color:#8A97A4 !important; font-size:13px !important; }
a.a-05:hover{ color:#1D456E !important; text-decoration:none !important; }

/* ---- 11.5 正文排版 ---- */
.font-line-13-25{
	color:#3C4A58 !important;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif !important;
	font-size:14px !important;
}
.font-line-13-25 p{ line-height:32px !important; }

/* ---- 11.6 子页面横幅带 ----
   原来是 <div style="background-image:url(images/bg_XX.jpg); background-repeat:repeat-x">
   里套一个 height=299 的空 td，图片按原始尺寸左对齐平铺，宽屏下右边会断掉。
   这里改成整幅铺满 + 一层很淡的深蓝压罩，和首页轮播的调性接上。

   ★ 各页用的横幅图不是同一张：bg_14 / bg_04 / bg_34 / bg_24 都有，
     所以这里按「带 repeat-x 的 div」匹配，而不是写死某个文件名。 */
div[style*="repeat-x"]{
	background-size:cover !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	position:relative;
}
div[style*="repeat-x"]::after{
	content:""; display:block; position:absolute;
	left:0; right:0; top:0; bottom:0;
	background:linear-gradient(180deg,
		rgba(10,26,50,.30) 0%,
		rgba(10,26,50,.10) 55%,
		rgba(10,26,50,.26) 100%);
	pointer-events:none;
}

/* ==========================================================================
   10. 无障碍 / 工具类
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
	#slides li, #pagination li, .submenu a, .biz-tile::before{ transition:none !important; }
}
.sr-only{
	position:absolute; width:1px; height:1px; padding:0; margin:-1px;
	overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}