@charset "utf-8";
/* ==========================================================================
   锦棠科技官网 · 品牌主题层  jt-theme.css
   --------------------------------------------------------------------------
   设计方向：工程蓝 × 结晶美学（专业 / 可靠 / 无机建材行业调性）
   作用范围：全站 95 页（首页 + 内页），必须最后加载（在 reset_pc/index/mobile 之后）

   安全边界：
     · 只改「颜色 / 字体 / 描边 / 圆角 / 阴影 / hover 过渡」，
       不改容器的 width/height/float 等几何属性 —— 保证既有 1200px 版式零回归。
     · 所有规则使用旧模板既有类名（.head/.nav/.footer…），不新增必填结构。
     · 新增的浮层（悬浮咨询条）由 js/jt-theme.js 注入，纯增量、可缺失。
   ========================================================================== */

/* --------------------------------------------------------------------------
   色板 v3「清透工程蓝 × 高光结晶青」（在 v2 基础上整体再提亮一档）
   修订要点（针对"还能亮一点"）：
     1. 深色锚点整体上提：深海蓝 #0A2E5C → #0E4C8A，页脚不再用近黑蓝；
     2. 冷白底提亮：#F5F8FC → #F7FAFF；
     3. 深底文字色同步提亮（#E2EEFB / #CEDFF4），避免在更亮的底上发灰；
     4. 【结构】深色段落由 4 段降为 3 段 —— 首页优势区不再用深底（改浅蓝带 + 白卡）；
     5. 白字承载锁定：比 #1565C0 更亮的蓝（#1E7BE0 / #3392ED）只做图形与数字。
   -------------------------------------------------------------------------- */
:root{
    /* —— 工程蓝（主色：信任、工业、专业）
       v3 提亮：深色锚点整体上提一档（#0A2E5C → #0E4C8A），
       浅底文字承载色上限锁 #1565C0（白字 5.7:1），比它更亮的蓝只做图形 —— */
    --jt-blue-900:#0E4C8A;   /* 深色锚点底（询盘区 / 内页横幅）· 白字 6.6:1 */
    --jt-blue-800:#11559A;   /* 页脚底 / 深色正文 */
    --jt-blue-700:#1565C0;   /* 主蓝 · 白字 5.7:1（深底白字的天花板色） */
    --jt-blue-600:#1E7BE0;   /* 亮科技蓝 · 仅图形 / 数字（不承载白字正文） */
    --jt-blue-500:#3392ED;   /* 强调蓝 · 图标 / 描边 / 悬停 */
    --jt-blue-100:#EAF3FE;   /* 极浅蓝底 */
    /* —— 结晶青（品牌记忆色 · 提亮） —— */
    --jt-cyan-300:#B4F2F8;   /* 深底「最亮端」上的青色小字（#1565C0 上 4.7:1） */
    --jt-cyan-500:#0BB8CE;   /* 图形用（色条 / 指示点 / 图标） */
    --jt-cyan-400:#4FE0EF;   /* 深底上的高光青（对比 #0E4C8A 达 5.5:1） */
    --jt-cyan-700:#0A7280;   /* 浅底上的青色文字（对比白 5.7:1） */
    --jt-cyan-100:#E2F8FB;
    /* —— 工程橙（仅用于询盘 / 电话 CTA，全局唯一转化色）
       压深到 #C84B06：白字实测 4.7:1（原 #F08300 白字仅 2.5:1，不达 AA） —— */
    --jt-orange-500:#C84B06;
    --jt-orange-600:#AE4005;
    --jt-orange-300:#FF8A3D;   /* 仅用于深底上的橙色图标 / 描边 */
    /* —— 中性（浅底文字三级） —— */
    --jt-ink-900:#0F1F33;    /* 标题 · 15.8:1 */
    --jt-ink-600:#46586E;    /* 正文 · 7.3:1 */
    --jt-ink-400:#5D6F86;    /* 辅助 · 5.2:1 */
    --jt-gray-100:#F7FAFF;   /* 冷白底（v3 再提亮一档，带一点冷蓝） */
    --jt-gray-200:#E3ECF8;   /* 描边 */
    /* —— 深底专用文字（跟随锚点上提同步提亮）
       锁定：最亮端 #1565C0 上仍达 5.2:1 / 4.6:1 —— */
    --jt-on-dark:#FFFFFF;      /* 深底标题 */
    --jt-on-dark-2:#EDF4FD;    /* 深底正文 · 深海蓝 7.8:1 / 最亮端 5.2:1 */
    --jt-on-dark-3:#DAE6F9;    /* 深底辅助 · 深海蓝 6.7:1 / 最亮端 4.6:1 */
    --jt-on-dark-line:rgba(255,255,255,.16);
    --jt-glass:rgba(255,255,255,.10);
    --jt-glass-hover:rgba(255,255,255,.16);
    /* —— 视觉常量 —— */
    --jt-radius:6px;
    --jt-shadow-s:0 1px 3px rgba(10,46,92,.10);
    --jt-shadow-m:0 8px 24px rgba(10,46,92,.14);
    --jt-tr:.25s ease;
}

/* ==========================================================================
   1. 头部（logo / 公司名 / 服务热线）
   ========================================================================== */
body.body-color{color:var(--jt-ink-900);}
.head{background:#fff;border-bottom:1px solid var(--jt-gray-200);}
.header{position:relative;}
.header .h_dw b{color:var(--jt-blue-900);letter-spacing:2px;}
.header .h_dw i{color:var(--jt-ink-400);}
.header .dfr p em{color:var(--jt-ink-600);}
.header .dfr p span{color:var(--jt-orange-500);font-weight:700;letter-spacing:.5px;}
.header .dfr{border-left:1px solid var(--jt-gray-200);}

/* ==========================================================================
   2. 主导航（工程蓝底 + 结晶青高亮）
   ========================================================================== */
.nav{background:linear-gradient(90deg,var(--jt-blue-900) 0%,var(--jt-blue-700) 100%);}
.nav .content{background:transparent;}
.nav-one > li > a{
    color:#fff;font-weight:500;letter-spacing:.5px;
    transition:background var(--jt-tr),color var(--jt-tr);
}
.nav-one > li > a:hover{background:rgba(11,184,206,.22);color:#fff;}
/* 当前栏目选中态：原站为品牌绿 #24B455，改为结晶青高亮
   采用「半透明青底 + 实心青下划线 + 白字」：白字实测 8.4:1（原纯青底白字仅 2.4:1） */
.nav-one > li.cur > a,
.nav-one > li.hover > a,
.nav-one > li.cur:hover > a,
#blk-nav > li.cur > a{
    background:rgba(11,184,206,.26) !important;
    color:#fff !important;
    box-shadow:inset 0 -3px 0 var(--jt-cyan-500);
    font-weight:600 !important;
}
/* 二级菜单 */
.nav-two{background:#fff;border-top:2px solid var(--jt-cyan-500);box-shadow:var(--jt-shadow-m);}
.nav-two > li > a{color:var(--jt-ink-600);transition:all var(--jt-tr);}
.nav-two > li > a:hover{background:var(--jt-blue-100);color:var(--jt-blue-700);}

/* ==========================================================================
   3. 内页 banner / 搜索框
   ========================================================================== */
.min-banner{background:linear-gradient(118deg,var(--jt-blue-900) 0%,var(--jt-blue-700) 55%,var(--jt-blue-600) 100%);}
.search{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:var(--jt-radius);}
.search-inp{color:#fff;background:transparent;}
.search-inp::placeholder{color:var(--jt-on-dark-2);}
.search-btn{background:var(--jt-orange-500);color:#fff;border-radius:0 var(--jt-radius) var(--jt-radius) 0;}
.search-btn:hover{background:var(--jt-orange-600);}

/* 面包屑 */
.crumbs-1{color:var(--jt-ink-400);border-bottom:1px solid var(--jt-gray-200);}
.crumbs-1 a{color:var(--jt-ink-600);}
.crumbs-1 a:hover{color:var(--jt-cyan-700);}

/* ==========================================================================
   4. 标题与文本
   ========================================================================== */
.com-title,.prod-title,.left-nav-01-tit{color:var(--jt-blue-900);}
h1,h2,h3,h4{color:var(--jt-blue-900);}
a{transition:color var(--jt-tr);}
.endit-content a,.item-text a{color:var(--jt-blue-700);}
.endit-content a:hover,.item-text a:hover{color:var(--jt-orange-500);}
.txt_vi_color{color:var(--jt-blue-700);}
.bg_vi_color{background:var(--jt-blue-500);}

/* ==========================================================================
   5. 侧边导航（左栏）
   ========================================================================== */
.left-nav-01-tit{background:linear-gradient(90deg,var(--jt-blue-900),var(--jt-blue-700));color:#fff;}
.left-nav-01-two > li > a,.sidebar1-item{transition:all var(--jt-tr);}
.left-nav-01-two > li > a:hover,.sidebar1-item:hover{background:var(--jt-blue-100);color:var(--jt-blue-700);}
.sidenavcur,.left-nav-01-two > li.sidenavcur > a{
    background:var(--jt-cyan-100) !important;
    color:var(--jt-blue-700) !important;
    border-left:3px solid var(--jt-cyan-500);
}
.sidebar1-item-icon{color:var(--jt-blue-500);}

/* ==========================================================================
   6. 卡片 / 产品列表 / 图片（轻交互，不动尺寸）
   ========================================================================== */
.item-line,.item-picture,.prod-list01 .item-line{
    border-color:var(--jt-gray-200);
    transition:box-shadow var(--jt-tr),transform var(--jt-tr);
}
.item-line:hover{box-shadow:var(--jt-shadow-m);transform:translateY(-3px);}
.item-picture img,.prod-list01 img{transition:transform .4s ease;}
.item-line:hover .item-picture img{transform:scale(1.04);}
.info-hz1{border-color:var(--jt-gray-200);}

/* ==========================================================================
   7. 按钮 / 表单
   ========================================================================== */
.submit,.message-btn,.btn-jt{
    background:var(--jt-orange-500) !important;color:#fff !important;
    border:none;border-radius:var(--jt-radius);
    font-weight:600;cursor:pointer;
    transition:background var(--jt-tr),transform var(--jt-tr),box-shadow var(--jt-tr);
}
.submit:hover,.message-btn:hover{background:var(--jt-orange-600) !important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(200,75,6,.32);}
.message-item input,.message-item textarea,.message-text input,.message-text textarea{
    border:1.5px solid var(--jt-gray-200) !important;
    border-radius:var(--jt-radius);
    background:var(--jt-gray-100);
    transition:all var(--jt-tr);
}
.message-item input:focus,.message-item textarea:focus,.message-text input:focus,.message-text textarea:focus{
    outline:none;border-color:var(--jt-blue-500) !important;
    background:#fff;box-shadow:0 0 0 3px rgba(27,94,150,.12);
}
.message-label em{color:var(--jt-orange-500);}
.contact-icon,.contact-info .contact-icon{color:var(--jt-cyan-500);}

/* ==========================================================================
   8. 页脚（工程蓝深底 · v3 提亮：不再用近黑蓝 #082643）
   ========================================================================== */
.footWrap,.footer{background:var(--jt-blue-800) !important;color:var(--jt-on-dark-3);}
.footer h1,.footer h2,.footer h3,.footer h4,.footWrap h1,.footWrap h2,.footWrap h3,.footWrap h4{color:var(--jt-on-dark);}
.footer a,.footWrap a{color:var(--jt-on-dark-3);}
.footer a:hover,.footWrap a:hover{color:var(--jt-cyan-300);}
.footer p,.footWrap p,.footer span,.footWrap span{color:var(--jt-on-dark-3);}
.footer .info-hz1,.footWrap .info-hz1{border-color:var(--jt-on-dark-line);}
.footer .clear,.footWrap .clear{color:var(--jt-on-dark-3);}

/* 页脚品牌标识（内页 .flogo）
   旧模板此处挂的是一张 250×250 的红色 WFW 位图，v4 换成 JT 渐变方标 + 字标，
   与首页 .jt-foot .jt-logo、内页头部 #h1-tag + .h_dw 同构。
   该位图与另外两张旧标（首页/内页头部用的红标、牛商网 nsw_logo）已从服务器删除。 */
.footWrap .flogo{display:flex;align-items:center;}
.footWrap .flogo>a{display:flex;align-items:center;gap:13px;text-decoration:none;}
.footWrap .flogo img{display:block;width:56px;height:56px;max-width:none;max-height:none;
    border-radius:13px;flex-shrink:0;}
.footWrap .flogo b{display:block;font-size:19px;font-weight:700;letter-spacing:2px;
    line-height:1.3;color:var(--jt-on-dark) !important;}
.footWrap .flogo i{display:block;font-style:normal;font-size:11.5px;letter-spacing:.4px;
    line-height:1.55;color:var(--jt-on-dark-3) !important;}

/* ==========================================================================
   9. 右侧客服竖栏（原站既有组件，此处只换配色，不改结构/交互）
   ========================================================================== */
#blk-tool .sidebar1-item{background:#fff;border:1px solid var(--jt-gray-200);border-radius:8px;overflow:hidden;
    box-shadow:var(--jt-shadow-s);transition:border-color var(--jt-tr),box-shadow var(--jt-tr);}
#blk-tool .sidebar1-item:hover{border-color:var(--jt-cyan-500);box-shadow:var(--jt-shadow-m);}
#blk-tool .sidebar1-item-icon i{color:var(--jt-blue-500) !important;}
#blk-tool .sidebar1-item:hover .sidebar1-item-icon i{color:var(--jt-cyan-500) !important;}
#blk-tool .sidebar1-item-icon p{color:var(--jt-ink-600);}
#blk-tool .sidebar1-tel-txt{background:linear-gradient(90deg,var(--jt-blue-900),var(--jt-blue-700)) !important;color:#fff;}
#blk-tool .sidebar1-tel-txt i{color:var(--jt-cyan-400) !important;}

/* ==========================================================================
   10. 悬浮咨询条（仅首页注入：内页已有右侧客服竖栏，避免重复）
   ========================================================================== */
#jt-float{
    position:fixed;right:18px;bottom:18%;z-index:9998;
    display:flex;flex-direction:column;gap:10px;
    font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
#jt-float .jt-fbtn{
    position:relative;width:52px;height:52px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    box-shadow:var(--jt-shadow-m);cursor:pointer;border:none;
    transition:transform var(--jt-tr);text-decoration:none;
}
#jt-float .jt-fbtn:hover{transform:scale(1.08);}
#jt-float .jt-fbtn svg{width:24px;height:24px;fill:#fff;}
#jt-float .jt-tel{background:var(--jt-orange-500);}
#jt-float .jt-wx{background:#1AAD19;}
#jt-float .jt-top{background:var(--jt-blue-700);}
#jt-float .jt-fbtn::after{
    content:attr(data-tip);position:absolute;right:62px;top:50%;transform:translateY(-50%);
    background:var(--jt-ink-900);color:#fff;font-size:12px;line-height:1.4;
    padding:6px 12px;border-radius:6px;white-space:nowrap;
    opacity:0;pointer-events:none;transition:opacity var(--jt-tr);
}
#jt-float .jt-fbtn:hover::after{opacity:1;}
#jt-float .jt-tipbox{
    position:absolute;right:62px;bottom:0;width:150px;padding:10px;
    background:#fff;border-radius:8px;box-shadow:var(--jt-shadow-m);
    text-align:center;font-size:12px;color:var(--jt-ink-600);display:none;
}
#jt-float .jt-tipbox.on{display:block;}
#jt-float .jt-tipbox img{width:130px;height:130px;object-fit:contain;display:block;margin:0 auto 6px;}

@media (max-width:900px){
    /* 移动端：缩小并压低，避免遮挡内容 */
    #jt-float{right:10px;bottom:76px;gap:8px;}
    #jt-float .jt-fbtn{width:44px;height:44px;}
    #jt-float .jt-fbtn svg{width:20px;height:20px;}
    #jt-float .jt-fbtn::after{display:none;}
    #jt-float .jt-tipbox{right:54px;}
    /* 移动端导航保持 mobile.css 的横向滑动方案，仅统一配色 */
    .nav{background:var(--jt-blue-900);}
    .nav-one > li > a{color:#fff;}
    .nav-one > li.nav-open > a{background:rgba(11,184,206,.25);color:#fff;}
    /* 页脚品牌标识：mobile.css 把 .flogo 改成 display:block 全宽，这里保持锁定组合居中 */
    .footWrap .flogo>a{justify-content:center;}
    .footWrap .flogo img{width:48px;height:48px;border-radius:11px;}
    .footWrap .flogo b{font-size:17px;}
    .footWrap .flogo i{font-size:11px;}
}

/* >>> JT-HEAD-UNIFY-BEGIN (2026-09-20) >>> */
/* ==========================================================================
   X. 二级页头部 ↔ 首页头部 统一（2026-09-20）
   --------------------------------------------------------------------------
   问题：二级页沿用旧模板 .head/.header/.nav —— 白底行 121px、logo 80px、
         副标题与主标题同为 25px、蓝条 60px 且无顶部信息条；首页自建
         .jt-header 是白底行 76px、logo 48px、副标题 11px、蓝条 76px，
         顶部还有一条信息条。两者肉眼一看就不是同一套头部。

   做法：不改二级页 HTML 结构，只用 CSS 把旧模板头部逐项对齐到首页口径；
         顶部信息条由 tools/_unify_header.py 注入与首页同款 .jt-topbar 标记。
         另按老板要求，二级页不再显示「站内搜索条」与「您的位置」面包屑。

   安全边界（三条，缺一不可）：
     1) 全部规则锁在 body:not(.jt-home) 之下 —— 首页 body 带 class="jt-home"，
        所以首页渲染一条都不受影响；
     2) 桌面 / 移动分别写在 min-width:901px 与 max-width:900px 两个断点内，
        互不干扰（旧模板没有断点，全部尺寸写死）；
     3) 移动端规则必须带 !important —— mobile.css 的窄屏规则几乎全用
        !important 且以 !important 优先级覆盖选择器权重。

   尺寸依据：tools/_diag_header_cmp.py 对线上 390px / 1440px 两档的实测值。
   ========================================================================== */

/* ---- X1. 顶部信息条（首页 .jt-topbar 同款；标记由脚本注入） ---- */
body:not(.jt-home) .jt-topbar{
    background:linear-gradient(90deg,#0E4C8A 0%,var(--jt-blue-800) 58%,var(--jt-blue-700) 100%);
    color:var(--jt-on-dark-3);font-size:13px;
}
body:not(.jt-home) .jt-topbar .jt-container{
    max-width:1240px;margin:0 auto;padding:0 24px;
    -webkit-box-sizing:border-box;box-sizing:border-box;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    height:36px;
}
body:not(.jt-home) .jt-topbar .jt-hot{
    display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;
}
body:not(.jt-home) .jt-topbar .jt-hot svg{width:14px;height:14px;fill:var(--jt-orange-300);}
body:not(.jt-home) .jt-topbar strong{color:#fff;font-weight:600;}

/* ---- X2. 站内搜索条 + 面包屑下线（首页头部没有这两块）
       搜索页 data-page-name="search" 例外，保留自身搜索框与面包屑 ---- */
body:not(.jt-home):not([data-page-name="search"]) #search,
body:not(.jt-home):not([data-page-name="search"]) .crumbs-1{
    display:none !important;
}

/* ---- X3. 主导航底色：全宽度统一为首页同款三段渐变（含窄屏） ---- */
body:not(.jt-home) .nav{
    background:linear-gradient(90deg,#0E4C8A 0%,var(--jt-blue-900) 42%,var(--jt-blue-700) 100%);
}

/* ==========================================================================
   X4. 桌面端（>900px）：白底行 121→76、logo 80→48、蓝条 60→76
   ========================================================================== */
@media (min-width:901px){

    /* 白底行：容器宽与首页一致（1240），行高 76
       注意必须写 width:auto —— index.css 给 .header 写死了 width:1200px，
       只加 max-width 会被 width 压住，logo 就会比首页右移 20px，
       且与下方导航首项左边缘错开 24px（原来就是这个毛病）。 */
    body:not(.jt-home) .head{height:auto;}
    body:not(.jt-home) .head > .header{
        display:-webkit-box;display:-ms-flexbox;display:flex;
        -webkit-box-align:center;-ms-flex-align:center;align-items:center;
        width:auto;height:76px;padding:0 24px;margin:0 auto;max-width:1240px;
        -webkit-box-sizing:border-box;box-sizing:border-box;
    }

    /* logo 80px → 48px */
    body:not(.jt-home) #h1-tag{
        float:none;display:-webkit-box;display:-ms-flexbox;display:flex;
        -webkit-box-align:center;-ms-flex-align:center;align-items:center;
        height:auto;padding:0;
    }
    body:not(.jt-home) #h1-tag a{
        display:-webkit-box;display:-ms-flexbox;display:flex;
        -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    }
    body:not(.jt-home) #h1-tag img{width:48px;height:48px;max-width:48px;max-height:48px;}

    /* 公司名 25px → 20px；副标题 25px → 11px（原与主标题同号，视觉失衡的根因） */
    body:not(.jt-home) .head .h_dw{
        float:none;width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;
        margin:0;padding:0 0 0 12px;font-size:0;line-height:1.2;
    }
    body:not(.jt-home) .head .h_dw b{
        height:auto;overflow:visible;font-size:20px;font-weight:700;
        line-height:1.2;letter-spacing:2px;color:var(--jt-blue-900);
    }
    body:not(.jt-home) .head .h_dw i{
        height:auto;overflow:visible;font-style:normal;font-size:11px;
        line-height:1.7;letter-spacing:.5px;color:var(--jt-ink-400);
    }

    /* 服务热线 → 首页口径：标签 12px / 号码 22px 800 橙 / 手机 12px，右对齐三行 */
    body:not(.jt-home) .head .dfr{
        float:none;width:auto;margin:0 0 0 auto;padding:0 0 0 24px;
        text-align:right;-ms-flex-negative:0;flex-shrink:0;
        border-left:1px solid var(--jt-gray-200);
    }
    body:not(.jt-home) .head .dfr p{margin:0;line-height:1.2;}
    body:not(.jt-home) .head .dfr p em{display:block;font-style:normal;font-size:12px;color:var(--jt-ink-400);}
    body:not(.jt-home) .head .dfr p span{font-size:12px;color:var(--jt-ink-600);}
    body:not(.jt-home) .head .dfr p span:first-of-type{
        display:block;font-size:22px;font-weight:800;line-height:1.3;
        letter-spacing:.5px;color:var(--jt-orange-500);
    }

    /* 蓝条 60px → 76px，菜单项字号 16 → 15、行高改由 padding 撑（同首页） */
    body:not(.jt-home) .nav{height:76px;}
    body:not(.jt-home) .nav > .content{
        display:-webkit-box;display:-ms-flexbox;display:flex;
        -webkit-box-align:center;-ms-flex-align:center;align-items:center;
        width:auto;height:76px;max-width:1240px;margin:0 auto;padding:0 24px;
        -webkit-box-sizing:border-box;box-sizing:border-box;
    }
    body:not(.jt-home) .nav .nav-one{
        display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;
    }
    body:not(.jt-home) .nav .nav-one > li{
        float:none;-webkit-box-flex:1;-ms-flex:1;flex:1;
        height:auto;line-height:1.7;text-align:center;
    }
    body:not(.jt-home) .nav .nav-one > li > a{
        height:auto;padding:15px 8px;font-size:15px;line-height:1.7;
    }
    body:not(.jt-home) .nav .nav-one > li > a:hover{background:rgba(11,184,206,.20);}
}

/* ==========================================================================
   X5. 移动端（≤900px）：白底行 120→64、logo 56→38、蓝条 60→64，隐藏服务热线
   ========================================================================== */
@media (max-width:900px){

    /* 顶部信息条：窄屏单行不折行（同首页：32px / 11px / 隐藏左侧公司名） */
    body:not(.jt-home) .jt-topbar{font-size:11px !important;overflow:hidden;}
    body:not(.jt-home) .jt-topbar .jt-container{
        height:32px !important;padding-left:10px !important;padding-right:10px !important;
        -webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important;
    }
    body:not(.jt-home) .jt-topbar .jt-l{display:none !important;}
    body:not(.jt-home) .jt-topbar .jt-hot{font-size:11px !important;white-space:nowrap;min-width:0;}
    body:not(.jt-home) .jt-topbar .jt-hot svg{width:12px !important;height:12px !important;}

    /* 白底行：原 .head 固定 120px + #h1-tag 撑到 120px，且 .dfr 溢出压到蓝条上 → 全部收敛 */
    body:not(.jt-home) .head{height:auto !important;}
    body:not(.jt-home) .head > .header{
        height:64px !important;padding:0 24px !important;
        -ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important;
        -webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;
    }
    body:not(.jt-home) #h1-tag{
        float:none !important;height:auto !important;padding:0 !important;
        display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;
        -webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;
    }
    body:not(.jt-home) #h1-tag a{
        display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;
        -webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;
    }
    body:not(.jt-home) #h1-tag img{
        width:38px !important;height:38px !important;
        max-width:38px !important;max-height:38px !important;
    }
    body:not(.jt-home) .head .h_dw{
        float:none !important;width:auto !important;
        -webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important;
        padding:0 0 0 12px !important;margin:0 !important;
        font-size:0 !important;line-height:1.2 !important;
    }
    body:not(.jt-home) .head .h_dw b{
        height:auto !important;overflow:visible !important;
        font-size:17px !important;font-weight:700 !important;
        line-height:1.2 !important;letter-spacing:2px !important;color:var(--jt-blue-900) !important;
    }
    body:not(.jt-home) .head .h_dw i{
        height:auto !important;overflow:visible !important;font-style:normal !important;
        font-size:11px !important;line-height:1.4 !important;
        letter-spacing:.5px !important;color:var(--jt-ink-400) !important;
    }
    /* 服务热线：首页窄屏是隐藏的（.jt-telbox display:none），二级页同步隐藏 */
    body:not(.jt-home) .head .dfr{display:none !important;}

    /* 蓝条：60px → 64px；汉堡与首页同位（right 14） */
    body:not(.jt-home) .nav{height:64px !important;}
    body:not(.jt-home) .nav > .content{height:64px !important;}
    body:not(.jt-home) .nav-toggle{right:14px !important;}
}
/* <<< JT-HEAD-UNIFY-END <<< */
