/* 离线复刻补充样式：修复凡科脚本缺失导致的显示问题 + 交互与视觉增强 */

/* ============ 基础修复 ============ */

/* 确保页面可以正常滚动，页尾在文档流底部自然显示 */
html, body {
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}
#web {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
  position: relative !important;
  display: block !important;
}

/* 隐藏原来的凡科页尾模块，用新的简化页尾 */
#webFooterTable, #fk-webFooterZone, #webFooter, .webFooter,
#webFooterTable *, #fk-webFooterZone * {
  display: none !important;
}

/* 入场动画模块（原由 JS 控制，离线直接显示） */
.animateModule { opacity: 1 !important; }

/* 页脚：原由 JS 计算高度/定位，离线改为文档流内固定高度 + 深绿背景 */
.webFooterTable {
  position: relative !important;
  clear: both !important;
  height: 380px;
  background-color: #2f5233;
}
#fk-webFooterZone {
  height: 380px;
  position: relative;
}

/* 新闻缩略图：原为 data-original 懒加载背景图 */
.m_news_img .news_img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
}

/* 荣誉奖项走马灯：原由凡科 JS 驱动，离线用 CSS 无缝滚动 */
.photoMarqueeForms .demo { height: auto; }
.photoMarqueeForms .demo0.J_listPhotosMarquee {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  float: none;
}
.photoMarqueeForms .photoMarqueeForm { float: none; }
.dj-marquee-track {
  animation: dj-marquee-scroll 45s linear infinite;
  will-change: transform;
}
.photoMarqueeForms:hover .dj-marquee-track { animation-play-state: paused; }
@keyframes dj-marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ============ 交互反馈（还原原站由 JS 加 class 实现的 hover 效果） ============ */

/* 顶部导航：悬停变色（原由 JS 加 .itemHover 实现，此处用 :hover 还原） */
#navV2 .item .J_nav_item_name { transition: color .25s ease; }
#navV2 .item:hover .J_nav_item_name,
#navV2 .item:hover .J_nav_item_subname { color: #82b159; }
/* 悬停时显示与当前页一致的下划线（选中项颜色保持不变） */
#navV2 .item { transition: border-color .25s ease; }
#navV2 .item:not(.itemSelected):hover { border-bottom-color: #82b159; }

/* 荣誉奖项：证书图保持原始比例，避免拉伸失真 */
.photoMarqueeForm .photoImg,
.photoMarqueeForm .J_photoImg { object-fit: contain; }

/* READ MORE 等按钮：悬停更明显的反馈 */
.float_a_btn.m_button_style_8 {
  transition: background-color .28s ease, box-shadow .28s ease, transform .28s ease;
}
.float_a_btn.m_button_style_8:hover {
  background-color: #6fa04a !important;
  box-shadow: 0 8px 20px rgba(130, 177, 89, .40);
  transform: translateY(-2px);
}

/* 新闻卡片：悬停上浮 + 阴影 + 标题变绿 + 封面轻微放大 */
.m_news_content { transition: transform .3s ease, box-shadow .3s ease; }
.m_news_content:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .10);
}
.m_news_content .title_content { transition: color .25s ease; }
.m_news_content:hover .title_content { color: #82b159; }
.m_news_img { overflow: hidden; }
.m_news_img .news_img { transition: transform .4s ease; }
.m_news_content:hover .m_news_img .news_img { transform: scale(1.04); }

/* 选项卡：切换时内容淡入上移，过渡更顺滑 */
.tab_item.formTabCntId.formTabCntIdHover { animation: dj-tab-fade .35s ease both; }
/* Tab 内照片按容器比例裁切，避免 4:3 原图被拉伸变形（仅照片，不影响装饰 PNG） */
.tab_item img[src$=".jpg"] { object-fit: cover; }
@keyframes dj-tab-fade {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

/* ============ 首页 Banner 轮播（三张图淡入切换） ============ */
#bannerV2.dj-banner-carousel {
  position: relative;
  overflow: hidden;
}
#bannerV2 .dj-banner-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
  transition: opacity 1.6s ease-in-out;
}
/* 新图压在上层渐显，旧图在下层渐隐，避免切换瞬间透出底色 */
#bannerV2 .dj-banner-slide.dj-banner-slide-active {
  opacity: 1;
  z-index: 2;
}
/* 顶部压暗保证导航可读，中部压暗保证主标题在不同底图上都清晰 */
#bannerV2.dj-banner-carousel::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .30) 0%, rgba(0, 0, 0, .04) 24%),
    linear-gradient(180deg, rgba(0, 0, 0, .06) 0%, rgba(0, 0, 0, .40) 46%, rgba(0, 0, 0, .14) 100%);
  pointer-events: none;
  z-index: 1;
}
#module314, #module316 { text-shadow: 0 2px 12px rgba(0, 0, 0, .40); }
/* 亮色底图上保证白色导航可读，同时用浅色光晕托住深绿 LOGO */
#navV2 .J_nav_item_name, #navV2 .J_nav_item_subname { text-shadow: 0 1px 8px rgba(0, 0, 0, .45); }
.dj-logo-text { text-shadow: 0 1px 10px rgba(255, 255, 255, .60); }
.dj-banner-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 34px;
  display: flex;
  justify-content: center;
  gap: 12px;
  z-index: 3;
}
.dj-banner-dot {
  display: block;
  width: 34px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, .45);
  cursor: pointer;
  transition: width .3s ease, background-color .3s ease;
}
.dj-banner-dot:hover { background: rgba(255, 255, 255, .75); }
.dj-banner-dot.dj-banner-dot-active {
  width: 46px;
  background: #ffffff;
}

/* ============ 组件：返回顶部 ============ */
.dj-backtop {
  position: fixed;
  right: 26px;
  bottom: 34px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #82b159;
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
  transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease, opacity .25s ease;
  opacity: .92;
}
.dj-backtop.show { display: flex; }
.dj-backtop:hover {
  background: #6fa04a;
  box-shadow: 0 10px 24px rgba(130, 177, 89, .5);
  transform: translateY(-3px);
  opacity: 1;
}
.dj-backtop svg { width: 20px; height: 20px; }

/* ============ 组件：表单提交反馈 ============ */
.dj-form-tip {
  margin: 12px 0 4px;
  font-size: 14px;
  line-height: 1.6;
}
.dj-form-tip.ok { color: #82b159; }
.dj-form-tip.err { color: #e24b4b; }

/* ============ 视觉排版微调 ============ */

/* 正文段落：限制单行长度，提升可读性 */
.siteEditor .fk-editor div[style*="line-height"] {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* 新闻缩略图：固定比例，避免不同尺寸封面导致卡片高度参差 */
.m_news_img { overflow: hidden; }
.m_news_img .news_img { min-height: 210px; }

/* 首页产品中心下方的「联系我们」卡片已按需求移除 */
#module427 { height: auto !important; }
#module427 .formMiddle { height: auto !important; }
#module427 .m_news_wrap > .m_news_2:nth-child(2) { display: none; }

/* 页脚示例二维码（原站模板自带、与本站无关的配图）→ 隐藏 */
#module772, #module808 { display: none !important; }

/* 子页顶部压在导航区域上的茶园/田野横幅图（这些模块仅含这一张图）→ 隐藏
   关于我们下 4 页：module437；产品中心 module481（103/108 共用 id）、
   人才招聘 module483、联系我们 module485 */
#module437, #module481, #module483, #module485 { display: none !important; }

/* 首页「企业简介」与「核心业务」之间无内容的整宽空白分区（原约 509px）→ 隐藏 */
#module319 { display: none !important; }
/* 补足隐藏后缺失的分区间距，避免「核心业务」浅色底上移割裂上方统计块 */
#module320 { margin-top: 130px !important; }

/* 首页「服务保障」首个选项卡：右侧白色卡片比左侧照片矮 4px 且横向压住照片 28px，
   导致照片右下角深色像素漏出一条「黑线」→ 加高卡片使其完整覆盖压住的部分 */
#module353 { height: 400px !important; background-color: #ffffff; }
#module353 .lightModuleOuterContent353, #module353 .floatImg, #module353 .floatImgWrap,
#module353 .forMargin, #module353 #float_img_353 { height: 400px !important; }

/* ============ 全宽模块：修复固定高度造成的裁切与大段空白 ============ */
/* 说明：凡科全宽模块在桌面宽度下由 JS/CSS 对子模块绝对定位，容器固定高度即设计稿高度；
   窄屏（流体布局）下子模块回归文档流堆叠，原固定高度会留下大段空白 → 见下方媒体查询。 */

/* 内部子模块：原固定高度与实际内容不符（高度过大留白、过小裁切）→ 自适应 */
/* 关于我们 4 页（h-col-101/105/106/107）：企业简介正文、发展历程时间轴、合作机构走马灯与说明 */
#module439, #module666, #module769, #module770 { height: auto !important; }
/* 关于我们（h-col-101）：企业简介内的绝对定位容器只有 533px 高，
   右侧铜牌照模块 top:366px + 高 363px = 729px，底部约 196px 被 overflow:hidden 裁掉
   → 只放高容器，模块 432 自身的裁切范围（360~893px）足以容纳整张图 */
#module432 #fk-inFullmeasureListZone432-1 { height: 745px !important; }
/* 首页：企业简介正文、银行合作走马灯、合作机构说明 */
#module324, #module624, #module628 { height: auto !important; }
/* 在线留言页：联系方式说明（原 47px 装不下文字） */
#module583 { height: auto !important; }
/* 招贤纳士页：职位列表（原 7032px 比内容多 255px 空白） */
#module555 { height: auto !important; }
/* 联系我们页：module564 是悬停弹层（内部唯一内容 opacity:0），设计稿把它放在容器高度之外，
   离线后高度自适应会把它纳入版面 → 变成一个 209px 空盒并在页面底部多出 164px 空白。隐藏之。 */
#module564 { display: none !important; }
/* 联系我们页：按客户要求去掉「姓名 / 电话 / 留言内容 / 马上提交」留言反馈表单（module558 内仅此表单） */
#module558 { display: none !important; }
/* 联系我们页：原地图是凡科用百度地图 JS API 渲染的（需百度 AK），离线无法内嵌可交互地图，
   改为定位点处的静态底图（1090×450，与设计稿同尺寸），并保留百度版权标注。 */
.dj-map-static { position: relative; width: 100%; height: 100%; overflow: hidden; }
.dj-map-static img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dj-map-static .dj-map-copy {
  position: absolute;
  right: 6px;
  bottom: 4px;
  font-size: 11px;
  line-height: 1;
  color: #6b6b6b;
  background: rgba(255, 255, 255, .72);
  padding: 2px 5px;
  border-radius: 2px;
  pointer-events: none;
}

/* ============ 人才招聘：岗位合并展示 + 点击查看详情 ============ */
/* 旧版把同一岗位按 10 个城市各列一条（共 30 条新闻列表），
   现合并为「业务经理 / 风控经理 / 保后管理」3 个岗位，点击弹出岗位详情。
   553 = 旧大标题「人才招聘」、555 = 旧新闻列表、554 = 旧小标题「招聘岗位 人才招聘」，
   三者都是绝对定位（top 178/277/241px），不隐藏就会飘在新卡片上。 */
#module556 #module555,
#module556 #module553,
#module556 #module554 { display: none !important; }

/* 隐藏旧列表后，模板残留的高度会让区块留下大片空白：
   #module556 在 jzcusstyle 里写死 7327px，且 .fk-elemZoneBg 在桌面样式下是
   静态定位且高 6000px+，会把新内容顶到区块底部。这里一并还原为按内容自适应。 */
#module556 .fk-elemZoneBg { display: none !important; }
#module556,
#module556 .fullmeasureOuterContentPage,
#module556 .fullmeasureOuterContent,
#module556 .fullmeasureContent556,
#module556 #fk-inFullmeasureListZone556-1 {
  height: auto !important;
  min-height: 0 !important;
}
#module556 #fk-inFullmeasureListZone556-1 {
  display: block !important;
  margin-top: 0 !important;
}

/* zone 的 margin-top 被上面还原为 0，区块会紧贴上方横幅，故补上顶部留白 */
.dj-jobs { padding: 64px 20px 60px; text-align: left; }
.dj-jobs-head { margin: 0 0 46px; text-align: center; }
.dj-jobs-head-title {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #444444;
}
.dj-jobs-head-line {
  margin: 10px 0 0;
  font-size: 26px;
  line-height: 1;
  color: #82b159;
}
.dj-jobs-head-sub {
  margin: 14px 0 0;
  font-size: 14px;
  line-height: 1.9;
  color: #888888;
}

.dj-jobs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  max-width: 1120px;
  margin: 0 auto;
}

.dj-job {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 26px 34px;
  border: 1px solid #ececec;
  border-radius: 12px;
  background: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: box-shadow .25s, border-color .25s, transform .25s;
}
.dj-job:hover {
  border-color: #cfe3bb;
  box-shadow: 0 14px 30px rgba(47, 82, 51, .12);
  transform: translateY(-4px);
}
.dj-job-main { display: block; }
.dj-job-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333333;
}
.dj-job-meta { margin-top: 16px; font-size: 13px; line-height: 1.9; color: #888888; }
.dj-job-place { display: block; }
.dj-job-type {
  display: inline-block;
  margin-top: 12px;
  padding: 3px 14px;
  border-radius: 20px;
  background: #f1f7ec;
  font-size: 12px;
  letter-spacing: 1px;
  color: #6ea044;
}
.dj-job-more {
  margin-top: 24px;
  padding: 9px 26px;
  border-radius: 20px;
  background: #82b159;
  font-size: 13px;
  letter-spacing: 1px;
  color: #ffffff;
}
.dj-job-more::after { content: " ›"; }

/* 岗位信息直接在卡片内完整展示（原先收在弹层里） */
.dj-job { align-items: stretch; cursor: default; }
.dj-job-main { text-align: center; }
.dj-job-more { display: none; }
.dj-job-detail {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px dashed #e6e6e6;
  text-align: left;
}

.dj-job-detail-title { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #444444; }
.dj-job-duty {
  margin: 0;
  padding-left: 18px;
  list-style-type: upper-alpha;
  font-size: 13px;
  line-height: 1.9;
  color: #777777;
}
.dj-job-duty li + li { margin-top: 6px; }
.dj-job-apply {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px dashed #e6e6e6;
  font-size: 13px;
  color: #888888;
}
.dj-job-apply a { color: #6ea044; }

.dj-jobs-mail {
  max-width: 1120px;
  margin: 44px auto 0;
  padding: 34px 30px;
  border-radius: 12px;
  background: #f6faf2;
  text-align: center;
}
.dj-jobs-mail-title { font-size: 18px; font-weight: 600; letter-spacing: 2px; color: #444444; }
.dj-jobs-mail-desc { margin: 12px 0 14px; font-size: 13px; color: #888888; }
.dj-jobs-mail-addr {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #6ea044;
}

/* 岗位详情弹层 */
.dj-job-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  display: none;
}
.dj-job-modal.is-open { display: block; }
.dj-job-modal-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .45); }
.dj-job-modal-panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 640px;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 80px);
  overflow: auto;
  padding: 34px 38px 38px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
}
.dj-job-modal-close {
  position: absolute;
  top: 12px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  color: #999999;
  cursor: pointer;
}
.dj-job-modal-close:hover { color: #6ea044; }
.dj-job-modal-title { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: 1px; color: #333333; }
.dj-job-modal-meta {
  margin-top: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  color: #888888;
}
.dj-job-modal-meta span { margin-right: 22px; }
.dj-job-modal-meta .dj-job-place { display: inline; }
.dj-job-modal-body { margin-top: 22px; text-align: left; }

/* ============ 产品中心：产品卡片改为「左图右文」分栏介绍 ============ */
/* 旧版为 6 张绝对定位卡片（3 列 × 2 行，含非产品的「服务优势」「办理流程」）与新标题，
   现按客户文档「只介绍产品」改为线性布局：每个产品一行，左图右文、左右交替。 */
#module522 .fk-formPack.fk-hoverPack,
#module522 #module513 { display: none !important; }

.dj-prod-zone { padding: 0 20px; text-align: left; }

.dj-prod-head { margin: 0 0 54px; text-align: center; }
.dj-prod-head-title {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #444444;
}
.dj-prod-head-line {
  margin: 10px 0 0;
  font-size: 26px;
  line-height: 1;
  color: #82b159;
}
.dj-prod-head-sub {
  margin: 14px 0 0;
  font-size: 14px;
  line-height: 1.9;
  color: #888888;
}

.dj-prod-row {
  display: flex;
  align-items: center;
  gap: 56px;
  margin-bottom: 56px;
}
.dj-prod-row:last-child { margin-bottom: 0; }
.dj-prod-row--rev { flex-direction: row-reverse; }

.dj-prod-media {
  flex: 0 0 440px;
  max-width: 440px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(47, 82, 51, .12);
}
.dj-prod-media img {
  display: block;
  width: 100%;
  height: 310px;
  object-fit: cover;
}

.dj-prod-body { flex: 1 1 auto; min-width: 0; text-align: left; }
.dj-prod-tag {
  display: inline-block;
  padding: 3px 14px;
  border-radius: 20px;
  background: #f1f7ec;
  font-size: 12px;
  letter-spacing: 1px;
  color: #6ea044;
}
.dj-prod-name {
  margin: 16px 0 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333333;
}
.dj-prod-desc {
  margin: 14px 0 0;
  font-size: 14px;
  line-height: 2;
  color: #777777;
}

/* 产品层级：每个产品用浅色底卡圈出独立区域，配合编号与主色，便于快速定位 */
.dj-prod-row { position: relative; z-index: 0; }
.dj-prod-row::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
  border-radius: 14px;
  background: #f4f8ee;
  border: 1px solid rgba(130, 177, 89, .14);
}
.dj-prod-no {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  border-radius: 50%;
  background: #82b159;
  color: #ffffff;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0;
  vertical-align: middle;
}
.dj-prod-tag { vertical-align: middle; }
.dj-prod-row:nth-child(2) .dj-prod-no { background: #82b159; }
.dj-prod-row:nth-child(3) .dj-prod-no { background: #c2a04a; }
.dj-prod-row:nth-child(4) .dj-prod-no { background: #4f9d8b; }

/* ============ 背景图：修复版本号后缀导致的 404 ============ */
/* 凡科导出的 CSS 里部分背景图带了多余版本号（如 _26f45d），离线保存的文件没有该后缀，
   导致整块背景丢失（配合白字标题会变成“看不见的空白带”）→ 指回实际文件。 */
#module433 .fullmeasureOuterContentBg433 {
  background-image: url(../img/ABUIABACGAAgkfXrrQYox8r78wcwgA848gI_07aa21.jpg) !important;
}
#module580 .fullmeasureOuterContentBg580 {
  background-image: url(../img/AD0I1oP5DBACGAAg2qDjhAYolee7VzCADzi0Bg_295a4d.jpg) !important;
}
#module326 .fk-elemZoneBg {
  background-image: url(../img/AD0I1oP5DBAEGAAgib-ZhAYo947LsAIwtgk48gE_158ae8.png) !important;
}
#module351 .formTabButtonTopRight, #module766 .formTabButtonTopRight {
  background-image: url(../img/bg_9e515c.gif) !important;
}
.itemPrev, .itemNext {
  background-image: url(../img/vbg01_bea7b0.png) !important;
}


/* ============ 顶部文字 Logo ============ */
#logo .dj-logo-text { display: block; text-align: left; }
#logo .dj-logo-text b {
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 2px;
  color: #2f5233;
  text-shadow: 0 1px 8px rgba(255, 255, 255, .9);
}
#logo .dj-logo-text small {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
  color: #5d7d54;
  text-shadow: 0 1px 6px rgba(255, 255, 255, .9);
}

/* ============ 页脚（9 个页面共用同一套模块，统一重排为深绿底居中版式） ============ */
/* 深绿底 + 顶部亮绿描边，与站点主色呼应 */
#fk-webFooterZone {
  background-color: #2f5233;
  border-top: 3px solid #82b159;
  position: relative;
}
#fk-webFooterZone .fk-elemZoneBg,
#fk-webFooterZone .J_zoneContentBg { background: none !important; }

/* 品牌名：整行居中、不换行 */
#module612 { top: 58px !important; left: 0 !important; width: 100% !important; }
#module612 .floatImg, #module612 .floatImgWrap, #module612 .forMargin,
#module612 .J_floatImg_jump { width: auto !important; }
#module612 .forMargin { text-align: center; white-space: nowrap; }
.dj-footer-brand {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #ffffff;
}
/* 页脚品牌名前置客户提供的官方 LOGO（白色圆角底衬深绿背景） */
.dj-footer-brand::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: -5px;
  border-radius: 6px;
  background: #ffffff url(../img/dj-logo.png) center no-repeat;
  background-size: 26px 26px;
}

/* 企业标语 */
#module788 { top: 106px !important; left: 0 !important; width: 100% !important; }
#module788 .fk-editor, #module788 .fk-editor div { text-align: center !important; }
#module788 font, #module788 span {
  color: rgba(255, 255, 255, .72) !important;
  letter-spacing: 1px;
}

/* 导航链接：整行居中 + 悬停变亮绿 */
#module429 { top: 156px !important; left: 0 !important; width: 100% !important; }
#module429 .fk-editor, #module429 .fk-editor div { text-align: center !important; }
#module429 a, #module429 span, #module429 font {
  color: rgba(255, 255, 255, .92) !important;
  text-decoration: none;
  transition: color .25s ease;
}
#module429 a:hover span, #module429 a:hover font,
#module429 a:hover { color: #a8d08d !important; }

/* 联系方式：整行居中 */
#module430 { top: 200px !important; left: 0 !important; width: 100% !important; }
#module430 .fk-editor, #module430 .fk-editor div { text-align: center !important; }
#module430 font, #module430 span { color: rgba(255, 255, 255, .78) !important; }

/* 版权：整行居中 + 上方细分隔线 */
#module671 {
  top: 288px !important;
  left: 50% !important;
  width: 1000px !important;
  transform: translateX(-50%);
  border-top: 1px solid rgba(255, 255, 255, .14);
  padding-top: 18px;
}
#module671 .fk-editor, #module671 .fk-editor div { text-align: center !important; }
#module671 font, #module671 span { color: rgba(255, 255, 255, .5) !important; }

/* ============ 顶级导航：二级下拉菜单 ============ */
#navV2Wrap, #navV2 { position: relative; z-index: 500; }
#navV2 .item.has-sub { position: relative; z-index: 20; }
#navV2, #navV2 .navContent, #navV2 .navMainContent, #navV2 .navCenterContent,
#navV2 .navCenter, #navV2 .itemContainer { overflow: visible !important; }
#navV2 .item, #navV2 .itemCenter, #navV2 .navItem { overflow: visible !important; }
#navV2 .dj-subnav {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 136px;
  padding: 6px 0;
  background: #ffffff;
  border-top: 3px solid #82b159;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
  opacity: 0;
  visibility: hidden;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 9999;
  text-align: center;
}
#navV2 .item.has-sub:hover .dj-subnav,
#navV2 .item.has-sub:focus-within .dj-subnav,
#navV2 .item.has-sub.dj-subnav-open .dj-subnav {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
/* 触屏设备没有真正的 hover：改为完全由 .dj-subnav-open 控制，
   避免点击后 :hover 粘连导致二级菜单关不掉 */
@media (hover: none), (pointer: coarse) {
  #navV2 .item.has-sub:hover .dj-subnav,
  #navV2 .item.has-sub:focus-within .dj-subnav {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(8px);
  }
  #navV2 .item.has-sub.dj-subnav-open .dj-subnav {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }
}
#navV2 .dj-subnav a {
  display: block;
  width: auto;
  height: auto !important;
  line-height: 40px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: #555555 !important;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
#navV2 .dj-subnav a:hover {
  background: #f3f8ee;
  color: #82b159 !important;
}

/* ============ 首页数据统计：数字与其单位同行居中，与下方文字标签对齐 ============ */
/* 单位已并入数字模块（见 .dj-stat-unit），独立的单位模块隐藏，避免错位重叠 */
#module329, #module333, #module336, #module338 { display: none !important; }
#module328, #module332, #module335, #module340,
#module328 .lightModuleOuterContent, #module332 .lightModuleOuterContent,
#module335 .lightModuleOuterContent, #module340 .lightModuleOuterContent,
#module328 .fk-editor, #module332 .fk-editor,
#module335 .fk-editor, #module340 .fk-editor { text-align: center !important; }
#module328 { left: 80px !important; width: 189px !important; }
#module332 { left: 357px !important; width: 208px !important; }
#module340 { left: 663px !important; width: 189px !important; }
#module335 { left: 948px !important; width: 189px !important; }
.dj-stat-unit { font-size: 14px; font-weight: 400; color: #82b159; margin-left: 4px; }

/* ============ 合作银行：3 家行徽 + 支行名，卡片式循环滚动 ============ */
/* 卡片：白底、细描边、柔和阴影，悬浮时描边转主色并轻微上浮 */
.dj-bank-marquee .photoMarqueeForm {
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 26px 26px 20px;
  margin-right: 26px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
  transition: border-color .3s ease, box-shadow .3s ease, background-color .3s ease;
}
/* 悬浮反馈只改描边/底色/阴影：容器会裁切溢出内容，上移位移会把上边框裁掉 */
.dj-bank-marquee .photoMarqueeForm:hover {
  border-color: #82b159;
  background: #fbfdf9;
  box-shadow: 0 10px 24px rgba(130, 177, 89, .25);
}
/* 行徽：等比缩放、水平居中 */
.dj-bank-marquee .J_listPhotoImg {
  width: 200px !important;
  height: 44px !important;
  margin: 0 auto !important;
  text-align: center;
}
.dj-bank-marquee .J_listPhotoImg img {
  width: 200px !important;
  height: 44px !important;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
/* 支行名：显示在行徽下方 */
.dj-bank-marquee .insert_desc_class { display: block !important; }
.dj-bank-marquee .insert_desc_class .photoName {
  margin: 14px 0 0 !important;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .5px;
  color: #555555;
}
/* 只有 3 家，滚动节奏放缓，视觉更从容 */
.dj-bank-marquee .dj-marquee-track { animation-duration: 60s; }

/* ============ 移动端响应式（≤900px） ============ */
@media screen and (max-width: 900px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; min-width: 0 !important; }
  img { max-width: 100%; height: auto; }
  #web { min-width: 0 !important; width: 100% !important; }

  /* 顶层区块改为文档流并按视觉顺序重排：Logo → 导航 → Banner → 标题 → 内容 → 页脚 */
  #web > .webTopTable, #web > .absTopTable, #web > .webNavTable,
  #web > .webHeaderTable, #web > .webBannerTable, #web > .absMiddleTable,
  #web > .fullmeasureContainer, #web > #webContainerTable,
  #web > .absBottomTable, #web > #webFooterTable, #web > .clearfloat {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    float: none !important;
  }
  #web { display: flex; flex-direction: column; }
  #web > .webTopTable { order: 1; }
  #web > .webNavTable { order: 2; }
  #web > .webHeaderTable { order: 3; }
  #web > .webBannerTable { order: 4; }
  #web > .absTopTable { order: 5; }
  #web > .absMiddleTable { order: 6; }
  #web > .fullmeasureContainer { order: 7; }
  #web > #webContainerTable { order: 8; }
  #web > .absBottomTable { order: 9; }
  #web > #webFooterTable { order: 10; }
  #web > .clearfloat { order: 11; }

  /* 顶部：Logo 居中 */
  #webTop, .webTopTable, .webTop { width: 100% !important; min-width: 0 !important; }
  .webTop { position: relative !important; height: 84px !important; }
  #logo { left: 50% !important; top: 18px !important; transform: translateX(-50%); }

  /* 导航：横向排列、可换行居中 */
  #webNav, .webNavDefault, #navV2Wrap, #navV2,
  #navV2 .navMainContent, #navV2 .navContent, #navV2 .navCenterContent,
  #navV2 .navCenter, #navV2 .itemContainer {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #navV2 .itemContainer {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    float: none !important;
  }
  #navV2 .item, #navV2 .itemCenter { float: none !important; }
  #navV2 .itemSep, #navV2 .itemPrev, #navV2 .itemNext { display: none !important; }
  /* 桌面导航为 101px 高、固定项宽；移动端压缩为紧凑可换行 */
  #navV2 .item, #navV2 .itemCenter, #navV2 .item a, #navV2 .nav_item_wrapper {
    height: 42px !important;
    line-height: 42px !important;
    width: auto !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #navV2 .item { flex: 0 1 auto; }
  #navV2 .nav_item_wrapper { padding: 0 10px; }
  #navV2 .J_nav_item_name { font-size: 15px !important; line-height: 42px !important; }

  /* Banner 降高 */
  #bannerV2, #bannerV2 .defaultBannerMain { height: 260px !important; }

  /* 英雄文字与覆盖层模块 → 文档流 */
  #fk-webHeaderZone, #fk-webFooterZone {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    left: auto !important;
    margin-left: 0 !important;
  }
  .absTopTable, .absMiddleTable, #absForms, #absTopForms,
  .absForms, .absTopForms, #navV2Wrap, #webNav { width: 100% !important; min-width: 0 !important; }
  /* 子页面头部/页脚包装层同样需要跟随屏幕宽度 */
  .webHeader, .headerTable, .headerCusMiddle, .headerNav, .headerNavDefault,
  .webFooter, .footer, .footerMiddle, .footerContent,
  .webFooterTable .middleCenter, .footerMiddle .middleCenter { width: 100% !important; min-width: 0 !important; }
  .absTopTable, .absMiddleTable, #absForms, #absTopForms { height: auto !important; }
  .absTopTable .siteEditor, .absMiddleTable .siteEditor,
  .absForms .form, #absTopForms .form, .f-packContent > .form {
    position: static !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    padding: 8px 16px;
    text-align: center;
  }
  #module314, #module316, #module315 {
    position: static !important;
    width: auto !important;
    max-width: 100% !important;
    left: auto !important;
    top: auto !important;
  }
  #module314 .fk-editor, #module316 .fk-editor, #module315 .fk-editor,
  #module314 .lightModuleOuterContent, #module316 .lightModuleOuterContent,
  #module315 .lightModuleOuterContent {
    width: auto !important;
    max-width: 100% !important;
    overflow-wrap: break-word;
  }
  #module314 .fk-editor span { font-size: 30px !important; }
  #module316 .fk-editor span, #module315 .fk-editor span { font-size: 15px !important; }
  /* 白色文字在浅色背景上不可见 → 改为深灰 */
  #module314 [style*="243, 243, 243"],
  #module316 [style*="243, 243, 243"],
  #module315 font { color: #444444 !important; }

  /* 数据统计（fk-formPack）：横向自动换行 */
  .f-packContent { display: flex !important; flex-wrap: wrap; justify-content: center; height: auto !important; }
  .f-packContent > .form, .f-packContent .elemZone > .form {
    position: static !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    text-align: center;
    padding: 6px 12px;
  }

  /* 全宽模块（fullmeasure / 容器）内部线性化 */
  #webContainer, .webContainer, #webContainerTable, .container, .containerMiddle,
  .containerCenter, .containerTop, .containerBottom,
  .fullmeasureContainer, .fullmeasureContent, .fullmeasureOuterContent,
  .fullmeasureOuterContentPage, .fk-formPack, .elemZone.elemZoneModule, .elementZone {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
  }
  .fk-formFullmeasure { height: auto !important; }
  /* 各模块内容区高度自适应（避免固定高度导致溢出/遮挡） */
  .formMiddle, .formMiddleCenter, .formMiddleContent { height: auto !important; }
  .fk-formFullmeasure .elemZone.elemZoneModule { position: static !important; padding: 22px 0; }
  .fk-formFullmeasure .elemZone.elemZoneModule > .form,
  .fullmeasureContent .elemZone > .form {
    position: static !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    padding: 0 16px;
    text-align: center;
  }

  /* 选项卡：标题换行居中，内容高度自适应 */
  .m_tabpack .titleTable, .m_tabpack .title_list, .m_tabpack .formTabButtonList, .m_tabpack .formTabContent {
    display: block !important;
    width: auto !important;
  }
  .m_tabpack .title_list { display: flex !important; flex-wrap: wrap; justify-content: center; }
  .m_tabpack .formMiddle, .m_tabpack .formMiddleCenter, .m_tabpack .formMiddleContent,
  .m_tabpack .tab_item, .m_tabpack .tabPackContent, .m_tabpack .f_tab_pack_content,
  .m_tabpack .elemZone { height: auto !important; }
  .m_tabpack .tab_item .elemZone > .form {
    position: static !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    padding: 0 16px;
    text-align: center;
  }

  /* 新闻列表：单列 */
  .m_news_list, .m_news_content_col, .m_news_col_2, .m_news_row,
  .m_news_wrap, .m_news { width: auto !important; }
  .m_news_content { float: none !important; width: auto !important; margin: 0 0 18px !important; }
  .m_news_img .news_img { min-height: 180px; }

  /* 荣誉奖项走马灯：保持横向滚动 */
  .photoMarqueeForms .demo0.J_listPhotosMarquee { flex-wrap: nowrap !important; }

  /* 合作银行：窄屏同样横向滚动，保证行名可读且不横向溢出 */
  .dj-bank-marquee .photoMarqueeForm { float: none !important; }

  /* 表单：控件占满宽度 */
  .formMiddleContent input.g_itext, .formMiddleContent input.phone_number,
  .formMiddleContent textarea.g_textarea { width: 100% !important; box-sizing: border-box; }

  /* 页脚：改用纵向 flex 排列并按「品牌→标语→导航→联系→版权」重排，内容居中 */
  #fk-webFooterZone {
    display: flex !important;
    flex-direction: column;
    padding: 22px 0 26px;
  }
  #fk-webFooterZone > .fk-elemZoneBg { display: none !important; }
  #module612 { order: 1; }
  #module788 { order: 2; }
  #module429 { order: 3; }
  #module430 { order: 4; }
  #module671 { order: 5; }
  /* 交回宽度自动（flex 拉伸），避免桌面端 width:100% + 内边距导致整块右偏 */
  #module612, #module788, #module429, #module430 { width: auto !important; }

  #fk-webFooterZone .elemZone > .form, .webFooterTable .form {
    position: static !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    padding: 8px 16px;
    transform: none !important;
  }
  #module612 .forMargin,
  #module429 .fk-editor, #module429 .fk-editor div,
  #module430 .fk-editor, #module430 .fk-editor div,
  #module788 .fk-editor, #module788 .fk-editor div,
  #module671 .fk-editor, #module671 .fk-editor div { text-align: center !important; }
  #module612 .forMargin, #module430 .fk-editor { white-space: normal !important; }
  /* 版权块回到内容宽度并复位定位，避免桌面端的 1000px 宽 + left:50% 在窄屏右偏 */
  #module671 {
    width: auto !important;
    max-width: 100% !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    border-top: 1px solid rgba(255, 255, 255, .14) !important;
    padding-top: 18px !important;
  }
}

/* ============ 产品中心：窄屏下「左图右文」改为上下堆叠 ============ */
@media screen and (max-width: 900px) {
  .dj-prod-zone { padding: 0 4px; }
  .dj-prod-head { margin-bottom: 34px; }
  .dj-prod-row,
  .dj-prod-row--rev {
    flex-direction: column;
    gap: 18px;
    margin-bottom: 42px;
  }
  .dj-prod-media { flex: none; width: 100%; max-width: 100%; }
  .dj-prod-media img { height: 220px; }
  .dj-prod-name { font-size: 19px; }
  .dj-prod-desc { line-height: 1.9; }
}

/* ============ 人才招聘：窄屏下岗位卡片改为单列 ============ */
@media screen and (max-width: 900px) {
  .dj-jobs { padding: 0 4px; }
  .dj-jobs-head { margin-bottom: 32px; }
  .dj-jobs-grid { grid-template-columns: 1fr; gap: 18px; }
  .dj-job { padding: 28px 20px 26px; }
  .dj-job-modal-panel { padding: 28px 20px 26px; }
}

/* ============ 首页移动端：企业简介 / 服务保障 文字缩进 ============ */
/* 手机把 1200px 画布等比缩放到屏宽，left:0 的文字会直接贴屏幕边缘；
   桌面端画布居中本身有留白，所以只在触屏设备上加缩进 */
@media (hover: none), (pointer: coarse) {
  #module323,
  #module324,
  #module349,
  #module350 { margin-left: 48px; }

  /* 文案单行、不会撑到右边，收窄盒子避免超出画布 */
  #module350 { width: 1144px !important; }

  /* 按钮模块自带 margin-left:-10px，抵消后与正文左边缘对齐 */
  #module325 { margin-left: 36px !important; }

  /* 服务保障 Tab 标签与上方文字对齐（右侧大图保持通栏） */
  #formTabButtonList351 { padding-left: 48px; }

  /* 首页：合作机构标题与说明 */
  #module626 { margin-left: 46px; }
  #module628 { margin-left: 45px; }

  /* 内页：企业简介 / 企业文化标题与正文 */
  #module438,
  #module439 { margin-left: 23px; }

  /* 内页：合作机构说明（整行长文案，同时收窄宽度给右侧留白） */
  #module770 { margin-left: 45px; width: 1104px !important; }

  /* 内页：联系我们标题与联系信息 */
  #module582,
  #module583 { margin-left: 21px; }

  /* 内页：服务保障 Tab 标签与上方内容对齐（标题/说明本身是居中的，无需位移） */
  #formTabButtonList766 { padding-left: 48px; }
}