@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:100%; margin:0; display:flex;
}
.biz-tile{
	position:relative; display:block; flex:1 1 0; min-width:0;
	height:200px; 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{ position:relative; }

/* 悬停层：三块一致（用 ::before，不能被其他规则占用） */
.biz-tile::before{ z-index:0; transition:background .25s ease; }
.biz-inner{
	position:relative; z-index:2; height:100%;
	padding:0 30px 0 34px; box-sizing:border-box;
	display:flex; flex-direction:column; justify-content:center;
}
.biz-title{
	position:relative; display:block; margin:0 0 12px; padding-left:17px;
	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 10px rgba(0,0,0,.5);
}
.biz-title::before{
	content:""; position:absolute; left:0; top:50%; margin-top:-14px;
	width:3px; height:28px; background:#E4C57A;
	box-shadow:0 0 10px rgba(228,197,122,.75);
}
.biz-list{
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	display:block; font-size:12px; line-height:19px;
	color:rgba(255,255,255,.92); letter-spacing:0;
	text-shadow:0 1px 6px rgba(0,0,0,.55);
}
.biz-list span{ display:inline; }
.biz-list span + span{ margin-left:8px; }
.biz-list span + span::before{
	content:"\00B7"; margin-right:8px; color:rgba(228,197,122,.85);
}

/* 三块统一内缩：通栏 + 三列 + 一行文字，无法再对 1004 网格；统一 64px 更整齐 */
.biz-band-inner > .biz-tile .biz-inner{
	padding:0 20px 0 44px;
}
@media (max-width:1180px){
	.biz-title{ font-size:23px; letter-spacing:1px; }
	.biz-list{ font-size:11px; line-height:17px; }
	.biz-band-inner > .biz-tile .biz-inner{ padding:0 16px 0 34px; }
}
	.biz-list{ font-size:12px; letter-spacing:0; }
	.biz-list span + span{ margin-left:8px; }
	.biz-list span + span::before{ margin-right:8px; }
}
@media (max-width:940px){
	.biz-title{ font-size:19px; padding-left:13px; }
	.biz-list{ font-size:10.5px; line-height:16px; }
	.biz-band-inner > .biz-tile .biz-inner{ padding:0 14px 0 26px; }
}
	.biz-list{ font-size:11px; }
	.biz-band-inner > .biz-tile .biz-inner{
	padding:0 20px 0 44px;
}
}
.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{
	display:none;
}

/* ---- 8.2 粗分割线 ---- */
.footer-rule{
	width:100%; height:12px; float:left;
	background:#16385E;
	border-top:3px 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;
}

/* ==== 主要客户页 ==== */
.cust-intro{
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; line-height:30px; color:#3C4A58;
	padding:2px 0 24px; border-bottom:1px solid #E6EAEE; margin:0 0 30px;
}
.cust-sep{ margin:0 0 22px; }
.cust-sep img{ display:block; width:100%; height:auto; border:0; }
.cust-group{ margin:0 0 34px; }
.cust-list{
	list-style:none; margin:0; padding:0;
	display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
}
.cust-list li{
	box-sizing:border-box; padding:9px 14px;
	background:#F5F7F9; border:1px solid #E7EBEF;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13.5px; line-height:20px; color:#3E4C5A;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cust-list li:hover{ background:#EDF1F5; border-color:#D8E0E8; }
.cust-group.wide .cust-list{ grid-template-columns:repeat(2,1fr); }
.cust-note{
	margin:6px 0 0; padding-top:18px; border-top:1px solid #E6EAEE;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13px; line-height:24px; color:#8A97A4;
}

/* ==== 侧栏层级 ==== */
/* 一级栏目（基础服务/咨询服务/金融服务）：深色加粗 + 金色竖条 */
a.a-11:link, a.a-11:visited{
	color:#16385E !important;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif !important;
	font-size:14.5px !important;
	font-weight:700 !important;
	letter-spacing:.3px;
}
a.a-11:hover{ color:#0E2A4A !important; font-weight:700 !important; background-color:#E4ECF4 !important; }
a.a-11 p::before{
	content:""; display:inline-block; width:3px; height:13px;
	background:#C8A249; margin-right:9px; vertical-align:-2px;
}
/* 二级子项：浅灰常规字重，前面加短横 */
a.a-04:link, a.a-04:visited{
	color:#66737F !important;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif !important;
	font-size:13px !important;
	font-weight:400 !important;
}
a.a-04:hover{ color:#123A6E !important; font-weight:400 !important; background-color:#F1F5F9 !important; }
a.a-04 p::before{
	content:""; display:inline-block; width:8px; height:1px;
	background:#B9C4CE; margin-right:8px; vertical-align:4px;
}

/* ==== 加入博德 · 业务引导卡片 ==== */
.career-lead{
	margin:0 0 18px; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; line-height:26px; color:#4A5A6A;
}
.career-lead b{ color:#16385E; font-size:15px; }
.career-cards{ display:flex; gap:18px; margin:0 0 8px; }
.career-card{
	display:flex; flex-direction:column; width:240px; text-decoration:none;
	background:#FFFFFF; border:1px solid #E4E9EE; box-sizing:border-box;
	overflow:hidden; transition:all .25s ease;
}
.career-card:hover{
	border-color:#C8A249; box-shadow:0 8px 22px rgba(22,56,94,.14);
	transform:translateY(-3px);
}
.cc-img{
	display:block; width:100%; height:150px; background-size:cover;
	background-position:center center; position:relative;
}
.cc-img::after{
	content:""; position:absolute; left:0; right:0; bottom:0; height:56%;
	background:linear-gradient(180deg, rgba(11,27,46,0) 0%, rgba(11,27,46,.58) 100%);
}
.cc-name{
	position:absolute; left:14px; bottom:10px; z-index:2;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:17px; font-weight:700; color:#fff; letter-spacing:1px;
}
.cc-name i{ display:inline-block; width:3px; height:14px; background:#C8A249;
	margin-right:8px; vertical-align:-1px; font-style:normal; }
.cc-body{ display:block; padding:14px 14px 16px; }
.cc-tags{
	min-height:38px; display:block;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:11.5px; line-height:19px; color:#8A97A4; margin:0 0 9px;
}
.cc-desc{
	min-height:63px; display:block;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:21px; color:#4A5A6A;
}
.cc-more{
	display:block; margin-top:11px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12px; color:#C8A249;
}
.career-card:hover .cc-more{ color:#A9822F; }

/* ==== 加入博德 · 通识教育卡片 ==== */
.edu-sec{ margin:0 0 30px; }
.edu-lead{
	margin:0 0 24px; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13.5px; line-height:26px; color:#5A6874;
}
.edu-h{
	margin:0 0 14px; padding:0 0 0 13px; position:relative;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:16px; font-weight:700; color:#16385E; line-height:1.5;
}
.edu-h::before{ content:""; position:absolute; left:0; top:50%; margin-top:-9px;
	width:3px; height:18px; background:#C8A249; }
.edu-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.edu-card{
	background:#FFFFFF; border:1px solid #E4E9EE; padding:15px 15px 17px;
	box-sizing:border-box;
}
.edu-card b{
	display:block; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13.5px; color:#16385E; font-weight:700; margin:0 0 8px;
	line-height:1.5;
}
.edu-card span{
	display:block; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:21px; color:#5A6874;
}
.edu-card.ai{ border-left:3px solid #C8A249; background:#FDFBF6; }
.edu-note{
	margin:16px 0 0; padding:12px 14px; background:#FBF7EC;
	border-left:3px solid #C8A249;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:22px; color:#7A6A45;
}
.recruit-box{
	margin:0; padding:20px 22px; background:#F6F8FA; border-left:3px solid #16385E;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
}
.recruit-box h4{ margin:0 0 10px; font-size:16px; font-weight:700; color:#16385E; }
.recruit-box p{ margin:0; font-size:13px; line-height:24px; color:#5A6874; }

/* ==== 招聘：落地页 / 双通道申请 ==== */
.join-lead{
	margin:0 0 22px; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; line-height:28px; color:#4A5A6A;
}
.join-h{
	margin:0 0 16px; padding:0 0 0 13px; position:relative;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:16px; font-weight:700; color:#16385E; line-height:1.5;
}
.join-h::before{ content:""; position:absolute; left:0; top:50%; margin-top:-9px;
	width:3px; height:18px; background:#C8A249; }
.join-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:0 0 8px; }
.join-card{
	display:block; text-decoration:none; background:#FFFFFF;
	border:1px solid #E4E9EE; padding:18px 20px 20px; box-sizing:border-box;
	transition:all .25s ease;
}
.join-card:hover{ border-color:#C8A249; box-shadow:0 8px 22px rgba(22,56,94,.12);
	transform:translateY(-2px); }
.join-card b{
	display:block; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:15px; font-weight:700; color:#16385E; margin:0 0 8px;
}
.join-card b i{ display:inline-block; width:3px; height:13px; background:#C8A249;
	margin-right:8px; vertical-align:-1px; font-style:normal; }
.join-card span{
	display:block; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:21px; color:#5A6874;
}
.join-card em{ display:block; margin-top:10px; font-style:normal;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12px; color:#C8A249; }
.join-note{
	margin:0 0 26px; padding:12px 14px; background:#FBF7EC; border-left:3px solid #C8A249;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:22px; color:#7A6A45;
}
.apply-panels{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:0 0 10px; }
.apply-panel{
	display:block; position:relative; text-decoration:none; overflow:hidden;
	border:1px solid #E4E9EE; background:#FFFFFF; transition:all .25s ease;
}
.apply-panel:hover{ border-color:#C8A249; box-shadow:0 10px 26px rgba(22,56,94,.15); }
.apply-panel .ap-img{
	display:block; height:132px; background-size:cover; background-position:center center;
	position:relative;
}
.apply-panel .ap-img::after{
	content:""; position:absolute; left:0; right:0; bottom:0; height:60%;
	background:linear-gradient(180deg, rgba(11,27,46,0) 0%, rgba(11,27,46,.62) 100%);
}
.apply-panel .ap-name{
	position:absolute; left:16px; bottom:12px; z-index:2; color:#fff;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:18px; font-weight:700; letter-spacing:1px;
}
.apply-panel .ap-name i{ display:inline-block; width:3px; height:15px; background:#C8A249;
	margin-right:9px; vertical-align:-1px; font-style:normal; }
.apply-panel .ap-body{ display:block; padding:14px 16px 18px; }
.apply-panel .ap-body span{
	display:block; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:21px; color:#5A6874;
}
.apply-panel .ap-body em{ display:block; margin-top:10px; font-style:normal;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12px; color:#C8A249; }
.apply-tip{
	margin:0 0 16px; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:22px; color:#8A97A4;
}
.ap-form .fr{ display:flex; margin:0 0 14px; align-items:flex-start; }
.ap-form .fl{
	width:92px; flex:0 0 92px; padding-top:9px; text-align:right; padding-right:14px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13px; color:#4A5A6A; box-sizing:border-box;
}
.ap-form .fl i{ color:#C0392B; font-style:normal; }
.ap-form .fc{ flex:1 1 auto; min-width:0; }
.ap-form input[type=text], .ap-form textarea{
	width:100%; max-width:400px; box-sizing:border-box; padding:8px 11px;
	border:1px solid #DCE3EA; background:#FFFFFF; color:#1A2230;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif; font-size:13px;
	line-height:20px; outline:none;
}
.ap-form textarea{ max-width:100%; height:110px; resize:vertical; }
.ap-form input[type=text]:focus, .ap-form textarea:focus{ border-color:#C8A249; }
.ap-form .radio{ padding-top:9px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13px; color:#4A5A6A; }
.ap-form .radio label{ margin-right:20px; cursor:pointer; }
.ap-form .submit-row{ padding:6px 0 0 106px; }
.ap-form .btn-sub{
	display:inline-block; padding:10px 30px; border:0; cursor:pointer;
	background:#16385E; color:#FFFFFF; border-radius:2px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; letter-spacing:1px;
}
.ap-form .btn-sub:hover{ background:#0E2A4A; }

/* ==== 校园招聘 · 现在申请按钮 ==== */
.apply-btn{
	display:inline-block; margin:16px 0 0; padding:10px 26px;
	background:#16385E; color:#FFFFFF !important; text-decoration:none;
	border-radius:2px;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13.5px; letter-spacing:1px; transition:background .2s ease;
}
.apply-btn:hover{ background:#0E2A4A; color:#FFFFFF !important; }
.apply-btn::after{ content:" \203A"; }

/* ==== 人才荟萃 ==== */
.rc-lead{
	margin:0 0 22px; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:14px; line-height:28px; color:#4A5A6A;
}
.rc-hero{
	margin:0 0 30px; overflow:hidden; border:1px solid #E4E9EE;
}
.rc-hero img{ display:block; width:100%; height:auto; }
.rc-h{
	margin:0 0 16px; padding:0 0 0 13px; position:relative;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:16px; font-weight:700; color:#16385E; line-height:1.5;
}
.rc-h::before{ content:""; position:absolute; left:0; top:50%; margin-top:-9px;
	width:3px; height:18px; background:#C8A249; }
.rc-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:0 0 30px; }
.rc-card{
	background:#FFFFFF; border:1px solid #E4E9EE; padding:16px 16px 18px;
	box-sizing:border-box;
}
.rc-card b{
	display:block; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:13.5px; color:#16385E; font-weight:700; margin:0 0 8px;
	line-height:1.5;
}
.rc-card span{
	display:block; font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:21px; color:#5A6874;
}
.rc-note{
	margin:0; padding:14px 16px; background:#FBF7EC; border-left:3px solid #C8A249;
	font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;
	font-size:12.5px; line-height:23px; color:#7A6A45;
}
/* ==== 业务线页面（金融服务）==== */


.fin-lead{margin:0 0 24px;font-family:"微软雅黑",Arial,sans-serif;font-size:14px;
 line-height:28px;color:#4A5A6A;}
.fin-h{margin:0 0 16px;padding:0 0 0 13px;position:relative;
 font-family:"微软雅黑",Arial,sans-serif;font-size:16px;font-weight:700;
 color:#16385E;line-height:1.5;}
.fin-h::before{content:"";position:absolute;left:0;top:50%;margin-top:-9px;
 width:3px;height:18px;background:#C8A249;}
.fin-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 34px;}
.fin-card{display:block;text-decoration:none;border:1px solid #E4E9EE;background:#fff;
 transition:all .25s ease;overflow:hidden;}
.fin-card:hover{border-color:#C8A249;box-shadow:0 10px 26px rgba(22,56,94,.14);
 transform:translateY(-3px);}
.fin-card .fc-img{display:block;height:126px;background-size:cover;
 background-position:center center;position:relative;}
.fin-card .fc-img .num{position:absolute;left:14px;top:10px;color:#E4C57A;
 font-family:Georgia,serif;font-size:24px;font-style:italic;opacity:.85;}
.fin-card .fc-body{display:block;padding:15px 16px 18px;}
.fin-card .fc-body b{display:block;font-family:"微软雅黑",Arial,sans-serif;
 font-size:15px;color:#16385E;font-weight:700;margin:0 0 8px;line-height:1.5;}
.fin-card .fc-body span{display:block;font-family:"微软雅黑",Arial,sans-serif;
 font-size:12.5px;line-height:21px;color:#5A6874;}
.fin-block{margin:0 0 32px;padding:0 0 28px;border-bottom:1px solid #EDF1F4;}
.fin-tit{margin:0 0 6px;font-family:"微软雅黑",Arial,sans-serif;font-size:19px;
 font-weight:700;color:#16385E;line-height:1.55;}
.fin-sub{margin:0 0 14px;font-family:"微软雅黑",Arial,sans-serif;font-size:13px;
 line-height:22px;color:#C8A249;letter-spacing:.5px;}
.fin-txt{margin:0 0 13px;font-family:"微软雅黑",Arial,sans-serif;font-size:13.5px;
 line-height:27px;color:#4A5A6A;text-align:justify;}
.fin-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;
 padding:0;list-style:none;}
.fin-items li{position:relative;padding:7px 10px 7px 20px;background:#F6F8FA;
 font-family:"微软雅黑",Arial,sans-serif;font-size:12.5px;line-height:19px;
 color:#4A5A6A;}
.fin-items li::before{content:"";position:absolute;left:8px;top:15px;width:5px;
 height:5px;background:#C8A249;}
.fin-tags{margin:0;font-family:"微软雅黑",Arial,sans-serif;font-size:12px;
 line-height:24px;color:#8A97A4;}
.fin-tags b{color:#16385E;font-weight:700;}
.fin-tags i{font-style:normal;display:inline-block;padding:1px 9px;margin:0 6px 6px 0;
 background:#F1F5F9;border:1px solid #E4E9EE;color:#4A5A6A;}
.fin-field{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 32px;}
.fin-field div{padding:14px 16px;background:#F6F8FA;border-left:3px solid #C8A249;
 font-family:"微软雅黑",Arial,sans-serif;font-size:12.5px;line-height:21px;color:#4A5A6A;}
.fin-field div b{display:block;color:#16385E;font-size:13.5px;margin:0 0 4px;}
.fin-op{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.fin-op a{display:block;text-decoration:none;padding:16px;border:1px solid #E4E9EE;
 background:#fff;transition:all .25s ease;}
.fin-op a:hover{border-color:#C8A249;box-shadow:0 8px 20px rgba(22,56,94,.10);}
.fin-op b{display:block;font-family:"微软雅黑",Arial,sans-serif;font-size:13.5px;
 color:#16385E;margin:0 0 7px;line-height:1.5;}
.fin-op span{display:block;font-family:"微软雅黑",Arial,sans-serif;font-size:12px;
 line-height:20px;color:#8A97A4;}
.fin-note{margin:0 0 28px;padding:12px 14px;background:#FBF7EC;
 border-left:3px solid #C8A249;font-family:"微软雅黑",Arial,sans-serif;
 font-size:12.5px;line-height:22px;color:#7A6A45;}