@charset "utf-8";
/* ==========================================================
   公司简介页 独立样式
   ========================================================== */
/* 锚点跳转避开吸顶头部与标题栏 */
#ab-intro,#sec-intro,#sec-strength,#sec-tech,#sec-quality{scroll-margin-top:calc(var(--header-h) + 76px);}

/* 公司简介 */
.ab-intro{background:var(--bg-light);padding-bottom:0;}
.ab-intro-in{display:flex;gap:50px;align-items:center;}
.ab-txt{flex:1.1;min-width:0;}
.ab-txt h2{color:var(--blue);font-size:clamp(20px,2.4vw,28px);letter-spacing:2px;}
.ab-txt > span{display:block;color:var(--blue);font-size:12px;letter-spacing:1px;margin:4px 0 18px;}
.ab-txt p{color:var(--muted);font-size:13px;line-height:2;margin-bottom:12px;text-indent:2em;}
.ab-img{flex:1;min-width:0;height:clamp(200px,20vw,300px);background-size:cover;background-position:center;}
/* 数据带 */
.ab-stats{border-top:1px solid var(--line);background:#fff;margin-top:44px;}
.ab-stats-in{display:flex;flex-wrap:wrap;}
.ab-stats-in > div{flex:1;min-width:150px;padding:26px 18px;border-right:1px solid var(--line);}
.ab-stats-in > div:last-child{border-right:0;}
.ab-stats-in span{display:block;color:var(--muted);font-size:12px;letter-spacing:1px;}
.ab-stats-in b{display:inline-block;color:var(--ink);font-size:clamp(22px,2.4vw,32px);font-weight:700;margin-top:6px;}
.ab-stats-in i{font-style:normal;color:var(--ink);font-size:12px;margin-left:6px;}

/* 生产实力 */
.ab-strength{background:var(--bg-light);padding:0px 50px 66px;}
.ab-strength p{color:var(--muted);font-size:13px;line-height:2.1;margin-bottom:14px;text-indent:2em;}
.ab-gal{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.ab-gal > div{height:clamp(110px,12vw,170px);overflow:hidden;}
/* ListView 并列输出 4 个 div，第一张跨满整行作大图，其余 3 张在第二行平分 */
.ab-gal > div:first-child{grid-column:1 / -1;height:clamp(240px,34vw,480px);}
.ab-img img,.ab-gal > div img{width:100%;height:100%;object-fit:cover;display:block;}

/* 核心技术：蓝底 */
.ab-tech{background:url(/img/pimg/about_06.jpg) center/cover no-repeat,linear-gradient(120deg,var(--blue-deep),var(--blue));color:#fff;padding:64px 0;}
.ab-eyebrow{color:var(--blue);font-weight:700;font-size:14px;letter-spacing:2px;line-height:1.5;}
.ab-eyebrow span{display:block;color:var(--ink);font-size:15px;letter-spacing:3px;}
.ab-eyebrow.light{color:#bcd2f2;}
.ab-eyebrow.light span{color:#fff;}
.ab-tech h2{font-size:clamp(18px,2.2vw,28px);letter-spacing:1px;line-height:1.6;margin:16px 0 30px;}
.ab-tech-in{display:flex;gap:40px;align-items:center;}
    .ab-tech-in ul {
        width: 50%;
    }
/*    .ab-tech-in p:nth-child(1) {
        width: 50%;
    }*/
.ab-tech-in p{min-width:0;color:#dce8fa;font-size:13px;line-height:2.1;}
.ab-tech-imgs {
    width: 50%;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 6px;
}
.ab-tech-imgs > div{height:clamp(140px,15vw,230px);overflow:hidden;}
.ab-tech-imgs > div img{width:100%;height:100%;object-fit:cover;display:block;}

/* 品质保障 */
.ab-quality{background:var(--bg-light);}
.ab-q-h2{font-size:clamp(20px,2.4vw,28px);color:var(--ink);letter-spacing:2px;margin:14px 0 40px;}
.ab-q-row{display:flex;gap:44px;align-items:center;margin-bottom:52px;}
/* 偶数行（第2、4…个 div）图左文右，不再靠 .rev 类；用 nth-of-type 避开前面的 p.ab-eyebrow 与 h2 */
.ab-q-row:nth-of-type(even){flex-direction:row-reverse;}
.ab-q-txt{flex:1;min-width:0;}
.ab-q-txt h3{display:flex;align-items:baseline;gap:12px;font-size:clamp(17px,2vw,23px);color:var(--ink);letter-spacing:1px;}
.ab-q-txt h3 b{color:var(--blue);font-size:clamp(22px,2.6vw,32px);font-style:italic;}
.ab-q-txt p{color:var(--muted);font-size:13px;line-height:2.1;margin-top:16px;text-indent:2em;}
.ab-q-img{flex:1;min-width:0;position:relative;height:clamp(190px,20vw,290px);overflow:hidden;--swiper-pagination-bullet-size:9px;--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:.55;--swiper-pagination-color:var(--blue);}
/* Swiper 轮播：幻灯片沿用 .img-slot 图位，背景由 layout.js 按 data-slot 填充 */
.ab-q-img .swiper-slide{height:100%;}
/* 幻灯片无 data-title → 圆点分页，观感同原 .dots（9px、半透白、当前项蓝） */
.ab-q-img.swiper .swiper-pagination{bottom:12px;left:0;width:100%;display:flex;justify-content:center;gap:7px;}
.ab-q-img.swiper .swiper-pagination .swiper-pagination-bullet{margin:0;}
.dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px;}
.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);}
.dots i.on{background:var(--blue);}
/* 幻灯片有 data-title → 橙色分段标签条，pages.js 生成：当前项高亮、点击可切换 */
.ab-q-tags{position:absolute;left:0;right:0;bottom:0;display:flex;z-index:2;}
.ab-q-tags i{flex:1;font-style:normal;text-align:center;background:var(--orange);color:#fff;font-size:12px;letter-spacing:1px;padding:6px 2px;cursor:pointer;}
.ab-q-tags i.on{background:var(--blue);}
.ab-q-final{text-align:center;color:var(--ink);font-size:clamp(16px,1.9vw,22px);line-height:1.8;letter-spacing:1px;margin:10px 0 30px;}
.ab-cfd{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ab-cfd > div{height:clamp(140px,15vw,220px);background-color:#fff;border:1px solid var(--line);overflow:hidden;}
.ab-cfd > div img{width:100%;height:100%;object-fit:contain;display:block;}

/* ---------- 自适应 ---------- */
@media (max-width:992px){
  .ab-intro-in{flex-direction:column;gap:28px;}
  .ab-img{width:100%;}
  .ab-tech-in{flex-direction:column;gap:24px;}
  /* 保留 .ab-q-row:nth-of-type(even) 是为了与上面反向规则同特异度，且位置在后才能覆盖为竖排 */
  .ab-q-row,.ab-q-row:nth-of-type(even){flex-direction:column;gap:22px;}
  .ab-q-img{width:100%;}
}
@media (max-width:768px){
  .ab-stats-in > div{min-width:50%;border-right:0;border-bottom:1px solid var(--line);}
  .ab-gal{grid-template-columns:1fr;}
  .ab-tech-imgs{grid-template-columns:repeat(2,1fr);}
  .ab-cfd{grid-template-columns:1fr;}
}