@charset "utf-8";
/* ==========================================================================
   锦棠科技官网 · 首页样式  jt-home.css
   --------------------------------------------------------------------------
   仅 index.html 引入。全部使用 jt- 前缀类名，与旧模板（index.css/mobile.css）
   完全隔离，互不干扰；本文件自带 reset，可独立渲染。
   设计令牌与 css/jt-theme.css 保持一致（工程蓝 × 结晶美学）。
   ========================================================================== */

.jt-home *{margin:0;padding:0;box-sizing:border-box;}
.jt-home{
    font-family:"PingFang SC","Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif;
    color:var(--jt-ink-900);font-size:16px;line-height:1.7;background:#fff;
    -webkit-font-smoothing:antialiased;
}
.jt-home img{max-width:100%;display:block;border:0;}
.jt-home a{text-decoration:none;color:inherit;transition:color var(--jt-tr);}
.jt-home ul{list-style:none;}
.jt-home h1,.jt-home h2,.jt-home h3,.jt-home h4{color:var(--jt-blue-900);line-height:1.35;}
.jt-container{max-width:1240px;margin:0 auto;padding:0 24px;}
.jt-sec{padding:72px 0;}
.jt-sec--gray{background:var(--jt-gray-100);}
/* v3：优势区由「深色带」降级为「浅蓝带 + 白卡」
   —— 全页深色锚点收缩为 3 段（Hero / 询盘 / 页脚），这是本轮提亮的关键一刀 */
.jt-sec--blue{position:relative;overflow:hidden;color:var(--jt-ink-900);
    background:linear-gradient(135deg,#E4EFFC 0%,#F7FBFF 52%,#E2F8FB 100%);}
.jt-sec--blue::before{content:"";position:absolute;inset:0;
    background:radial-gradient(ellipse 760px 420px at 88% -8%,rgba(11,184,206,.15),transparent 66%),
               radial-gradient(ellipse 620px 380px at 4% 104%,rgba(51,146,237,.13),transparent 68%);}
.jt-sec--blue > .jt-container{position:relative;z-index:1;}
.jt-sec--blue h2,.jt-sec--blue h3,.jt-sec--blue h4{color:var(--jt-blue-900);}
.jt-sec--blue .jt-head .jt-kicker{color:var(--jt-cyan-700);}
.jt-sec--blue .jt-head p{color:var(--jt-ink-600);}
/* 深蓝锚点：仅询盘区使用（v3 提亮），作为全页收束 */
.jt-sec--deep{background:linear-gradient(135deg,#0E4C8A 0%,#11559A 54%,#1565C0 100%);color:#fff;}
.jt-sec--deep h2,.jt-sec--deep h3,.jt-sec--deep h4{color:#fff;}
/* 修复：深底上的章节小标题原为深青（cyan-700），在深底上几乎不可见 → 用最亮青 */
.jt-sec--deep .jt-head .jt-kicker{color:var(--jt-cyan-300);}

/* 章节标题 */
.jt-head{text-align:center;max-width:760px;margin:0 auto 46px;}
.jt-head .jt-kicker{
    display:inline-block;font-size:13px;font-weight:600;letter-spacing:2px;
    color:var(--jt-cyan-700);margin-bottom:10px;
}
.jt-head h2{font-size:32px;font-weight:700;letter-spacing:1px;}
.jt-head p{margin-top:10px;color:var(--jt-ink-600);font-size:15px;}
.jt-sec--deep .jt-head p{color:var(--jt-on-dark-2);}

/* 通用按钮 */
.jt-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 28px;border-radius:var(--jt-radius);font-size:15px;font-weight:600;
    border:none;cursor:pointer;font-family:inherit;
    transition:background var(--jt-tr),transform var(--jt-tr),box-shadow var(--jt-tr),color var(--jt-tr);
}
.jt-btn--cta{background:linear-gradient(180deg,#D85A0C 0%,var(--jt-orange-500) 100%);color:#fff;box-shadow:0 4px 14px rgba(200,75,6,.32);}
.jt-btn--cta:hover{background:linear-gradient(180deg,var(--jt-orange-500) 0%,var(--jt-orange-600) 100%);transform:translateY(-1px);box-shadow:0 8px 20px rgba(200,75,6,.42);}
.jt-btn--ghost{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.55);}
.jt-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.16);}
.jt-btn--line{background:transparent;color:var(--jt-blue-700);border:1.5px solid var(--jt-blue-500);}
.jt-btn--line:hover{background:var(--jt-blue-100);}
.jt-btn--lg{padding:15px 34px;font-size:16px;}

/* ==========================================================================
   1. 顶部信息条
   ========================================================================== */
.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;}
.jt-topbar .jt-container{display:flex;justify-content:space-between;align-items:center;height:36px;}
.jt-topbar .jt-hot{display:inline-flex;align-items:center;gap:6px;}
.jt-topbar .jt-hot svg{width:14px;height:14px;fill:var(--jt-orange-300);}
.jt-topbar strong{color:#fff;font-weight:600;}

/* ==========================================================================
   2. 头部 + 主导航
   ========================================================================== */
.jt-header{background:#fff;position:sticky;top:0;z-index:900;border-bottom:1px solid var(--jt-gray-200);}
.jt-header.jt-scrolled{box-shadow:var(--jt-shadow-m);}
.jt-header .jt-container{display:flex;align-items:center;height:76px;gap:28px;}
.jt-logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.jt-logo img{height:48px;width:auto;}
.jt-logo b{display:block;font-size:20px;letter-spacing:2px;color:var(--jt-blue-900);line-height:1.2;}
.jt-logo span{display:block;font-size:11px;color:var(--jt-ink-400);letter-spacing:.5px;}
.jt-header .jt-telbox{margin-left:auto;text-align:right;flex-shrink:0;}
.jt-header .jt-telbox .jit{display:block;font-size:12px;color:var(--jt-ink-400);}
.jt-header .jt-telbox strong{display:block;font-size:22px;color:var(--jt-orange-500);font-weight:800;letter-spacing:.5px;}
.jt-header .jt-telbox span{font-size:12px;color:var(--jt-ink-600);}

/* 导航条（与内页一致的深海蓝，右端提亮增加科技感） */
.jt-nav{background:linear-gradient(90deg,#0E4C8A 0%,var(--jt-blue-900) 42%,var(--jt-blue-700) 100%);}
.jt-nav .jt-container{display:flex;align-items:center;}
.jt-nav ul.jt-menu{display:flex;width:100%;}
.jt-nav ul.jt-menu > li{position:relative;flex:1;text-align:center;}
.jt-nav ul.jt-menu > li > a{
    display:block;padding:15px 8px;color:#fff;font-size:15px;font-weight:500;letter-spacing:.5px;
    transition:background var(--jt-tr);
}
.jt-nav ul.jt-menu > li > a:hover{background:rgba(11,184,206,.20);}
/* 选中态与内页统一：半透明青底 + 实心青下划线 + 白字（8.4:1） */
.jt-nav ul.jt-menu > li.jt-on > a{background:rgba(11,184,206,.26);color:#fff;font-weight:600;box-shadow:inset 0 -3px 0 var(--jt-cyan-500);}
.jt-nav ul.jt-sub{
    position:absolute;left:0;top:100%;min-width:180px;background:#fff;
    border-top:2px solid var(--jt-cyan-500);box-shadow:var(--jt-shadow-m);
    display:none;z-index:10;text-align:left;
}
.jt-nav ul.jt-menu > li:hover > ul.jt-sub{display:block;}
.jt-nav ul.jt-sub li > a{display:block;padding:11px 16px;font-size:14px;color:var(--jt-ink-600);border-bottom:1px solid var(--jt-gray-100);}
.jt-nav ul.jt-sub li > a:hover{background:var(--jt-blue-100);color:var(--jt-blue-700);}
.jt-burger{display:none;background:none;border:none;padding:8px;cursor:pointer;margin-left:auto;}
.jt-burger i{display:block;width:24px;height:2.5px;background:#fff;margin:5px 0;border-radius:2px;}

/* ==========================================================================
   3. Hero
   ========================================================================== */
/* Hero 底色 v3 提亮一档（#072140 → #0E4C8A 起），但"亮"主要靠局部光晕：
   文字所在区域仍保持足够深度，保证深底文字色不失控。
   亮端锁 #1565C0：更亮的蓝会让压在上面的青色标注掉到 3:1 以下 */
.jt-hero{position:relative;overflow:hidden;color:#fff;
    background:linear-gradient(115deg,#0E4C8A 0%,#11559A 32%,#1565C0 100%);}
/* 光晕层：右上高光青 + 左下亮蓝，营造"晶体折射"的通透感（v3 加强） */
.jt-hero::before{content:"";position:absolute;inset:0;z-index:0;background:
    radial-gradient(ellipse 720px 480px at 90% 4%,rgba(11,184,206,.44),transparent 62%),
    radial-gradient(ellipse 640px 430px at 0% 102%,rgba(51,146,237,.52),transparent 64%),
    radial-gradient(ellipse 520px 340px at 46% 44%,rgba(79,224,239,.14),transparent 72%);}
/* 极淡工程网格：只做质感，不抢内容 */
.jt-hero::after{content:"";position:absolute;inset:0;z-index:0;opacity:.15;
    background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
    background-size:56px 56px;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 76%);
    mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 76%);}
.jt-hero .jt-container{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;padding-top:80px;padding-bottom:80px;}
.jt-hero .jt-tag{
    display:inline-block;background:rgba(11,184,206,.16);border:1px solid rgba(79,224,239,.5);
    color:var(--jt-cyan-400);font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;letter-spacing:1px;margin-bottom:20px;
}
.jt-hero h1{font-size:44px;font-weight:800;letter-spacing:2px;color:#fff;line-height:1.3;}
.jt-hero h1 em{font-style:normal;color:var(--jt-cyan-400);}
.jt-hero .jt-lead{margin:20px 0 30px;font-size:17px;color:var(--jt-on-dark-2);max-width:560px;}
.jt-hero .jt-acts{display:flex;gap:16px;flex-wrap:wrap;}
.jt-hero .jt-badges{display:flex;gap:22px;margin-top:34px;flex-wrap:wrap;}
.jt-hero .jt-badges .jt-b{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--jt-on-dark-3);}
.jt-hero .jt-badges svg{width:18px;height:18px;fill:var(--jt-cyan-400);flex-shrink:0;}
/* —— Hero 右侧影像窗：原理图 + 工程场景轮播（v3 新增） —— */
.jt-hero-rot{
    position:relative;overflow:hidden;border-radius:14px;
    aspect-ratio:460 / 404;width:100%;max-width:470px;justify-self:end;
    border:1px solid rgba(255,255,255,.24);
    background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.03));
    box-shadow:0 26px 60px rgba(4,28,58,.42);
}
.jt-hslide{
    position:absolute;inset:0;opacity:0;transition:opacity .9s ease;
    display:flex;align-items:center;justify-content:center;
}
.jt-hslide.on{opacity:1;}
.jt-hslide img{width:100%;height:100%;object-fit:cover;}
/* 实拍图染蓝：与深色 Hero 融为一体，消除"贴图感"，又保住工程影像的可信度 */
.jt-hslide--photo::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(14,76,138,.34) 0%,rgba(17,85,154,.20) 42%,rgba(9,50,98,.80) 100%);
}
/* 原理图帧加半透明深海蓝衬底：SVG 文字始终落在可控深底上（不受 Hero 亮端影响），
   同时保留 45% 通透度，右上光晕仍能透出 */
.jt-hslide--diagram{padding:24px;background:linear-gradient(160deg,rgba(9,50,98,.52),rgba(14,76,138,.30));}
.jt-hslide--diagram svg{width:100%;height:auto;max-width:400px;filter:drop-shadow(0 18px 36px rgba(0,0,0,.32));}
/* 说明条（原理图 / 工程场景 各自标注） */
.jt-hcap{
    position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px 14px;
    font-size:13px;font-weight:700;letter-spacing:.6px;color:#fff;
    display:flex;align-items:center;gap:8px;
    background:linear-gradient(transparent,rgba(8,42,84,.90));
}
.jt-hcap i{width:6px;height:6px;border-radius:50%;background:var(--jt-cyan-400);flex-shrink:0;}
.jt-hcap span{color:var(--jt-on-dark-3);font-weight:400;font-size:12px;letter-spacing:.3px;}
/* 指示点（右上竖排，不干扰左下说明条） */
.jt-hdots{position:absolute;right:14px;top:14px;z-index:3;display:flex;flex-direction:column;gap:7px;}
.jt-hdots i{
    width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);
    cursor:pointer;transition:all var(--jt-tr);
}
.jt-hdots i:hover{background:rgba(255,255,255,.8);}
.jt-hdots i.on{background:#fff;height:20px;border-radius:5px;}
/* —— Hero 浮动数据卡（照搬设计方案 .float-card：左上「20-30mm」/ 右下「同寿共生」）——
   .jt-hero-rot 为 overflow:hidden（4 张照片帧靠它裁圆角），故两卡落在窗体内：
   · fc1 落在混凝土块上沿（窗体内恒为 39~41%，任何宽度都不碰标题、副标与喷涂箭头）；
   · fc2 抬到说明条之上，压住右下角结晶块——老板确认「压一点图没关系」。
   两卡 pointer-events:none，不拦截 3 张实拍帧的链接点击。 */
.jt-fcard{
    position:absolute;z-index:4;pointer-events:none;width:max-content;text-align:left;
    background:rgba(255,255,255,.97);border-radius:10px;
    box-shadow:0 18px 40px rgba(4,28,58,.34);
    padding:14px 18px;color:var(--jt-ink-900);
    animation:jt-float 4s ease-in-out infinite;
}
.jt-fcard .n{font-size:22px;font-weight:800;color:var(--jt-blue-700);line-height:1.2;}
.jt-fcard .t{font-size:12px;color:var(--jt-ink-400);line-height:1.4;margin-top:1px;}
/* fc1 左上角 / fc2 右下角：对角构图，回到设计方案 .fc1/.fc2 的原意。
   原理图帧的图内标题已改写为右上对齐，fc1 不再与图内文字相交
   （硬指标校验见 tools/_hero_fcard_check.py）。 */
.jt-fcard--1{top:6%;left:2.6%;}
.jt-fcard--2{right:2.6%;bottom:15%;animation-delay:2s;}
@keyframes jt-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@media (prefers-reduced-motion: reduce){
    .jt-hslide{transition:none;}
    .jt-fcard{animation:none;}
}

/* ==========================================================================
   4. 数据条
   ========================================================================== */
/* 数据条：原为深底，与 Hero 连成两段深色 → 改浅底，Hero 之后立即"透气" */
.jt-stats{background:linear-gradient(180deg,#FFFFFF 0%,var(--jt-blue-100) 100%);
    border-top:1px solid var(--jt-gray-200);border-bottom:1px solid var(--jt-gray-200);}
.jt-stats .jt-container{display:grid;grid-template-columns:repeat(4,1fr);}
.jt-stats .jt-s{padding:26px 12px;text-align:center;border-left:1px solid var(--jt-gray-200);}
.jt-stats .jt-s:first-child{border-left:none;}
.jt-stats .jt-n{font-size:30px;font-weight:800;color:var(--jt-blue-700);line-height:1.2;}
.jt-stats .jt-n small{font-size:15px;font-weight:600;color:var(--jt-cyan-700);}
.jt-stats .jt-t{font-size:13px;color:var(--jt-ink-600);margin-top:2px;}

/* ==========================================================================
   5. 产品体系
   ========================================================================== */
.jt-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.jt-cat{background:#fff;border:1px solid var(--jt-gray-200);border-radius:14px;padding:30px 26px;position:relative;overflow:hidden;
    transition:transform var(--jt-tr),box-shadow var(--jt-tr),border-color var(--jt-tr);}
.jt-cat::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;
    background:linear-gradient(90deg,var(--jt-blue-500),var(--jt-cyan-500));
    transform:scaleX(0);transform-origin:left;transition:transform var(--jt-tr);}
.jt-cat:hover{transform:translateY(-6px);box-shadow:var(--jt-shadow-m);border-color:transparent;}
.jt-cat:hover::before{transform:scaleX(1);}
.jt-cat .jt-ic{width:56px;height:56px;border-radius:10px;background:var(--jt-blue-100);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:background var(--jt-tr);}
.jt-cat .jt-ic svg{width:30px;height:30px;fill:var(--jt-blue-500);transition:fill var(--jt-tr);}
.jt-cat:hover .jt-ic{background:var(--jt-cyan-100);}
.jt-cat:hover .jt-ic svg{fill:var(--jt-cyan-500);}
.jt-cat h3{font-size:19px;margin-bottom:8px;}
.jt-cat p{font-size:13.5px;color:var(--jt-ink-600);min-height:64px;margin-bottom:14px;}
.jt-cat .jt-links{display:flex;flex-wrap:wrap;gap:6px;}
.jt-cat .jt-links a{font-size:12px;color:var(--jt-blue-700);background:var(--jt-gray-100);padding:4px 10px;border-radius:999px;}
.jt-cat .jt-links a:hover{background:var(--jt-cyan-100);color:var(--jt-blue-700);}
.jt-cat .jt-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:600;color:var(--jt-blue-700);}
.jt-cat .jt-more:hover{color:var(--jt-orange-500);}

/* ==========================================================================
   6. 明星产品
   ========================================================================== */
.jt-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.jt-prod{background:#fff;border:1px solid var(--jt-gray-200);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;
    transition:transform var(--jt-tr),box-shadow var(--jt-tr);}
.jt-prod:hover{transform:translateY(-6px);box-shadow:var(--jt-shadow-m);}
.jt-prod .jt-thumb{height:200px;overflow:hidden;background:var(--jt-gray-100);}
.jt-prod .jt-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.jt-prod:hover .jt-thumb img{transform:scale(1.05);}
.jt-prod .jt-body{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column;}
.jt-prod h3{font-size:17px;margin-bottom:10px;}
.jt-prod p{font-size:13.5px;color:var(--jt-ink-600);flex:1;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.jt-prod .jt-tags{display:flex;gap:8px;margin:14px 0 18px;flex-wrap:wrap;}
.jt-prod .jt-tags span{font-size:12px;color:var(--jt-blue-700);background:var(--jt-blue-100);padding:3px 10px;border-radius:4px;}
.jt-prod .jt-more{margin-top:auto;font-size:14px;font-weight:600;color:var(--jt-blue-700);display:inline-flex;align-items:center;gap:6px;}
.jt-prod .jt-more:hover{color:var(--jt-orange-500);}

/* ==========================================================================
   7. 三大优势
   ========================================================================== */
.jt-advs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
/* 白卡压在浅蓝带上：靠描边 + 顶部青条 + 柔和投影撑层次（不再靠深底衬托） */
.jt-adv{position:relative;overflow:hidden;background:#fff;border:1px solid var(--jt-gray-200);border-radius:14px;padding:34px 30px 32px;
    box-shadow:0 6px 20px rgba(14,76,138,.10);
    transition:transform var(--jt-tr),box-shadow var(--jt-tr),border-color var(--jt-tr);}
.jt-adv::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--jt-cyan-500),var(--jt-blue-500));}
.jt-adv:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(14,76,138,.18);border-color:#CFE2F8;}
.jt-adv .jt-num{font-size:13px;font-weight:700;color:var(--jt-cyan-700);letter-spacing:3px;margin-bottom:12px;}
.jt-adv h3{font-size:20px;margin-bottom:12px;color:var(--jt-blue-900);}
.jt-adv p{font-size:14px;color:var(--jt-ink-600);}
.jt-adv .jt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.jt-adv .jt-chips span{font-size:12px;color:var(--jt-blue-700);background:var(--jt-blue-100);border:1px solid #D3E4FA;padding:4px 12px;border-radius:999px;}

/* ==========================================================================
   8. 服务流程
   ========================================================================== */
.jt-flow{display:grid;grid-template-columns:repeat(8,1fr);}
.jt-flow .jt-step{text-align:center;padding:0 6px;position:relative;}
.jt-flow .jt-dot{width:62px;height:62px;margin:0 auto 12px;border-radius:50%;background:#fff;border:2px solid var(--jt-gray-200);
    display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all var(--jt-tr);}
.jt-flow .jt-dot svg{width:27px;height:27px;fill:var(--jt-blue-500);transition:fill var(--jt-tr);}
.jt-flow .jt-step:hover .jt-dot{border-color:var(--jt-cyan-500);background:var(--jt-cyan-100);transform:scale(1.08);}
.jt-flow .jt-step:hover .jt-dot svg{fill:var(--jt-cyan-500);}
.jt-flow .jt-step::before{content:"";position:absolute;top:31px;left:calc(-50% + 31px);right:calc(50% + 31px);height:2px;background:var(--jt-gray-200);z-index:1;}
.jt-flow .jt-step:first-child::before{display:none;}
.jt-flow .jt-step:hover::before{background:var(--jt-cyan-500);}
.jt-flow .jt-t{font-size:14px;font-weight:600;color:var(--jt-blue-900);}
.jt-flow .jt-n{font-size:11px;color:var(--jt-ink-400);}

/* ==========================================================================
   9. 案例
   ========================================================================== */
.jt-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.jt-case{background:#fff;border:1px solid var(--jt-gray-200);border-radius:14px;overflow:hidden;
    transition:transform var(--jt-tr),box-shadow var(--jt-tr);}
.jt-case:hover{transform:translateY(-6px);box-shadow:var(--jt-shadow-m);}
.jt-case .jt-thumb{height:170px;overflow:hidden;background:var(--jt-gray-100);}
.jt-case .jt-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.jt-case:hover .jt-thumb img{transform:scale(1.05);}
.jt-case .jt-body{padding:18px 20px 22px;}
.jt-case .jt-cat-tag{font-size:12px;color:var(--jt-cyan-700);font-weight:600;letter-spacing:1px;}
.jt-case h3{font-size:16px;margin:6px 0 8px;}
.jt-case p{font-size:13px;color:var(--jt-ink-600);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.jt-catlinks{display:flex;justify-content:center;gap:12px;margin-top:34px;flex-wrap:wrap;}
.jt-catlinks a{font-size:13.5px;color:var(--jt-blue-700);border:1px solid #D3E4FA;background:#fff;padding:8px 18px;border-radius:999px;}
.jt-catlinks a:hover{background:var(--jt-blue-100);}

/* ==========================================================================
   10. 资质与检测
   ========================================================================== */
.jt-certs{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.jt-cert{background:#fff;border:1px solid var(--jt-gray-200);border-radius:12px;overflow:hidden;
    transition:transform var(--jt-tr),box-shadow var(--jt-tr);}
.jt-cert:hover{transform:translateY(-4px);box-shadow:var(--jt-shadow-m);}
.jt-cert img{width:100%;height:230px;object-fit:cover;}
.jt-cert .jt-cap{padding:14px 16px;font-size:13.5px;color:var(--jt-ink-600);text-align:center;}

/* ==========================================================================
   11. 资讯
   ========================================================================== */
.jt-news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.jt-newscard{background:#fff;border:1px solid var(--jt-gray-200);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:10px;
    transition:box-shadow var(--jt-tr),border-color var(--jt-tr);}
.jt-newscard:hover{box-shadow:var(--jt-shadow-m);border-color:var(--jt-blue-100);}
.jt-newscard .jt-date{font-size:13px;color:var(--jt-ink-400);}
.jt-newscard .jt-date b{color:var(--jt-blue-700);font-size:16px;margin-right:6px;}
.jt-newscard h3{font-size:16px;line-height:1.5;flex:1;}
.jt-newscard:hover h3{color:var(--jt-blue-700);}
.jt-newscard p{font-size:13px;color:var(--jt-ink-600);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.jt-newsnav{display:flex;justify-content:center;gap:14px;margin-bottom:28px;flex-wrap:wrap;}
.jt-newsnav a{font-size:13.5px;font-weight:600;color:var(--jt-blue-700);background:var(--jt-blue-100);padding:8px 20px;border-radius:999px;}
.jt-newsnav a:hover{background:var(--jt-cyan-100);color:var(--jt-blue-700);}

/* ==========================================================================
   12. 关于
   ========================================================================== */
.jt-about{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;}
.jt-about h2{font-size:30px;margin-bottom:6px;}
.jt-about .jt-en{color:var(--jt-cyan-700);font-size:13px;letter-spacing:2px;margin-bottom:20px;}
.jt-about p{color:var(--jt-ink-600);font-size:15px;margin-bottom:14px;}
.jt-about .jt-slogan{border-left:4px solid var(--jt-cyan-500);background:var(--jt-cyan-100);padding:16px 20px;
    border-radius:0 6px 6px 0;font-weight:600;color:var(--jt-blue-900);margin-top:20px;}
.jt-points{display:grid;gap:14px;}
.jt-points .jt-p{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--jt-ink-600);}
.jt-points svg{width:20px;height:20px;fill:var(--jt-blue-500);flex-shrink:0;margin-top:3px;}
.jt-about-img{border-radius:14px;overflow:hidden;box-shadow:var(--jt-shadow-m);}
.jt-about-img img{width:100%;}

/* ==========================================================================
   13. 联系 / 询盘
   ========================================================================== */
.jt-contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.jt-contact h2{font-size:30px;color:#fff;margin-bottom:14px;}
.jt-contact .jt-lead{color:var(--jt-on-dark-2);font-size:15px;margin-bottom:24px;}
.jt-telbig{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.jt-telbig .jt-ti{width:52px;height:52px;border-radius:10px;background:rgba(200,75,6,.24);border:1px solid rgba(255,138,61,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.jt-telbig .jt-ti svg{width:26px;height:26px;fill:var(--jt-orange-300);}
.jt-telbig .jt-ph{font-size:27px;font-weight:800;color:#fff;letter-spacing:1px;line-height:1.2;}
.jt-telbig .jt-lb{font-size:12.5px;color:var(--jt-on-dark-3);}
.jt-contact .jt-note{font-size:13px;color:var(--jt-on-dark-3);}
.jt-card-white{background:#fff;border-radius:14px;padding:34px;box-shadow:var(--jt-shadow-m);text-align:center;}
.jt-card-white h3{font-size:20px;margin-bottom:16px;}
.jt-card-white img.jt-qr{width:170px;height:170px;object-fit:contain;margin:0 auto 14px;}
.jt-card-white .jt-tip2{font-size:13px;color:var(--jt-ink-400);margin-bottom:20px;}
.jt-contact-list{display:grid;gap:12px;text-align:left;font-size:14px;color:var(--jt-ink-600);margin-top:6px;}
.jt-contact-list .jt-li{display:flex;gap:10px;align-items:flex-start;}
.jt-contact-list svg{width:18px;height:18px;fill:var(--jt-blue-500);flex-shrink:0;margin-top:3px;}

/* ==========================================================================
   14. 页脚
   ========================================================================== */
.jt-foot{background:linear-gradient(155deg,#0E4C8A 0%,#11559A 58%,#1565C0 100%);color:var(--jt-on-dark-3);font-size:14px;}
.jt-foot a{color:var(--jt-on-dark-3);}
.jt-foot a:hover{color:var(--jt-cyan-300);}
.jt-foot .jt-fmain{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;padding:54px 0 38px;}
.jt-foot h4{color:#fff;font-size:16px;margin-bottom:16px;}
.jt-foot li{margin-bottom:10px;}
.jt-foot .jt-fbrand p{margin-top:14px;font-size:13px;line-height:1.85;}
.jt-foot .jt-logo b{color:#fff;}
.jt-foot .jt-logo span{color:var(--jt-on-dark-3);}
.jt-foot .jt-fcontact li{display:flex;gap:10px;align-items:flex-start;}
.jt-foot .jt-fcontact svg{width:16px;height:16px;fill:var(--jt-cyan-400);flex-shrink:0;margin-top:4px;}
.jt-foot .jt-fbottom{border-top:1px solid var(--jt-on-dark-line);padding:18px 0;font-size:12.5px;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* ==========================================================================
   15. 响应式
   ========================================================================== */
@media (max-width:1100px){
    .jt-hero .jt-container{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;}
    /* 影像窗在单列布局下保留（它是 Hero 的主视觉），居中并限宽 */
    .jt-hero-rot{justify-self:center;max-width:520px;}
    .jt-cats{grid-template-columns:repeat(2,1fr);}
    .jt-prods{grid-template-columns:repeat(2,1fr);}
    .jt-advs{grid-template-columns:1fr;}
    .jt-flow{grid-template-columns:repeat(4,1fr);row-gap:28px;}
    .jt-flow .jt-step::before{display:none;}
    .jt-cases{grid-template-columns:repeat(2,1fr);}
    .jt-certs{grid-template-columns:repeat(2,1fr);}
    .jt-news{grid-template-columns:1fr;}
    .jt-about,.jt-contact{grid-template-columns:1fr;gap:34px;}
    .jt-foot .jt-fmain{grid-template-columns:1fr 1fr;}
    .jt-header .jt-telbox{display:none;}
}
@media (max-width:720px){
    .jt-topbar .jt-container{justify-content:center;}
    .jt-topbar .jt-l{display:none;}
    .jt-nav .jt-container{position:relative;display:block;}
    .jt-burger{display:block;position:absolute;right:14px;top:6px;}
    .jt-nav ul.jt-menu{display:none;flex-direction:column;}
    /* 展开：白底蓝字浮层，盖在内容之上（避免透明底白字看不清）；
       高度受视口约束且可滚动 —— 否则菜单项超出屏幕后无法滑到、点不到 */
    .jt-nav ul.jt-menu.jt-open{
        position:absolute; left:0; right:0; top:100%; z-index:9000;
        display:flex; flex-direction:column;
        background:#fff; box-shadow:0 12px 30px rgba(4,28,58,.18);
        padding:6px 0 12px;
        max-height:calc(100vh - 176px); max-height:calc(100dvh - 176px);
        overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
    }
    .jt-nav ul.jt-menu > li{flex:none;text-align:left;border-bottom:1px solid #f2f5f8;}
    .jt-nav ul.jt-menu > li:last-child{border-bottom:none;}
    .jt-nav ul.jt-menu > li > a{
        padding:13px 20px; color:#0E4C8A; font-size:15px; font-weight:500;
        background:transparent; box-shadow:none;
    }
    .jt-nav ul.jt-menu > li > a:hover{background:#EAF3FA;color:#1565C0;}
    /* 选中态：淡蓝底 + 蓝字 + 青下划线（与内页统一） */
    .jt-nav ul.jt-menu > li.jt-on > a{
        background:#EAF3FA; color:#1565C0; font-weight:600;
        box-shadow:inset 0 -3px 0 #0BB8CE;
    }
    .jt-nav ul.jt-sub{position:static;display:block;box-shadow:none;border-top:1px solid #f2f5f8;background:#fff;}
    .jt-nav ul.jt-sub li > a{color:#13518F;padding:10px 34px;border-bottom:none;background:transparent;}
    .jt-nav ul.jt-sub li > a:hover{background:#EAF3FA;color:#1565C0;}
    .jt-header .jt-container{height:64px;}
    .jt-logo img{height:38px;}
    .jt-logo b{font-size:17px;}
    .jt-hero h1{font-size:29px;}
    .jt-hero .jt-lead{font-size:15px;}
    .jt-sec{padding:48px 0;}
    .jt-head h2{font-size:24px;}
    .jt-stats .jt-container{grid-template-columns:repeat(2,1fr);}
    .jt-stats .jt-s{border-top:1px solid var(--jt-gray-200);}
    .jt-stats .jt-s:nth-child(-n+2){border-top:none;}
    .jt-stats .jt-s:nth-child(3){border-left:none;}
    .jt-cats,.jt-prods,.jt-cases,.jt-certs{grid-template-columns:1fr;}
    .jt-flow{grid-template-columns:repeat(2,1fr);}
    .jt-foot .jt-fmain{grid-template-columns:1fr;gap:28px;}
    .jt-card-white{padding:26px 20px;}
    /* 浮卡窄屏缩一号；定在左上 / 右下角 */
    .jt-fcard{padding:10px 13px;border-radius:8px;box-shadow:0 12px 26px rgba(4,28,58,.32);}
    .jt-fcard .n{font-size:17px;}
    .jt-fcard .t{font-size:10.5px;}
    .jt-fcard--2{right:2.6%;bottom:20%;}
    /* 顶部信息条：窄屏单行显示、字号收小，不折行 */
    .jt-topbar{font-size:11px;overflow:hidden;}
    .jt-topbar .jt-container{height:32px;padding-left:10px;padding-right:10px;}
    .jt-topbar .jt-hot{font-size:11px;white-space:nowrap;min-width:0;}
    .jt-topbar .jt-hot svg{width:12px;height:12px;}
    /* 影像窗说明条：窄屏单行显示、字号收小，不折行 */
    .jt-hcap{font-size:11.5px;padding:10px 12px 9px;gap:6px;white-space:nowrap;overflow:hidden;}
    .jt-hcap span{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
}

/* ==========================================================================
   首页移动端底部整条横条（与内页 .sidebar3 同款；桌面隐藏，仅 ≤720px 出现）
   ========================================================================== */
.jt-mbar { display: none; }

@media (max-width: 720px) {
    .jt-mbar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row !important;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff;
        border-top: 1px solid #eceff3;
        -webkit-box-shadow: 0 -3px 14px rgba(4, 28, 58, .10);
        box-shadow: 0 -3px 14px rgba(4, 28, 58, .10);
        z-index: 9500;
    }

    .jt-mbar-item,
    .jt-mbar-top {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 0 !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: 58px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center !important;
        gap: 3px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 14px !important;
        color: #041c3a !important;
        text-decoration: none !important;
        background: transparent !important;
        border: none !important;
        border-right: 1px solid #f2f5f8 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        cursor: pointer;
    }

    .jt-mbar-item:last-of-type,
    .jt-mbar-top {
        border-right: none !important;
    }

    .jt-mbar-item svg,
    .jt-mbar-top svg {
        width: 22px !important;
        height: 22px !important;
        fill: #1565C0 !important;
    }

    .jt-mbar-top {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 52px !important;
        flex: 0 0 52px !important;
    }

    .jt-mbar-wx {
        position: relative !important;
    }

    .jt-mbar-qr {
        display: none;
        position: absolute !important;
        bottom: 64px !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%) !important;
        background: #fff;
        border: 1px solid #eceff3;
        border-radius: 8px;
        padding: 6px !important;
        box-shadow: 0 -3px 14px rgba(4, 28, 58, .12);
        font-size: 11px !important;
        white-space: nowrap;
        z-index: 9501;
    }

    .jt-mbar-qr img {
        width: 96px !important;
        height: 96px !important;
        display: block !important;
    }

    .jt-mbar-wx:active .jt-mbar-qr,
    .jt-mbar-wx:hover .jt-mbar-qr {
        display: block !important;
    }

    /* 移动端隐藏首页自带小浮钮，避免与底条双栏 */
    #jt-float {
        display: none !important;
    }

    /* 首页底条安全区（仅移动端） */
    body:has(.jt-mbar) {
        padding-bottom: 58px !important;
    }
}