@charset "utf-8";
/* ==========================================================================
   中同信达官网 · 统一版式组件（ztxd-ui.css）
   --------------------------------------------------------------------------
   本文件只放「跨页面共用」的版式原子件，页面私有样式仍写在各自模板里。
   命名规则：pb=Tier1 栏目主横幅 / ph=Tier2 内页页头 / sec=内容段 / pd=产品卡

   两级横幅体系（改版统一口径，勿再各自实现）：
     Tier1  栏目主横幅 .pb  —— 顶部导航 6 个入口页（AI搜荐、数据治理、AI陪跑、
                               产品与方案、知识中心、关于我们）
             深色渐变底，固定高度 320px，内容垂直居中，高度全站一致
     Tier2  内页页头 .ph  —— 二级列表/详情页（产品详情、公司动态、资质荣誉、
                               招贤纳士、知识列表）
             浅色底 #f7f9fc，最小高度 176px，内容垂直居中，标题统一 28px
   两者都靠 flex 垂直居中 + 固定/最小高度保证「页面之间切换不跳动」。
   ========================================================================== */

/* ------------------------------------------------------------------ Tier1 */
.pb{
  position:relative;
  box-sizing:border-box;
  height:320px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:#0d2b4e;
  /* 纹理底（2026-11-09）：细网格线 + 双光斑 + 基础渐变，全站同款，无图片资源 */
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 64px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 64px),
    linear-gradient(135deg,#0d2b4e 0%,#123a6b 62%,#1a4f8c 100%);
}
.pb:before{
  content:"";
  position:absolute;left:0;top:0;right:0;bottom:0;
  background:
    radial-gradient(760px 300px at 84% 12%,rgba(46,163,255,.30),rgba(46,163,255,0) 62%),
    radial-gradient(520px 260px at 4% 108%,rgba(127,212,255,.16),rgba(127,212,255,0) 60%);
  pointer-events:none;
}
.pb>.container{position:relative;z-index:1;width:100%}
.pb .pb-kicker{
  font-size:12px;line-height:1;
  letter-spacing:3px;
  color:#7fd4ff;font-weight:600;
  margin:0 0 16px;
}
.pb h1{
  font-size:34px;line-height:1.42;font-weight:700;
  color:#fff;margin:0;max-width:860px;
}
.pb h1 em{font-style:normal;color:#7fd4ff}
.pb .pb-sub{
  font-size:15px;line-height:1.9;
  color:rgba(255,255,255,.82);
  max-width:740px;margin:16px 0 0;
}
.pb .pb-btns{margin-top:26px}
.pb .pb-btns a{
  display:inline-block;padding:12px 28px;border-radius:6px;
  font-size:15px;line-height:1.4;text-decoration:none;
  margin:0 12px 8px 0;transition:.15s;
}
.pb .pb-btns a.p{background:#2ea3ff;color:#fff}
.pb .pb-btns a.p:hover{background:#1c8fe0;color:#fff;text-decoration:none}
.pb .pb-btns a.g{border:1px solid rgba(255,255,255,.5);color:#fff}
.pb .pb-btns a.g:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff;text-decoration:none}

/* Tier1 下沿浮起条：数字条 / 入口条，白卡压在横幅上，全站同一套 */
.pb-stats{
  position:relative;z-index:2;
  display:flex;flex-wrap:wrap;
  background:#fff;border:1px solid #e3e9f0;border-radius:10px;
  margin-top:-30px;
  box-shadow:0 10px 28px rgba(13,43,78,.09);
}
.pb-stats>div{
  flex:1;min-width:150px;
  text-align:center;padding:20px 12px;
  border-left:1px solid #eef2f7;
}
.pb-stats>div:first-child{border-left:none}
.pb-stats b{display:block;font-size:24px;line-height:1.2;color:#1268b3;font-weight:700}
.pb-stats span{display:block;font-size:12.5px;color:#5a6b7d;margin-top:6px}

.pb-links{
  position:relative;z-index:2;
  display:flex;flex-wrap:wrap;gap:12px;
  margin-top:-30px;
}
.pb-links a{
  flex:1 1 200px;
  display:block;background:#fff;border:1px solid #e3e9f0;border-radius:10px;
  padding:18px 18px;text-decoration:none;
  box-shadow:0 10px 28px rgba(13,43,78,.09);transition:.15s;
}
.pb-links a:hover{border-color:#1268b3;transform:translateY(-2px);text-decoration:none}
.pb-links b{display:block;font-size:14.5px;color:#0d2b4e;font-weight:600;line-height:1.5}
.pb-links span{display:block;font-size:12px;color:#8fa1b3;margin-top:6px}

/* ------------------------------------------------------------------ Tier2 */
.ph{
  background:#f7f9fc;
  border-bottom:1px solid #e3e9f0;
  min-height:180px;
  display:flex;align-items:center;
}
.ph>.container{width:100%;padding-top:36px;padding-bottom:36px}
.ph .ph-kicker{font-size:12px;line-height:1;letter-spacing:3px;color:#1268b3;font-weight:600;margin:0 0 12px}
.ph h1{font-size:28px;line-height:1.45;font-weight:700;color:#0d2b4e;margin:0}
.ph .ph-sub{font-size:14.5px;line-height:1.9;color:#5a6b7d;margin:10px 0 0;max-width:720px}
.ph .ph-crumb{font-size:12.5px;color:#9fb3c8;margin:0 0 10px}
.ph .ph-crumb a{color:#9fb3c8;text-decoration:none}
.ph .ph-crumb a:hover{color:#1268b3}
.ph .ph-tabs{margin-top:22px}

/* ------------------------------------------------------- 通用内容段与卡片 */
.sec{padding:62px 0}
.sec.alt{background:#f7f9fc}
.sec .kicker{color:#1268b3;font-size:13px;line-height:1;font-weight:600;letter-spacing:3px}
.sec h2{font-size:28px;color:#0d2b4e;margin:10px 0 0;line-height:1.5;font-weight:700}
.sec .lead{color:#5a6b7d;font-size:15px;line-height:1.9;margin:12px 0 0;max-width:780px}

/* 产品线切换 */
.pd-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:-30px;position:relative;z-index:2}
.pd-tabs a{
  background:#fff;border:1px solid #e3e9f0;border-radius:999px;
  padding:11px 24px;font-size:14.5px;color:#33465b;text-decoration:none;
  box-shadow:0 8px 22px rgba(13,43,78,.08);transition:.15s;
}
.pd-tabs a:hover{border-color:#1268b3;color:#0d2b4e;text-decoration:none}
.pd-tabs a.on{background:#1268b3;border-color:#1268b3;color:#fff;font-weight:600}

/* 产品卡网格 */
.pd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}
.pd-card{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid #e3e9f0;border-radius:10px;
  overflow:hidden;text-decoration:none;transition:.18s;
}
.pd-card:hover{
  border-color:#bcd7ef;text-decoration:none;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(18,104,179,.13);
}
.pd-card .im{position:relative;padding-top:56.25%;background:#f2f6fb}
.pd-card .im img{
  position:absolute;left:0;top:0;width:100%;height:100%;
  object-fit:cover;display:block;
}
.pd-card .bd{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.pd-card .bd h3{font-size:15.5px;line-height:1.55;color:#0d2b4e;font-weight:600;margin:0 0 8px}
.pd-card .bd p{font-size:13px;line-height:1.8;color:#5a6b7d;margin:0;flex:1}
.pd-card .bd .go{font-size:12.5px;color:#1268b3;margin-top:14px}
.pd-card:hover .bd .go{color:#0e57a0}

/* 产品详情 */
.pd-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start;padding:44px 0 10px}
.pd-detail .shot{position:relative;padding-top:56.25%;background:#f2f6fb;border:1px solid #e3e9f0;border-radius:10px;overflow:hidden}
.pd-detail .shot img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.pd-detail .shot .none{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#8fa1b3;font-size:13px}
.pd-detail .info h2{font-size:24px;line-height:1.5;color:#0d2b4e;font-weight:700;margin:0 0 14px}
.pd-detail .info .cat{display:inline-block;font-size:12px;color:#1268b3;background:#eaf3fb;border-radius:4px;padding:4px 10px;margin-bottom:14px}
.pd-detail .info .meta{font-size:13px;color:#8fa1b3;line-height:2;border-top:1px dashed #e3e9f0;padding-top:14px;margin-top:18px}
.pd-detail .info .acts{margin-top:24px}
.pd-detail .info .acts a{display:inline-block;padding:12px 26px;border-radius:6px;font-size:14.5px;text-decoration:none;margin:0 12px 10px 0}
.pd-detail .info .acts a.p{background:#1268b3;color:#fff}
.pd-detail .info .acts a.g{border:1px solid #1268b3;color:#1268b3}
.pd-body{padding:38px 0 8px}
.pd-body .content{font-size:15.5px;line-height:2.05;color:#33465b}
.pd-body .content img{max-width:100%;height:auto}
.pd-nav{max-width:1200px;margin:26px auto 0;padding:18px 0 0;border-top:1px solid #e3e9f0;font-size:13.5px;color:#5a6b7d;line-height:2}
.pd-nav a{color:#1268b3;text-decoration:none}

/* -------------------------------------------------------------- 响应式 */
/* 断点内也保持固定高度：所有栏目页在同一个断点下横幅高度完全一致，
   切换导航时页面不跳动。副标题超长时按断点截断行数，避免撑破高度。 */
@media (max-width:1199px){
  .pb h1{font-size:30px}
  .pb .pb-sub{font-size:14.5px}
  .pd-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:991px){
  .pb{height:340px;padding:36px 0}
  .pb h1{font-size:28px}
  .pb .pb-sub{
    font-size:14px;line-height:1.85;margin-top:12px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .pb .pb-btns{margin-top:20px}
  .pb .pb-btns a{padding:10px 22px;font-size:14px}
  .pb-stats>div{min-width:120px;padding:16px 8px}
  .pd-grid{grid-template-columns:repeat(2,1fr)}
  .pd-detail{grid-template-columns:1fr;gap:26px;padding-top:34px}
}
@media (max-width:767px){
  .pb{height:340px;padding:30px 0}
  .pb .pb-kicker{font-size:11px;letter-spacing:2px;margin-bottom:12px}
  .pb h1{font-size:22px;line-height:1.42}
  .pb .pb-sub{
    font-size:13.5px;line-height:1.8;margin-top:12px;
    display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
  }
  .pb .pb-btns{margin-top:18px}
  .pb .pb-btns a{padding:9px 16px;font-size:13.5px;margin-right:8px}
  .pb-stats{margin-top:-24px}
  .pb-stats>div{flex:0 0 50%;min-width:0;border-left:none;border-top:1px solid #eef2f7;padding:14px 6px}
  .pb-stats>div:nth-child(-n+2){border-top:none}
  .pb-stats b{font-size:19px}
  .pb-links{margin-top:-24px}
  .pb-links a{flex:1 1 44%}
  .ph{min-height:0}
  .ph>.container{padding-top:28px;padding-bottom:26px}
  .ph h1{font-size:22px}
  .sec{padding:44px 0}
  .sec h2{font-size:22px}
  .pd-tabs{margin-top:-24px}
  .pd-tabs a{padding:9px 16px;font-size:13.5px}
  .pd-grid{grid-template-columns:1fr;margin-top:26px}
  .pd-detail .info h2{font-size:20px}
}

/* -------------------------------------------------------------- 页脚标题（原 h5 降级为 h3 后的样式收敛） */
.footer .ft-h{font-size:15px;font-weight:700;color:#0d2b4e;margin:0 0 10px;line-height:1.6}
.footer .copyright span{color:#6c757d}

/* ==========================================================================
   视觉升级层 R1（2026-11-09）：设计令牌 + 全局收敛
   原则：只收敛不推翻——主蓝与深蓝不变，收杂色、统圆角阴影、修排版节奏。
   本层在 aoyun.css 之后加载，同名规则以本层为准。
   ========================================================================== */
/* 首行声明：页面仅支持浅色，禁止浏览器夜间/强制深色模式对整页算法压暗
   （否则白底被压成近黑、深蓝标题保留，出现深底深字不可读） */
:root{color-scheme:only light}
:root{
  --zx-ink:#0d2b4e;      /* 主深蓝：标题 / 深色底 */
  --zx-ink-2:#123a6b;
  --zx-brand:#1268b3;    /* 主蓝：链接 / 主按钮 */
  --zx-accent:#2ea3ff;   /* 亮蓝：点缀 / 高亮 */
  --zx-teal:#0e9e7a;     /* 青绿：仅作「通过 / 对勾」语义色 */
  --zx-text:#22364c;
  --zx-text-2:#5a6b7d;
  --zx-text-3:#8a9aab;
  --zx-line:#e6ecf3;
  --zx-bg-soft:#f7f9fc;
  --zx-radius:12px;
  --zx-radius-sm:8px;
  --zx-sh-sm:0 1px 3px rgba(13,43,78,.06);
  --zx-sh-md:0 6px 18px rgba(13,43,78,.09);
  --zx-sh-lg:0 16px 38px rgba(13,43,78,.13);
  --zx-font:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---- 排版基线 ---- */
html{font-family:var(--zx-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:var(--zx-font);color:var(--zx-text);font-size:15px;line-height:1.85}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{color:var(--zx-ink);letter-spacing:.01em}
h1,h2{font-weight:700}
h3,h4{font-weight:600}
::selection{background:rgba(46,163,255,.22)}
a{transition:color .18s ease,opacity .18s ease,border-color .18s ease}
:focus-visible{outline:2px solid var(--zx-accent);outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#c3d0de;border-radius:5px;border:2px solid #f1f5f9}
::-webkit-scrollbar-thumb:hover{background:#a9bacc}

/* ---- 数字排版：数据条 / 统计值统一等宽数字 ---- */
.pb-stats b,.ph-stats b,.ix-stats b,.about-stats b{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}

/* ---- 表格收敛：行 hover 浅底（作用于内容表格，不碰布局表格） ---- */
.aj-tbl td,.aj-tbl th,.geo-tb td,.geo-tb th,.ga-tb td,.ga-tb th{
  transition:background .15s ease;
}
.aj-tbl tr:hover>td,.geo-tb tbody tr:hover>td,.ga-tb tbody tr:hover>td{
  background:#f4f8fc;
}

/* ---- 卡片通用过渡：白卡 hover 轻浮起（按既有卡片类名） ---- */
.ix-card,.ix-prob,.ix-art,.gp-card,.geo-card,.ga-trick,.geo-step,
.pd-card,.pd-detail,.kn-card,.aj-layer,.aj-col{
  transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
}
.ix-card:hover,.ix-prob:hover,.ix-art:hover,.gp-card:hover,.geo-card:hover,
.ga-trick:hover,.geo-step:hover,.pd-card:hover{
  box-shadow:var(--zx-sh-md);
  transform:translateY(-2px);
  border-color:#d5e2ee;
}

/* ---- 表单控件收敛 ---- */
input[type=text],input[type=tel],input[type=email],input[type=number],
input[type=password],textarea,select{
  font-family:var(--zx-font);
  border-color:#d5e0ec;
  border-radius:var(--zx-radius-sm);
}
input:focus,textarea:focus,select:focus{
  border-color:var(--zx-accent);
  box-shadow:0 0 0 3px rgba(46,163,255,.14);
  outline:none;
}

/* ---- 图片媒体统一：内容图圆角（不动 hero 背景与产品图容器内布局） ---- */
.pd-card .th img,.ix-shot img{
  border-radius:var(--zx-radius-sm);
}

/* ---- 页脚细节 ---- */
.footer{border-top:1px solid var(--zx-line)}
.footer .copyright{font-size:12.5px;color:var(--zx-text-3)}

/* ==========================================================================
   视觉升级层 R2（2026-11-09）：悬浮客服 / 移动底导航 / 页脚二维码 收敛
   ========================================================================== */

/* 悬浮客服面板：亮蓝改深蓝体系，展开卡改白卡浮起 */
.online dl{
  background:#0d2b4e;
  box-shadow:var(--zx-sh-md);
  border-radius:10px 0 0 10px;
  margin-bottom:6px;
  padding:12px 6px;
  transition:background .18s ease;
}
.online dl:hover{background:#123a6b}
.online dl dd{letter-spacing:.05em}
.online dl dt{
  border:none;border-radius:10px;
  box-shadow:var(--zx-sh-lg);
  color:var(--zx-text);
  font-size:13px;
}
.online dl dt h3{color:var(--zx-ink);font-size:14px;margin:0 0 8px;font-weight:600}
.online dl dt p{line-height:1.8;margin:6px 0}
.online dl dt a{color:var(--zx-brand)}
.online .scroll-top dd i{font-size:22px}

/* 手机底部导航：亮青改深蓝 */
.zx-mobilenav{background:#0d2b4e;box-shadow:0 -6px 18px rgba(13,43,78,.18)}
.zx-mobilenav a{color:rgba(255,255,255,.92);font-size:13.5px;letter-spacing:.04em}
.zx-mobilenav .col-4{border-color:rgba(255,255,255,.14) !important}

/* 页脚二维码：缩小并加描边，弱化存在感 */
.footer .code,.footer .code img{height:84px}
.footer .code img{border-radius:6px;box-shadow:var(--zx-sh-sm);border:1px solid var(--zx-line);padding:3px;background:#fff}
.footer .small{color:var(--zx-text-3);font-size:12px;margin-top:6px}



/* ==========================================================================
   卡片 hover 文本色锁定（2026-11-09 R3.1）
   根因：bootstrap.min.css 的 a:hover{color:#0056b3} 命中整块可点击卡片，
   并通过继承把卡片正文染成深蓝——深色底卡片上文字直接不可读。
   处理：可点击卡片 hover 只保留位移/阴影反馈，文字颜色按底色显式锁定。
   ========================================================================== */
/* 深色底卡：文字恒白（含卡片自身的 a:hover 覆盖） */
a.ix-entry, a.ix-entry:hover, a.ix-layer.ix-l3, a.ix-layer.ix-l3:hover{color:#fff}
/* 浅蓝底卡：保持原有深蓝文字 */
a.ix-layer.ix-l2, a.ix-layer.ix-l2:hover,
a.ix-layer.ix-l1, a.ix-layer.ix-l1:hover{color:#0c447c}
/* 白底卡：hover 不变色（与静态一致） */
a.ix-card:hover, a.ix-prob:hover,
a.ix-band:hover, a.ix-band-cta:hover,
a.pd-card:hover, a.gp-card:hover, a.kn-item:hover{color:#212529}
a.ix-art:hover{color:#1c2b3a}
/* 入口卡内白色按钮：hover 保持白底深蓝字 */
a.ix-entry:hover .go{color:#0d2b4e}

/* 页脚公司名行距 */
.footer ul.lh-2 li{color:var(--zx-text-2);font-size:13.5px}

/* ==========================================================================
   视觉升级层 R3（2026-11-09）：按钮统一 / 图片交互 / 箭头动效
   ========================================================================== */

/* 全站主/次按钮收敛：同一几何与动效（主=深蓝渐变，次=描边） */
.pb-btns a,.gp-cta a,.aj-cta a,.geo-cta a,.ga-cta a,.pd-cta a{
  border-radius:var(--zx-radius-sm);
  font-weight:600;
  letter-spacing:.02em;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.pb-btns a.p,.gp-cta a.p,.aj-cta a.p,.geo-cta a.p,.ga-cta a.p,.pd-cta a.p{
  background:linear-gradient(135deg,#1268b3,#1a5f9e);
  box-shadow:0 4px 14px rgba(18,104,179,.28);
}
.pb-btns a.p:hover,.gp-cta a.p:hover,.aj-cta a.p:hover,.geo-cta a.p:hover,
.ga-cta a.p:hover,.pd-cta a.p:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(18,104,179,.34);
  background:linear-gradient(135deg,#0f5ca3,#1b66ad);
}
.pb-btns a.g,.gp-cta a.g,.aj-cta a.g,.geo-cta a.g,.ga-cta a.g,.pd-cta a.g{
  background:rgba(255,255,255,.65);
  backdrop-filter:blur(2px);
}
.pb-btns a.g:hover,.gp-cta a.g:hover,.aj-cta a.g:hover,.geo-cta a.g:hover,
.ga-cta a.g:hover,.pd-cta a.g:hover{
  background:#1268b3;color:#fff;transform:translateY(-1px);
}

/* 产品卡图片：hover 轻放大 + 详情箭头位移 */
.pd-card .im{overflow:hidden}
.pd-card .im img{transition:transform .35s ease}
.pd-card:hover .im img{transform:scale(1.04)}
.pd-card .bd .go{transition:transform .2s ease}
.pd-card:hover .bd .go{transform:translateX(3px)}

/* 首页入口卡与贯穿带：箭头位移 */
.ix-entry .go,.ix-band .go{transition:transform .2s ease}
.ix-entry:hover .go,.ix-band:hover .go{transform:translateX(4px)}
.ix-entry,.ix-band,.ix-layer{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.ix-entry:hover,.ix-band:hover{transform:translateY(-3px);box-shadow:var(--zx-sh-lg)}
.ix-layer:hover{filter:brightness(1.02)}

/* 知识中心条目 hover */
.kn-item{transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}
.kn-item:hover{box-shadow:var(--zx-sh-md);transform:translateY(-2px)}
.kn-item .kn-cat{transition:background .18s ease,color .18s ease}
.kn-item:hover .kn-cat{background:var(--zx-brand);color:#fff}