/* 2026-11-07：原 index.jsp 三段内联 <style>（约 36KB）外置。
   注意：新版首页样式的 !important 与顺序是刻意设计（压 style.css 的 .container{display:flex} 等全局规则），
   本文件必须在 style.css 之后加载，且内部顺序保持原样，勿随意重排。 */
    .brand_strip{background:#0e2f4a;padding:12px 0;}
    .brand_strip .container{display:flex !important;flex-wrap:wrap;align-items:center;gap:8px 10px;width:90%;max-width:1220px;margin:0 auto;}
    .bs_label{color:#9fc3de;font-size:13px;margin-right:4px;}
    .bs_item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:4px 14px;font-size:12.5px;letter-spacing:.4px;font-family:Inter,Arial,sans-serif;}
    .bs_more{color:#7ea9c6;font-size:12px;margin-left:auto;}
    .cat_grid{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px;margin:26px 0 40px;}
    @media (max-width:1199px){.cat_grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}}
    @media (max-width:991px){.cat_grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}}
    @media (max-width:767px){.cat_grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
    @media (max-width:479px){.cat_grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
    .cg_item{display:block;background:#fff;border:1px solid #e8eef4;border-radius:10px;padding:14px 10px 12px;text-align:center;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 1px 5px rgba(16,42,67,.05);}
    .cg_item:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(11,117,190,.16);}
    .cg_img{display:flex;align-items:center;justify-content:center;height:96px;}
    .cg_img img{max-width:100%;max-height:96px;width:auto;height:auto;display:inline-block;}
    .cg_all{border-style:dashed;}
    .cg_tile{background:linear-gradient(160deg,#f4f9ff,#eaf3fb);border-color:#d7e7f5;}
    .cg_img .fa{font-size:42px;color:#0b75be;opacity:.85;}
    .cg_all .cg_img .fa{color:#0b75be;}
    .cg_tile:hover .fa{opacity:1;}
    .cg_tile .cg_name{color:#0b5e96;}
    .cg_name{display:block;margin-top:8px;font-family:Inter,Arial,sans-serif;font-size:14px;color:#223;line-height:1.35;}
    .cg_item:hover .cg_name{color:#0b75be;}
    /* All Categories 提级为标题行右侧入口（它是目录入口，与具体类目不同层级，不入网格） */
    .cg_head{display:flex !important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;width:90%;max-width:1220px;margin:0 auto;float:none;padding-top:34px;}
    .cg_head::before,.cg_head::after{display:none !important;content:none !important;}
    .cg_head .maintitle{margin:0 !important;float:none;}
    .cg_viewall{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #0b75be;color:#0b75be;background:#fff;border-radius:999px;padding:8px 22px;font-family:Inter,Arial,sans-serif;font-size:13.5px;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;transition:all .22s;white-space:nowrap;}
    .cg_viewall:hover{background:#0b75be;color:#fff;box-shadow:0 6px 16px rgba(11,117,190,.3);transform:translateY(-1px);}
    .cg_viewall .fa-arrow-right{transition:transform .2s;font-size:12px;}
    .cg_viewall:hover .fa-arrow-right{transform:translateX(3px);}
    /* ===== 工厂实力画廊（深色区，替代原 Success Cases 白底图堆） ===== */
    .fs_sec{background:#152233;color:#aebfd0;padding:54px 0 58px;}
    .fs_head{max-width:1220px;width:92%;margin:0 auto 26px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;}
    .fs_head h2{font-family:Inter,Arial,sans-serif;font-size:27px;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;}
    .fs_head h2::after{content:"";display:block;width:46px;height:3px;background:linear-gradient(90deg,#0b75be,#1d97d8);margin-top:12px;border-radius:2px;}
    .fs_head p{margin:10px 0 0;font-size:14px;color:#8ba3ba;max-width:660px;line-height:1.7;}
    .fs_cases{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:9px 22px;font-size:13px;font-family:Inter,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;transition:all .22s;white-space:nowrap;}
    .fs_cases:hover{background:#fff;color:#152233;border-color:#fff;}
    .fs_hero{max-width:1220px;width:92%;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:22px;}
    .fs_herolink{overflow:hidden;border-radius:14px;display:block;position:relative;min-height:300px;}
    .fs_herolink img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
    .fs_herolink:hover img{transform:scale(1.035);}
    .fs_herolink::after{content:"\00a0";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,transparent,rgba(8,15,25,.75));}
    .fs_herolink .fs_cap{position:absolute;left:14px;bottom:10px;z-index:1;}
    .fs_about{background:#1b2c42;border:1px solid #29405c;border-radius:14px;padding:24px 26px;display:flex;flex-direction:column;}
    .fs_about h3{font-family:Inter,Arial,sans-serif;color:#fff;font-size:19px;margin:0 0 10px;letter-spacing:.4px;}
    .fs_about p{font-size:13.5px;line-height:1.85;color:#a3b7cb;margin:0 0 14px;}
    .fs_points{list-style:none;margin:0 0 18px;padding:0;}
    .fs_points li{font-size:13px;margin-bottom:9px;color:#c8d8e6;}
    .fs_points i{color:#2fbf71;margin-right:8px;}
    .fs_cta{margin-top:auto;align-self:flex-start;background:linear-gradient(135deg,#ff9d00,#ff6a00);color:#fff;border-radius:8px;padding:12px 24px;font-weight:700;font-size:13.5px;letter-spacing:.5px;text-decoration:none;transition:transform .18s,box-shadow .18s;text-transform:uppercase;font-family:Inter,Arial,sans-serif;}
    .fs_cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,120,0,.35);}
    .fs_grid{max-width:1220px;width:92%;margin:22px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
    .fs_cell{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:#0f1a29;}
    .fs_cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s;}
    .fs_cell:hover img{transform:scale(1.07);}
    .fs_cap{font-size:12.5px;color:#fff;background:transparent;padding:20px 12px 10px;position:absolute;left:0;right:0;bottom:0;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.7);transition:background .25s;}
    .fs_cell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,transparent,rgba(8,15,25,.78));pointer-events:none;}
    .fs_cell:hover .fs_cap{color:#7cc4f0;}
    @media (max-width:1100px){.fs_hero{grid-template-columns:1fr;}.fs_herolink{min-height:260px;}}
    @media (max-width:1024px){.fs_grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media (max-width:560px){.fs_sec{padding:38px 0 42px;}.fs_head h2{font-size:22px;}.fs_points{margin-bottom:14px;}}
    /* ===== 首页 hero（keeyak 式：实拍厂区大图 + 左侧文案双 CTA，替代原白底拼贴轮播） ===== */
    html{scroll-behavior:smooth;}
    #quote,#truck_categories{scroll-margin-top:86px;}
    .hero2{position:relative;width:100%;overflow:hidden;background:#0d1a26;}
    .hero2 picture,.hero2 .hero2_bg{display:block;}
    .hero2 .hero2_bg{width:100%;height:auto;min-height:400px;max-height:78vh;object-fit:cover;}
    /* 热修二十六·二改：弃全蓝渐变（照片罩蓝发糊），走中性墨蓝遮罩+纯白字+单一品牌蓝点缀、实色无渐变 */
    .hero2_dim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,28,.88) 0%,rgba(9,17,28,.60) 44%,rgba(9,17,28,.06) 80%);}
    .hero2_in{position:absolute;inset:0;max-width:1220px;width:92%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;}
    .hero2_kicker{display:inline-flex;align-items:center;gap:9px;color:#c9d9e8;font-family:Inter,Arial,sans-serif;font-size:13px;letter-spacing:2.6px;text-transform:uppercase;margin:0 0 12px;font-weight:600;}
    .hero2_kicker::before{content:"";width:28px;height:2px;background:#35a3e8;border-radius:2px;}
    .hero2_in h1{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:clamp(32px,4.9vw,58px);line-height:1.1;color:#fff;letter-spacing:.5px;margin:0 0 16px;text-shadow:0 2px 14px rgba(0,10,25,.55);}
    .hero2_in h1 span{color:#35a3e8;background:none;-webkit-text-fill-color:currentColor;}
    .hero2_in p{max-width:600px;font-size:15.5px;line-height:1.85;color:#dde7f0;margin:0 0 20px;text-shadow:0 1px 6px rgba(0,10,25,.65);}
    .hero2_in p b{color:#fff;}
    h2.maintitle{display:block;width:auto;}
    .h2_badges{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px;padding:0;list-style:none;}
    .h2_badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:999px;padding:7px 16px 7px 9px;font-size:12.5px;color:#fff;letter-spacing:.3px;font-weight:600;}
    .h2_badge i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14);font-size:13px;}
    .h2_badge.gold i{color:#ffd257;} .h2_badge.green i{color:#5ee6a0;} .h2_badge.blue i{color:#6cc5ff;} .h2_badge.orange i{color:#ffab52;}
    .hero2_btns{display:flex;gap:14px;flex-wrap:wrap;}
    .hb_blue,.hb_ghost{display:inline-flex;align-items:center;gap:9px;border-radius:8px;padding:15px 32px;font-family:Inter,Arial,sans-serif;font-size:15px;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;}
    .hb_blue{background:#0b75be;color:#fff;font-weight:700;box-shadow:0 10px 26px rgba(11,117,190,.40);}
    .hb_blue:hover{color:#fff;background:#0a6aad;transform:translateY(-2px);box-shadow:0 16px 34px rgba(11,117,190,.50);}
    .hb_ghost{background:rgba(255,255,255,.06);color:#fff;font-weight:600;border:1.5px solid rgba(255,255,255,.75);}
    .hb_ghost:hover{color:#0e2436;background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.35);}
    .hb_ghost i{font-size:12px;transition:transform .2s;}
    .hb_ghost:hover i{transform:translateX(3px);}
    /* 热修二十六：移动端黑漆漆整改——中性墨蓝遮罩、浓度上限 .82 且顶部透亮，图片微提亮 */
    @media (max-width:700px){.hero2_dim{background:linear-gradient(180deg,rgba(9,17,28,.10) 0%,rgba(9,17,28,.45) 48%,rgba(9,17,28,.82) 90%);}.hero2 .hero2_bg{min-height:0;aspect-ratio:880/1127;background:#0d1a26;filter:brightness(1.08);}.hero2_in{justify-content:flex-end;padding-bottom:24px;}.hero2_in p{display:none;}.h2_badges{margin-bottom:18px;}.h2_badge{padding:6px 12px 6px 7px;font-size:11.5px;}}
    .why_clw{position:relative;background:linear-gradient(rgba(8,18,33,.90),rgba(8,18,33,.94)),url('/uploads/factory/hero-aerial.webp') center/cover no-repeat;padding:54px 0 60px;}
    /* CSS 背景 thumb.js 管不到：image-set 协商 AVIF(源图 ~14KB vs webp 146KB)，老浏览器按上一行走 webp */
    .why_clw{background-image:linear-gradient(rgba(8,18,33,.90),rgba(8,18,33,.94)),image-set(url('/uploads/factory/hero-aerial.avif') type('image/avif'), url('/uploads/factory/hero-aerial.webp') type('image/webp'));}
    .wc_head{display:flex;flex-direction:column;align-items:center;text-align:center;width:90%;max-width:860px;margin:0 auto 34px;}
    .wc_kicker{display:inline-flex;align-items:center;gap:9px;color:#ffb42e;font-family:Inter,Arial,sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin:0 0 12px;font-weight:600;line-height:1;}
    .wc_kicker::before{content:"";width:26px;height:2px;background:#ffb42e;border-radius:2px;}
    .wc_head h2{font-family:Inter,Arial,sans-serif;font-size:29px;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;line-height:1.25;}
    .wc_head h2::after{content:"";display:block;width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ffab00,#ff6a00);margin:14px auto 16px;}
    .wc_head p{margin:0;color:#a9c0d4;font-size:14.5px;line-height:1.9;max-width:780px;}
    .why_clw .container{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px;align-items:stretch;flex-wrap:nowrap;width:90%;max-width:1220px;margin:0 auto;}
    .wc_item{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:14px;padding:28px 24px 24px;text-align:left;overflow:hidden;display:flex;flex-direction:column;transition:transform .28s,box-shadow .28s,border-color .28s,background .28s;}
    .wc_item::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#ffab00,#ff6a00);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
    .wc_item:hover{transform:translateY(-6px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.34);box-shadow:0 16px 34px rgba(0,0,0,.35);}
    .wc_item:hover::before{transform:scaleX(1);}
    .wc_item:nth-child(2)::before{background:linear-gradient(90deg,#3ddc84,#0ea562);}
    .wc_item:nth-child(3)::before{background:linear-gradient(90deg,#4db5ff,#0b75be);}
    .wc_item:nth-child(4)::before{background:linear-gradient(90deg,#b78cff,#7c4dff);}
    .wc_num{position:absolute;right:18px;top:14px;font-family:Inter,Arial,sans-serif;font-size:38px;font-weight:700;color:rgba(255,255,255,.10);line-height:1;z-index:0;}
    .wc_ic{display:flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#ffab00,#ff6a00);color:#fff;font-size:24px;line-height:1;margin-bottom:18px;box-shadow:0 8px 20px rgba(255,120,0,.38);transition:transform .28s;position:relative;z-index:1;}
    .wc_ic i{display:block;line-height:1;margin:0;position:relative;top:1px;}
    .wc_item:nth-child(2) .wc_ic{background:linear-gradient(135deg,#3ddc84,#0d9e5d);box-shadow:0 8px 20px rgba(30,180,100,.35);}
    .wc_item:nth-child(3) .wc_ic{background:linear-gradient(135deg,#4db5ff,#0b75be);box-shadow:0 8px 20px rgba(40,140,230,.35);}
    .wc_item:nth-child(4) .wc_ic{background:linear-gradient(135deg,#b78cff,#7c4dff);box-shadow:0 8px 20px rgba(140,90,255,.35);}
    .wc_item:hover .wc_ic{transform:scale(1.08) rotate(-4deg);}
    .wc_item b{display:block;font-family:Inter,Arial,sans-serif;font-size:17px;font-weight:600;color:#fff;letter-spacing:.6px;margin:0 0 9px;position:relative;z-index:1;line-height:1.3;min-height:2.6em;}
    .wc_item .wc_tx{font-size:13.5px;color:#aebfd2;line-height:1.85;display:block;position:relative;z-index:1;margin:0;}
    .wc_item .wc_tx em{font-style:normal;color:#ffd257;font-weight:600;}
    .cta_band{background:linear-gradient(135deg,#0b3a5e,#0b75be 55%,#1d97d8);padding:36px 0;}
    .cta_band .container{display:flex !important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;width:90%;max-width:1220px;margin:0 auto;}
    .cb_text h2{color:#fff;font-family:Inter,Arial,sans-serif;font-size:26px;margin:0 0 6px;letter-spacing:.5px;}
    .cb_text p{color:#d7e9f6;font-size:14px;margin:0;}
    .cb_btns{display:flex;flex-wrap:wrap;gap:10px;}
    .cb_btns a{border-radius:999px;padding:11px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;}
    .cb_btns a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.28);}
    .cb_wa{background:#0b7a3b;color:#fff;}/* 无障碍：白字压 #25d366 仅 2:1，深一档绿到过 AA */
    .cb_mail{background:#fff;color:#0b75be;}
    .cb_inq{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);}
    @media (max-width:900px){.why_clw .container{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
    @media (max-width:540px){.why_clw .container{grid-template-columns:minmax(0,1fr) !important;}.wc_num{display:none;}.why_clw{padding:36px 0 40px;}}
    @media (max-width:600px){.cat_grid{gap:10px;}.cg_img{height:70px;}.cg_img img{max-height:70px;}.cta_band .container{justify-content:center;text-align:center;}.bs_more{display:none;}}
    /* 关键修复：bootstrap.min.css 把 .container 当 clearfix（.container:before{display:table;content:" "}），
       伪元素会占据 grid/flex 的第一格，导致 Why-CLW 4 栏被挤成 3+1 换行。改 display 为 grid/flex 的容器必须关伪元素。 */
    .why_clw>.container::before,.why_clw>.container::after,
    .brand_strip>.container::before,.brand_strip>.container::after,
    .cta_band>.container::before,.cta_band>.container::after,
    .cat_content>.container::before,.cat_content>.container::after,
    .cat_grid::before,.cat_grid::after{display:none !important;content:none !important;}
    /* ===== Hot Products：grid 等高卡 + 整车 contain 展示（修复窄屏裁图/高度错乱），压过主题 float 布局 ===== */
    .hot_content ul{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:26px 0 40px;padding:0;float:none;}
    .hot_content ul::before,.hot_content ul::after{display:none !important;content:none !important;}
    .hot_content li.hot_content_li{float:none !important;width:auto !important;margin:0 !important;display:flex;flex-direction:column;background:#fff;border:1px solid #e8eef4;border-radius:10px;overflow:hidden;box-shadow:0 1px 5px rgba(16,42,67,.05);transition:transform .25s,box-shadow .25s;}
    .hot_content li.hot_content_li:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(11,117,190,.16);}
    .hot_content .images{display:block;padding:12px 12px 4px;}
    .hot_content .images img{height:168px;width:100% !important;object-fit:contain;display:block;}
    .hot_content .wrap{display:flex;flex-direction:column;flex:1;padding:6px 16px 16px;}
    /* 主题 .hot_content ul li .wrap{display:block} 权重更高，用同级选择器压回 flex，否则按钮无法沉底 */
    .hot_content ul li .wrap{display:flex !important;flex-direction:column;flex:1 1 auto;}
    .hot_content .title{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;}
    .hot_content .text{flex:1 1 auto;margin-bottom:10px;max-height:none !important;}/* 热修九：标签胶囊全端 flex+gap，间距不再依赖 nbsp；主题 .hot_content ul li .wrap .text{display:block} 特异性更高，压回见下行 */
    .hot_content ul li .wrap .text{display:flex !important;flex-wrap:wrap;gap:5px 6px;align-content:flex-start;}
    .hot_content .tag_text{white-space:normal;line-height:1.4;font-size:12.5px;padding:3px 9px;border-radius:10px;}/* 长标签(如 ISUZU NPR/ELF/700P/NQR)在胶囊内换行，不再被 nowrap+overflow 裁字 */
    .hot_content .more{margin-top:auto;}
    .hot_content ul li .wrap a.more{margin-top:auto !important;color:#5a6b7d;}/* 无障碍：主题 #888 白底仅 3.5:1，加深过 AA(5.5:1) */
    @media (max-width:1199px){.hot_content ul{grid-template-columns:repeat(3,minmax(0,1fr));}}
    @media (max-width:767px){.hot_content ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.hot_content .images img{height:128px;}.hot_content .images{padding:8px 8px 2px;}.hot_content .wrap{padding:4px 10px 12px;}.hot_content .text{margin-top:6px;gap:4px 5px;}.hot_content .tag_text{font-size:10.5px;line-height:1.4;padding:2px 7px;border-radius:9px;}}
    @media (max-width:420px){.hot_content .title{font-size:12.5px;min-height:2.9em;}.hot_content .tag_text{font-size:10.5px;}}
    /* ===== 门户补全（2026-09-14）：视频橱窗 / 交付案例 / 订购流程 ===== */
    /* -- 视频橱窗 -- */
    .vs_sec{background:#f6f9fc;padding:50px 0 56px;border-top:1px solid #e8eef4;border-bottom:1px solid #e8eef4;}
    .vs_sec .container{display:block !important;}
    .vs_head{max-width:1220px;width:92%;margin:0 auto 8px;display:flex !important;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;}
    .vs_head h2{font-family:Inter,Arial,sans-serif;font-size:27px;color:#182838;text-transform:uppercase;letter-spacing:1px;margin:0;}
    .vs_head h2::after{content:"";display:block;width:46px;height:3px;background:linear-gradient(90deg,#0b75be,#1d97d8);margin-top:12px;border-radius:2px;}
    .vs_head p{margin:10px 0 0;font-size:14px;color:#5a6b7d;max-width:660px;line-height:1.7;}
    .vs_all{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #0b75be;color:#0b75be;background:#fff;border-radius:999px;padding:9px 22px;font-size:13px;font-family:Inter,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;transition:all .22s;white-space:nowrap;}
    .vs_all:hover{background:#0b75be;color:#fff;box-shadow:0 6px 16px rgba(11,117,190,.28);}
    /* 视频卡直接复用 dc_card/dc_tx/dc_go；仅把封面比例改为 16:9，叠播放键（2026-11-06） */
    .dc_im--video{position:relative;aspect-ratio:16/9;background:#0d1a26;}
    .dc_im--video img{position:absolute;inset:0;}
    .vs_ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#12314d,#0d1a26);}
    .vs_ph i{font-size:40px;color:rgba(255,255,255,.35);}
    .vs_play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:linear-gradient(160deg,#1f8fdd,#0b75be);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(11,117,190,.45);transition:transform .25s;pointer-events:none;}
    .vs_play i{display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;margin-left:4px;}
    .vs_play::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(31,143,221,.55);animation:vsPulse 2.1s cubic-bezier(.22,.61,.36,1) infinite;}
    @keyframes vsPulse{0%{transform:scale(1);opacity:.9;}70%{transform:scale(1.6);opacity:0;}100%{transform:scale(1.6);opacity:0;}}
    .dc_card:hover .vs_play{transform:translate(-50%,-50%) scale(1.12);}
    .vs_date{margin-top:auto;font-size:12.5px;color:#5a6b7d;}/* 无障碍：#8a98a8 对比 2.8:1 不过 AA */
    .vs_date i{margin-right:6px;color:#0b75be;}
    /* -- 交付案例（11-05 二轮改版：淡蓝渐变底衬白卡，4 列 × 2 行一次晒 8 条）-- */
    .dc_sec{background:linear-gradient(180deg,#f4f9fe 0%,#eaf3fb 100%);padding:56px 0 62px;}
    .dc_sec .container{display:block !important;}
    .dc_head{max-width:1220px;width:92%;margin:0 auto 8px;display:flex !important;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;}
    .dc_head h2{font-family:Inter,Arial,sans-serif;font-size:27px;color:#182838;text-transform:uppercase;letter-spacing:1px;margin:0;}
    .dc_head h2::after{content:"";display:block;width:46px;height:3px;background:linear-gradient(90deg,#0b75be,#1d97d8);margin-top:12px;border-radius:2px;}
    .dc_head p{margin:10px 0 0;font-size:14px;color:#5a6b7d;max-width:660px;line-height:1.7;}
    /* 11-05 二轮：取消单条放大 hero，等权 8 卡 4 列 × 2 行，照片墙式铺满，整体更大气 */
    .dc_grid{max-width:1220px;width:92%;margin:26px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
    .dc_kicker{display:inline-flex;align-items:center;gap:9px;color:#0b75be;font-family:Inter,Arial,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:0 0 10px;line-height:1;}
    .dc_kicker::before{content:"";width:26px;height:2.5px;background:linear-gradient(90deg,#0b75be,#1d97d8);border-radius:2px;}
    .dc_card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4edf6;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 3px 14px rgba(16,42,67,.08);transition:transform .25s,box-shadow .25s;}
    .dc_card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(11,117,190,.18);}
    .dc_im{display:block;aspect-ratio:4/3;background:#e8eef5;overflow:hidden;}
    .dc_im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
    .dc_card:hover .dc_im img{transform:scale(1.05);}
    .dc_tx{display:flex;flex-direction:column;gap:8px;padding:14px 18px 18px;flex:1;}
    .dc_tx b{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:600;color:#223;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
    .dc_card:hover .dc_tx b{color:#0b75be;}
    .dc_go{margin-top:auto;font-size:13px;font-weight:700;color:#0b75be;letter-spacing:.3px;}
    .dc_go i{margin-left:6px;transition:transform .2s;}
    .dc_card:hover .dc_go i{transform:translateX(4px);}
    /* 热修十九：案例网格下居中"更多"入口 */
    .dc_more{text-align:center;margin:28px auto 0;}
    /* -- 订购流程 -- */
    .pr_sec{background:linear-gradient(180deg,#f2f8fe,#e9f3fb);padding:52px 0 58px;}
    .pr_sec .container{display:block !important;}
    .pr_wrap{max-width:1220px;width:92%;margin:0 auto;text-align:center;}
    .pr_wrap h2{font-family:Inter,Arial,sans-serif;font-size:27px;color:#182838;text-transform:uppercase;letter-spacing:1px;margin:0;}
    .pr_wrap h2::after{content:"";display:block;width:46px;height:3px;background:linear-gradient(90deg,#0b75be,#1d97d8);margin:12px auto 0;border-radius:2px;}
    .pr_sub{color:#5a6b7d;font-size:14px;margin:14px auto 30px;max-width:680px;line-height:1.75;}
    .pr_steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0;counter-reset:pr;}
    .pr_steps li{position:relative;background:#fff;border:1px solid #e3edf6;border-radius:12px;padding:24px 16px 20px;box-shadow:0 2px 8px rgba(16,42,67,.05);transition:transform .25s,box-shadow .25s;}
    .pr_steps li:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(11,117,190,.14);}
    .pr_steps li+li::before{content:"\f105";font-family:FontAwesome;position:absolute;left:-13px;top:50%;transform:translateY(-50%);color:#9dbdd6;font-size:18px;z-index:1;}
    .pr_no{position:absolute;top:10px;right:12px;font-family:Inter,Arial,sans-serif;font-size:30px;font-weight:700;color:rgba(11,117,190,.12);line-height:1;}
    .pr_ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#0b75be,#1d97d8);color:#fff;font-size:22px;box-shadow:0 8px 18px rgba(11,117,190,.3);margin-bottom:14px;}
    .pr_steps b{display:block;font-family:Inter,Arial,sans-serif;font-size:15.5px;color:#223;letter-spacing:.4px;margin-bottom:9px;}
    .pr_steps p{margin:0;font-size:12.8px;line-height:1.75;color:#5a6b7d;text-align:center;}
    @media (max-width:1100px){.pr_steps{grid-template-columns:repeat(3,minmax(0,1fr));}.pr_steps li+li::before{display:none;}.dc_grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media (max-width:700px){.vs_head h2,.dc_head h2,.pr_wrap h2{font-size:22px;}.pr_steps{grid-template-columns:1fr;gap:12px;}.pr_steps li{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;min-width:0;}.pr_ic{margin-bottom:0;flex:none;}.pr_steps p{text-align:left;}.pr_steps b{margin-bottom:4px;}.pr_steps b,.pr_steps p{min-width:0;overflow-wrap:anywhere;}}
    @media (max-width:520px){.dc_grid{grid-template-columns:1fr;}}
    @media (prefers-reduced-motion:reduce){.vs_play::after{animation:none;}}
    /* 无障碍工具类：仅供读屏/计算可访问名，不可见 */
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
    
    .nw2{position:relative;background:#f5f9fd url("../images/banner/news_bg.webp") center top / cover no-repeat;padding:58px 0 66px;}
    .nw2_c{width:92%;max-width:1220px;margin:0 auto;}
    .nw2_head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
    .nw2_head h2{font-family:Inter,Arial,sans-serif;font-size:30px;font-weight:600;color:#182838;text-transform:uppercase;letter-spacing:1px;margin:0;padding-left:16px;position:relative;line-height:1.1;}
    .nw2_head h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:3px;background:linear-gradient(#0b75be,#1d97d8);}
    .nw2_more{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #0b75be;color:#0b75be;background:#fff;font-weight:700;font-size:13.5px;letter-spacing:.4px;padding:9px 18px;border-radius:999px;text-decoration:none;transition:all .25s;}
    .nw2_more:hover{background:#0b75be;color:#fff;}
    .nw2_sub{color:#5a6b7d;font-size:14.5px;margin:0 0 28px;padding-left:16px;}
    .nw2_grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:stretch;}
    .nw2_eq{grid-template-columns:1fr 1fr;}
    .nw2_one{grid-template-columns:1fr;}
    .nw2_one .nw2_feat .im{aspect-ratio:auto;height:380px;}
    .nw2_feat{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(11,70,120,.09);display:flex;flex-direction:column;text-decoration:none;}
    .nw2_feat .im{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e8eef5;}
    .nw2_feat .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
    .nw2_feat:hover .im img{transform:scale(1.05);}
    .nw2_chip{position:absolute;top:14px;left:14px;background:rgba(11,117,190,.93);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:5px 13px;border-radius:999px;}
    .nw2_ftx{padding:20px 24px 26px;}
    .nw2_ftx h3{font-family:'Inter',Arial,sans-serif;font-size:19px;font-weight:600;line-height:1.5;color:#182838;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .nw2_feat:hover .nw2_ftx h3{color:#0b75be;}
    .nw2_date{font-size:13px;color:#5a6b7d;margin-bottom:10px;}
    .nw2_date i{margin-right:6px;color:#0b75be;}
    .nw2_ftx p{font-size:14.5px;line-height:1.75;color:#5a6b7d;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
    .nw2_list{display:flex;flex-direction:column;gap:14px;}
    /* 热修十一：新闻条目默认自然高度（原 flex:1 1 0 在仅 1~2 条时会把右侧小卡拉成与左侧大卡等高的大空白——用户实测报"显示乱掉"）；≥3 条才均分撑满 */
    .nw2_it{flex:0 1 auto;display:flex;gap:14px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 18px rgba(11,70,120,.07);text-decoration:none;align-items:center;transition:transform .25s,box-shadow .25s;}
    .nw2_list:has(.nw2_it:nth-child(3)) .nw2_it{flex:1 1 0;}
    .nw2_it:hover{transform:translateX(4px);box-shadow:0 10px 24px rgba(11,70,120,.13);}
    .nw2_it .im{flex:0 0 142px;height:100px;border-radius:8px;overflow:hidden;background:#e8eef5;}
    .nw2_it .im img{width:100%;height:100%;object-fit:cover;display:block;}
    .nw2_it .im .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f4f9ff,#dfeefb);}
    .nw2_it .im .ph i{font-size:30px;color:#0b75be;opacity:.55;}
    .nw2_itx{min-width:0;padding-right:6px;}
    .nw2_itx h4{font-family:'Inter',Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.45;color:#182838;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .nw2_it:hover h4{color:#0b75be;}
    .nw2_itx .nw2_date{margin:0;}
    /* ===== Newsroom v4（2026-09-21 推倒重写,参照楚胜/五十铃站版式）：
       铁律——所有图片容器固定比例 + img absolute cover 铺满,杜绝大小不一/黑边。
       布局：左文字叠加大头条 | 右 3 条缩略行；下排 4 张等比小卡。共 8 条上屏。 ===== */
    .nw3{display:flex;flex-direction:column;gap:22px;}
    .nw3_top{display:grid !important;grid-template-columns:1.18fr 1fr;gap:22px;align-items:stretch;}
    .nw3_top::before,.nw3_top::after{display:none !important;content:none !important;}
    /* 头条：图满铺+底部渐变遮罩叠日期标题 */
    .nw3_f{position:relative;display:block;overflow:hidden;border-radius:14px;min-height:430px;text-decoration:none;background:#0d1a26;box-shadow:0 10px 30px rgba(11,70,120,.14);}
    .nw3_f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
    .nw3_f:hover img{transform:scale(1.045);}
    .nw3_fmask{position:absolute;left:0;right:0;bottom:0;padding:64px 26px 22px;background:linear-gradient(180deg,transparent,rgba(6,14,24,.55) 38%,rgba(6,14,24,.88));display:flex;flex-direction:column;gap:9px;}
    .nw3_fdate{font-size:12.5px;letter-spacing:.6px;color:#bcd6ea;text-transform:uppercase;}
    .nw3_fdate i{margin-right:7px;color:#4db5ff;}
    .nw3_fmask h3{font-family:'Inter',Arial,sans-serif;font-size:21px;font-weight:600;line-height:1.42;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px rgba(0,0,0,.4);}
    .nw3_f:hover .nw3_fmask h3{color:#cfe9ff;}
    .nw3_fchip{position:absolute;top:16px;left:16px;background:rgba(11,117,190,.94);color:#fff;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:6px 14px;border-radius:999px;}
    /* 右侧 3 条缩略行：缩略图固定 16:10 绝对铺满 */
    .nw3_side{display:flex;flex-direction:column;gap:14px;min-width:0;}
    .nw3_row{flex:1 1 0;display:flex;gap:15px;align-items:stretch;background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 18px rgba(11,70,120,.07);text-decoration:none;transition:transform .25s,box-shadow .25s;}
    .nw3_row:hover{transform:translateX(4px);box-shadow:0 12px 26px rgba(11,70,120,.13);}
    .nw3_row .im{flex:0 0 186px;position:relative;border-radius:8px;overflow:hidden;background:#e8eef5;}
    .nw3_row .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
    .nw3_row .im .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f4f9ff,#dfeefb);}
    .nw3_row .im .ph i{font-size:28px;color:#0b75be;opacity:.55;}
    .nw3_row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:2px 4px 0 0;}
    .nw3_row h4{font-family:'Inter',Arial,sans-serif;font-size:14.8px;font-weight:600;line-height:1.45;color:#182838;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .nw3_row:hover h4{color:#0b75be;}
    .nw3_row p{margin:0;font-size:12.8px;line-height:1.6;color:#5a6b7d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .nw3_row .d{margin-top:auto;font-size:12px;color:#5a6b7d;}
    .nw3_row .d i{margin-right:6px;color:#0b75be;}
    /* 下排 4 张小卡：图固定 16:9 铺满 */
    .nw3_grid4{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
    .nw3_grid4::before,.nw3_grid4::after{display:none !important;content:none !important;}
    .nw3_mini{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(11,70,120,.07);text-decoration:none;transition:transform .25s,box-shadow .25s;}
    .nw3_mini:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(11,70,120,.14);}
    .nw3_mini .im{position:relative;aspect-ratio:16/9;background:#e8eef5;}
    .nw3_mini .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
    .nw3_mini:hover .im img{transform:scale(1.05);}
    .nw3_mini .im .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f4f9ff,#dfeefb);}
    .nw3_mini .im .ph i{font-size:30px;color:#0b75be;opacity:.5;}
    .nw3_mini .tx{padding:13px 16px 16px;display:flex;flex-direction:column;gap:7px;}
    .nw3_mini h4{font-family:'Inter',Arial,sans-serif;font-size:13.8px;font-weight:600;line-height:1.5;color:#182838;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .nw3_mini:hover h4{color:#0b75be;}
    .nw3_mini .d{font-size:11.5px;color:#5a6b7d;letter-spacing:.3px;}
    .nw3_mini .d i{margin-right:6px;color:#0b75be;}
    @media (max-width:1150px){.nw3_top{grid-template-columns:1.05fr 1fr;}.nw3_row .im{flex-basis:150px;}}
    @media (max-width:991px){.nw3_top{grid-template-columns:1fr;}.nw3_f{min-height:300px;}.nw3_row{flex:0 0 auto;min-height:118px;}.nw3_grid4{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media (max-width:640px){.nw3_row .im{flex-basis:112px;}.nw3_row p{display:none;}.nw3_grid4{grid-template-columns:1fr;}.nw3_fmask{padding:48px 18px 16px;}.nw3_fmask h3{font-size:17px;}}
    @media (max-width:991px){.nw2_grid{grid-template-columns:1fr;}.nw2_it{flex:none;}}
    @media (max-width:560px){.nw2{padding:42px 0 48px;}.nw2_head h2{font-size:23px;}.nw2_it .im{flex:0 0 104px;height:78px;}.nw2_itx h4{font-size:13.5px;}}
        .faq_sec{background:#f5f9fd;padding:44px 0 38px;}
        .faq_in{width:90%;max-width:900px;margin:0 auto;}
        .faq_sec h2{font-size:26px;color:#0b2b4b;margin:0 0 18px;font-weight:700;}
        .faq_item{background:#fff;border:1px solid #dbe8f3;border-radius:10px;margin-bottom:10px;padding:0 18px;}
        .faq_item summary{cursor:pointer;font-weight:600;color:#0b2b4b;padding:14px 0;list-style:none;}
        .faq_item summary::-webkit-details-marker{display:none;}
        .faq_item summary::after{content:"+";float:right;color:#0b75be;font-weight:700;}
        .faq_item[open] summary::after{content:"\2212";}
        .faq_item p{margin:0 0 14px;color:#42566b;line-height:1.7;font-size:15px;}
        @media(max-width:700px){.faq_sec{padding:28px 0 24px;}.faq_sec h2{font-size:21px;}}