/* ===================================================================
   三维官网 · 图片轮播组件（全站共用样式） 2026-09-28
   配合 caro.js 使用：HTML 里写
     <div class="carousel" data-auto="4600">
       <div class="car-track"><img …><img …></div>
       <button class="car-prev">&#8249;</button>
       <button class="car-next">&#8250;</button>
       <div class="car-dots"></div>
     </div>
   高度由各页面/各栏目按需指定（见文件末尾）。
   =================================================================== */
.carousel{position:relative;overflow:hidden;border:1px solid var(--line,#E3DFD6);border-radius:6px;background:#fff;width:100%}
.car-track{display:flex;height:100%;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.car-track>img{flex:0 0 100%;width:100%;height:100%;display:block;object-fit:cover}
.carousel[data-fit="contain"] .car-track>img{object-fit:contain;background:#fff}
.car-prev,.car-next{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(14,42,92,.52);color:#fff;font-size:17px;line-height:1;font-family:system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;z-index:3}
.car-prev{left:10px}
.car-next{right:10px}
.carousel:hover .car-prev,.carousel:hover .car-next,.carousel:focus-within .car-prev,.carousel:focus-within .car-next{opacity:1}
.car-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:6px;justify-content:center;z-index:3;margin:0}
.car-dots i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(14,42,92,.30);border:1px solid rgba(255,255,255,.9);cursor:pointer;transition:all .25s}
.car-dots i.on{background:var(--navy,#0E2A5C);width:20px;border-radius:4px}

/* ── 各栏目高度（桌面） ───────────────────────────── */
.facband .carousel{height:430px}          /* 走进三维 · 自有基地车间 */
.shotwrap .carousel{height:470px}         /* 政企服务 · 展馆实景 */
.c-img .carousel{height:240px;border:0;border-radius:0}
.case-img .carousel{height:100%;border:0;border-radius:0}
.m-fig .carousel{height:230px}            /* 手机版通用图位 */

/* ── 窄屏 ─────────────────────────────────────────── */
@media(max-width:900px){
  .facband .carousel{height:280px}
  .shotwrap .carousel{height:300px}
}
@media(max-width:640px){
  .facband .carousel,.shotwrap .carousel{height:220px}
}

/* ── 图组下方的说明行 ─────────────────────────────── */
.facnote,.shotnote{font-size:13px;color:#8A8577;margin-top:12px;letter-spacing:.2px;line-height:1.75}

/* ── 卡片图位：角落标签要压在轮播之上 ─────────────── */
.c-img .c-tag,.case-img .c-tag,.m-cc .img .tag{z-index:4}
.c-img .car-track>img,.case-img .car-track>img{object-fit:cover}

/* ── 手机版各栏高度 ───────────────────────────────── */
.m-vfig{height:240px}                                   /* 走进三维 / 政企服务 大图位 */
.m-cc .img .carousel{height:150px;border:0;border-radius:0}
.m-case-img .carousel{height:150px;border:0;border-radius:0}
.m-facnote,.m-shotnote{font-size:11px;color:#8A8577;margin-top:9px;line-height:1.7;letter-spacing:.2px}
@media(max-width:360px){.m-vfig{height:210px}}