/* ==========================================================================
   八达国际首页 style.css —— 所有数值自《网站效果图-首页.jpg》(1862x5819) 实测
   画布 1862px；；；；；内容区 1644px；；；；；头部/导航窄容器 1220px
   蓝 #1f478f(导航) / #1e468e(问题) / #3176db(数字) / 浅蓝底 #f4f8fb
   金条 #f2c300 96x4 / CTA #0652aa / 页脚 #023169
   断点：1680 / 1380 / 1200 / 1199 / 992 / 768 / 480
   ========================================================================== */
:root{
  --blue:#1e468e;      /* 问题蓝 */
  --nav:#1f478f;       /* 导航条 */
  --num:#3176db;       /* 数字蓝 */
  --gold:#f2c300;      /* 金色遮掩 */
  --tint:#f4f8fb;      /* 浅蓝底 */
  --cta:#0652aa;
  --foot:#023169;
  --ink:#333;
  --gray:#555;
  --line:#e6e9ee;
  --cw:1220px;         /* 内容区 */
  --tw:1220px;         /* 头部窄容器 */
}

/* ---------- 基础 ---------- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased;}
ul{list-style:none;}
a{color:inherit;text-decoration:none;transition:color .2s;}
img{max-width:100%;display:block;}
button{font-family:inherit;border:0;cursor:pointer;background:none;}
.container{width:var(--cw);max-width:100%;margin:0 auto;padding:0 15px;}
.topwrap{width:var(--tw);max-width:100%;margin:0 auto;padding:0 15px;}

/* 区块问题：蓝色 36px + 下方金色条 72x3（实测） */
.sect-title{font-size:36px;color:var(--blue);font-weight:700;line-height:1.15;}
.sect-title::after{content:"";display:block;width:72px;height:3px;background:var(--gold);margin-top:20px;}
.sect-title--right{text-align:right;}
.sect-title--right::after{margin-left:auto;}

/* ==========================================================================
   1. 顶部：白底 Logo + 热线（y0~112）
   ========================================================================== */
.header__top{display:flex;align-items:center;justify-content:space-between;height:112px;}
.logo{display:flex;align-items:center;}
.logo img{width:60px;height:60px;}
.logo__name{margin-left:18px;font-size:30px;font-weight:700;color:var(--blue);letter-spacing:1px;}
.hotline{display:flex;align-items:center;}
.hotline__txt{text-align:right;}
.hotline__label{font-size:14px;color:#6f6f6f;}
.hotline__nums{display:flex;justify-content:flex-end;gap:15px;}
.hotline__nums a{font-size:24px;font-weight:700;color:var(--blue);letter-spacing:.5px;line-height: 1.2;}
.hotline__nums a:hover{color:var(--nav);}
.hotline__btn{width:46px;height:46px;margin-left:10px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .2s;}
.hotline__btn i{font-size:24px;}
.hotline__btn:hover{opacity:.85;}

/* ==========================================================================
   2. 导航条：深蓝 51px 高，，
，8 项平铺，，
，激活项底部金条 67x3（实测）
   ========================================================================== */
.nav{background:var(--nav);}
.nav__list{display:flex;align-items:center;justify-content:center;gap:50px;}
.nav__list a{position:relative;display:block;font-size:16px;color:#fff;line-height:51px;}
.nav__list a::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;height:3px;background:var(--gold);transition:width .25s;}
.nav__list a:hover::after,.nav__list a.is-active::after{width:67px;}
/* 汉堡按钮：桌面端隐藏，，
，仅 ≤768 启用 */
.nav__toggle{display:none;}

/* ==========================================================================
   3. Banner：4 帧整图轮播（banner.jpg 1862x728）
   ========================================================================== */
.banner__swiper{width:100%;overflow:hidden;}
.banner__swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.banner__pag{bottom:22px !important;}
.banner__pag .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px !important;background:#fff;opacity:.45;}
.banner__pag .swiper-pagination-bullet-active{background:#fff;opacity:1;}

/* ==========================================================================
   4. 品牌先容（白底，，
，y893~1478）：左文右图
   ========================================================================== */
.brand{background:#fff;padding:56px 0 30px;}
.brand__grid{display:grid;grid-template-columns:42% 1fr;gap:44px;align-items:start;}
.brand__text{margin-top:20px;font-size:16px;color:var(--gray);line-height:2;}
.brand__pillars{display:flex;justify-content: space-between;margin-top:20px;}
.brand__pillars li{text-align:center;}
.brand__pillars img{width:72px;height:auto;}
.brand__pillars span{display:block;font-size:18px;font-weight:700;color:var(--blue);}
.brand__fig img{width:100%;}

/* ==========================================================================
   5. 公司先容（浅蓝底，，
，y1480~2033）：左三图右文（右对齐）
   ========================================================================== */
.company{background:var(--tint);padding:24px 0;}
.company__grid{display:grid;grid-template-columns:60% 1fr;gap:52px;align-items:start;}
.company__figs{display:grid;grid-template-columns:60% 1fr;gap:5px;}
.company__fig-main img{width:100%;height:100%;object-fit:cover;}
.company__fig-col{display:grid;gap:5px;}
.company__fig-col img{width:100%;height:100%;object-fit:cover;}
.company__info{text-align:right;}
.company__text{margin-top:20px;font-size:16px;color:#545454;line-height:2;}
.company__more{display:inline-block;margin-top:20px;padding:10px 36px;background:var(--blue);color:#fff;font-size:16px;border-radius:10px;transition:opacity .25s;}
.company__more:hover{opacity:.85;}

/* ==========================================================================
   6. 数据展示（白底 + 浅蓝圆角面板，，
，y2060~2390）
   ========================================================================== */
.stats{background:#fff;padding:26px 0 0;}
.stats__panel{display:grid;grid-template-columns:repeat(5,1fr);background:var(--tint);border-radius:12px;padding:34px 20px 40px;}
.stats__panel li{text-align:center;}
.stats__panel img{height:72px;width:auto;margin:0 auto;}
.stat__num{margin-top:12px;font-size:36px;font-weight:700;color:var(--num);line-height:1.1;}
.stat__num small{font-size:24px;}
.stat__label{margin-top:5px;font-size:16px;color:#5a5a5b;}
.stat__sub{margin-top:5px;font-size:16px;color:#5b5b5c;}

/* ==========================================================================
   7. 生长历程（白底，，
，横向时间轴：1 条轴线 + 7 节点上下交织）
   ========================================================================== */
.timeline{background:#fff;padding:40px 0 44px;}
/* 层叠式流式结构（上排行 / 轴线行 / 下排行，，
，高度由内容撑起）：
   比例 22 份 → 卡宽 18.1818%(4) / 上排间隙 9.0909%(2) / 下排缩进 13.6364%(3)
   相邻上下排卡重叠 3/22 = 1/4 卡宽；；；；；同排间隙 2 份，，
，笔直由轴线行脱离，，
，互不遮挡 */
.tl{margin-top:20px;}
.tl__row{display:flex;gap:9.0909%;}
.tl__row--top{position: relative;z-index: 1;}
.tl__row--bottom{position: relative;z-index: 1;}
/* 下排缩进 3 份用首卡 margin-left：padding 会压缩内容盒导致 width 百分比变小 */
.tl__row--bottom .tl__node:first-child{margin-left:13.6364%;}
.tl__mid{position:relative;height:17px;}
.tl__line{position:absolute;left:9.0909%;right:9.0909%;top:7px;height:3px;background:var(--blue);}
.tl__node{position:relative;width:18.1818%;text-align:center;}
.tl__dot{position:absolute;left:50%;width:17px;height:17px;margin-left:-8.5px;border-radius:50%;background:var(--blue);}
/* dot(17px) 与轴线行(17px) 同心：上排 dot 底边 = 轴线行底边，，
，下排反之 */
.tl__node--top .tl__dot{bottom:-17px;}
.tl__node--bottom .tl__dot{top:-17px;}
.tl__box{width:100%;}
.tl__node--top .tl__box{padding-bottom:34px;}
.tl__node--bottom .tl__box{padding-top:34px;}
.tl__year{font-size:30px;font-weight:700;color:var(--blue);line-height:1;}
.tl__event{margin-top:5px;font-size:20px;font-weight:700;color:#4d4d4d;}
.tl__desc{margin-top:5px;font-size:14px;color:#5a5a5a;line-height:1.6;}

/* ==========================================================================
   8. 部分相助案例（浅蓝底）：2x4 白卡片
   ========================================================================== */
.cases{background:var(--tint);padding:26px 0 42px;}
.cases__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px;}
.case{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(31,71,143,.08);transition:transform .3s,box-shadow .3s;}
.case:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(31,71,143,.16);}
.case__img img{width:100%;height:200px;object-fit:cover;}
.case__body{padding:15px;text-align:center;}
.case__name{font-size:16px;font-weight:700;color:#535353;line-height:1.3;}
.case__desc{margin-top:4px;font-size:14px;color:#575757;line-height:1.6;}

/* ==========================================================================
   9. 工厂展示（白底）：4 图 + 蓝色标签
   ========================================================================== */
.factory{background:#fff;padding:34px 0 44px;}
.factory__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px;}
.factory__grid img{width:100%;height:200px;object-fit:cover;}
.factory__grid a{display:block;border-radius:8px;overflow:hidden;}
.factory__grid a:hover img{transform:scale(1.05);transition:transform .4s;}
.fac__name{margin-top:10px;text-align:center;font-size:18px;font-weight:700;color:var(--blue);}

/* ==========================================================================
   10. 资质与服务能力（白底）：左证书拼图 + 右 4 项
   ========================================================================== */
.qual{background:#fff;padding:26px 0 48px;border-top: 2px solid #f5f6fa;}
.qual__grid{display:grid;grid-template-columns:54% 1fr;gap:60px;align-items:center;align-content: center;margin-top: 40px;}
.qual__fig img{width:100%;border-radius:6px;}
.qual__list li{display:flex;align-items: center;align-content: center;gap:15px;margin-bottom:20px;}
.qual__list li:last-child{margin-bottom:0px;}
.qual__list li img{width:50px;flex:none;}
.qual__name{font-size:18px;font-weight:700;color:var(--blue);}
.qual__desc{font-size:16px;color:#5a5a5a;}

/* ==========================================================================
   11. 底部 CTA（蓝底 216px 高 + 右侧客服照片渐隐融合）
   ========================================================================== */
.cta{position:relative;background:var(--cta);height:216px;overflow:hidden;}
.cta__photo{position:absolute;right:0;top:0;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%);}
.cta .container{position:relative;z-index:1;padding-top:54px;}
.cta__title{font-size:36px;font-weight:700;color:#fff;line-height:1.15;}
.cta__sub{margin-top:14px;font-size:24px;color:#fff;}

/* ==========================================================================
   12. 页脚（深蓝底）：4 栏 + 双二维码 + 版权条
   ========================================================================== */
.footer{background:var(--foot);color:#fff;}
.footer__top{display:grid;grid-template-columns:150px 150px 150px auto 250px;gap:0 0;padding:28px 15px 32px;}
.footer__head{font-size:16px;font-weight:700;margin-bottom:12px;}
.footer__link{display:block;font-size:14px;color:rgba(255,255,255,.72);line-height:2;}
.footer__link:hover{color:#fff;}
.footer__txt{font-size:14px;color:rgba(255,255,255,.85);line-height:2;}
.footer__qr{display:flex;gap:24px;padding-top:60px;}
.footer__qritem{text-align:center;}
.footer__qritem img{width:190px;height:auto;border-radius:6px;}
.footer__qritem div{margin-top:10px;font-size:14px;}
.footer__copy{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;text-align:center;font-size:14px;color:rgba(255,255,255,.7);}

/* ==========================================================================
   13. 右侧悬浮工具条：电话 / 微信 / TOP
   ========================================================================== */
.fxrail{position:fixed;right:16px;top:30%;z-index:200;display:flex;flex-direction:column;gap:3px;}
.fxrail__btn{width:40px;height:40px;background:rgba(0,0,0,0.7);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(31,71,143,.3);}
.fxrail__btn i{font-size:22px;}
.fxrail__btn:hover{background: var(--cta);}
.fxrail__btn--top{}
.fxrail__btn--top i{}

/* 微信咨询：鼠标移入，，
，二维码从按钮左侧弹出 */
.fxrail__btn--wx{position:relative;}
.fxrail__pop{position:absolute;right:50px;top:50%;z-index:2;width:150px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 10px 28px rgba(2,49,105,.22);text-align:center;opacity:0;visibility:hidden;transform:translate(10px,-50%);transition:opacity .25s,transform .25s,visibility .25s;}
.fxrail__pop::after{content:"";position:absolute;right:-6px;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff;}
.fxrail__pop img{width:100%;height:auto;border-radius:4px;}
.fxrail__pop-t{display:block;margin-top:8px;font-size:13px;font-weight:700;color:var(--blue);line-height:1.5;}
.fxrail__pop-d{display:block;margin-top:2px;font-size:12px;color:#7a7a7a;line-height:1.5;}
.fxrail__btn--wx:hover .fxrail__pop,.fxrail__btn--wx.is-open .fxrail__pop{opacity:1;visibility:visible;transform:translate(0,-50%);}

/* ==========================================================================
   响应式
   ========================================================================== */








/* ==========================================================================
   产品内页（products1.html 手推式洗地机）—— 版式自《网站效果图-手推洗地机.jpg》(1862x5524) 实测
   区块底色：面包屑/产品/案例 tint，，
，卖点/场景/选型+CTA 白
   ========================================================================== */
.sect-title--center{text-align:center;}
.sect-title--center::after{margin-left:auto;margin-right:auto;}

/* ---- 内页 Banner：左蓝块斜切 + 右作业照片（高 510 实测） ---- */
.pbanner{overflow:hidden;}
.pbanner__img{display:block;width:100%;height:100%;object-fit:cover;}

/* ---- 面包屑（tint 底 73px 实测） ---- */
.pcrumb{background:var(--tint);}
.pcrumb__inner{display:flex;align-items:center;gap:8px;height:73px;font-size:14px;color:#888;white-space: nowrap;overflow: hidden;}
.pcrumb__inner .fa{color:var(--blue);font-size:16px;}
.pcrumb__inner a{color:var(--blue);}
.pcrumb__inner a:hover{text-decoration:underline;}
.pcrumb__inner span{color:#555;font-weight:700;}

/* ---- 焦点卖点：左文案 + 右 4 图标（白底） ---- */
.psell{background:#fff;padding:56px 0 60px;}
.psell__grid{display:grid;grid-template-columns:30% 1fr;gap:40px;align-items:start;}
.psell__desc{margin-top:24px;font-size:16px;color:var(--gray);line-height:2.1;}
.psell__list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:6px;}
.psell__item{text-align:center;}
.psell__item img{width:96px;height:96px;margin:0 auto;}
.psell__item h3{margin-top:14px;font-size:22px;color:var(--blue);}
.psell__item p{margin-top:8px;font-size:14px;color:#888;line-height:1.8;}

/* ---- 产品系列：10 卡 4 列（tint 底） ---- */
.pgrid{background:var(--tint);padding:52px 0 60px;}
.pgrid .pcard__grid{margin-top:40px;}

/* ---- 应用场景：5 图 + 蓝标签（白底） ---- */
.pscene{background:#fff;padding:50px 0 76px;}
.pscene__grid{margin-top:36px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.pscene__item{margin:0;}
.pscene__item img{width:100%;aspect-ratio:305/268;object-fit:cover;display:block;}
.pscene__item figcaption{display:flex;align-items:center;justify-content:center;height:48px;background:var(--nav);color:#fff;font-size:18px;letter-spacing:2px;}

/* ---- 部分相助案例：4 卡（tint 底） ---- */
.pcases{background:var(--tint);padding:52px 0 60px;}
.pcases__grid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.pcases__card{background:#fff;border-radius:6px;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.pcases__card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,70,142,.12);}
.pcases__card>img{width:100%;aspect-ratio:386/292;object-fit:cover;display:block;}
.pcases__body{padding:16px 14px 20px;text-align:center;}
.pcases__body h3{font-size:18px;color:#333;}
.pcases__model{margin-top:8px;font-size:15px;color:var(--num);}
.pcases__desc{margin-top:6px;font-size:14px;color:#888;line-height:1.7;}

/* ---- 选型指南：5 卡 + 箭头（白底） ---- */
.pguide{background:#fff;padding:34px 0 0;}
.pguide__flow{margin-top:40px;display:flex;align-items:stretch;gap:10px;}
.pguide__card{flex:1;background:#f6f8fb;border-radius:8px;padding:18px 16px;}
.pguide__head{display:flex;align-items:center;gap:8px;}
.pguide__head img{width:24px;height:24px;}
.pguide__head span{font-size:17px;font-weight:700;color:var(--blue);}
.pguide__desc{margin-top:10px;font-size:14px;color:#888;line-height:1.7;}
.pguide__arrow{flex:0 0 auto;align-self:center;font-size:26px;color:var(--num);}

/* ---- 咨询指导 CTA：蓝渐变圆角条（白底区内） ---- */
.pcta{background:#fff;padding:60px 0 50px;}
.pcta__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(90deg,#2a6ad4,#1c55b0);border-radius:12px;padding:26px 36px;}
.pcta__left{display:flex;align-items:center;gap:22px;}
.pcta__left .fa{font-size:54px;color:#fff;}
.pcta__title{font-size:22px;font-weight:700;color:#fff;}
.pcta__sub{margin-top:6px;font-size:15px;color:rgba(255,255,255,.85);}
.pcta__btn{flex:0 0 auto;background:#fff;color:var(--blue);font-size:18px;font-weight:700;padding:13px 30px;border-radius:26px;transition:opacity .2s;}
.pcta__btn:hover{opacity:.9;color:var(--nav);}
.pcta__btn .fa{margin-left:6px;}

/* ---- 产品内页响应式（自力追加，，
，不改动首页断点规则） ---- */





/* ==========================================================================
   通用内页（产品中心/产品详情/资讯/售后/关于）—— 版式自效果图实测
   banner 高 529（y163~692）/ 内容区 1644 / 左栏 297 / 产品卡 301 间 322
   ========================================================================== */

/* ---- 内页 Banner：左蓝块斜切 + 右照片 ---- */
.nbanner{overflow:hidden;}
.nbanner__img{display:block;width:100%;height:100%;object-fit:cover;}

/* ---- 包管条（产品中心/详情底部）：圆角边框卡片 + 5 项图标+文字 ---- */
.pguar{background:#fff;padding:0 0 56px;}
.pguar__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:32px 24px;}
.pguar__item{display:flex;align-items:center;justify-content:center;gap:14px;}
.pguar__item .fa{font-size:42px;color:var(--blue);}
.pguar__name{font-size:17px;font-weight:700;color:var(--blue);}
.pguar__desc{margin-top:4px;font-size:13px;color:#999;}

/* ---- 分页 ---- */
.ppage{display:flex;justify-content:center;gap:8px;margin-top:36px;}
.ppage a,.ppage span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;background:#fff;border:1px solid #dde3ec;font-size:15px;color:#555;border-radius:4px;transition:all .2s;}
.ppage a:hover{border-color:var(--blue);color:var(--blue);}
.ppage .is-cur{background:var(--blue);border-color:var(--blue);color:#fff;}

/* ---- 区块问题（售后/关于）：居中蓝字 + 蓝色短线 ---- */
.ntitle{font-size:30px;color:var(--blue);font-weight:700;text-align:center;line-height:1.2;}
.ntitle::after{content:"";display:block;width:56px;height:4px;background:var(--blue);border-radius:2px;margin:14px auto 0;}

/* ---- 产品中心 ---- */
.pcenter{padding:40px 0 56px;}
.pcenter__grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start;}
.pcat__head{height:56px;display:flex;align-items:center;justify-content:center;background:var(--nav);color:#fff;font-size:20px;font-weight:700;letter-spacing:2px;}
.pcat__head .fa{margin-right:10px;font-size:20px;}
.pcat__list{background:#fff;border:1px solid #e8edf3;border-top:0;}
.pcat__list a{display:flex;align-items:center;gap:12px;padding:0 20px;height:52px;font-size:15px;color:#444;border-top:1px solid #eef1f6;transition:all .2s;}
.pcat__list a:first-child{border-top:0;}
.pcat__ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;transition:background .2s;}
.pcat__list a:hover{color:var(--blue);background:#f8fbfe;}
.pcat__list a:hover .pcat__ic{background:var(--gold);color:#fff;}
.pcat__list a.is-cur{color:var(--blue);font-weight:700;}
.psup{margin-top:22px;background:linear-gradient(135deg,#2a63c4,#1c4f9e);border-radius:8px;padding:26px 22px;color:#fff;}
.psup__head{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:1px;}
.psup__head .fa{font-size:30px;}
.psup__desc{margin-top:12px;font-size:14px;color:rgba(255,255,255,.82);line-height:1.9;}
.psup__tel{display:block;margin-top:16px;font-size:22px;font-weight:700;color:#fff;letter-spacing:1px;}
.psup__tel .fa{margin-right:8px;font-size:20px;}
.psup__tel:hover{color:#ffe9a8;}
.pcard__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;}
.pcard{background:#fff;border:1px solid #e8edf3;padding:0px 0px 20px;text-align:center;transition:transform .25s,box-shadow .25s;}
.pcard:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,70,142,.12);}
.pcard__img{display:block;aspect-ratio:285/198;overflow:hidden;}
.pcard__img img{width:100%;height:100%;object-fit:contain;transition:transform .3s;}
.pcard:hover .pcard__img img{transform:scale(1.05);}
.pcard__name{margin-top:12px;margin-bottom:12px;font-size:14px;font-weight:700;color:var(--blue);line-height:1.4;display:flex;align-items:center;justify-content:center;}
.pcard__btn{display:inline-block;padding:8px 26px;background:var(--blue);color:#fff;font-size:14px;border-radius:3px;transition:background .2s;}
.pcard__btn:hover{background:#16366e;color:#fff;}

/* ---- 产品详情 ---- */
/* ---- 产品详情页主区（按 9.产品页面 设计图）：白底，，
，左图框 677 / 右信息 880 ---- */
.pdetail{background:#fff;padding:30px 0 56px;}
.pdetail__card{display:grid;grid-template-columns:677fr 880fr;gap:30px;background:#fff;}
.pdetail__fig{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dce1e8;aspect-ratio:677/670;overflow:hidden;}
.pdetail__fig img{max-width:100%;max-height:100%;object-fit:contain;}
.pdetail__h1{font-size:30px;color:#333;line-height:1.35;}
.pdetail__params{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;}
.pdetail__param{text-align:center;padding:4px 4px 8px;}
.pdetail__param+.pdetail__param{border-left:1px solid #e3e7ee;}
.pdetail__num{font-size:24px;font-weight:700;color:var(--blue);line-height:1.2;}
.pdetail__lab{margin-top:6px;font-size:14px;color:#555;}
.pdetail__specs{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:22px;}
.pdetail__specs li{font-size:15px;color:#333;line-height:2.2;}
.pdetail__specs li b{font-weight:400;color:#333;}
.pdetail__btns{display:flex;gap:16px;margin-top:30px;}
.pdetail__buy{flex:0 0 40.5%;text-align:center;padding:15px 0;background:var(--blue);color:#fff;font-size:18px;letter-spacing:2px;border-radius:4px;transition:background .2s;}
.pdetail__buy:hover{background:#16366e;color:#fff;}
.pdetail__tel{flex:1;text-align:center;padding:14px 0;background:#fff;border:2px solid var(--blue);color:var(--blue);font-size:18px;border-radius:4px;transition:all .2s;}
.pdetail__tel:hover{background:var(--blue);color:#fff;}
.psec{background:#fff;padding:50px 0;}
.psec__h2{display:flex;align-items:center;font-size:20px;font-weight:700;}
.psec__h2 span{flex:none;width:194px;height:50px;line-height:50px;background:var(--blue);color:#fff;text-align:center;}
.psec__h2::after{content:'';flex:1;height:2px;background:var(--blue);}
.pdetail__art{margin-top:26px;font-size:15px;color:#333;line-height:2.15;}
.pdetail__art>div{margin-bottom:4px;}
.pdetail__art b{color:#333;font-weight:700;}
.prel__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px;}
.prel__grid .pcard__name{font-size:17px;}

/* ---- 资讯中心 ---- */
.news{padding:36px 0 60px;}
.ntabs{display:flex;justify-content:center;gap:16px;}
.ntabs a{min-width:130px;text-align:center;padding:11px 30px;font-size:16px;background:#fff;border:1px solid #dfe5ee;color:#666;border-radius:4px;transition:all .2s;}
.ntabs a:hover{color:var(--blue);border-color:var(--blue);}
.ntabs a.is-active{background:var(--blue);border-color:var(--blue);color:#fff;}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:39px;margin-top:34px;}
.ncard{display:block;background:#fff;border:1px solid #eef1f6;padding:14px 14px 16px;transition:transform .25s,box-shadow .25s;}
.ncard:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,70,142,.12);}
.ncard__img{aspect-ratio:501/282;overflow:hidden;}
.ncard__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.ncard:hover .ncard__img img{transform:scale(1.06);}
.ncard__h3{margin-top:14px;font-size:17px;color:#333;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ncard:hover .ncard__h3{color:var(--blue);}
.ncard__desc{margin-top:8px;font-size:14px;color:#999;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ncard__foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #f0f2f6;}
.ncard__date{font-size:13px;color:#aaa;}
.ncard__more{font-size:13px;color:var(--num);}
.ncard__more .fa{margin-left:4px;transition:margin .2s;}
.ncard:hover .ncard__more .fa{margin-left:8px;}

/* ---- 资讯详情 ---- */
.nview{padding:40px 0 60px;}
.nview__grid{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start;}
.nart{background:#fff;border:1px solid #eef1f6;padding:34px 38px 30px;}
.nart__h1{font-size:26px;color:#333;line-height:1.5;}
.nart__meta{display:flex;gap:26px;margin-top:14px;padding-bottom:18px;border-bottom:1px dashed #e3e8ef;font-size:13px;color:#999;}
.nart__meta .fa{margin-right:6px;color:var(--num);}
.nart__img{margin-top:24px;aspect-ratio:501/282;overflow:hidden;}
.nart__img img{width:100%;height:100%;object-fit:cover;}
.nart__body{margin-top:22px;font-size:15px;color:#555;line-height:2.2;}
.nart__body h3{margin:22px 0 6px;font-size:17px;color:var(--blue);}
.nart__body ul{margin:6px 0 6px 2px;}
.nart__body ul li{position:relative;padding-left:18px;line-height:2.1;}
.nart__body ul li::before{content:"";position:absolute;left:2px;top:.95em;width:6px;height:6px;border-radius:50%;background:var(--num);}
.nart__nav{display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding-top:20px;border-top:1px dashed #e3e8ef;font-size:14px;color:#666;}
.nart__nav a:hover{color:var(--blue);}
.nart__nav span{display:block;font-size:12px;color:#aaa;margin-bottom:4px;}
.nart__nav .next{text-align:right;}
.nside{display:grid;gap:26px;}
.nside__box{background:#fff;border:1px solid #eef1f6;padding-bottom:12px;}
.nside__head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:2px solid var(--blue);font-size:18px;font-weight:700;color:var(--blue);}
.nside__head .fa{font-size:18px;}
.nside__list{padding:6px 20px 10px;}
.nside__list a{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px dashed #eef1f6;font-size:14px;color:#555;line-height:1.7;transition:color .2s;}
.nside__list a:last-child{border-bottom:0;}
.nside__list a:hover{color:var(--blue);}
.nside__list i{flex:0 0 auto;width:20px;height:20px;margin-top:3px;background:var(--tint);color:var(--num);font-style:normal;font-size:12px;text-align:center;line-height:20px;border-radius:3px;}
.nside__list time{display:block;font-size:12px;color:#aaa;}
.nside__prods{display:grid;gap:14px;padding:16px 20px;}
.nside__prods a{display:flex;align-items:center;gap:14px;}
.nside__prods img{width:96px;height:70px;object-fit:contain;border:1px solid #eef1f6;border-radius:4px;}
.nside__prods div{font-size:14px;color:#444;line-height:1.6;}
.nside__prods div:hover{color:var(--blue);}
.nside__contact{background:linear-gradient(135deg,#2a63c4,#1c4f9e);border:0;padding:24px 20px;color:#fff;}
.nside__contact .nside__head{border-bottom:1px solid rgba(255,255,255,.25);color:#fff;}
.nside__contact p{margin-top:12px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.9;}
.nside__contact a{display:block;margin-top:10px;font-size:22px;font-weight:700;color:#fff;}
.nside__contact a:hover{color:#ffe9a8;}

/* ---- 售后服务 ---- */
.service{padding:46px 0 30px;}
.service .ntitle{margin-bottom:34px;}
.sadv__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.scard{text-align:center;padding:30px 12px 24px;transition:transform .25s,box-shadow .25s;}
.sadv__grid .scard{border: 1px solid #eef1f6;}
.scard .fa{font-size:40px;color:var(--blue);}
.scard__h3{margin-top:16px;font-size:17px;font-weight:700;color:var(--blue);}
.scard__p{margin-top:8px;font-size:13px;color:#999;line-height:1.8;}
.slight{padding:10px 0 46px;}
.slight__grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top: 34px;background:#fff;border:1px solid #eef1f6;border-radius:8px;}
.spromise{padding:0 0 50px;}
.spromise__grid{display:grid;grid-template-columns:793fr 795fr;gap:30px;align-items:stretch;}
.spromise__fig{border-radius:8px;overflow:hidden;}
.spromise__fig img{width:100%;height:100%;object-fit:cover;}
.spromise__body{background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:28px 30px;}
.spromise__h3{font-size:22px;color:var(--blue);font-weight:700;}
.spromise__desc{margin-top:10px;font-size:14px;color:#888;line-height:1.9;}
.spromise__times{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;}
.spromise__time{background:var(--tint);border-radius:6px;text-align:center;padding:14px 6px;}
.spromise__num{font-size:26px;font-weight:700;color:var(--blue);line-height:1.1;}
.spromise__num small{font-size:15px;}
.spromise__lab{margin-top:4px;font-size:13px;color:#666;}
.spromise__scope{margin-top:20px;padding-top:18px;border-top:1px solid #f0f2f6;}
.spromise__scope-h{font-size:17px;font-weight:700;color:#333;}
.spromise__scope ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:12px;}
.spromise__scope li{font-size:14px;color:#666;}
.spromise__scope li .fa{margin-right:8px;color:#3aa675;}
.sflow{padding:0 0 56px;}
.sflow__panel{display:flex;background:#fff;border:1px solid #eef1f6;border-radius:10px;padding:34px 20px 30px;margin-top: 34px;}
.sflow__step{flex:1;text-align:center;position:relative;}
.sflow__no{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px;font-weight:700;}
.sflow__step .fa{display:block;margin:14px auto 0;font-size:34px;color:var(--blue);}
.sflow__h3{margin-top:12px;font-size:17px;font-weight:700;color:var(--blue);}
.sflow__p{margin-top:6px;font-size:13px;color:#999;line-height:1.8;padding:0 10px;}

/* ---- 关于八达国际 ---- */
.about{background:var(--tint);padding:36px 0 0;}
.atabs{display:flex;justify-content:center;gap:16px;flex-wrap: wrap;}
.atabs a{min-width:120px;text-align:center;padding:11px 26px;font-size:16px;background:#fff;border:1px solid #dfe5ee;color:#666;border-radius:4px;transition:all .2s;}
.atabs a:hover{color:var(--blue);border-color:var(--blue);}
.atabs a.is-active{background:var(--blue);border-color:var(--blue);color:#fff;}
.aintro{background:var(--tint);padding:36px 0 50px;}
.aintro__grid{display:grid;grid-template-columns:0.85fr 1fr;gap:44px;align-items:start;}
.aintro__figs{display:grid;gap:12px;}
.aintro__figs .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.aintro__figs img{width:100%;object-fit:cover;display:block;}
.aintro__figs .main img{aspect-ratio:753/311;}
.aintro__figs .row2 img{aspect-ratio:374/260;}
.aintro__h2{font-size:26px;color:var(--blue);font-weight:700;line-height:1.3;}
.aintro__en{margin-top:4px;font-size:13px;color:#aaa;letter-spacing:1px;text-transform:uppercase;}
.aintro__text{margin-top:16px;font-size:15px;color:#555;line-height:2.1;}
.aintro__stats{display:flex;margin-top:22px;border:1px solid #e3eaf3;border-radius:8px;background:#fff;}
.aintro__stats li{flex:1;text-align:center;padding:16px 4px;border-left:1px solid #eef2f8;}
.aintro__stats li:first-child{border-left:0;}
.aintro__num{font-size:28px;font-weight:700;color:var(--num);line-height:1.1;}
.aintro__num small{font-size:15px;}
.aintro__slab{margin-top:4px;font-size:13px;color:#777;}
.aintro__badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;}
.aintro__badges li{display:flex;align-items:center;gap:8px;}
.aintro__badges .fa{font-size:22px;color:var(--blue);}
.aintro__badges b{display:block;font-size:13px;color:#333;font-weight:700;}
.aintro__badges span{display:block;font-size:12px;color:#999;}
.aculture{background:var(--tint);padding:14px 0 50px;}
.aculture__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;}
.acard{background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:24px 24px 20px;transition:transform .25s,box-shadow .25s;}
.acard:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(30,70,142,.12);}
.acard__head{display:flex;align-items:center;gap:14px;}
.acard__ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#2a63c4,#1c4f9e);color:#fff;font-size:22px;}
.acard__h3{font-size:18px;font-weight:700;color:var(--blue);}
.acard__p{margin-top:12px;font-size:14px;color:#888;line-height:1.9;}
.acert{background:var(--tint);padding:14px 0 54px;}
.acert__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px;}
.acert__card{background:#fff;border:1px solid #eef1f6;padding:14px 14px 16px;text-align:center;transition:transform .25s,box-shadow .25s;}
.acert__card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(30,70,142,.12);}
.acert__card img{width:100%;object-fit:cover;}
.acert__card p{margin-top:12px;font-size:15px;color:#444;}
.acontact{background:var(--tint);padding:14px 0 54px;}
.acontact__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:42px;margin-top:38px;align-items:stretch;}
.acontact__info li{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed #e3e8ef;}
.acontact__info li:last-child{border-bottom:0;}
.acontact__info .fa{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #dbe4f0;color:var(--blue);text-align:center;line-height:36px;font-size:16px;}
.acontact__info b{display:block;font-size:14px;color:#333;}
.acontact__info p{margin-top:3px;font-size:13px;color:#777;line-height:1.7;}
.acontact__fig{border-radius:8px;overflow:hidden;}
.acontact__fig img{width:100%;height:100%;object-fit:cover;}
.aform{background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:24px;}
.aform input,.aform textarea{width:100%;border:1px solid #dbe2ec;border-radius:5px;padding:11px 14px;font-size:14px;color:#333;font-family:inherit;outline:none;transition:border .2s;background:#fbfcfe;}
.aform input:focus,.aform textarea:focus{border-color:var(--blue);}
.aform input{margin-bottom:12px;}
.aform textarea{height:132px;resize:none;}
.aform button{width:100%;margin-top:14px;padding:13px 0;background:var(--blue);color:#fff;font-size:16px;letter-spacing:4px;border-radius:5px;transition:background .2s;}
.aform button:hover{background:#16366e;}
.about-cta{background:var(--tint);padding:0 0 56px;}

/* ---- 内页通用响应式 ---- */






/* ---- 售后页 CTA 按钮（扩展首页 .cta，，
，不改动原规则） ---- */
.cta__btn{display:inline-block;margin-top:26px;padding:12px 38px;background:#fff;color:var(--cta);font-size:17px;font-weight:700;border-radius:26px;transition:opacity .2s;}
.cta__btn:hover{opacity:.88;color:var(--nav);}
.cta__btn .fa{margin-left:6px;}



/* ==========================================================================
   关于八达国际页 —— 按《网站效果图-关于八达国际.jpg》(1862x4020) 重制（追加，，
，不改旧规则）
   区块底色：面包屑/锚点Tab/简介 = 白底；；；；；企业文化 = 浅蓝底；；；；；声誉/联系/CTA = 白底
   ========================================================================== */
.pcrumb--light{background:#fff;}
.about{background:#fff;padding-top:34px;}
.aintro{background:#fff;padding:30px 0 64px;}
.aintro__figs img{aspect-ratio:753/311;}
.aintro__en{margin-top:8px;font-size:14px;color:#666;letter-spacing:.5px;font-weight:600;}
.aintro__text{margin-top:22px;font-size:16px;color:#47566d;line-height:1.9;}
.aintro__text p+p{margin-top:22px;}
.aintro__stats{display:flex;margin-top:32px;background:none;border:0;border-radius:0;}
.aintro__stats li{flex:1;border-left:0;padding:0 4px;text-align:center;}
.aintro__stats .fa{font-size:34px;color:var(--blue);}
.aintro__num{margin-top:10px;font-size:24px;color:var(--blue);line-height:1.25;}
.aintro__num small{font-size:16px;}
.aintro__slab{margin-top:6px;font-size:16px;color:#47566d;}
.aintro__badges{display:flex;justify-content:space-between;margin-top:32px;background:#edf2f9;border-radius:12px;padding:20px 20px;gap:8px;}
.aintro__badges li{display:flex;align-items:center;gap:12px;}
.aintro__badges .fa{font-size:30px;color:var(--blue);}
.aintro__badges b{font-size:16px;color:#1a2b4a;}
.aintro__badges span{margin-top:3px;font-size:14px;color:#5a6a85;}
.aculture{padding:44px 0 56px;}
.aculture .ntitle::after,.acert .ntitle::after,.acontact .ntitle::after{background:#f0b21d;}
.aculture__grid{gap:20px;margin-top:36px;}
.acard{display:flex;align-items:center;gap:22px;border:0;border-radius:0;box-shadow:none;padding:30px;}
.acard>.fa{flex:0 0 auto;width:60px;font-size:50px;color:var(--blue);text-align:center;}
.acard__h3{font-size:20px;}
.acard__p{margin-top:5px;font-size:14px;color:#3f4f68;line-height:1.5;}
.acert{background:#fff;padding:46px 0 58px;}
.acert__grid{gap:28px;margin-top:38px;}
.acert__card{background:none;border:0;padding:0;}
.acert__card img{border:1px solid #ececec;}
.acert__card p{margin-top:16px;font-size:16px;color:#333;}
.acontact{background:#fff;padding:46px 0 60px;}
.acontact__grid{}
.acontact__info li{display:flex;align-items:flex-start;gap:14px;padding:0;border-bottom:0;}
.acontact__info li+li{margin-top:34px;}
.acontact__info .fa{width:34px;line-height:1.35;font-size:26px;border:0;background:none;border-radius:0;color:var(--blue);}
.acontact__info div{font-size:17px;color:var(--blue);line-height:2.15;}
.aform{background:none;border:0;border-radius:0;padding:0;}
.aform input,.aform textarea{border:2px solid #47506b;border-radius:10px;background:#fff;padding:0 16px;font-size:16px;color:#333;font-family:inherit;outline:none;transition:border .2s;}
.aform input:focus,.aform textarea:focus{border-color:var(--blue);}
.aform input{margin-bottom:20px;height:56px;}
.aform textarea{height:120px;margin-bottom:20px;padding:14px 16px;resize:none;}
.aform input::placeholder,.aform textarea::placeholder{color:#9aa3b2;}
.aform button{width:100%;margin-top:0;padding:16px 0;background:var(--blue);color:#fff;font-size:18px;font-weight:700;letter-spacing:2px;border-radius:10px;transition:background .2s;}
.aform button:hover{background:#16366e;}
.about-cta{background:#fff;padding:4px 0 60px;}
.about-cta .pcta__btn{border-radius:8px;}
/* ---- 关于页响应式（后置笼罩本页旧断点规则） ---- */





/* ---- 生长历程改版: 节点配图 (2026-09-18) ---- */
.tl__img{width:100%;height:auto;margin:9px auto 0;overflow:hidden;}
.tl__img img{display:block;width:100%;height:100%;object-fit:cover;}
.tl__node--now .tl__event{color:var(--blue);}
.tl__dot--now{display: flex;align-items: center;align-content: center;justify-content: center;}
.tl__dot--now::after{content: "";background:#f7b500;width: 9px;height: 9px;border-radius: 50%;}


/* ============================================================
   响应式 @media 统一整合
   以下所有 @media 由原文件各处提取并按断点合并，，
，置于文件末尾。。。。
。。
   同断点内的多条规则按原泛起顺序拼接，，
，注释标注原始行号便于追溯。。。。
。。
   ============================================================ */

@media (max-width:1680px){
    .acontact__grid{gap:30px;}
}
@media (max-width:1380px){
    .nav__list{gap:36px;}
    .nav__list a{font-size:16px;}
    .brand__grid{gap:32px;}
    .company__grid{gap:36px;}
    .qual__grid{gap:36px;}
    .tl__event{font-size:18px;}

  /* 原第 303 行 */

    .psell__grid{grid-template-columns:34% 1fr;gap:30px;}

  /* 原第 551 行 */

    .pcard__grid{grid-template-columns:repeat(3,1fr);}
    .prel__grid{grid-template-columns:repeat(4,1fr);gap:16px;}

}

@media (max-width:1200px){
  .logo__name{font-size: 24px;}
  .nav__list a{font-size: 14px;}
  .nav__list{gap: 24px;}

    .cases__grid,.factory__grid{grid-template-columns:repeat(2,1fr);}
    .footer__top{grid-template-columns:100px 100px 100px auto 200px;gap:20px;}

  /* 原第 304 行 */

    .pscene__grid{grid-template-columns:repeat(3,1fr);}
    .pcases__grid{grid-template-columns:repeat(2,1fr);}
    .pguide__flow{flex-wrap:wrap;}
    .pguide__card{flex:0 0 31%;}
    .pguide__arrow{display:none;}

  /* 原第 552 行 */

    .pcenter__grid{grid-template-columns:240px 1fr;}
    .pcat__list a{padding:0 14px;font-size:14px;}
    .ngrid{gap:24px;}
    .spromise__fig img{max-height:420px;}
    .aintro__figs{order:-1;}
    .acert__grid{grid-template-columns:repeat(2,1fr);}

    .stats__panel img{height: 60px;}
    .stat__num{font-size: 24px;}
    .stat__label{font-size: 14px;}
    .stat__sub{font-size: 14px;}
    .pguar__item .fa{font-size: 36px;}
    .pguar__item{gap: 8px;}

}

@media (max-width:980px){
  /* 原第 225 行 */

    .header__top{height:60px;}
    .logo img{width:auto;height:50px;}
    .hotline__label{display:none;}
    .hotline__nums{gap: 0px;flex-direction: column;}
    .hotline__nums a{font-size:16px;}
    .hotline__btn{width:30px;height:30px;margin-left: 5px;}
    .hotline__btn i{font-size:18px;}
    .nav__list{flex-wrap:wrap;gap:8px 20px;padding:6px 0;}
    .nav__list a{font-size:14px;line-height:36px;}
    .brand__grid,.company__grid,.qual__grid{grid-template-columns:1fr;}
    .brand__fig{order:-1;}
    .company__info,.qual__fig{order:-1;}
    .company__info{text-align:left;}
    .sect-title--right{text-align:left;}
    .sect-title--right::after{margin-left:0;}
    .company__figs{grid-template-columns:1fr 1fr;}
    .company__fig-main img{height:100%;}
    .qual__grid{margin-top:24px;}
    .logo__name{display: none;}
    .nav__list a:hover::after, .nav__list a.is-active::after{width: 30px;}
    .banner__pag{bottom: 5px !important;}

  /* 原第 226 行 */

    .sect-title{font-size:24px;}
    .sect-title::after{margin-top:14px;}
    .company__more{font-size:15px;padding:9px 30px;}
    .tl__year{font-size:24px;}
    .cta{height:auto;padding-bottom:36px;}
    .cta .container{padding-top:36px;}
    .cta__title{font-size:24px;}
    .cta__sub{font-size:14px;}
    .cta__photo{opacity:.35;}

  /* 原第 305 行 */

    .psell__grid{grid-template-columns:1fr;gap:26px;}
    .psell__list{gap:14px;}
    .psell__item img{width:76px;height:76px;}
    .psell__item h3{font-size:18px;}

  /* 原第 553 行 */

    .ntitle{font-size:24px;}
    .pcenter{padding:28px 0 40px;}
    .pdetail__h1{font-size:22px;}
    .pdetail__params{grid-template-columns:repeat(2,1fr);}
    .psec{padding:36px 0;}
    .prel__grid{grid-template-columns:repeat(2,1fr);}
    .news{padding:28px 0 44px;}
    .spromise__body{padding:22px 20px;}
    .sflow__panel{flex-wrap:wrap;gap:22px 0;padding:26px 10px 22px;}
    .sflow__step{flex:0 0 33.33%;}
    .sflow__step:not(:last-child)::after{display:none;}
    .aintro__stats{flex-wrap:wrap;}
    .aintro__stats li{flex:1 1 40%;}
    .aintro__stats li:nth-child(3){border-left:0;}
    .acontact__grid{grid-template-columns:1fr;}
    .acontact__fig img{max-height:320px;}

  /* 原第 560 行 */

    .cta__btn{margin-top:18px;padding:10px 30px;font-size:15px;}

  /* 原第 617 行 */

    .aintro__stats li{flex:1 1 40%;border-top:0;}
    .aintro__stats{flex-wrap:wrap;row-gap:22px;}
    .aintro__num{font-size:26px;}

    .stats__panel{grid-template-columns:repeat(3,1fr);gap:36px 0;}
    .pdetail__card{grid-template-columns:1fr;padding:0;}
    .pdetail__fig{aspect-ratio:auto;height:440px;padding:16px;}
    .pdetail__params{margin-top:24px;}
    .pdetail__param:nth-child(odd){border-left:0;}
    .pguar__grid{grid-template-columns:repeat(3,1fr);}
    .ngrid{grid-template-columns:repeat(2,1fr);gap:20px;}
    .nview__grid{grid-template-columns:1fr;}
    .sadv__grid{grid-template-columns:repeat(3,1fr);}
    .slight__grid{grid-template-columns:repeat(3,1fr);}
    .spromise__grid{grid-template-columns:1fr;}
    .aintro__grid{grid-template-columns:1fr;}
    .acontact__grid{grid-template-columns:1fr 1fr;}
    .aform{grid-column:1/-1;}
    .footer__top{grid-template-columns:1fr 1fr 1fr;}
    .pcard__grid{grid-template-columns:repeat(2,1fr);}

}

@media (max-width:768px){
  /* 原第 227 行 */

    /* ---- 导航：汉堡按钮 + 下拉菜单 ---- */
    body{padding-top: 60px;}
    header{position: fixed;left: 0;top:0;right: 0;background: #fff;z-index: 9;box-shadow: 0 0 10px rgba(0,0,0,.18);}
    .hotline{padding-right: 50px;}
    .nav{background:none;position:absolute;right:15px;top:12px;}
    .nav .topwrap{width:auto;padding: 0;}
    .nav__toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:36px;height:36px;margin-left:auto;background:var(--blue);border-radius: 5px;}
    .nav__toggle i{display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:transform .25s,opacity .2s;}
    .nav__toggle.is-open i:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .nav__toggle.is-open i:nth-child(2){opacity:0;}
    .nav__toggle.is-open i:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    .nav__list{position:fixed;left:0;right:0;top:60px;z-index:300;display:block;gap:0;padding:0;background:var(--nav);max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 8px 18px rgba(0,0,0,.18);}
    .nav__list.is-open{max-height:400px;}
    .nav__list li{border-top:1px solid rgba(255,255,255,.14);}
    .nav__list li:first-child{border-top:0;}
    .nav__list a{display:block;padding:0 15px;font-size:15px;line-height:46px;}
    .nav__list a::after{display:none;}
    .nav__list a.is-active{background:rgba(255,255,255,.1);}
    /* ---- 区块主问题 20px ---- */
    .sect-title{font-size:20px;}
    .sect-title::after{width:56px;height:3px;margin-top:12px;}
    /* ---- 品牌先容 ---- */
    .brand{padding:36px 0 24px;}
    .brand__text,.company__text{margin-top:16px;font-size:14px;line-height:1.9;}
    .brand__pillars{gap:16px;margin-top:24px;}
    .brand__pillars img{width:52px;}
    .brand__pillars span{margin-top:6px;font-size:14px;}
    /* ---- 公司先容 ---- */
    .company__figs{grid-template-columns:1fr;}
    .company__more{margin-top:16px;padding:9px 26px;font-size:14px;border-radius:8px;}
    /* ---- 数据展示：数字 26px，，
，说明 14px ---- */
    .stats__panel{grid-template-columns:repeat(2,1fr);gap:24px 0;padding:24px 14px 26px;}
    .stats__panel img{height:56px;}
    .stat__num{margin-top:8px;font-size:26px;}
    .stat__num small{font-size:16px;}
    .stat__label,.stat__sub{margin-top:2px;font-size:14px;}
    /* ---- 生长历程：年份 18px，，
，事务/形貌 14px ---- */
    .timeline{padding:32px 0 34px;}
    .tl{position:relative;display:flex;flex-direction:column;overflow:hidden;}
    /* 行容器 display:contents 消隐，，
，节点统一归 .tl 排列，，
，用 order 恢复年份顺序（HTML 是按上下排分组的） */
    .tl__row{display:contents;}
    .tl__mid{display:contents;}
    .tl__row--bottom .tl__node:first-child{margin-left:0;}
    .tl__row--top .tl__node:nth-child(1){order:1;}
    .tl__row--bottom .tl__node:nth-child(1){order:2;}
    .tl__row--top .tl__node:nth-child(2){order:3;}
    .tl__row--bottom .tl__node:nth-child(2){order:4;}
    .tl__row--top .tl__node:nth-child(3){order:5;}
    .tl__row--bottom .tl__node:nth-child(3){order:6;}
    .tl__row--top .tl__node:nth-child(4){order:7;}
    .tl__node--top .tl__dot{bottom:auto;}
    .tl__node--bottom .tl__dot{top:12px;}
    .tl__node{position: relative;width: 100%;margin-left: 0;text-align: left;padding: 10px 0 10px 24px;}
    .tl__line{position:absolute;left:6px;right:auto;top:14px;bottom:14px;width:2px;height:auto;}
    .tl__node--top .tl__box{padding-bottom:0;}
    .tl__node--bottom .tl__box{padding-top:0;}
    .tl__dot{position:absolute;left:0;top:12px;width:14px;height:14px;margin-left:0;}
    .tl__year{font-size:18px;}
    .tl__event{margin-top:4px;font-size:14px;}
    .tl__desc{margin-top:4px;font-size:14px;line-height:1.6;}
    /* ---- 相助案例：卡片问题/形貌 14px ---- */
    .cases__grid,.factory__grid{gap:18px;margin-top:20px;}
    .case__img img{height:auto;aspect-ratio:3/2;}
    .case__body{padding:12px;}
    .case__name{font-size:14px;}
    .case__desc{margin-top:2px;font-size:14px;}
    /* ---- 工厂展示 ---- */
    .factory__grid img{height:auto;aspect-ratio:3/2;}
    .fac__name{margin-top:8px;font-size:14px;}
    /* ---- 资质与服务能力 ---- */
    .qual__list li{gap:12px;margin-bottom:14px;}
    .qual__list li img{width:44px;}
    .qual__name{font-size:14px;}
    .qual__desc{font-size:14px;}
    /* ---- 底部 CTA ---- */
    .cta{padding-bottom:30px;}
    .cta .container{padding-top:28px;}
    .cta__title{font-size:20px;}
    .cta__sub{margin-top:8px;font-size:14px;}
    .cta__photo{display:none;}
    /* ---- 页脚 ---- */
    .footer__top{grid-template-columns:1fr;gap:0px;padding:24px 15px 26px;}
    .footer__head{font-size:14px;margin-bottom:8px;}
    .footer__link,.footer__txt{font-size:14px;line-height:1.9;}
    .footer__col--contact{padding-top: 20px;}
    /* ---- 页脚前三列：手风琴（只显示问题，，
，点 + 睁开，，
，互斥） ---- */
    .footer__col--acc{border-bottom: 1px solid rgba(255,255,255,.2);}
    .footer__col--acc .footer__head{position:relative;margin-bottom:0;padding-right:30px;line-height:40px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
    .footer__col--acc .footer__head::after{content:"+";position:absolute;right:2px;top:0;font-size:20px;font-weight:400;line-height:inherit;color:rgba(255,255,255,.85);transition:transform .25s;}
    .footer__col--acc.is-open .footer__head::after{content:"\2013";}
    .footer__col--acc .footer__body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
    .footer__col--acc.is-open .footer__body{max-height:400px;padding-bottom: 20px;}
    .footer__qr{gap:18px;padding-top:20px;}
    .footer__qritem img{width:130px;}
    .footer__qritem div{margin-top:6px;font-size:14px;}
    .footer__copy{padding:12px 10px;font-size:14px;line-height:1.7;}
    /* ---- 右侧悬浮条 ---- */
    .fxrail{right:8px;gap:2px;}
    .fxrail__btn{width:36px;height:36px;}
    .fxrail__btn i{font-size:18px;}
    .fxrail__pop{right:44px;width:132px;padding:8px;}
    .fxrail__pop-t{font-size:12px;}
    .fxrail__pop-d{font-size:11px;}

  /* 原第 306 行 */

    .pbanner__img{object-position:left center;}
    .pcrumb__inner{height:52px;font-size:12px;}
    .psell{padding:36px 0 40px;}
    .psell__desc{margin-top:14px;font-size:14px;line-height:1.9;}
    .psell__desc br{display:none;}
    .psell__list{grid-template-columns:repeat(2,1fr);gap:18px 8px;margin-top:6px;}
    .psell__item img{width:64px;height:64px;}
    .psell__item h3{margin-top:10px;font-size:14px;}
    .psell__item p{margin-top:4px;font-size:14px;}
    .pgrid{padding:36px 0 44px;}
    .pgrid .pcard__grid{margin-top:24px;}
    .pscene{padding:36px 0 44px;}
    .pscene__grid{margin-top:20px;grid-template-columns:repeat(2,1fr);gap:10px;}
    .pscene__item figcaption{height:38px;font-size:14px;letter-spacing:1px;}
    .pcases{padding:36px 0 44px;}
    .pcases__grid{margin-top:20px;grid-template-columns:1fr;gap:12px;}
    .pcases__body{padding:12px 10px 16px;}
    .pcases__body h3{font-size:14px;}
    .pcases__model{margin-top:4px;font-size:14px;}
    .pcases__desc{margin-top:2px;font-size:14px;}
    .pguide{padding:30px 0 0;}
    .pguide__flow{margin-top:20px;flex-direction:column;gap:10px;}
    .pguide__head span{font-size:14px;}
    .pguide__desc{margin-top:6px;font-size:14px;}
    .pcta{padding:36px 0 44px;}
    .pcta__bar{flex-direction:column;align-items:flex-start;gap:16px;padding:20px;border-radius:10px;}
    .pcta__left{gap:14px;}
    .pcta__left .fa{font-size:36px;}
    .pcta__title{font-size:14px;}
    .pcta__sub{margin-top:4px;font-size:14px;}
    .pcta__btn{width:100%;padding:11px 0;border-radius:20px;font-size:14px;text-align:center;}

  /* 原第 554 行 */

    .nbanner__img{object-position:left center;}
    .pguar{padding:24px 0;}
    .pguar__grid{grid-template-columns:1fr 1fr;gap:16px;}
    .pguar__item{justify-content:flex-start;}
    .pguar__item .fa{font-size:32px;}
    .pguar__name{font-size:14px;}
    .pguar__desc{font-size:12px;}
    .ppage{gap:6px;}
    .ppage a,.ppage span{min-width:34px;height:34px;font-size:14px;}
    .pcenter__grid{grid-template-columns:1fr;}
    .pcat__list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e8edf3;border-left:1px solid #e8edf3;}
    .pcat__list a{border:1px solid #eef1f6!important;border-left:0;border-top:0;height:46px;font-size:14px;}
    .psup{margin-top:18px;padding:20px;display: none;}
    .psup__tel{font-size:21px;}
    .pcard__grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:0;}
    .pcard{padding:10px 10px 14px;}
    .pcard__name{font-size:14px;height:auto;min-height:38px;}
    .pcard__btn{padding:7px 20px;font-size:13px;}
    .pdetail__fig{height:300px;padding:12px;}
    .pdetail__h1{font-size:18px;}
    .pdetail__num{font-size:17px;}
    .pdetail__lab{font-size:12px;}
    .pdetail__specs{grid-template-columns:1fr;}
    .pdetail__specs li{font-size:13px;}
    .pdetail__btns{flex-direction:column;gap:10px;}
    .pdetail__buy,.pdetail__tel{font-size:15px;padding:11px 0;}
    .psec__h2,.nart__h1{font-size:16px;}
    .psec__h2 span{width:150px;height:42px;line-height:42px;}
    .pdetail__art{font-size:14px;line-height:2;}
    .prel__grid{gap:12px;}
    .news .ntabs{gap:10px;}
    .ntabs a{min-width:0;padding:9px 18px;font-size:14px;}
    .ngrid{grid-template-columns:1fr;gap:14px;margin-top:22px;}
    .ncard__h3{font-size:15px;min-height:0;}
    .ncard__desc{display:none;}
    .nart{padding:20px 16px;}
    .nart__body{font-size:14px;line-height:2;}
    .nart__nav{flex-direction:column;gap:14px;}
    .nart__nav .next{text-align:left;}
    .sadv__grid,.slight__grid{grid-template-columns:repeat(2,1fr);gap:12px;}
    .scard{padding:20px 8px 16px;}
    .scard .fa{font-size:32px;}
    .scard__h3{font-size:15px;margin-top:10px;}
    .scard__p{font-size:12px;}
    .spromise__times{grid-template-columns:repeat(3,1fr);gap:8px;}
    .spromise__num{font-size:20px;}
    .spromise__scope ul{grid-template-columns:1fr;}
    .sflow__step{flex:0 0 50%;}
    .atabs{gap:10px;}
    .atabs a{min-width:0;padding:9px 14px;font-size:14px;}
    .aintro__h2{font-size:20px;}
    .aintro__text{font-size:14px;line-height:1.95;}
    .aintro__num{font-size:22px;}
    .aintro__badges{grid-template-columns:1fr 1fr;gap:12px;}
    .aculture__grid{grid-template-columns:1fr;gap:14px;}
    .acert__grid{grid-template-columns:1fr 1fr;gap:12px;}
    .acert__card p{font-size:13px;}
    .aform{padding:16px;}

  /* 原第 561 行 */

    .cta__btn{display:block;width:100%;text-align:center;padding:11px 0;font-size:14px;border-radius:20px;}

  /* 原第 618 行 */

    .aintro__h2{font-size:20px;}
    .aintro__text{font-size:14px;line-height:1.95;}
    .aintro__num{font-size:22px;}
    .aintro__slab{font-size:14px;}
    .aintro__badges{flex-wrap:wrap;gap:14px 22px;padding:16px 18px;}
    .acard{padding:18px 16px;gap:14px;}
    .acard>.fa{width:40px;font-size:34px;}
    .acard__h3{font-size:18px;}
    .acard__p{font-size:14px;}
    .acert__grid{gap:12px;}
    .acert__card p{font-size:13px;}
    .acontact__info div{font-size:15px;}

  /* 原第 627 行 */

    .tl__img{width:220px;margin:8px 0 0;}
    .nview{padding: 30px 0;}
    .acontact__grid{grid-template-columns:1fr;gap:20px;}
    .acontact{padding: 30px 0;}
    .about-cta{padding: 0px 0 30px;}

}

@media (max-width:480px){
  /* 原第 228 行 */

    .nav__list a{font-size:14px;line-height:42px;}
    .brand__pillars{flex-wrap:wrap;gap:16px 24px;}
    .brand__pillars img{width:46px;}
    .stats__panel{gap:20px 0;}
    .stats__panel img{height:48px;}
    .stat__num{font-size:22px;}
    .stat__num small{font-size:14px;}
    .footer__qritem img{width:110px;}
    .fxrail{right:6px;}
    .fxrail__btn{width:34px;height:34px;}
    .fxrail__pop{right:40px;width:120px;}

}<!--耗时1789946395.4957秒-->