/* ==========================================================================
   首页 Banner 样式（2026-10-12 改版）· /website/cus/css/banner.css
   只在首页加载：布局 view/body.html 用 {if(nonull($$homecss))} 挂载，与 home.css 同级。

   ★ 为什么不写进 view/banner.html 的 <style>：
     BNY 的 parse.class.php 是有序 str_replace，替换表里有 ')}' → '){ ?>'。
     CSS 里 rgba(...)/linear-gradient(...) 后紧跟右花括号（100%)}）会被无条件改写成
     `100%){ ?>`，模板直接崩。静态 .css 不经引擎，花括号安全。
     改动本文件后请勿把内容贴回模板。

   ★ 尺寸一律用 vw，不用 rem：
     size-min.js 的 rem 基准在 clientWidth 1204 处从 /19.2 跳成 /7.5，而断点是 1023，
     1024~1204 这一档 rem 元素会瞬间放大一倍多。banner 全宽，vw 与视口严格线性。
     换算：桌面设计稿 1920 → vw = px/19.2；移动设计稿 390 → vw = px/3.9。
     四张底图统一按 1920:560 的容器比例 object-fit:cover —— 第 1 张（1920×560）
     1:1 不裁切，第 2~4 张（1920×640）上下各裁约 40px，与设计稿一致。
   ========================================================================== */
/* ══════════════════════════════════════════════════════════════════════════
   首页 Banner（2026-10-12 改版）
   结构与样式全部自包含：未改动 style.css / home.css / 任何其它模板。
   .bannerbox / .banner / .fenle / .fanye 外壳与 SuperSlide 轮播机制保持原样，
   只重写 li 内部结构，并用高特异性选择器覆盖 style.css 的 3 条旧规则：
     .banner ul li img{width:100%}                 → .bn-img 接管（补 height/object-fit）
     .bannerbox > .banner ul li a{display:block}   → CTA 按钮改回 inline-flex
     .fenle{background:#fff}                       → 改透明，圆点/箭头移到右下角

   ★ 尺寸一律用 vw，不用 rem。
     原因：size-min.js 的 rem 基准在 clientWidth 1204 处从 /19.2 跳成 /7.5，
     而站内媒体查询断点是 1023 —— 1024~1204 这一档 rem 元素会瞬间放大一倍多。
     banner 是全宽模块，用 vw 与视口宽严格线性对应，可绕开该断层。
     换算：桌面设计稿 1920 基准 → vw = px/19.2；移动设计稿 390 基准 → vw = px/3.9。
     四张底图统一按 1920:560 的容器比例 object-fit:cover —— 第 1 张（1920×560）
     1:1 不裁切，第 2~4 张（1920×640）上下各裁约 40px，与设计稿一致。
   ══════════════════════════════════════════════════════════════════════════ */
.bannerbox > .banner{position:relative;width:100%;height:29.1667vw;overflow:hidden;background:#0b0e13}
.bannerbox .bn{position:relative;width:100%;height:29.1667vw;overflow:hidden;background:#0b0e13}
.bannerbox .bn .bn-img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.bannerbox .bn .bn-mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.bannerbox .bn .bn-mask:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;
  background:linear-gradient(180deg,rgba(9,12,17,.34) 0%,rgba(9,12,17,0) 34%,rgba(9,12,17,.42) 100%)}
.bannerbox .m1{background:linear-gradient(90deg,rgba(9,13,20,.95) 0%,rgba(9,13,20,.9) 30%,rgba(9,13,20,.6) 54%,rgba(9,13,20,.1) 80%,rgba(9,13,20,.3) 100%)}
.bannerbox .m2{background:linear-gradient(90deg,rgba(22,13,8,.95) 0%,rgba(22,13,8,.9) 30%,rgba(22,13,8,.58) 54%,rgba(22,13,8,.08) 80%,rgba(22,13,8,.3) 100%)}
.bannerbox .m3{background:linear-gradient(90deg,rgba(24,12,8,.95) 0%,rgba(24,12,8,.9) 30%,rgba(24,12,8,.58) 54%,rgba(24,12,8,.08) 80%,rgba(24,12,8,.3) 100%)}
.bannerbox .m4{background:linear-gradient(90deg,rgba(9,12,19,.95) 0%,rgba(9,12,19,.9) 30%,rgba(9,12,19,.6) 54%,rgba(9,12,19,.14) 80%,rgba(9,12,19,.34) 100%)}

.bannerbox .bn .bn-inner{position:absolute;left:15.625vw;top:3.5417vw;width:41.6667vw;z-index:3}
.bannerbox .bn .bn-org{margin:0;font-size:0.7292vw;line-height:1.4;color:rgba(255,255,255,.62);letter-spacing:.008em}
.bannerbox .bn .bn-cert{margin:0.5208vw 0 0;font-size:0.6771vw;line-height:1.5;color:#ffd27a;
  letter-spacing:.004em;display:flex;align-items:center;gap:0.4688vw}
.bannerbox .bn .bn-cert:before{content:"";width:0.1563vw;align-self:stretch;min-height:0.6771vw;
  background:#d40003;border-radius:1px;flex:none}
.bannerbox .bn h2{margin:0.9375vw 0 0;font-size:2.3958vw;line-height:1.26;font-weight:700;color:#fff;letter-spacing:.004em}
.bannerbox .bn .bn-desc{margin:0.9375vw 0 0;width:38.75vw;font-size:0.8333vw;line-height:1.95;color:rgba(255,255,255,.83)}
.bannerbox .bn .bn-cta{margin-top:1.5625vw;display:flex;align-items:center;gap:0.8333vw}
.bannerbox .bn .bn-cta a{position:static;display:inline-flex;align-items:center;gap:0.4688vw;
  font-size:0.7813vw;line-height:1;text-decoration:none;padding:0.7292vw 1.5625vw;border-radius:999px;letter-spacing:.004em}
.bannerbox .bn .bn-cta a.bn-b1{background:#d40003;color:#fff;box-shadow:0 0.4167vw 1.1458vw rgba(212,0,3,.32)}
.bannerbox .bn .bn-cta a.bn-b1 b{font-weight:400;font-size:0.6771vw}
.bannerbox .bn .bn-cta a.bn-b2{border:1px solid rgba(255,255,255,.5);color:#fff}
.bannerbox .bn .bn-cta a.bn-b2:hover{border-color:#fff;background:rgba(255,255,255,.08)}

.bannerbox .bn .bn-stats{position:absolute;left:15.625vw;bottom:2.0833vw;display:flex;z-index:3;
  margin:0;padding:0;list-style:none}
.bannerbox .bn .bn-stats .bn-stat{width:11.0417vw;padding-left:1.1458vw;border-left:1px solid rgba(255,255,255,.18);
  list-style:none;box-sizing:border-box}
.bannerbox .bn .bn-stats .bn-stat:first-child{padding-left:0;border-left:0}
.bannerbox .bn .bn-stats .num{font-size:1.5625vw;font-weight:700;color:#fff;letter-spacing:.004em;line-height:1.1}
.bannerbox .bn .bn-stats .num u{text-decoration:none;font-size:0.8854vw;font-weight:400;margin-left:0.1042vw;color:rgba(255,255,255,.85)}
.bannerbox .bn .bn-stats .lb{margin-top:0.4688vw;font-size:0.6771vw;color:rgba(255,255,255,.6);letter-spacing:.004em}

/* 右下角控件：页码（pageStateCell）+ 圆点（titCell）+ 箭头（prevCell/nextCell）
   三者合进 .bn-ctl 用 flex 排列，复刻设计稿的「1 / 4 · ● ● ● ● · ‹ ›」。
   .fenle/.fanye 仍是 .bannerbox 的后代，SuperSlide 的后代选择器照常命中。 */
.bannerbox .bn-ctl{position:absolute;right:13.5417vw;bottom:2.0833vw;display:flex;align-items:center;
  gap:1.0417vw;z-index:36}
.bannerbox .fenle,.bannerbox .fanye{position:static;width:auto;height:auto;padding:0;background:none;
  text-align:left;white-space:nowrap;z-index:auto}
.bannerbox .fenle ul{padding:0;margin:0;color:rgba(255,255,255,.62);font-size:0.6771vw;line-height:1;
  font-family:Arial,"Microsoft YaHei",sans-serif}
.bannerbox .fenle ul em,.bannerbox .fenle ul span,.bannerbox .fenle ul b{font-style:normal;font-weight:400;
  color:#fff;font-size:0.8333vw}
.bannerbox .fanye ul{padding:0;margin:0;display:flex;align-items:center;gap:0.4688vw}
.bannerbox .fanye ul li{width:0.4167vw;height:0.4167vw;background:rgba(255,255,255,.34);
  display:block;margin:0;border-radius:99px;font-size:0;cursor:pointer}
.bannerbox .fanye ul li.on{width:1.3542vw;background:#d40003}
.bannerbox .bn-ar{width:2.1875vw;height:2.1875vw;border-radius:99px;flex:none;
  border:1px solid rgba(255,255,255,.28);color:#fff;font-size:0.8333vw;text-decoration:none;
  display:flex;align-items:center;justify-content:center;line-height:1}
.bannerbox .bn-ar:hover{background:rgba(212,0,3,.85);border-color:#d40003;color:#fff}

@media screen and (max-width:1023px){
  .bannerbox > .banner{height:115.897vw}
  .bannerbox .bn{height:115.897vw}
  .bannerbox .bn .bn-inner{left:5.1282vw;right:5.1282vw;width:auto;top:5.6410vw}
  .bannerbox .bn .bn-org{font-size:2.8205vw}
  .bannerbox .bn .bn-cert{margin-top:1.7949vw;font-size:2.6923vw;gap:1.5385vw}
  .bannerbox .bn .bn-cert:before{width:0.6410vw;min-height:2.6923vw}
  .bannerbox .bn h2{margin-top:2.5641vw;font-size:5.8974vw;line-height:1.34}
  .bannerbox .bn .bn-desc{margin-top:2.3077vw;width:auto;font-size:3.0769vw;line-height:1.78}
  .bannerbox .bn .bn-cta{margin-top:3.0769vw;gap:2.3077vw}
  .bannerbox .bn .bn-cta a{font-size:3.0769vw;padding:2.5641vw 4.1026vw}
  .bannerbox .bn .bn-cta a.bn-b1 b{font-size:2.8205vw}
  .bannerbox .bn .bn-mask:after{background:linear-gradient(180deg,rgba(9,12,17,.5) 0%,rgba(9,12,17,.2) 26%,rgba(9,12,17,.72) 62%,rgba(9,12,17,.9) 100%)}
  .bannerbox .m1{background:linear-gradient(180deg,rgba(9,13,20,.86),rgba(9,13,20,.62))}
  .bannerbox .m2{background:linear-gradient(180deg,rgba(22,13,8,.86),rgba(22,13,8,.62))}
  .bannerbox .m3{background:linear-gradient(180deg,rgba(16,13,10,.84),rgba(16,13,10,.66))}
  .bannerbox .m4{background:linear-gradient(180deg,rgba(9,12,19,.84),rgba(9,12,19,.66))}
  .bannerbox .bn .bn-stats{left:5.1282vw;right:5.1282vw;bottom:12.3077vw;display:grid;
    grid-template-columns:1fr 1fr;gap:3.3333vw 0}
  .bannerbox .bn .bn-stats .bn-stat{width:auto;padding-left:3.5897vw;border-left:1px solid rgba(255,255,255,.2)}
  .bannerbox .bn .bn-stats .bn-stat:nth-child(odd){padding-left:0;border-left:0}
  .bannerbox .bn .bn-stats .num{font-size:5.1282vw;line-height:1.05}
  .bannerbox .bn .bn-stats .num u{font-size:3.0769vw}
  .bannerbox .bn .bn-stats .lb{margin-top:1.2821vw;font-size:2.6923vw}
  .bannerbox .bn-ctl{left:0;right:0;bottom:4.1026vw;justify-content:center;gap:3.0769vw}
  .bannerbox .fenle ul{font-size:2.6923vw}
  .bannerbox .fenle ul em,.bannerbox .fenle ul span,.bannerbox .fenle ul b{font-size:3.0769vw}
  .bannerbox .fanye ul{gap:1.5385vw}
  .bannerbox .fanye ul li{width:1.5385vw;height:1.5385vw}
  .bannerbox .fanye ul li.on{width:4.6154vw}
  .bannerbox .bn-ar{display:none}
}