/* 关于我们（公司简介）— 按 Figma 设计稿还原（画板 1920x6116，内容区 1600） */
:root{
--ab-red:#e60012; --ab-orange:#ea5504; --ab-dark:#1b2229;
--ab-g1:#303133; --ab-g2:#606266; --ab-g3:#909399; --ab-g4:#b3b9c3;
--ab-bg:#f5f6f8; --ab-line:#eeeded;
}
.ab-wrap{max-width:1600px;margin:0 auto;padding:0 20px}
/* Banner */
.ab-banner{position:relative;height:660px;margin-top:0px;overflow:hidden}
.ab-banner .bg{position:absolute;inset:0;background-size:cover;background-position:center}
/* 关于我们 Banner：PC / 手机两套图 */
.ab-banner.about-banner .bg{background-image:url('/static/images/sg/about_banner.jpg')}
@media (max-width:768px){
.ab-banner.about-banner .bg{background-image:url('/static/images/sg/about_banner_mobile.jpg')}
}
/* 产品列表 Banner：PC / 手机两套图 */
.ab-banner.product-banner .bg{background-image:url('/static/images/sg/product-bg1.jpg')}
@media (max-width:768px){
.ab-banner.product-banner .bg{background-image:url('/static/images/sg/product-bg-mobile.jpg')}
}
/* 使用场景列表 Banner：PC / 手机两套图 */
.ab-banner.scene-banner .bg{background-image:url('/static/images/sg/scene_bj.jpg')}
@media (max-width:768px){
.ab-banner.scene-banner .bg{background-image:url('/static/images/sg/scene_bj_mobile.jpg')}
}
/* 招商合作 Banner：PC / 手机两套图 */
.ab-banner.hezuo-banner .bg{background-image:url('/static/images/sg/hezuo_bj.jpg')}
@media (max-width:768px){
.ab-banner.hezuo-banner .bg{background-image:url('/static/images/sg/hezuo_bj_mobile.jpg')}
}
/* 新闻中心 Banner：PC / 手机两套图 */
.ab-banner.news-banner .bg{background-image:url('/static/images/sg/news_bj.jpg')}
@media (max-width:768px){
.ab-banner.news-banner .bg{background-image:url('/static/images/sg/news_bj_mobile.jpg')}
}
/* 常见问题 Banner：PC / 手机两套图 */
.ab-banner.faq-banner .bg{background-image:url('/static/images/sg/faq_bj.jpg')}
@media (max-width:768px){
.ab-banner.faq-banner .bg{background-image:url('/static/images/sg/faq_bj_mobile.jpg')}
}
.ab-banner .inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.ab-banner h1{font-family:'alimamashuheiti';font-size:52px;font-weight:bold;color:#fff;letter-spacing:4px;text-shadow:0 4px 24px rgba(0,0,0,.35)}
.ab-banner .crumb{margin-top:22px;font-family:'AlibabaPuHuiTi';font-size:15px;color:rgba(255,255,255,.92);letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.ab-banner .crumb a{color:rgba(255,255,255,.92)}
.ab-banner .crumb .sep{margin:0 12px;opacity:.6}
/* 锚点导航 */
.ab-anchors{background:#fff;border-bottom:1px solid var(--ab-line);position:sticky;top:84px;z-index:90}
@media (max-width:1024px){.ab-anchors{top:0}}
.ab-anchors .in{display:flex;align-items:center;justify-content:space-between}
.ab-anchors .links{display:flex;gap:88px}
.ab-anchors .links a{position:relative;display:block;padding:24px 0 22px;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-g1);transition:color .2s;white-space:nowrap}
.ab-anchors .links a::after{content:'';position:absolute;left:50%;bottom:0;width:0;height:3px;background:var(--ab-red);transform:translateX(-50%);transition:width .25s}
.ab-anchors .links a:hover,.ab-anchors .links a.on{color:var(--ab-red)}
.ab-anchors .links a:hover::after,.ab-anchors .links a.on::after{width:40px}
.ab-anchors .crumb{font-family:'AlibabaPuHuiTi';font-size:15px;color:var(--ab-g2);white-space:nowrap}
.ab-anchors .crumb .cur{color:var(--ab-red);display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
/* 大标题 */
.ab-title{font-family:'alimamashuheiti';font-size:44px;font-weight:bold;color:var(--ab-red);text-align:center;line-height:1.2}
.ab-sub{margin-top:16px;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-g3);text-align:center}
/* 公司简介 */
.ab-intro{padding:95px 0 106px}
.ab-intro .top{display:flex;align-items:flex-start;gap:140px}
.ab-intro .logo-box{flex:0 0 250px;width:250px;height:290px;margin-top:74px;display:flex;align-items:center;justify-content:center;background:#fff}
.ab-intro .logo-box img{display:block;width:100%;height:100%;object-fit:contain}
.ab-intro .txt{flex:1 1 auto;min-width:0}
.ab-intro .txt h2{font-family:'alimamashuheiti';font-size:36px;font-weight:bold;color:var(--ab-g1);line-height:1.2}
.ab-intro .txt .ds{margin-top:30px;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-g1);line-height:1.9;text-align:justify}
.ab-intro .txt .ds p+p{margin-top:1em}
.ab-intro .stats{margin-top:56px;display:flex;justify-content:space-between;padding-right:40px}
.ab-intro .stats .n{font-family:'MiSans','AlibabaPuHuiTi';font-size:56px;font-weight:600;line-height:1;color:var(--ab-red);font-variant-numeric:tabular-nums}
.ab-intro .stats .n small{font-family:'AlibabaPuHuiTi';font-size:24px;margin-left:4px}
.ab-intro .stats .t{margin-top:14px;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-g2);letter-spacing:2px}
/* 企业文化：背景图 + 默认底部标题/一句话 + 悬浮红色水滴遮罩显示全部内容 */
.ab-culture{padding:100px 0;background:url('/static/images/sg/about_culture_bj.png') center/cover no-repeat}
.ab-culture .cards{margin-top:55px;display:flex;gap:35px}
.ab-culture .card{position:relative;flex:1 1 0;height:560px;border-radius:50px;overflow:hidden}
.ab-culture .card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ab-culture .card:hover img{transform:scale(1.05)}
.ab-culture .card .mask{position:absolute;inset:0;transition:opacity .3s}
.ab-culture .card .tx{position:absolute;left:34px;right:34px;bottom:44px;color:#fff;text-align:center;transition:opacity .3s}
.ab-culture .card .tx h3{font-family:'AlibabaPuHuiTi';font-size:32px;font-weight:600}
.ab-culture .card .tx p{margin-top:14px;font-family:'AlibabaPuHuiTi';font-size:18px;line-height:1.6}
/* 悬浮：红色水滴遮罩（上尖下圆，正方形旋转 45° 实现） */
.ab-culture .card .drop{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s}
.ab-culture .card:hover .drop{opacity:1}
.ab-culture .card:hover .tx,.ab-culture .card:hover .mask{opacity:0}
.ab-culture .drop .shape{position:absolute;left:50%;top:50%;width:86%;height:96%;transform:translate(-50%,-50%);fill:rgba(230,0,18,.6);filter:drop-shadow(0 24px 60px rgba(230,0,18,.25))}
.ab-culture .drop .drop-tx{position:relative;z-index:1;max-width:72%;color:#fff;text-align:center}
.ab-culture .drop .drop-tx h3{font-family:'AlibabaPuHuiTi';font-size:30px;font-weight:600}
.ab-culture .drop .drop-tx p{margin-top:12px;font-family:'AlibabaPuHuiTi';font-size:17px;line-height:1.7}
.ab-culture .drop .drop-tx .detail{margin-top:14px;font-size:12px;line-height:1.9;white-space:pre-line}
/* 荣誉资质 */
.ab-honor{padding:100px 0}
.ab-honor .wrap{display:flex;gap:70px}
.ab-honor .left{flex:1 1 auto;min-width:0}
.ab-honor .ab-title{text-align:left}
.ab-honor .honors{margin-top:40px;display:grid;grid-template-columns:repeat(3,340px);justify-content:space-between;gap:44px 0}
.ab-honor .honors li{display:flex;align-items:center;justify-content:space-between;height:83px;width:100%;cursor:pointer;transition:opacity .2s}
.ab-honor .honors li:hover{opacity:.72}
.ab-honor .honors li img:last-child{margin-right:36px}
/* 荣誉大图查看 */
.ab-honor-mask{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center}
.ab-honor-mask.show{display:flex}
.ab-honor-mask img{max-width:78vw;max-height:82vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ab-honor .honors img{flex:0 0 auto;height:83px;width:auto}
.ab-honor .honors span{flex:1 1 auto;min-width:0;margin:0 16px;font-family:'AlibabaPuHuiTi';font-size:18px;color:#000;letter-spacing:1px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab-honor .pic{flex:0 0 475px;border-radius:20px;overflow:hidden;align-self:flex-start;margin-top:60px}
.ab-honor .pic img{display:block;width:100%;height:488px;object-fit:cover}
/* 发展历程：雪山背景 + 左右联动（左年份 / 右条目，箭头上下切换） */
.ab-history{padding:100px 0 110px;background:url('/static/images/sg/about_licheng.jpg') center/cover no-repeat;position:relative}
.ab-history .ab-title{color:var(--ab-red)}
.ab-history .ab-sub{color:#7c8794}
.ab-history .hist{display:flex;gap:70px;margin-top:70px;align-items:flex-start}
.ab-history .hist-left{flex:0 0 340px;position:relative;padding:20px 0}
.ab-history .hist-years{position:relative;height:300px;overflow:hidden;scroll-behavior:smooth}
.ab-history .hy{font-family:'MiSans','AlibabaPuHuiTi';font-size:92px;font-weight:380;line-height:1.35;color:rgba(124,135,148,.42);white-space:nowrap;transition:color .35s;cursor:pointer}
.ab-history .hy.on{color:var(--ab-red)}
.ab-history .hist-arrows{display:flex;flex-direction:column;gap:14px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.ab-history .hist-arrow{width:40px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;transition:none;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;filter:drop-shadow(0 10px 24px rgba(20,25,35,.12));transition:transform .25s}
.ab-history .hist-arrow:hover{transform:none}
.ab-history .hist-arrow svg{position:relative;z-index:1;color:#b8bcc4;transition:color .25s}
.ab-history .hist-arrow:hover svg{color:var(--ab-red)}
.ab-history .hist-right{flex:1 1 auto;min-width:0;height:340px;overflow:hidden;position:relative;padding:0;scroll-behavior:smooth}
.ab-history .hist-list{position:relative}
.ab-history .hi{display:flex;gap:26px;align-items:center;padding:36px 0 0;overflow:hidden;box-sizing:border-box}
.ab-history .hi img{flex:0 0 auto;width:120px;height:74px;object-fit:cover;border-radius:10px}
.ab-history .hi b{display:block;font-family:'MiSans','AlibabaPuHuiTi';font-size:20px;font-weight:500;color:var(--ab-g1);line-height:1.3;transition:color .35s}
.ab-history .hi .tx{min-width:0}
.ab-history .hi p{margin-top:8px;font-family:'AlibabaPuHuiTi';font-size:15px;color:var(--ab-g2);line-height:1.8;text-align:justify;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ab-history .hi.on b{color:var(--ab-red)}
/* 工艺介绍 */
/* 工艺介绍：灰底 + 无限轮播（一屏三张，左右水滴箭头） */
.ab-craft{padding:100px 0;background:#F5F6F8}
/* 左右各留 80px 给箭头，轮播区收窄到 1400，整体仍在 1600 内 */
.ab-craft .craft-swiper{margin:55px auto 0;width:calc(100% - 160px);position:relative}
.ab-craft .craft-swiper .step{display:block;height:100%;text-decoration:none}
.ab-craft .craft-swiper .step .more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-family:'AlibabaPuHuiTi';font-size:14.5px;color:var(--ab-red)}
.ab-craft .craft-swiper .step:hover .more svg{transform:translateX(3px)}
.ab-craft .craft-swiper .step .more svg{transition:transform .25s}
.ab-craft .craft-swiper .step:hover h3{color:var(--ab-red)}
.ab-craft .craft-swiper .step .pic{height:270px;border-radius:14px;overflow:hidden}
.ab-craft .craft-swiper .step .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ab-craft .craft-swiper .step:hover .pic img{transform:scale(1.06)}
.ab-craft .craft-swiper .step h3{margin-top:32px;font-family:'AlibabaPuHuiTi';font-size:22px;font-weight:400;color:var(--ab-g1);line-height:1.4}
.ab-craft .craft-swiper .step p{margin-top:18px;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-g2);line-height:1.9;text-align:justify}
/* 水滴形切换箭头 */
/* 水滴形切换箭头（工艺介绍） */
.ab-craft .craft-arrow{position:absolute;width:44px;height:54px;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;filter:drop-shadow(0 10px 24px rgba(20,25,35,.12));transition:transform .25s}
.ab-craft .craft-arrow:hover{transform:scale(1.08)}
.ab-craft .craft-arrow svg{position:relative;z-index:1;color:#b8bcc4;transition:color .25s}
.ab-craft .craft-arrow:hover svg{color:var(--ab-red)}
/* 箭头内嵌在 1600 内容区里（不探到内容区之外） */
.ab-craft .craft-arrow.prev{left:0}
.ab-craft .craft-arrow.next{right:0}
.ab-craft .craft-arrow{top:108px}
/* 工艺：箭头挂在 swiper 外层，避免被 .swiper 的 overflow:hidden 裁掉 */
.ab-craft .craft-box{position:relative}
/* 生产基地：三联轮播（中间大图 + 两侧缩小，不重叠）
全部用百分比：三联随容器（内容区 1560）自动缩放，任何屏宽都完整显示、不再裁边 */
.ab-factory{padding:100px 0 150px;overflow:hidden}
.ab-factory .fac-swiper{position:relative;width:100%;max-width:1560px;margin:55px auto 0;overflow:hidden}
.ab-factory .fac-swiper .swiper-slide{width:35%;aspect-ratio:554/423;height:auto}
.ab-factory .fac-swiper .swiper-slide img{display:block;width:109%;height:100%;margin-left:-4.5%;border-radius:24px;object-fit:cover}
.ab-factory .fac-cap{margin-top:22px;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-g2);text-align:center}
.ab-factory .fac-dots{margin-top:20px;display:flex;justify-content:center;gap:14px;align-items:center}
.ab-factory .fac-dots i{width:18px;height:23px;background:#dcdfe6;cursor:pointer;transition:background .3s,transform .3s;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.ab-factory .fac-dots i.on{background:var(--ab-red)}
/* ============ 手机端 ≤768 ============ */
@media (max-width:768px){
.ab-banner{height:300px}
.ab-banner h1{font-size:30px;letter-spacing:2px}
.ab-banner .crumb{font-size:13px;margin-top:14px}
.ab-anchors{display:none}
.ab-title{font-size:30px}
.ab-sub{font-size:14px;margin-top:10px}
.ab-intro{padding-top:50px}
.ab-intro .top{flex-direction:column;gap:40px}
.ab-intro .logo-box{flex:0 0 auto;width:150px;height:174px;margin:0 auto}
.ab-intro .txt h2{font-size:24px}
.ab-intro .txt .ds{font-size:15px;margin-top:16px;line-height:1.85}
.ab-intro .stats{padding:0;margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:20px 8px}
.ab-intro .stats li{text-align:center}
.ab-intro .stats .n{font-size:34px}
.ab-intro .stats .n small{font-size:16px}
.ab-intro .stats .t{margin-top:8px;font-size:14px;letter-spacing:1px}
.ab-culture{padding:50px 0 55px}
.ab-culture .cards{margin-top:28px;flex-direction:column;gap:14px}
/* 手机端只保留文字（标题 + 一句话），不显示背景大图与长文案 */
.ab-culture .card{height:auto;border-radius:18px;background:#fff;padding:26px 22px;overflow:visible}
.ab-culture .card img,
.ab-culture .card .mask,
.ab-culture .card .drop{display:none}
.ab-culture .card .tx{position:static;left:auto;right:auto;bottom:auto;color:var(--ab-g1);text-align:center}
.ab-culture .card .tx h3{font-size:20px;color:var(--ab-red)}
.ab-culture .card .tx p{font-size:15px;line-height:1.7;color:var(--ab-g2);margin-top:8px}
.ab-honor{padding:50px 0 55px}
.ab-honor .wrap{flex-direction:column;gap:26px}
/* 手机端：大图不显示，标题居中，每个荣誉条目整体居中 */
.ab-honor .pic{display:none}
.ab-honor .ab-title{text-align:center}
.ab-honor .honors{margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
/* 一行两个：保留左右两个麦穗夹名称 */
.ab-honor .honors li{height:auto;justify-content:center;align-items:center;gap:8px;padding:14px 6px;background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(20,25,35,.06)}
.ab-honor .honors li img:last-child{margin-right:0}
.ab-honor .honors img{height:36px}
.ab-honor .honors span{font-size:13px;margin:0;flex:1 1 auto;min-width:0;white-space:normal;line-height:1.5;text-align:center}
.ab-history{padding:50px 0 55px}
.ab-history .hist{flex-direction:column;gap:0;margin-top:24px}
/* 手机端去掉大字号年份与上下箭头，只保留可滚动的条目列表 */
.ab-history .hist-left{display:none}
.ab-history .hist-right{height:420px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}
.ab-history .hi{gap:14px;padding:14px 0;align-items:flex-start}
.ab-history .hi + .hi{border-top:1px dashed var(--ab-line)}
.ab-history .hi img{width:96px;height:60px}
.ab-history .hi b{font-size:17px}
.ab-history .hi p{font-size:14px;-webkit-line-clamp:unset;overflow:visible}
.ab-craft{padding:50px 0 55px}
.ab-craft .craft-swiper{margin-top:26px;width:100%}
.ab-craft .craft-swiper .step .pic{height:200px}
.ab-craft .craft-swiper .step h3{margin-top:18px;font-size:19px}
.ab-craft .craft-swiper .step p{margin-top:10px;font-size:15px;line-height:1.8}
.ab-craft .craft-arrow{display:none}
.ab-factory{padding:50px 0 55px}
.ab-factory .fac-swiper{height:210px;margin-top:28px}
.ab-factory .fac-swiper .swiper-slide{width:78%;height:190px;aspect-ratio:auto}
.ab-factory .fac-swiper .swiper-slide img{width:100%;height:190px;margin-left:0;border-radius:14px}
.ab-factory .fac-cap{margin-top:14px;font-size:14px}
.ab-factory .fac-dots{margin-top:12px}
}
/* ================= 滚动进入动画（与首页 data-anim 同套） ================= */
[data-anim]{opacity:0;transform:translateY(42px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
[data-anim="fade"]{transform:none}
[data-anim="up"]{transform:translateY(42px)}
[data-anim="left"]{transform:translateX(-56px)}
[data-anim="right"]{transform:translateX(56px)}
[data-anim="zoom"]{transform:scale(.86)}
[data-anim].in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-anim]{opacity:1;transform:none;transition:none}}
/* ================= 产品列表页 ================= */
/* 产品详情页容器不带旧版顶部信息条，豁免 km2026 的头部占位补偿，消除 banner 上方空隙 */
body > .showProductModule.showProductDetailModule{padding-top:0!important}
/* 详情页右侧：热销产品（同分类横向小图列表） */
/* 显式锁定两列布局：左正文 + 右 320px 侧栏，不依赖旧样式文件 */
.showProductDetailModule .view-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.showProductDetailModule .view-main{min-width:0}
@media (max-width:992px){.showProductDetailModule .view-layout{grid-template-columns:1fr}}
.pg-hot{background:#fff;box-shadow:0 .25rem .75rem rgba(0,0,0,.04);align-self:start}
.pg-hot .pg-hot-title{background:var(--ab-red);color:#fff;font-family:'AlibabaPuHuiTi';font-size:18px;font-weight:500;letter-spacing:2px;padding:14px 22px;margin:0}
.pg-hot .pg-hot-list{padding:4px 22px 18px}
.pg-hot .pg-hot-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #f0f0f0;color:inherit;text-decoration:none}
.pg-hot .pg-hot-item:last-child{border-bottom:none}
.pg-hot .pg-hot-item .im{flex:0 0 84px;width:84px;height:84px;background:#F5F6F8;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pg-hot .pg-hot-item .im img{max-width:86%;max-height:86%;object-fit:contain;transition:transform .4s}
.pg-hot .pg-hot-item:hover .im img{transform:scale(1.06)}
.pg-hot .pg-hot-item .nm{font-family:'AlibabaPuHuiTi';font-size:15px;color:#303133;line-height:1.55;transition:color .25s}
.pg-hot .pg-hot-item:hover .nm{color:var(--ab-red)}
/* ================= 使用场景列表页：4 列竖图卡片 ================= */
.sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.sc-card{display:block}
.sc-card .im{width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#F5F6F8}
.sc-card .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.sc-card:hover .im img{transform:scale(1.05)}
.sc-card .nm{margin-top:12px;text-align:center;font-family:'AlibabaPuHuiTi';font-size:15px;color:#303133;transition:color .25s}
.sc-card:hover .nm{color:var(--ab-red)}
@media (max-width:1024px){.sc-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){
.sc-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.sc-card .im{border-radius:8px}
.sc-card .nm{font-size:14px;margin-top:8px}
}
/* 详情页内容区加宽到 1600（新闻 + 产品），小屏自适应收边 */
.showNewsModule .details .container,
.showProductDetailModule .details .container{width:min(1600px,calc(100% - 40px));box-sizing:border-box}
@media (max-width:768px){
.showNewsModule .details .container,
.showProductDetailModule .details .container{width:calc(100% - 24px)}
}
/* 面包屑导航条（FAQ 页等只有面包屑时右对齐） */
.ab-anchors.only-crumb .in{justify-content:flex-end}
/* 没有 .links 撑高时，用面包屑自身 padding 保持与其他页一致的条高 */
.ab-anchors.only-crumb .crumb{padding:24px 0 22px;line-height:1}
/* 常见问题页：整体背景 #F5F6F8（footer 圆角外露灰底） */
body.page-faq{background:var(--ab-bg)}
/* ================= 新闻列表页：头部统一 + 绿改红 ================= */
body > .experienceModule{padding-top:0!important}
/* 列表内容区宽度 1600 居中（小屏自适应收边） */
.experienceModule .contentBox{width:min(1600px,calc(100% - 40px));box-sizing:border-box}
@media (max-width:768px){
.experienceModule .contentBox{width:calc(100% - 24px)}
}
.experienceModule .contentBox .titleBox .left{width:100%}
.experienceModule .contentBox .titleBox .left .text{color:var(--ab-red);font-family:'alimamashuheiti';font-size:44px;font-weight:bold;line-height:1.2;text-align:center}
.experienceModule .contentBox .titleBox .left .text1{font-size:15.5px;font-family:'AlibabaPuHuiTi';margin-top:12px;text-align:center}
.experienceModule .listBox.listBox_news .item:hover .name{color:var(--ab-red)}
.experienceModule .listBox.listBox_news .item:hover .timeBox{background:var(--ab-red)}
.experienceModule .switch-btn:hover{border-color:var(--ab-red);color:var(--ab-red);box-shadow:0 0.25rem 0.75rem rgba(230,0,18,.15)}
.experienceModule .switch-btn.active,
.experienceModule .switch-btn.active:hover{background:var(--ab-red);color:#fff}
.experienceModule .pagination > li > a,
.experienceModule .pagination > li > span{color:var(--ab-red)}
.experienceModule .pagination > li > a:hover,
.experienceModule .pagination > li > span:hover{background:var(--ab-red);border-color:var(--ab-red);color:#fff}
.experienceModule .pagination > .active > a,
.experienceModule .pagination > .active > span{background:var(--ab-red);border-color:var(--ab-red);color:#fff}
/* ================= 人力资源列表页（招聘） ================= */
body.page-hr{background:var(--ab-bg)}
.hr-page{padding:60px 0 100px}
.hr-innerwidth{width:min(1600px,calc(100% - 40px));box-sizing:border-box;margin:0 auto}
.page-hr .ab-title{margin:0}
.hr-sub{margin:14px 0 0;font-family:'AlibabaPuHuiTi';font-size:15.5px;color:#606266;line-height:1.9;text-align:center}
.job-list{display:flex;flex-direction:column;gap:16px;margin-top:38px}
.job-card{display:flex;align-items:center;gap:24px;justify-content:space-between;background:#fff;border-radius:14px;padding:24px 28px;box-shadow:0 4px 18px rgba(20,25,35,.05);text-decoration:none;transition:all .28s}
.job-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,25,35,.1)}
.jb-bd{min-width:0}
.job-card h3{margin:0;font-family:'AlibabaPuHuiTi';font-size:19px;font-weight:600;color:var(--ab-dark);transition:color .25s}
.job-card:hover h3{color:var(--ab-red)}
.job-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.job-tags span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;background:#f5f6f8;font-family:'AlibabaPuHuiTi';font-size:13.5px;color:#606266}
.job-tags span i{font-style:normal;color:var(--ab-red);font-weight:600}
.jb-rt{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.job-date{font-family:'AlibabaPuHuiTi';font-size:13px;color:#909399}
.job-more{display:inline-flex;align-items:center;gap:6px;font-family:'AlibabaPuHuiTi';font-size:14px;color:var(--ab-red)}
.job-card:hover .job-more svg{transform:translateX(3px)}
.job-more svg{transition:transform .25s}
.job-empty{padding:70px 0;text-align:center;background:#fff;border-radius:14px;font-family:'AlibabaPuHuiTi';font-size:15px;color:#909399;box-shadow:0 4px 18px rgba(20,25,35,.05)}
.hr-cta{margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px 48px;border-radius:18px;background:linear-gradient(120deg,#f2564a 0%,#ef2a24 45%,var(--ab-red) 100%);color:#fff}
.hr-cta .tx h3{margin:0;font-family:'AlibabaPuHuiTi';font-size:24px;font-weight:600}
.hr-cta .tx p{margin:10px 0 0;font-family:'AlibabaPuHuiTi';font-size:15px;line-height:1.8;color:rgba(255,255,255,.86);max-width:720px}
.hr-cta .ac{display:flex;gap:14px;flex:0 0 auto}
.hr-cta .ac a{display:inline-flex;align-items:center;height:46px;padding:0 28px;border-radius:999px;font-family:'AlibabaPuHuiTi';font-size:15px;text-decoration:none;transition:all .25s}
.hr-cta .ac .btn-w{background:#fff;color:var(--ab-red)}
.hr-cta .ac .btn-w:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.hr-cta .ac .btn-o{border:1px solid rgba(255,255,255,.6);color:#fff}
.hr-cta .ac .btn-o:hover{background:#fff;color:var(--ab-red)}
@media (max-width:992px){
.hr-cta{flex-direction:column;align-items:flex-start;padding:32px 26px}
.hr-cta .ac{flex-wrap:wrap}
}
@media (max-width:768px){
.hr-innerwidth{width:calc(100% - 24px)}
.hr-page{padding:36px 0 60px}
.job-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 18px}
.job-card h3{font-size:17px}
.jb-rt{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
.pr-pager.hr-innerwidth{width:calc(100% - 24px)}
}
/* 招聘详情页：右侧「相关岗位」改为纯文字列表（不显示缩略图） */
.showJoinModule .view-side-item{display:block;padding:14px 0;border-bottom:1px solid var(--ab-line)}
.showJoinModule .view-side-item:last-child{border-bottom:none}
.showJoinModule .view-side-item .title{font-family:'AlibabaPuHuiTi';font-size:15px;color:#303133;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s}
.showJoinModule .view-side-item:hover .title{color:var(--ab-red)}
.showJoinModule .view-side-item .date{margin-top:6px;font-family:'AlibabaPuHuiTi';font-size:12.5px;color:#909399}
.showJoinModule .view-side-empty{padding:18px 0;font-family:'AlibabaPuHuiTi';font-size:14px;color:#909399}
/* ================= 招商合作页 ================= */
.hz-innerwidth{width:min(1600px,calc(100% - 40px));box-sizing:border-box;margin:0 auto}
/* 顶部介绍 */
.hz-intro{padding:70px 0}
.hz-intro-card{display:flex;align-items:center;gap:44px;background:#fff;border-radius:20px;padding:52px 60px}
.hz-intro-card .logo{flex:0 0 130px}
.hz-intro-card .logo img{width:100%;display:block}
.hz-intro-card .tx{min-width:0}
.hz-intro-card .tx h2{margin:0;font-family:'alimamashuheiti';font-size:28px;font-weight:bold;color:var(--ab-dark);line-height:1.4}
.hz-intro-card .tx p{margin:14px 0 0;font-family:'AlibabaPuHuiTi';font-size:15px;color:#606266;line-height:1.9}
/* 合作模式 */
.hz-modes{padding:80px 0 90px;background:url('/static/images/sg/hezuomoshi_bj.jpg') center/cover no-repeat}
.hz-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:86px}
.hz-mode-card{position:relative;background:#fff;border-radius:16px;padding:66px 26px 34px;text-align:center;box-shadow:0 6px 22px rgba(20,25,35,.06);transition:all .28s}
.hz-mode-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,25,35,.12)}
.hz-mode-card .pic{position:absolute;top:-36px;left:0;right:0;display:flex;justify-content:center}
.hz-mode-card .pic img{width:98px;height:92px;display:block}
.hz-mode-card h3{margin:20px 0 0;font-family:'AlibabaPuHuiTi';font-size:18px;font-weight:600;color:var(--ab-dark)}
.hz-mode-card p{margin:12px 0 0;font-family:'AlibabaPuHuiTi';font-size:14px;color:#606266;line-height:1.8}
/* 招商扶持政策 */
.hz-policies{padding:80px 0 100px}
.hz-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.hz-policy-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f6f8;border-radius:14px;padding:30px 30px;transition:all .28s}
.hz-policy-card:hover{background:#fff;box-shadow:0 14px 32px rgba(20,25,35,.1);transform:translateY(-3px)}
.hz-policy-card .tx{min-width:0}
.hz-policy-card h3{margin:0;font-family:'AlibabaPuHuiTi';font-size:17.5px;font-weight:600;color:var(--ab-dark)}
.hz-policy-card p{margin:10px 0 0;font-family:'AlibabaPuHuiTi';font-size:14px;color:#606266;line-height:1.8}
.hz-policy-card img{flex:0 0 52px;width:52px}
/* 招商咨询 */
.hz-join-cta{padding:0 0 100px}
.hz-join-cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px 48px;border-radius:18px;background:linear-gradient(120deg,#f2564a 0%,#ef2a24 45%,var(--ab-red) 100%);color:#fff}
.hz-join-cta-in .tx h3{margin:0;font-family:'AlibabaPuHuiTi';font-size:24px;font-weight:600}
.hz-join-cta-in .tx p{margin:10px 0 0;font-family:'AlibabaPuHuiTi';font-size:15px;line-height:1.8;color:rgba(255,255,255,.86);max-width:720px}
.hz-join-cta-in .ac{display:flex;gap:14px;flex:0 0 auto}
.hz-join-cta-in .ac a{display:inline-flex;align-items:center;height:46px;padding:0 28px;border-radius:999px;font-family:'AlibabaPuHuiTi';font-size:15px;text-decoration:none;transition:all .25s}
.hz-join-cta-in .ac .btn-w{background:#fff;color:var(--ab-red)}
.hz-join-cta-in .ac .btn-w:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.hz-join-cta-in .ac .btn-o{border:1px solid rgba(255,255,255,.6);color:#fff}
.hz-join-cta-in .ac .btn-o:hover{background:#fff;color:var(--ab-red)}
@media (max-width:1200px){
.hz-mode-grid{grid-template-columns:repeat(2,1fr)}
.hz-policy-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:992px){
.hz-intro-card{flex-direction:column;align-items:flex-start;gap:26px;padding:34px 28px}
.hz-intro-card .logo{flex:0 0 auto;width:96px;margin:0 auto}
.hz-join-cta-in{flex-direction:column;align-items:flex-start;padding:32px 26px}
.hz-join-cta-in .ac a{padding:0 18px}
}
@media (max-width:768px){
.hz-innerwidth{width:calc(100% - 24px)}
.hz-intro{padding:40px 0}
.hz-modes{padding:56px 0 60px}
.hz-policies{padding:56px 0 64px}
.hz-join-cta{padding:0 0 60px}
.hz-mode-grid{grid-template-columns:1fr;gap:54px}
.hz-policy-grid{grid-template-columns:1fr;gap:14px}
.hz-intro-card .tx h2{font-size:22px}
}
/* ================= 网站地图页 ================= */
body.page-sitemap{background:var(--ab-bg)}
.sm-page{padding:60px 0 100px}
.sm-innerwidth{width:min(1600px,calc(100% - 40px));box-sizing:border-box;margin:0 auto}
.sm-sub{margin:14px 0 0;font-family:'AlibabaPuHuiTi';font-size:15.5px;color:#606266;line-height:1.9;text-align:center}
.sm-block{margin-top:40px;background:#fff;border-radius:16px;padding:30px 38px 20px;box-shadow:0 4px 18px rgba(20,25,35,.05)}
.sm-title{position:relative;margin:0;padding-left:14px;font-family:'AlibabaPuHuiTi';font-size:19px;font-weight:600;color:var(--ab-dark)}
.sm-title:before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:var(--ab-red)}
/* 栏目导航 / 单页：两列，行内 名称+描述 */
.sm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;margin-top:10px}
.sm-item{display:flex;align-items:baseline;gap:12px;min-width:0;padding:13px 0;border-bottom:1px dashed var(--ab-line);font-family:'AlibabaPuHuiTi';font-size:15px;text-decoration:none}
.sm-item b{flex:0 0 auto;font-weight:600;color:var(--ab-dark);transition:color .25s}
.sm-item:hover b{color:var(--ab-red)}
.sm-item .sm-desc{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:#909399}
/* 内容索引：三列固定列宽，标题超出省略 */
.sm-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin-top:10px}
.sm-row{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 0;border-bottom:1px dashed var(--ab-line);font-family:'AlibabaPuHuiTi';font-size:14.5px;color:#303133;text-decoration:none}
.sm-row-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s}
.sm-row:hover .sm-row-t{color:var(--ab-red)}
.sm-tag{flex:0 0 auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px;border-radius:4px;background:#f5f6f8;color:#909399;font-size:12px}
.sm-total{margin:14px 0 0;font-family:'AlibabaPuHuiTi';font-size:13px;color:#909399;text-align:right}
.sm-tip{margin-top:30px;font-family:'AlibabaPuHuiTi';font-size:14px;color:#909399;text-align:center}
.sm-tip a{color:var(--ab-red)}
@media (max-width:1200px){
.sm-list{grid-template-columns:1fr}
.sm-rows{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
.sm-innerwidth{width:calc(100% - 24px)}
.sm-page{padding:36px 0 60px}
.sm-block{padding:22px 20px 12px}
.sm-rows{grid-template-columns:1fr}
}
/* ================= 单页（联系我们）：绿改红 + 头部统一 ================= */
.Page_content{
/* km2026 全组件绿色变量一律改红 */
--km-green:#e60012; --km-green-deep:#b8000e; --km-green-soft:#fdeaea;
background:#fff;
}
body > .Page_content{padding-top:0!important}
.Page_content .km-contact{background:#fff;margin-bottom:70px}
.Page_content .km-contact-l{background:linear-gradient(140deg,#f03535 0%,var(--ab-red) 45%,#b8000e 100%)}
.Page_content .km-form input:focus,.Page_content .km-form textarea:focus{border-color:var(--ab-red);box-shadow:0 0 0 4px rgba(230,0,18,.12)}
.Page_content .km-form .sb{background:var(--ab-red)}
.Page_content .km-form .sb:hover{background:#c4000f;box-shadow:0 12px 28px rgba(230,0,18,.32)}
/* 联系信息区：内容宽度 1600 居中 */
.Page_content .km-cinfo{padding:80px max(40px,calc((100% - 1600px) / 2)) 60px}
.Page_content .km-cinfo-l h2{font-family:'alimamashuheiti';font-size:44px;font-weight:bold;line-height:1.2}
@media (max-width:992px){
.Page_content .km-contact{margin-bottom:40px}
.Page_content .km-cinfo{padding:44px max(28px,calc((100% - 1600px) / 2)) 30px}
}
/* ================= 常见问题列表页：左分类 + 右手风琴 ================= */
.faq-wrap{display:flex;gap:26px;align-items:flex-start}
.faq-cats{flex:0 0 220px;background:#fff;border-radius:16px;padding:30px 20px;box-shadow:0 4px 18px rgba(20,25,35,.05)}
.faq-cats h3{text-align:center;font-family:'AlibabaPuHuiTi';font-size:17px;font-weight:600;color:var(--ab-dark);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--ab-line)}
.faq-cats .list{display:flex;flex-direction:column;gap:10px}
.faq-cats .list a{display:block;text-align:center;padding:11px 12px;border-radius:24px;font-family:'AlibabaPuHuiTi';font-size:15px;color:#303133;text-decoration:none;transition:all .25s}
.faq-cats .list a:hover{color:var(--ab-red)}
.faq-cats .list a.on{background:var(--ab-red);color:#fff;font-weight:500}
.faq-list{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.faq-item{background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(20,25,35,.05);overflow:hidden}
.faq-item .q{display:flex;align-items:center;gap:14px;padding:21px 26px;cursor:pointer;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-dark)}
.faq-item .q .qt{flex:1;min-width:0}
.faq-item .tag{flex:0 0 22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--ab-red);color:#fff;font-size:13px}
.faq-item .q svg{flex-shrink:0;color:var(--ab-red);width:26px;height:26px;padding:5px;box-sizing:border-box;border:1px solid var(--ab-red);border-radius:50%;transition:transform .3s}
.faq-item.open .q svg{transform:rotate(180deg)}
.faq-item .a{display:none;padding:2px 26px 24px 26px;font-family:'AlibabaPuHuiTi';font-size:14.5px;color:#606266;line-height:1.9}
.faq-item.open .a{display:flex;gap:14px}
.faq-item .a .tag{background:#FA7B1F;color:#fff;border:none}
.faq-item .a .txt{flex:1;min-width:0}
.faq-empty{padding:60px 0;text-align:center;font-family:'AlibabaPuHuiTi';font-size:15px;color:#909399}
@media (max-width:768px){
.faq-wrap{flex-direction:column;gap:16px}
.faq-cats{flex:0 0 auto;width:100%;box-sizing:border-box;padding:20px 16px}
.faq-cats .list{flex-direction:row;flex-wrap:wrap;gap:8px}
.faq-cats .list a{padding:8px 14px;border-radius:18px;font-size:14px}
.faq-item .q{padding:16px 16px;font-size:15px}
.faq-item .a{padding:0 16px 18px}
}
/* ================= 新闻详情页：绿改红 + 顶部空隙修正 ================= */
body > .showNewsModule{padding-top:0!important}
/* 底部圆角 footer 不露白：容器背景与内容区同色，footer 圆角外露出灰底 */
.showNewsModule,.showProductDetailModule{background:#F2F2F2}
.showNewsModule .show-white,.showProductDetailModule .show-white{background:transparent}
.showNewsModule .view-top h1{padding-top:0}
.showNewsModule .view-info em{color:var(--ab-g3)}
.showNewsModule .view-info em img{filter:grayscale(1) opacity(.75)}
.showNewsModule .view-pager ul li:hover,
.showNewsModule .view-pager ul li:hover a{color:var(--ab-red)}
.showNewsModule .view-side-item:hover .title{color:var(--ab-red)}
.showNewsModule .view-side-back:hover{color:var(--ab-red)}
.showNewsModule .view-side-title{color:var(--ab-red)}
.showNewsModule .view-desc{font-family:'AlibabaPuHuiTi';font-size:1.0625rem;color:#606266;line-height:1.9}
.showNewsModule .view-desc a{color:var(--ab-red)}
/* ================= 产品详情页：布局/标题/咨询/留言微调 ================= */
/* 图片放大、右侧咨询列收窄（仅 PC；≤992 由 qzx.css 切单列） */
@media (min-width:993px){
.showProductDetailModule .product-gallery{grid-template-columns:96px minmax(0,1fr) 260px}
.showProductDetailModule .pg-main{min-height:30rem}
.showProductDetailModule .pg-main img{max-height:34rem}
}
/* 在线咨询按钮：红色 + 字体 */
.showProductDetailModule .pg-consult{background:var(--ab-red);font-family:'AlibabaPuHuiTi';font-size:1.0625rem;letter-spacing:1px}
.showProductDetailModule .pg-consult:hover{background:#c4000f}
/* 产品描述正文：字体 */
.showProductDetailModule .view-desc,
.showProductDetailModule .view-desc p{font-family:'AlibabaPuHuiTi';font-size:1.0625rem;color:#606266;line-height:1.9}
/* 「产品描述」红色标题块 */
.showProductDetailModule .product-tabs{background:#fff;border-bottom:1px solid #ebeef5;padding:0}
.showProductDetailModule .product-tabs .tab{flex:0 0 340px;background:var(--ab-red);color:#fff!important;font-family:'AlibabaPuHuiTi';font-size:1.0625rem;font-weight:500;letter-spacing:2px;padding:1.375rem .5rem}
.showProductDetailModule .product-tabs .tab::after{display:none}
.showProductDetailModule .product-tabs .tab{cursor:default}
/* 上一篇 / 下一篇：字号加大 + 悬浮变红 */
.showProductDetailModule .view-pager ul li{font-size:1.125rem}
.showProductDetailModule .view-pager ul li a{color:#303133;font-size:1.125rem;font-family:'AlibabaPuHuiTi';letter-spacing:.5px;transition:color .25s}
.showProductDetailModule .view-pager ul li:hover,.showProductDetailModule .view-pager ul li:hover a{color:var(--ab-red)}
/* 留言咨询：绿色换红色（仅产品详情页，波点装饰沿用 km2026 原样式） */
.showProductDetailModule .km-contact{background:#fff;margin-bottom:70px}
.showProductDetailModule .km-contact-l{background:linear-gradient(140deg,#f03535 0%,var(--ab-red) 45%,#b8000e 100%)}
.showProductDetailModule .km-form input:focus,.showProductDetailModule .km-form textarea:focus{border-color:var(--ab-red);box-shadow:0 0 0 4px rgba(230,0,18,.12)}
.showProductDetailModule .km-form .sb{background:var(--ab-red)}
.showProductDetailModule .km-form .sb:hover{background:#c4000f;box-shadow:0 12px 28px rgba(230,0,18,.32)}
@media (max-width:992px){
.showProductDetailModule .km-contact{margin-bottom:40px}
}
.pr-page{padding:80px 0 110px}
.pr-page .ab-title{margin-bottom:55px}
.pr-rec-link{display:block;color:inherit;text-decoration:none}
.pr-rec{display:flex;gap:80px;align-items:center;background:#F5F6F8;border-radius:24px;padding:60px 90px;margin-bottom:70px;box-sizing:border-box;transition:box-shadow .3s,transform .3s}
.pr-rec-link:hover .pr-rec{box-shadow:0 18px 44px rgba(20,25,35,.1);transform:translateY(-3px)}
.pr-rec .pic{flex:0 0 400px;display:flex;align-items:center;justify-content:center;position:relative}
/* 图片后面的「香」字底图 */
.pr-rec .pic .word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
.pr-rec .pic .word img{display:block;width:480px;max-width:none;height:auto;object-fit:contain}
.pr-rec .pic img{position:relative;z-index:1;max-width:100%;height:380px;object-fit:contain}
.pr-rec h3{font-family:'alimamashuheiti';font-size:30px;font-weight:bold;color:var(--ab-red);line-height:1.2}
.pr-rec b{display:block;margin-top:24px;font-family:'AlibabaPuHuiTi';font-size:20px;font-weight:500;color:var(--ab-g1)}
.pr-rec p{margin-top:26px;font-family:'AlibabaPuHuiTi';font-size:15px;color:var(--ab-g2);line-height:2;text-align:justify}
.pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.pr-card{display:block;text-align:center}
.pr-card .im{width:100%;aspect-ratio:1;background:#F5F6F8;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s,box-shadow .3s}
.pr-card:hover .im{transform:translateY(-6px);box-shadow:0 16px 40px rgba(20,25,35,.1)}
.pr-card .im img{max-height:82%;max-width:82%;object-fit:contain}
/* 产品名在灰色方块外边 */
.pr-card .nm{margin-top:14px;font-family:'AlibabaPuHuiTi';font-size:16px;color:var(--ab-g1)}
.pr-pager{margin-top:60px;text-align:center}
.pr-pager .pagination{display:inline-flex;gap:8px;list-style:none;margin:0;padding:0}
.pr-pager .pagination li a,.pr-pager .pagination li span{display:block;min-width:40px;height:40px;line-height:38px;padding:0 12px;border:1px solid var(--ab-line);border-radius:8px;font-family:'AlibabaPuHuiTi';font-size:14px;color:var(--ab-g2);background:#fff}
.pr-pager .pagination li a:hover{border-color:var(--ab-red);color:var(--ab-red)}
.pr-pager .pagination .active span{background:var(--ab-red);border-color:var(--ab-red);color:#fff}
@media (max-width:1024px){
.pr-rec{flex-direction:column;gap:34px;padding:44px 30px}
.pr-rec .pic{flex:0 0 auto}
.pr-rec .pic img{height:260px}
.pr-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
.pr-page{padding:50px 0 55px}
.pr-page .ab-title{margin-bottom:30px}
.pr-rec{margin-bottom:34px;padding:30px 20px;gap:24px}
/* 「香」字底图按屏幕适配，不再用 PC 的 480px 固定宽 */
.pr-rec .pic .word img{width:min(220px,58vw)}
.pr-rec .pic img{height:200px}
.pr-rec h3{font-size:22px}
.pr-rec b{font-size:16px;margin-top:14px}
.pr-rec p{font-size:14px;line-height:1.9;margin-top:14px}
.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}
.pr-card{padding:12px 10px 4px;border-radius:12px}
/* 取消固定 130px 高，改为随列宽的正方形，item 更大 */
.pr-card .im{height:auto;aspect-ratio:1}
.pr-card .nm{font-size:15px;margin-top:8px}
.pr-pager{margin-top:34px}
}
/* ================= 产品详情页：手机端适配 ================= */
@media (max-width:768px){
/* 缩略图横排、缩小 */
.showProductDetailModule .product-gallery{gap:14px}
.showProductDetailModule .pg-thumbs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}
.showProductDetailModule .pg-thumb{width:56px;height:56px;flex:0 0 56px}
/* 主图：去掉 PC 的超高占位，按屏宽自适应 */
.showProductDetailModule .pg-main{min-height:0;padding:12px}
.showProductDetailModule .pg-main img{max-height:52vw}
/* 标题 / 咨询按钮 */
.showProductDetailModule .pg-info{gap:14px}
.showProductDetailModule .pg-title{font-size:20px;line-height:1.4}
.showProductDetailModule .pg-consult{height:46px;font-size:15px;justify-content:center}
/* 白色主卡内边距收窄 */
.showProductDetailModule .view-main-card{padding:20px 14px}
/* 「产品描述」标题块改为通栏窄条 */
.showProductDetailModule .product-tabs .tab{flex:0 0 auto;padding:14px 18px;font-size:15px;letter-spacing:1px}
/* 正文与翻页 */
.showProductDetailModule .view-desc,.showProductDetailModule .view-desc p{font-size:15px;line-height:1.85}
.showProductDetailModule .view-pager ul{flex-wrap:wrap;gap:8px}
.showProductDetailModule .view-pager ul li{font-size:14px}
/* 热销产品侧栏改为通栏，条目横向滑动列表 */
.showProductDetailModule .view-layout{gap:16px}
.pg-hot .pg-hot-title{font-size:16px;padding:12px 16px}
.pg-hot .pg-hot-list{display:flex;overflow-x:auto;gap:12px;padding:12px 16px 16px}
.pg-hot .pg-hot-item{flex:0 0 150px;flex-direction:column;align-items:stretch;gap:8px;border-bottom:none;padding:0}
.pg-hot .pg-hot-item .im{width:100%;height:110px;flex:0 0 auto}
.pg-hot .pg-hot-item .nm{font-size:13.5px}
/* 留言区表单在手机端占满 */
.showProductDetailModule .km-contact .km-wrap2{flex-direction:column}
/* 防止富文本大图撑宽整页：容器允许收缩 + 内容图限宽 */
.showProductDetailModule .view-layout{grid-template-columns:minmax(0,1fr)}
.showProductDetailModule .view-main,
.showProductDetailModule .view-main-card{min-width:0;max-width:100%;overflow:hidden}
.showProductDetailModule .view-desc{overflow:hidden}
.showProductDetailModule .view-desc img{max-width:100%;height:auto}
.showProductDetailModule .view-desc table{max-width:100%;display:block;overflow-x:auto}
.showProductDetailModule .view-desc p,.showProductDetailModule .view-desc span{word-break:break-word}
/* 白卡去掉 PC 的 45rem 最小高度，「下一款」下方不再大片空白 */
.showProductDetailModule .view-main-card{min-height:0}
/* 空白来自 padding-bottom:5rem（qzx.css），这里压掉 */
.showProductDetailModule .view-pager{padding:14px 0 10px}
/* 新闻详情页：上一篇/下一篇底部 5rem 同样压掉 */
.showNewsModule .view-pager{padding:14px 0 10px}
/* 旧列表模块（新闻等）标题：media.css 里 display:none，这里恢复显示并居中 */
.experienceModule .contentBox .titleBox{padding:2.2rem 0 1.4rem}
.experienceModule .contentBox .titleBox .left{display:block;width:100%;text-align:center}
.experienceModule .contentBox .titleBox .left .text{font-size:22px;color:var(--ab-red)}
.experienceModule .contentBox .titleBox .left .text1{font-size:13.5px;color:#909399;margin-top:6px}
.experienceModule .contentBox .titleBox .right{margin-top:12px}
/* 详情页标题距头部留白收紧 */
.showProductModule .details .view-top h1{padding-top:1rem}
/* 热销产品与留言区之间的灰色间隙：.view.details / .content 底部 padding 收紧 */
.showProductDetailModule .content{padding-bottom:0}
.showProductDetailModule .view.details{padding-bottom:20px}
/* 提交咨询按钮与表单同宽（产品详情页 / 联系我们等所有留言表单） */
.km-form .sb{width:100%;justify-content:center}
}