/* ============================================================
   前台公共样式（由 tools/mk_tpl_assets.py 从设计稿自动提取，勿手改）
   来源：demo4397/home.html + 9 个内页的内联 <style>，按内容去重
   路径：url(images/...) 已统一重写为 url(/static/front/images/...)
   配色：设计稿的强调色已按本地选定值替换为 #f0475a（见脚本 LOCAL_COLORS）
   ============================================================ */

/* ===== 样式块 1 ｜ 来源：home.html、product.html、product-detail.html、news-company.html、news-industry.html、news-detail.html、about.html、contact.html、inquiry.html、case.html ===== */
/* ===== 1. 首屏轮播：高度对齐模板 service-1.html 的 .inner-banner（固定 500px） =====
   .inner-banner 实测：1920/1440/1200/992/576/375 六个断点均为 500px 固定高，
   背景用 background-size:cover 裁切。此处沿用同一套手法：固定高 + cover 裁切。 */
.slider-one .slider-one__slider-1{background-image:url(/static/front/images/slider/slider-cn-1.jpg);}
.slider-one .slider-one__slider-2{background-image:url(/static/front/images/slider/slider-cn-2.jpg);}
.slider-one [class*=slider-one__slider-]{
    padding-top:0 !important;padding-bottom:0 !important;
    height:500px;
    background-size:cover;background-position:center center;background-repeat:no-repeat;
}
@media (max-width:1199px){ .slider-one [class*=slider-one__slider-]{height:440px;} }
@media (max-width:991px){ .slider-one [class*=slider-one__slider-]{height:360px;} }
@media (max-width:767px){ .slider-one [class*=slider-one__slider-]{height:250px;} }

/* ===== 头部：顶栏图标 / 询价单角标 / LOGO ===== */
.topbar-one__social a{display:inline-block;vertical-align:middle;}
.topbar-one__social a svg.tb-ico{display:block;}
.topbar-one__cart .rfq-wrap{position:relative;display:inline-block;line-height:1;}
.topbar-one__cart .rfq-badge{
    position:absolute;top:-7px;right:-10px;min-width:15px;height:15px;line-height:15px;
    padding:0 3px;border-radius:8px;background:#f0475a;color:#fff;
    font-size:10px;text-align:center;font-style:normal;font-weight:700;
}
/* 产品中心二级菜单：16 个分类分两列，避免超长下拉 */
.navigation-box .submenu--cols{width:420px;columns:2;column-gap:0;padding:8px 0;}
.navigation-box .submenu--cols li{display:block;break-inside:avoid;}
.navigation-box .submenu--cols .nav-cat-count{
    float:right;margin-left:10px;font-size:11px;opacity:.55;
}

/* ===== 2. 优势条：深底 4 列（navy #26355c + 青色图标；原 #1b1c38 偏黑，2026-09-13 提亮一档） ===== */
.adv-strip{background:#26355c;padding:44px 0 40px;}
.adv-strip__item{display:flex;flex-direction:column;padding:6px 18px 6px 0;height:100%;}
.adv-strip__icon{
    width:48px;height:48px;border-radius:50%;background:rgba(33,188,216,.16);
    color:#21bcd8;display:flex;align-items:center;justify-content:center;font-size:22px;
}
.adv-strip__title{font-size:17px;line-height:1.2;font-weight:600;color:#fff;margin:14px 0 6px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.adv-strip__text{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.62);margin:0;}
@media (min-width:992px){
    .adv-strip .col-lg-3+.col-lg-3 .adv-strip__item{border-left:1px dashed rgba(255,255,255,.14);padding-left:30px;}
}
@media (max-width:991px){ .adv-strip__item{margin-bottom:26px;} }

/* ===== 3. 公司简介 ===== */
.about-two--intro{padding:80px 0 66px;}
.about-two--intro .about-two__text{font-size:15px;line-height:1.9;color:#5b6b7b;}

/* --- 公司简介图片：做成「悬浮在页面上」的效果 ---
   语言来自模板 .about-two 原生的做法：图片 + 左上角点阵装饰(pattern-1-1.png) + 柔和投影。
   模板原有的投影是 0 30px 50px rgba(8,13,62,.15)（太淡，看不出浮起），这里加强并偏向右下，
   再补一个向右下偏移的空心细线框，形成「离开纸面」的层次。 */
.about-two--intro .about-two__img{
    position:relative;display:block;width:100%;padding-right:0;
    margin:10px 0 30px;
}
.about-two--intro .about-two__img img{
    position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:2px;
    box-shadow:30px 44px 58px -28px rgba(8,13,62,.55), 0 8px 20px rgba(8,13,62,.10);
    transition:transform .55s cubic-bezier(.2,.7,.3,1), box-shadow .55s ease;
}
/* 左上角点阵装饰（模板原生 pattern-1-1.png，20x20 平铺成 125x125） */
.about-two--intro .about-two__img::before{
    content:'';position:absolute;z-index:0;
    background-image:url(/static/front/images/resources/pattern-1-1.png);
    background-repeat:repeat;background-position:0 0;
    width:125px;height:125px;top:30%;left:-3%;
    -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
    opacity:.85;pointer-events:none;
}
/* 右下偏移的空心细线框：强化悬浮感 */
.about-two--intro .about-two__img::after{
    content:'';position:absolute;z-index:0;pointer-events:none;
    left:22px;top:22px;right:-22px;bottom:-22px;
    border:1px solid rgba(33,188,216,.40);
}
.about-two--intro .about-two__img:hover img{
    transform:translateY(-7px);
    box-shadow:36px 54px 72px -28px rgba(8,13,62,.62), 0 12px 28px rgba(8,13,62,.13);
}
@media (max-width:991px){
    .about-two--intro .about-two__img{margin-bottom:38px;}
    .about-two--intro .about-two__img img{box-shadow:18px 26px 40px -22px rgba(8,13,62,.48), 0 6px 16px rgba(8,13,62,.08);}
    .about-two--intro .about-two__img::before{width:90px;height:90px;top:24%;left:-2%;}
    .about-two--intro .about-two__img::after{left:14px;top:14px;right:-14px;bottom:-14px;}
}
.about-two__points{margin:18px 0 24px;}
.about-two__points li{font-size:15px;color:#222;margin-bottom:8px;}
.about-two__points li i{color:#21bcd8;margin-right:8px;}
.about-two__btn .thm-btn{margin-top:4px;}

/* ===== 4. 产品中心：整块深色背景 + 旋转齿轮（搬自模板 index.html 的 service-one 区块） ===== */
.shop-one--home{
    background-color:#1f2c4a;      /* 模板 .service-one 原色是 #16172e，整块看偏暗，这里提亮一档到 #1f2c4a */
    position:relative;
    overflow:hidden;               /* 齿轮左上角溢出裁掉，避免压到上一块的青色数据条 */
    padding:96px 0 46px;
}
.shop-one--home > .container{position:relative;z-index:1;}
/* 齿轮：位置 / 透明度 / 动画完全照搬模板 .service-one__cog */
.shop-one--home .shop-one__cog{
    position:absolute;top:-80px;left:-80px;
    opacity:.05;
    animation:cogMove 10s linear infinite;
    pointer-events:none;
    z-index:0;
}
/* 本轮改动：产品模块去掉左侧栏（搜索 / 分类 / 咨询 CTA）与顶部大标题，只留「最新型号」标题行 + 4 列产品 */
/* --- 「最新型号」标题行（原为「热销型号」，改为按上线时间倒序的最新 8 款） --- */
.shop-one__products-head{
    display:flex;justify-content:space-between;align-items:center;
    margin:0 0 26px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);
    position:relative;
}
.shop-one__products-head::after{
    content:'';position:absolute;left:0;bottom:-1px;width:52px;height:2px;background:#21bcd8;
}
/* 标题行左侧标签：SEO 改造后由 <span> 改为 <h2>（区块标题）。
   为保证「零视觉变化」，把 h2 的默认 margin 与行高显式写成与原来 span 完全相同的值
   （原 span 实测 line-height = 24px，来自 body 继承；h2 默认是 1.2 → 会矮 1px）。 */
.shop-one__products-head__label{
    margin:0;line-height:24px;
    font-size:19px;font-weight:600;color:#fff;font-family:Rubik,"Microsoft YaHei",sans-serif;
    display:flex;align-items:center;
}
.shop-one__products-head__label::before{
    content:'';flex:0 0 auto;width:4px;height:18px;background:#21bcd8;margin-right:10px;
}
.shop-one__products-head a{font-size:14px;color:rgba(255,255,255,.72);transition:color .3s ease;}
.shop-one__products-head a:hover{color:#21bcd8;}
/* --- 产品卡：白卡 + 柔和阴影（学模板 .service-one__single-inner：靠明暗分层，不加硬边框） --- */
.shop-one__single--rfq{
    background:#fff;text-align:center;
    margin-bottom:30px;
    position:relative;overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s ease;
}
/* 顶部 3px 短线：静态青色，悬停转珊瑚红 */
.shop-one__single--rfq::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;
    background:#21bcd8;
    transition:background-color .45s ease;
}
.shop-one__single--rfq:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(0,0,0,.34);}
.shop-one__single--rfq:hover::before{background:#f0475a;}
/* 图片区：产品实拍统一 600x480（正好 5:4），让图满宽铺开。
   此前用 contain + 大内边距，270px 宽的卡里只渲染出 210x168，四周一大圈白，显得空。 */
.shop-one--home .shop-one__single--rfq .shop-one__image{
    display:block;background:#fff;margin:0;position:relative;overflow:hidden;
}
/* 极淡的青色雾化：从底边往上晕开，衬出「光学」冷调，不遮产品主体 */
.shop-one--home .shop-one__single--rfq .shop-one__image::before{
    content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;
    z-index:1;pointer-events:none;opacity:.85;
    background:linear-gradient(to top,rgba(33,188,216,.075) 0%,rgba(33,188,216,0) 48%);
    transition:opacity .45s ease;
}
.shop-one__single--rfq:hover .shop-one__image::before{opacity:1;}
.shop-one__single--rfq .shop-one__image img{
    display:block;width:100%;height:auto;
    transition:transform .7s cubic-bezier(.2,.7,.3,1);
}
/* 静态保持原图完整（图上带有老站水印，放大裁边会切到水印）；悬停才轻微推近 */
.shop-one__single--rfq:hover .shop-one__image img{transform:scale(1.055);}
/* 图与信息之间的分隔 */
.shop-one--home .shop-one__single--rfq .shop-one__image::after{
    content:'';position:absolute;z-index:2;left:0;right:0;bottom:0;
    height:1px;background:rgba(20,40,70,.07);
}
/* 信息区：极淡灰底，与图片区的纯白形成一层细微分层 */
.shop-one__single--rfq .shop-one__content{padding:20px 22px 26px;background:#fbfcfd;}
.shop-one__single--rfq .shop-one__price{display:none;}
.shop-one--home .shop-one__single--rfq .shop-one__cat{font-size:11.5px;letter-spacing:.06em;margin:0 0 12px;}
.shop-one--home .shop-one__single--rfq .shop-one__cat a{
    display:inline-block;padding:4px 11px;
    background:rgba(33,188,216,.1);color:#1295ad;
    transition:background-color .3s ease,color .3s ease;
}
.shop-one--home .shop-one__single--rfq:hover .shop-one__cat a{background:#f0475a;color:#fff;}
.shop-one--home .shop-one__single--rfq .shop-one__title{
    font-size:16px;line-height:1.55;font-weight:600;min-height:50px;margin:0 0 18px;
}
.shop-one--home .shop-one__single--rfq .shop-one__title a{color:#1e2a36;}
.shop-one--home .shop-one__single--rfq .shop-one__title a:hover{color:#f0475a;}
/* 「加入询价单」改为常显：覆盖模板的悬停遮罩绝对定位 */
.shop-one--home .shop-one__single--rfq .shop-one__btn__wrap{position:static;opacity:1;transform:none;display:block;}
.shop-one--home .shop-one__single--rfq .thm-btn.shop-one__cart{
    position:static;display:block;width:100%;text-align:center;
    transform:none;padding:12px 0;font-size:14.5px;
}
/* --- 4 列等高：产品标题长短不一，按钮统一压到底部，两行卡片横向对齐 --- */
.shop-one--home .shop-one__single--rfq{height:100%;display:flex;flex-direction:column;margin-bottom:0;}
.shop-one--home .shop-one__single--rfq .shop-one__content{flex:1 1 auto;display:flex;flex-direction:column;}
.shop-one--home .shop-one__single--rfq .shop-one__btn__wrap{margin-top:auto;}
.shop-one--home .row > div{margin-bottom:30px;}   /* 行间距从卡片挪到栅格列，避免高度 100% 时溢出 */
@media (max-width:991px){
    .shop-one--home{padding:72px 0 30px;}
}

/* ===== 5. 生产与检测：已从首页移除（原 project-one 轮播块） ===== */

/* ===== 6. 应用领域：浅底 8 卡（模板扁平卡片风格） ===== */
.apps-grid{padding:78px 0 48px;}
.apps-grid__item{
    border:1px solid #e8edf2;background:#fff;padding:30px 26px 26px;height:100%;
    transition:all .35s ease;margin-bottom:30px;
}
.apps-grid__item:hover{border-color:#21bcd8;box-shadow:0 12px 30px rgba(8,18,109,.07);}
.apps-grid__icon{display:block;font-size:34px;color:#21bcd8;line-height:1;transition:all .35s ease;}
.apps-grid__item:hover .apps-grid__icon{color:#f0475a;}
.apps-grid__title{font-size:17px;font-weight:600;color:#222;margin:18px 0 10px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.apps-grid__title a{color:inherit;}
.apps-grid__item:hover .apps-grid__title a{color:#f0475a;}
.apps-grid__text{font-size:13.5px;line-height:1.75;color:#7b8794;margin:0;}

/* ===== 7. 新闻（无配图，做两栏列表） ===== */
/* 数据条数字：原本是 <h2>，字形里的 Rubik 来自模板的「标题统一字体」规则；
   改用 div 后那条例则不再命中，会掉回正文字体 → 数字字形变化。这里显式补上字体。 */
.fact-one__title--num{font-size:44px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.news-line{padding:76px 0 70px;background:#f6f8fa;}
.news-line__box{background:#fff;padding:6px 28px 18px;height:100%;}
.news-line__head{
    display:flex;justify-content:space-between;align-items:center;
    font-size:18px;font-weight:600;color:#222;margin:0;padding:20px 0 16px;
    border-bottom:1px solid #e8edf2;font-family:Rubik,"Microsoft YaHei",sans-serif;
}
.news-line__head a{font-size:13px;font-weight:400;color:#8d9aa6;}
.news-line__head a:hover{color:#21bcd8;}
.news-line__list li{
    display:flex;align-items:center;gap:14px;
    padding:15px 0;border-bottom:1px dashed #e8edf2;
}
.news-line__list li:last-child{border-bottom:0;}
.news-line__date{flex:0 0 84px;font-size:13px;color:#21bcd8;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.news-line__title{flex:1;font-size:15px;color:#222;line-height:1.6;}
.news-line__title:hover{color:#f0475a;}
.news-line__list li i{color:#c3ccd6;font-size:12px;}

/* ===== 8. 询价 CTA ===== */
.cta-two__actions{margin-top:6px;}
.cta-two__tel{
    display:inline-block;margin-left:22px;color:#fff;font-size:20px;
    font-family:Rubik,"Microsoft YaHei",sans-serif;vertical-align:middle;
}
.cta-two__tel i{margin-right:8px;}
.cta-two__tel:hover{color:#f0475a;}

/* ===== 页脚 ===== */
.site-footer--ruiccn .site-footer__upper{padding-top:70px;}
.footer-widget__title--cn{font-size:20px;letter-spacing:.01em;}
/* 快捷入口两列：模板有 .footer-widget__links li+li{margin-top:20px}（选择器 0,2,2），
   直接flex两列时这个 margin 会渗进来 —— 第一行右侧那一项被压到 y=20、左侧在 y=0，
   整个右列看起来低 20px。这里用「双类」选择器(0,2,2)同权重+写在文档更后面把它压掉，
   行距改用 flex 的 row-gap，避免首行错位、也避免末行多出一段空白。 */
.footer-widget__links.footer-widget__links--half{display:flex;flex-wrap:wrap;row-gap:20px;}
.footer-widget__links.footer-widget__links--half>li{flex:0 0 50%;max-width:50%;margin:0;padding-right:12px;box-sizing:border-box;}
/* 页脚微信二维码（素材来自老站 /Upload/public/qrcode.jpg，344×344 原图） */
.footer-qr{display:flex;align-items:center;gap:16px;margin-top:26px;}
.footer-qr img{display:block;width:112px;height:112px;background:#fff;padding:5px;border-radius:4px;box-sizing:content-box;}
.footer-qr__txt strong{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:7px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.footer-qr__txt span{display:block;font-size:13px;line-height:1.75;color:rgba(255,255,255,.55);}
.site-footer__bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.site-footer__copy--icp a{color:inherit;}
/* 页脚折叠控件：桌面端永久展开，checkbox 与箭头不参与桌面任何布局；
   手机端专用 CTA（电话/询价）桌面默认不渲染。
   注意 Bootstrap 4 reboot 里有 label{display:inline-block;margin-bottom:.5rem}，
   不压掉会让 h2 凭空高 8px（已实测）。 */
.footer-fold__chk{display:none;}
.footer-fold__label{display:inline;margin-bottom:0;cursor:inherit;pointer-events:none;}
.footer-fold__label i{display:none;}
.footer-cta{display:none;}

@media (max-width:991px){
    .about-two--intro .about-two__img{margin-bottom:34px;}
    .news-line__box{margin-bottom:26px;}
    .cta-two__tel{margin:16px 0 0;display:block;}
}

/* ===== 手机端页脚（≤767px）：1352px → 约 480px =====
   做法：① 长简介收起，只留地址/电话/邮箱；② 「快捷入口」改「点标题展开」
   的折叠面板，默认收起 —— 链接仍在 DOM 中，不影响爬虫；
   ③ 补两个手机端专用大按钮（拨号 / 询价），这是移动端最该有的转化入口；
   ④ 「产品分类」整块隐藏 —— 顶部汉堡菜单已完整包含，页脚不再重复。 */
@media (max-width:767px){
    .site-footer--ruiccn .site-footer__upper{padding:26px 0 14px;}
    .site-footer--ruiccn .footer-widget{margin-bottom:0;}
    .site-footer--ruiccn .footer-widget__title{
        font-size:15px;margin:0;padding:0 !important;line-height:1.2;
    }
    /* 页脚三块在手机端堆叠，用 col 兄弟关系加分隔线（footer-widget 本身不是兄弟节点） */
    .site-footer__upper .row>div+div .footer-widget__title{border-top:1px solid rgba(255,255,255,.1);}
    /* 产品分类整块隐藏：手机端顶部汉堡菜单已完整包含 16 个分类，页脚不再重复占一屏（桌面端照旧） */
    .footer-col--cat{display:none;}
    /* 公司信息块 */
    .footer-widget__about-widget{padding-bottom:10px;}
    .footer-widget__about-widget .footer-widget__title--cn{font-size:17px;padding:0 0 13px;}
    .footer-cta{display:flex;gap:10px;margin:0 0 15px;}
    .footer-cta__btn{
        flex:1 1 0;height:46px;line-height:46px;text-align:center;border-radius:3px;
        font-size:15px;font-weight:600;color:#fff;transition:opacity .25s ease;
    }
    .footer-cta__btn:active{opacity:.84;}
    .footer-cta__btn--tel{background:#21bcd8;}
    .footer-cta__btn--rfq{background:#f0475a;}
    .footer-cta__btn i{margin:0 7px;font-size:14px;}
    .footer-widget__about-widget .footer-widget__text{font-size:12.5px;line-height:1.9;}
    .footer-widget__about-widget .footer-widget__text:first-of-type{display:none;}
    /* 折叠面板：标题整行可点，高度 ≥40px */
    .footer-fold__label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;pointer-events:auto;cursor:pointer;}
    .footer-fold__label i{display:inline-block;font-size:15px;color:#21bcd8;transition:transform .3s ease;}
    .footer-fold__chk:checked~.footer-widget__title .footer-fold__label i{transform:rotate(180deg);}
    .footer-fold__chk:not(:checked)~.footer-widget__links{display:none;}
    .footer-widget__links{margin-top:13px;}
    .footer-widget__links li a{font-size:13px;}
    .footer-widget__links.footer-widget__links--half{row-gap:13px;}
    /* 二维码 */
    .footer-qr{margin-top:18px;gap:14px;}
    .footer-qr img{width:92px;height:92px;padding:4px;}
    .footer-qr__txt strong{font-size:14px;margin-bottom:5px;}
    .footer-qr__txt span{font-size:12px;line-height:1.7;}
    /* 版权条 */
    .site-footer__bottom{padding:12px 0 14px;}
    .site-footer__bottom .container{flex-direction:column;align-items:stretch;gap:4px;}
    .site-footer__copy{font-size:11.5px;line-height:1.65;}
}

/* ===== 样式块 2 ｜ 来源：product.html、product-detail.html、news-company.html、news-industry.html、news-detail.html、about.html、contact.html、inquiry.html、case.html ===== */
/* ===================================================================
   www.ruiccn.com 内页样式（与首页共用同一套色板与规范）
   色板：主色 #21bcd8 / 强调 #f0475a / 深底 #1f2c4a / 正文 #1e2a36
   规范：直角、白卡靠柔和阴影分层、悬停上浮、顶部 3px 青线
   =================================================================== */

/* ---------- 0 通用 ---------- */
.pg-sec{padding:64px 0;}
.pg-sec--gray{background:#f5f7fa;}
.pg-sec--tight{padding:44px 0;}
.pg-h2{font-size:26px;line-height:1.35;font-weight:700;color:#1e2a36;margin:0 0 6px;
    font-family:Rubik,"Microsoft YaHei",sans-serif;}
.pg-sub{font-size:13.5px;color:#8a93a6;margin:0;}
.pg-head{margin-bottom:34px;}
.pg-head--center{text-align:center;}
.pg-head--center .pg-h2::after{content:'';display:block;width:46px;height:2px;background:#21bcd8;margin:14px auto 0;}

/* ---------- 1 内页 banner ---------- */
.ib{position:relative;display:flex;align-items:center;height:320px;overflow:hidden;
    background-color:#1f2c4a;background-size:cover;background-position:center center;}
.ib::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;
    background:linear-gradient(90deg,rgba(15,24,46,.88) 0%,rgba(15,24,46,.66) 52%,rgba(15,24,46,.40) 100%);}
.ib>.container{position:relative;z-index:2;}
.ib__title{font-size:36px;line-height:1.25;font-weight:700;color:#fff;margin:0 0 13px;
    font-family:Rubik,"Microsoft YaHei",sans-serif;}
.ib__tag{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
    color:#21bcd8;margin:0 0 10px;font-family:Rubik,sans-serif;}
/* 模板 .thm-breadcrumb 自带 display:flex + justify-content:center，会把面包屑顶到 banner 正中，这里压回左对齐 */
.ib .thm-breadcrumb{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;
    margin:0;padding:0;list-style:none;}
.ib .thm-breadcrumb li{display:flex;align-items:center;font-size:13.5px;color:rgba(255,255,255,.62);}
.ib .thm-breadcrumb li+li::before{content:'/';margin:0 10px;color:rgba(255,255,255,.28);}
.ib .thm-breadcrumb li a{font-size:13.5px;color:rgba(255,255,255,.78);transition:color .3s ease;}
.ib .thm-breadcrumb li a:hover{color:#21bcd8;}
.ib .thm-breadcrumb li.active a{color:#21bcd8;}
@media (max-width:1199px){.ib{height:280px;}.ib__title{font-size:31px;}}
@media (max-width:991px){.ib{height:236px;}.ib__title{font-size:27px;}.pg-sec{padding:48px 0;}}
@media (max-width:767px){
    .ib{height:176px;}
    .ib__title{font-size:21px;margin-bottom:8px;}
    .ib__tag{font-size:10.5px;margin-bottom:6px;}
    .ib .thm-breadcrumb li{font-size:12px;}
    .ib .thm-breadcrumb li+li::before{margin:0 6px;}
    .pg-sec{padding:34px 0;}
    .pg-head{margin-bottom:22px;}
    .pg-h2{font-size:20px;}
}

/* ---------- 2 产品卡（浅底版，规范同首页深底版） ---------- */
.p-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;
    background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.09);
    transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s ease;}
.p-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;
    background:#21bcd8;transform:scaleX(.34);transform-origin:left center;
    transition:transform .45s ease,background-color .45s ease;}
.p-card:hover{transform:translateY(-8px);box-shadow:0 20px 46px rgba(9,17,45,.19);}
.p-card:hover::before{transform:scaleX(1);background:#f0475a;}
.p-card__img{display:block;position:relative;overflow:hidden;background:#fff;}
.p-card__img img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.7,.3,1);}
.p-card:hover .p-card__img img{transform:scale(1.055);}
.p-card__img::after{content:'';position:absolute;z-index:2;left:0;right:0;bottom:0;height:1px;
    background:rgba(20,40,70,.07);}
.p-card__body{flex:1 1 auto;display:flex;flex-direction:column;padding:16px 18px 20px;background:#fbfcfd;}
.p-card__cat{font-size:11.5px;letter-spacing:.05em;margin:0 0 10px;}
.p-card__cat a{display:inline-block;padding:3px 10px;background:rgba(33,188,216,.1);color:#1295ad;
    transition:background-color .3s ease,color .3s ease;}
.p-card:hover .p-card__cat a{background:#f0475a;color:#fff;}
.p-card__title{font-size:15px;line-height:1.55;font-weight:600;margin:0 0 16px;min-height:46px;}
.p-card__title a{color:#1e2a36;transition:color .3s ease;}
.p-card__title a:hover{color:#f0475a;}
.p-card__foot{margin-top:auto;}
.p-card__btn{display:block;width:100%;text-align:center;padding:11px 0;font-size:14px;
    background:#f0475a;color:#fff;transition:background-color .3s ease;}
.p-card__btn:hover{background:#222;color:#fff;}
@media (max-width:991px){
    .p-card__body{padding:13px 14px 16px;}
    .p-card__title{font-size:13.5px;min-height:42px;margin-bottom:12px;}
    .p-card__cat{font-size:11px;margin-bottom:8px;}
    .p-card__btn{padding:9px 0;font-size:13px;}
}
@media (max-width:767px){
    .p-card__body{padding:11px 12px 13px;}
    .p-card__title{font-size:12.5px;line-height:1.5;min-height:38px;margin-bottom:10px;
        display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .p-card__cat{display:none;}
    .p-card__btn{padding:8px 0;font-size:12.5px;}
    .p-card:hover{transform:none;}
}

/* ---------- 3 产品列表页 ---------- */
.pl-side{margin-bottom:30px;}
.pl-box{margin-bottom:22px;background:#fff;box-shadow:0 6px 22px rgba(9,17,45,.07);padding:20px 20px 18px;}
.pl-box__title{position:relative;font-size:15px;font-weight:700;color:#1e2a36;margin:0 0 15px;
    padding-bottom:11px;border-bottom:1px solid #eef1f6;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.pl-box__title::after{content:'';position:absolute;left:0;bottom:-1px;width:38px;height:2px;background:#21bcd8;}
.pl-search{display:flex;}
.pl-search input{flex:1 1 auto;min-width:0;height:42px;padding:0 13px;font-size:14px;
    border:1px solid #e3e8f0;border-radius:0;background:#fbfcfd;color:#1e2a36;}
.pl-search input:focus{outline:none;border-color:#21bcd8;}
.pl-search button{flex:0 0 46px;height:42px;border:0;background:#21bcd8;color:#fff;cursor:pointer;
    transition:background-color .3s ease;}
.pl-search button:hover{background:#1295ad;}
.pl-cats{margin:0;padding:0;list-style:none;}
.pl-cats li{margin-bottom:2px;}
.pl-cats a{display:flex;justify-content:space-between;align-items:center;gap:8px;
    padding:8px 10px;font-size:13.5px;color:#48546b;border-left:2px solid transparent;
    transition:background-color .3s ease,color .3s ease,border-color .3s ease;}
.pl-cats a:hover{background:#f2f7fa;color:#1295ad;border-left-color:#21bcd8;}
.pl-cats a.is-active{background:rgba(33,188,216,.09);color:#1295ad;border-left-color:#21bcd8;font-weight:600;}
.pl-cats .n{font-size:12px;color:#a6b0c2;font-family:Rubik,sans-serif;}
.pl-cats a.is-active .n{color:#1295ad;}
.pl-cats li.is-empty a{color:#b8c0cd;}
.pl-tags{display:flex;flex-wrap:wrap;gap:8px;}
.pl-tags a{display:inline-block;padding:6px 12px;font-size:12.5px;color:#48546b;background:#f3f6fa;
    transition:background-color .3s ease,color .3s ease;}
.pl-tags a:hover{background:#21bcd8;color:#fff;}
.pl-cta{position:relative;overflow:hidden;padding:22px 20px 20px;background:#1f2c4a;color:#fff;}
.pl-cta::before{content:'';position:absolute;top:-46px;right:-46px;width:150px;height:150px;
    background:url(/static/front/images/resources/cog-1-1.png) no-repeat center/contain;opacity:.06;pointer-events:none;}
.pl-cta__t{position:relative;z-index:2;font-size:15px;font-weight:700;margin:0 0 7px;
    font-family:Rubik,"Microsoft YaHei",sans-serif;}
.pl-cta__p{position:relative;z-index:2;font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.62);margin:0 0 15px;}
.pl-cta__btn{position:relative;z-index:2;display:block;text-align:center;padding:11px 0;font-size:14px;
    background:#f0475a;color:#fff;transition:background-color .3s ease;}
.pl-cta__btn:hover{background:#21bcd8;color:#fff;}

.pl-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
    padding:0 0 16px;margin-bottom:24px;border-bottom:1px solid #e6eaf2;}
.pl-head__count{font-size:13.5px;color:#8a93a6;margin:0;}
.pl-head__count b{color:#1295ad;font-family:Rubik,sans-serif;font-size:15px;}
.pl-head__sort{position:relative;}
.pl-head__sort select{height:40px;padding:0 34px 0 14px;font-size:13.5px;color:#48546b;
    border:1px solid #e3e8f0;border-radius:0;background:#fff;appearance:none;cursor:pointer;}
.pl-head__sort::after{content:'\f107';font-family:FontAwesome;position:absolute;right:13px;top:50%;
    transform:translateY(-50%);font-size:14px;color:#a6b0c2;pointer-events:none;}
.pl-grid>[class*=col-]{margin-bottom:26px;}
.pl-empty{padding:60px 20px;text-align:center;background:#fff;box-shadow:0 6px 22px rgba(9,17,45,.06);}
.pl-empty i{font-size:40px;color:#cfd8e4;margin-bottom:14px;display:block;}

@media (max-width:991px){
    /* 侧栏在平板/手机上不再竖排堆叠，改「搜索一行 + 分类横向滚动」 */
    .pl-side>.pl-box{background:transparent;box-shadow:none;padding:0;margin-bottom:14px;}
    .pl-side>.pl-box__title,.pl-box__title{display:none;}
    .pl-box--apply,.pl-cta{display:none;}
    .pl-cats{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;
        -webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .pl-cats::-webkit-scrollbar{display:none;}
    .pl-cats li{margin:0;flex:0 0 auto;}
    .pl-cats a{white-space:nowrap;border-left:0;background:#fff;box-shadow:0 4px 14px rgba(9,17,45,.07);
        padding:9px 14px;font-size:13px;}
    .pl-cats a.is-active{background:#21bcd8;color:#fff;box-shadow:0 6px 18px rgba(33,188,216,.32);}
    .pl-cats a.is-active .n{color:rgba(255,255,255,.8);}
    .pl-side{margin-bottom:18px;}
    .pl-head{margin-bottom:20px;}
    .pl-grid>[class*=col-]{margin-bottom:22px;}
}
@media (max-width:767px){
    .pl-head{gap:10px;}
    .pl-head__count{font-size:12.5px;}
    .pl-head__sort{width:100%;}
    .pl-head__sort select{width:100%;height:38px;font-size:12.5px;}
    .pl-grid>[class*=col-]{margin-bottom:16px;}
    .pl-grid{margin-left:-6px;margin-right:-6px;}
    .pl-grid>[class*=col-]{padding-left:6px;padding-right:6px;}
}

/* ---------- 4 产品详情页 ---------- */
.pd-top{padding:56px 0 22px;}
.pd-gallery{position:relative;}
.pd-gallery__main{display:block;background:#fff;box-shadow:0 10px 34px rgba(9,17,45,.1);}
.pd-gallery__main img{display:block;width:100%;height:auto;}
.pd-gallery__zoom{position:absolute;right:14px;bottom:14px;width:42px;height:42px;line-height:42px;
    text-align:center;background:rgba(31,44,74,.82);color:#fff;font-size:15px;}
.pd-title{font-size:27px;line-height:1.42;font-weight:700;color:#1e2a36;margin:0 0 14px;
    font-family:Rubik,"Microsoft YaHei",sans-serif;}
.pd-meta{font-size:13px;color:#8a93a6;margin:0 0 16px;line-height:1.9;}
.pd-meta b{color:#48546b;font-weight:600;}
.pd-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}
.pd-badges span{display:inline-block;padding:5px 12px;font-size:12.5px;color:#1295ad;background:rgba(33,188,216,.1);}
.pd-key{margin:0 0 22px;border-top:1px solid #e6eaf2;}
.pd-key__row{display:flex;align-items:flex-start;gap:14px;padding:11px 0;border-bottom:1px solid #eef1f6;font-size:13.5px;}
.pd-key__k{flex:0 0 118px;color:#8a93a6;}
.pd-key__v{flex:1 1 auto;color:#1e2a36;font-weight:600;word-break:break-word;}
.pd-buy{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:0 0 16px;}
.pd-qty{display:flex;border:1px solid #e3e8f0;background:#fff;}
.pd-qty button{width:42px;border:0;background:#f7f9fc;color:#48546b;font-size:16px;cursor:pointer;}
.pd-qty button:hover{background:#eef3f8;color:#1295ad;}
.pd-qty input{width:62px;height:46px;border:0;border-left:1px solid #e3e8f0;border-right:1px solid #e3e8f0;
    text-align:center;font-size:14px;color:#1e2a36;background:#fff;}
.pd-qty input:focus{outline:none;}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 30px;
    font-size:15px;font-weight:600;transition:background-color .3s ease,color .3s ease;}
.pd-btn--rfq{flex:1 1 190px;background:#f0475a;color:#fff;}
.pd-btn--rfq:hover{background:#222;color:#fff;}
.pd-btn--tel{flex:1 1 170px;background:#21bcd8;color:#fff;}
.pd-btn--tel:hover{background:#1295ad;color:#fff;}
.pd-note{font-size:12.5px;line-height:1.85;color:#8a93a6;background:#f7f9fc;padding:13px 16px;margin:0;}
.pd-note b{color:#48546b;}

.pd-sec{padding:52px 0;}
.pd-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #e6eaf2;margin-bottom:28px;}
.pd-tabs button{padding:14px 24px;font-size:15px;font-weight:600;color:#8a93a6;background:transparent;
    border:0;border-bottom:2px solid transparent;cursor:pointer;transition:color .3s ease,border-color .3s ease;}
.pd-tabs button:hover{color:#1295ad;}
.pd-tabs button.is-on{color:#1295ad;border-bottom-color:#21bcd8;}
.pd-pane{display:none;}
.pd-pane.is-on{display:block;}
.pd-content{font-size:14.5px;line-height:2;color:#48546b;}
.pd-content div,.pd-content p{margin:0 0 13px;}
.pd-content img{display:block;max-width:100%;height:auto;margin:6px auto 18px;}
.pd-content strong,.pd-content b{color:#1e2a36;}
.pd-spec{width:100%;border-collapse:collapse;font-size:14px;}
.pd-spec th,.pd-spec td{padding:13px 18px;text-align:left;border:1px solid #e9edf4;}
.pd-spec th{width:210px;background:#f7f9fc;color:#48546b;font-weight:600;}
.pd-spec td{color:#1e2a36;}
.pd-spec tr:nth-child(even) td{background:#fcfdfe;}

@media (max-width:767px){
    .pd-top{padding:30px 0 8px;}
    .pd-title{font-size:19px;line-height:1.5;margin-bottom:10px;}
    .pd-meta{font-size:12px;line-height:1.8;}
    .pd-key__k{flex:0 0 92px;font-size:12.5px;}
    .pd-key__row{font-size:13px;padding:9px 0;gap:10px;}
    .pd-badges span{font-size:11.5px;padding:4px 10px;}
    .pd-btn{height:46px;padding:0 20px;font-size:14px;}
    .pd-btn--rfq,.pd-btn--tel{flex:1 1 100%;}
    .pd-qty{width:100%;}
    .pd-qty input{flex:1 1 auto;width:auto;}
    .pd-sec{padding:30px 0;}
    .pd-tabs button{padding:11px 15px;font-size:13.5px;}
    .pd-content{font-size:13.5px;line-height:1.95;}
    .pd-spec th,.pd-spec td{padding:10px 12px;font-size:12.5px;}
    .pd-spec th{width:118px;}
    .pd-gallery{margin-bottom:24px;}
    /* 手机端底部固定操作条 —— 移动端转化入口 */
    .pd-sticky{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;gap:10px;
        padding:9px 12px;background:rgba(31,44,74,.97);box-shadow:0 -6px 22px rgba(9,17,45,.28);}
    .pd-sticky a{flex:1 1 0;height:46px;line-height:46px;text-align:center;font-size:14.5px;
        font-weight:600;color:#fff;}
    .pd-sticky a.tel{flex:0 0 46px;background:#21bcd8;}
    .pd-sticky a.rfq{background:#f0475a;}
    body.has-sticky{padding-bottom:64px;}
    /* 模板自带的「返回顶部」圆钮在手机端会和固定操作条叠在一起（实测压住右侧按钮 24px），抬到操作条之上 */
    body.has-sticky .scroll-to-target.scroll-to-top,
    body.has-sticky .scroll-to-top{bottom:80px;}
}
@media (min-width:768px){.pd-sticky{display:none;}}

/* ---------- 5 侧栏通用（新闻页等复用） ---------- */
.side-box{margin-bottom:24px;background:#fff;box-shadow:0 6px 22px rgba(9,17,45,.07);padding:20px 20px 18px;}
.side-box__title{position:relative;font-size:15px;font-weight:700;color:#1e2a36;margin:0 0 15px;
    padding-bottom:11px;border-bottom:1px solid #eef1f6;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.side-box__title::after{content:'';position:absolute;left:0;bottom:-1px;width:38px;height:2px;background:#21bcd8;}
.side-list{margin:0;padding:0;list-style:none;}
.side-list li+li{border-top:1px solid #f1f4f8;}
.side-list a{display:block;padding:11px 0;font-size:13.5px;line-height:1.6;color:#48546b;transition:color .3s ease;}
.side-list a:hover{color:#1295ad;}
.side-list .d{display:block;font-size:12px;color:#a6b0c2;margin-top:5px;font-family:Rubik,sans-serif;}
@media (max-width:991px){.side-box{padding:18px 16px 16px;}}
.side-list--cat a{padding:10px 12px;border-left:2px solid transparent;}
.side-list--cat a:hover{background:#f2f7fa;border-left-color:#21bcd8;}
.side-list--cat a.is-active{background:rgba(33,188,216,.09);color:#1295ad;border-left-color:#21bcd8;font-weight:600;}
.side-list--cat li+li{border-top:0;}

/* ---------- 6 新闻列表 ---------- */
.nw-list{background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.07);padding:28px 30px 6px;}
.nw-item{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #eef1f6;}
.nw-item:last-child{border-bottom:0;}
.nw-item__date{flex:0 0 80px;height:80px;display:flex;flex-direction:column;justify-content:center;
    text-align:center;background:#1f2c4a;color:#fff;transition:background-color .4s ease;}
.nw-item:hover .nw-item__date{background:#21bcd8;}
.nw-item__date b{font-size:27px;line-height:1;font-weight:700;font-family:Rubik,sans-serif;}
.nw-item__date span{font-size:11.5px;margin-top:6px;opacity:.74;font-family:Rubik,sans-serif;}
.nw-item__body{flex:1 1 auto;min-width:0;}
.nw-item__title{font-size:17px;line-height:1.55;font-weight:600;margin:0 0 8px;color:#1e2a36;
    transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nw-item:hover .nw-item__title{color:#f0475a;}
.nw-item__sum{font-size:13.5px;line-height:1.85;color:#7c8698;margin:0 0 10px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nw-item__meta{font-size:12.5px;color:#a6b0c2;}
.nw-item__meta span{margin-right:16px;}
.nw-item__meta i{margin-right:5px;color:#21bcd8;}
.nw-list+.blog-pagination{margin-top:26px;}
/* 分页：沿用模板 .blog-pagination 结构，配色改为本站色板（模板原边框是绿色 rgba(142,209,88,.5)，与本站无关） */
.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;}
.blog-pagination__link{display:inline-flex;align-items:center;justify-content:center;
    min-width:42px;height:42px;padding:0 15px;border:1px solid #e4eaf3;background:#fff;
    color:#48546b;font-size:14.5px;font-weight:600;line-height:1;
    transition:border-color .3s ease,background-color .3s ease,color .3s ease;}
.blog-pagination__link+.blog-pagination__link{margin-left:0;}
.blog-pagination__link.active,.blog-pagination__link:hover{border-color:#21bcd8;background:#21bcd8;color:#fff;}
.blog-pagination__link.active{cursor:default;}

/* ---------- 7 新闻详情 ---------- */
.nd{background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.07);padding:32px 34px 28px;}
.nd__title{font-size:26px;line-height:1.45;font-weight:700;color:#1e2a36;margin:0 0 14px;
    font-family:Rubik,"Microsoft YaHei",sans-serif;}
.nd__meta{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef1f6;font-size:12.5px;color:#a6b0c2;}
.nd__meta span{margin-right:18px;}
.nd__meta i{margin-right:5px;color:#21bcd8;}
.nd__tags{margin-top:26px;padding-top:20px;border-top:1px solid #eef1f6;font-size:13px;color:#8a93a6;}
.nd__tags>span{display:inline-block;margin-right:4px;}
.nd__tags a{display:inline-block;padding:4px 12px;margin:0 6px 6px 0;background:#f3f6fa;color:#48546b;
    font-size:12.5px;transition:background-color .3s ease,color .3s ease;}
.nd__tags a:hover{background:#21bcd8;color:#fff;}
.nd__share{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13px;color:#8a93a6;}
.nd__share a{width:36px;height:36px;line-height:36px;text-align:center;background:#f3f6fa;color:#48546b;
    transition:background-color .3s ease,color .3s ease;}
.nd__share a:hover{background:#21bcd8;color:#fff;}
.nd-nav{display:flex;gap:14px;margin-top:16px;}
.nd-nav__item{flex:1 1 0;min-width:0;padding:15px 18px;background:#fff;box-shadow:0 6px 20px rgba(9,17,45,.07);
    font-size:13.5px;color:#48546b;transition:transform .35s ease,box-shadow .35s ease,color .3s ease;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nd-nav__item span{display:block;font-size:11.5px;color:#a6b0c2;margin-bottom:5px;}
.nd-nav__item:hover{color:#1295ad;transform:translateY(-3px);box-shadow:0 12px 28px rgba(9,17,45,.13);}
.nd-nav__item--next{text-align:right;}
.nd-cta{display:flex;align-items:center;gap:20px;margin-top:16px;padding:22px 26px;background:#1f2c4a;}
.nd-cta__txt{flex:1 1 auto;color:#fff;}
.nd-cta__txt b{display:block;font-size:16px;margin-bottom:6px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.nd-cta__txt span{font-size:12.5px;color:rgba(255,255,255,.6);}
.nd-cta__btn{flex:0 0 auto;padding:12px 28px;background:#f0475a;color:#fff;font-size:14px;
    transition:background-color .3s ease;}
.nd-cta__btn:hover{background:#21bcd8;color:#fff;}
.nd-side{margin-top:0;}

@media (max-width:991px){
    /* 768~991 平板：正文 + 侧栏仍保持两栏；≤767 才堆叠（见下） */
    .nw-list{padding:22px 22px 4px;}
}
@media (max-width:767px){
    .nd-side{margin-top:26px;}
    .nw-list{padding:16px 15px 2px;}
    .nw-item{gap:13px;padding:16px 0;}
    .nw-item__date{flex:0 0 56px;height:56px;}
    .nw-item__date b{font-size:20px;}
    .nw-item__date span{font-size:10px;margin-top:4px;}
    .nw-item__title{font-size:14.5px;line-height:1.5;margin-bottom:6px;}
    .nw-item__sum{font-size:12.5px;line-height:1.75;margin-bottom:8px;}
    .nw-item__meta{font-size:11.5px;}
    .nw-item__meta span{margin-right:12px;}
    /* 手机端分页：按钮缩小 + 允许换行，避免页面号被挤出屏幕（实测 375 下模板原尺寸会溢出 40~90px） */
    .blog-pagination{gap:6px;}
    .blog-pagination__link{min-width:36px;height:36px;padding:0 11px;font-size:13px;}
    .nw-list+.blog-pagination{margin-top:20px;}
    .nd{padding:20px 16px 18px;}
    .nd__title{font-size:18px;line-height:1.5;}
    .nd__meta{padding-bottom:14px;margin-bottom:16px;font-size:11.5px;}
    .nd__meta span{margin-right:12px;}
    .nd-nav{flex-direction:column;gap:10px;}
    .nd-nav__item{font-size:12.5px;padding:13px 15px;}
    .nd-nav__item--next{text-align:left;}
    .nd-cta{flex-direction:column;text-align:center;gap:14px;padding:20px 18px;}
    .nd-cta__btn{width:100%;text-align:center;}
}

/* ---------- 8 公司介绍 ---------- */
.ab-mv{display:flex;gap:30px;align-items:flex-start;}
.ab-mv__img{flex:0 0 46%;max-width:46%;}
.ab-mv__img img{display:block;width:100%;height:auto;box-shadow:0 16px 44px rgba(9,17,45,.14);}
.ab-mv__txt{flex:1 1 auto;min-width:0;}
.ab-mv__txt p{font-size:14.5px;line-height:2;color:#48546b;margin:0 0 15px;}
.ab-mv__txt p b{color:#1e2a36;}
.ab-stats{display:flex;flex-wrap:wrap;background:#1f2c4a;}
.ab-stat{flex:1 1 25%;padding:30px 18px;text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,.08);}
.ab-stat:last-child{border-right:0;}
.ab-stat b{display:block;font-size:36px;line-height:1;font-weight:700;font-family:Rubik,sans-serif;color:#fff;}
.ab-stat b i{font-style:normal;font-size:18px;margin-left:2px;}
.ab-stat span{display:block;font-size:13px;color:rgba(255,255,255,.6);margin-top:10px;}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.gal-card{position:relative;display:block;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(9,17,45,.09);}
.gal-card img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.7,.3,1);}
.gal-card:hover img{transform:scale(1.07);}
.gal-card__t{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:13px;color:#fff;
    background:linear-gradient(to top,rgba(15,24,46,.9),rgba(15,24,46,0));}
.gal-card__t span{display:block;font-size:11.5px;color:rgba(255,255,255,.6);margin-top:4px;font-family:Rubik,sans-serif;}
.adv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.adv-card{background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.07);padding:28px 26px 26px;position:relative;
    overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;}
.adv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#21bcd8;
    transform:scaleX(.34);transform-origin:left center;transition:transform .4s ease,background-color .4s ease;}
.adv-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(9,17,45,.14);}
.adv-card:hover::before{transform:scaleX(1);background:#f0475a;}
.adv-card i{font-size:26px;color:#21bcd8;margin-bottom:14px;display:block;}
.adv-card h3{font-size:16px;font-weight:700;color:#1e2a36;margin:0 0 10px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.adv-card p{font-size:13.5px;line-height:1.9;color:#7c8698;margin:0;}

@media (max-width:991px){
    .gal-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
    .adv-cards{grid-template-columns:repeat(2,1fr);gap:16px;}
}
@media (max-width:767px){
    .ab-mv{flex-direction:column;gap:22px;}
    .ab-mv__img{flex:none;max-width:100%;}
    .ab-mv__txt p{font-size:13.5px;line-height:1.95;}
    .ab-stat{flex:1 1 50%;padding:22px 12px;border-bottom:1px solid rgba(255,255,255,.08);}
    .ab-stat:nth-child(2n){border-right:0;}
    .ab-stat b{font-size:26px;}
    .ab-stat span{font-size:12px;margin-top:7px;}
    .gal-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
    .gal-card__t{font-size:11.5px;padding:20px 10px 9px;}
    .adv-cards{grid-template-columns:1fr;gap:14px;}
    .adv-card{padding:22px 20px 20px;}
}

/* ---------- 9 联系我们 ---------- */
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ct-card{background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.07);padding:32px 24px 28px;text-align:center;
    transition:transform .4s ease,box-shadow .4s ease;}
.ct-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(9,17,45,.14);}
.ct-card i{display:block;font-size:30px;color:#21bcd8;margin-bottom:16px;}
.ct-card h3{font-size:16px;font-weight:700;color:#1e2a36;margin:0 0 12px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.ct-card p{font-size:13.5px;line-height:1.9;color:#7c8698;margin:0;}
.ct-card a{color:#1295ad;}
.ct-wrap{display:flex;gap:0;background:#fff;box-shadow:0 10px 34px rgba(9,17,45,.09);}
.ct-form{flex:1 1 58%;padding:40px 40px 36px;}
.ct-info{flex:1 1 42%;padding:40px 36px;background:#1f2c4a;color:#fff;position:relative;overflow:hidden;}
.ct-info::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;
    background:url(/static/front/images/resources/cog-1-1.png) no-repeat center/contain;opacity:.05;pointer-events:none;}
.ct-info__t{position:relative;z-index:2;font-size:20px;font-weight:700;margin:0 0 20px;
    font-family:Rubik,"Microsoft YaHei",sans-serif;}
.ct-info__row{position:relative;z-index:2;display:flex;gap:13px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09);}
.ct-info__row:last-of-type{border-bottom:0;}
.ct-info__row i{flex:0 0 20px;color:#21bcd8;font-size:16px;margin-top:3px;}
.ct-info__row b{display:block;font-size:12.5px;color:rgba(255,255,255,.55);font-weight:400;margin-bottom:5px;}
.ct-info__row span{font-size:14px;line-height:1.75;}
.ct-info__btns{position:relative;z-index:2;display:flex;gap:10px;margin-top:22px;}
.ct-info__btns a{flex:1 1 0;height:46px;line-height:46px;text-align:center;font-size:14px;font-weight:600;color:#fff;}
.ct-info__btns a.t{background:#21bcd8;}
.ct-info__btns a.q{background:#f0475a;}
.f-row{margin-bottom:16px;}
.f-row label{display:block;font-size:13px;color:#48546b;margin-bottom:8px;}
.f-row label i{color:#f0475a;font-style:normal;margin-left:3px;}
.f-row input,.f-row textarea{width:100%;padding:0 14px;height:46px;font-size:14px;color:#1e2a36;
    border:1px solid #e3e8f0;border-radius:0;background:#fbfcfd;transition:border-color .3s ease;}
.f-row textarea{height:118px;padding:12px 14px;line-height:1.8;resize:vertical;}
.f-row input:focus,.f-row textarea:focus{outline:none;border-color:#21bcd8;background:#fff;}
.f-row--2{display:flex;gap:16px;}
.f-row--2>div{flex:1 1 0;min-width:0;}
.f-submit{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 40px;font-size:15px;
    font-weight:600;background:#f0475a;color:#fff;border:0;cursor:pointer;transition:background-color .3s ease;}
.f-submit:hover{background:#222;color:#fff;}
.f-note{font-size:12.5px;color:#a6b0c2;margin:12px 0 0;}

@media (max-width:991px){
    .ct-cards{gap:16px;}
    .ct-wrap{flex-direction:column;}
    .ct-form{padding:28px 24px 26px;}
    .ct-info{padding:28px 24px;}
}
@media (max-width:767px){
    .ct-cards{grid-template-columns:1fr;gap:14px;}
    .ct-card{padding:24px 20px 22px;}
    .ct-card i{font-size:24px;margin-bottom:12px;}
    .ct-form{padding:22px 18px 20px;}
    .ct-info{padding:24px 18px;}
    .ct-info__t{font-size:17px;margin-bottom:14px;}
    .f-row--2{flex-direction:column;gap:0;}
    .f-row input,.f-row textarea{font-size:15px;}
    .f-submit{width:100%;justify-content:center;padding:0;}
}

/* ---------- 10 询价单 ---------- */
.iq-wrap{background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.07);padding:8px 26px 6px;}
.iq-head{display:flex;padding:18px 0;border-bottom:2px solid #eef1f6;font-size:13px;color:#8a93a6;}
.iq-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #eef1f6;}
.iq-row:last-child{border-bottom:0;}
.iq-col--p{flex:1 1 auto;min-width:0;display:flex;gap:16px;align-items:center;}
.iq-col--p img{flex:0 0 84px;width:84px;height:68px;object-fit:cover;background:#f7f9fc;}
.iq-col--p b{display:block;font-size:14.5px;font-weight:600;color:#1e2a36;margin-bottom:7px;line-height:1.5;}
.iq-col--p span{font-size:12.5px;color:#a6b0c2;}
.iq-col--m{flex:0 0 150px;}
.iq-col--q{flex:0 0 118px;}
.iq-col--r{flex:0 0 200px;}
.iq-col--d{flex:0 0 60px;text-align:center;}
.iq-head .iq-col--p,.iq-head .iq-col--m,.iq-head .iq-col--q,.iq-head .iq-col--r{font-size:13px;}
.iq-inp{width:100%;height:42px;padding:0 12px;font-size:14px;color:#1e2a36;border:1px solid #e3e8f0;
    border-radius:0;background:#fbfcfd;}
.iq-inp:focus{outline:none;border-color:#21bcd8;background:#fff;}
.iq-del{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;background:#f7f9fc;
    color:#a6b0c2;transition:background-color .3s ease,color .3s ease;}
.iq-del:hover{background:#f0475a;color:#fff;}
.iq-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;
    padding:20px 0 22px;}
.iq-foot__add{font-size:13.5px;color:#1295ad;}
.iq-foot__add i{margin-right:6px;}
.iq-foot__tip{font-size:12.5px;color:#a6b0c2;margin:0;}
.iq-sub{margin-top:22px;background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.07);padding:30px 30px 28px;}
.iq-sub__t{font-size:18px;font-weight:700;color:#1e2a36;margin:0 0 6px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.iq-sub__s{font-size:13px;color:#8a93a6;margin:0 0 22px;}

@media (max-width:991px){
    .iq-head{display:none;}
    .iq-wrap{padding:6px 18px 4px;}
    .iq-row{flex-wrap:wrap;gap:12px;padding:18px 0;}
    .iq-col--p{flex:1 1 100%;}
    .iq-col--m,.iq-col--q{flex:0 0 calc(50% - 6px);}
    .iq-col--r{flex:1 1 100%;}
    .iq-col--d{flex:0 0 100%;text-align:left;}
}
@media (max-width:767px){
    .iq-wrap{padding:4px 14px 2px;}
    .iq-col--p img{flex:0 0 64px;width:64px;height:52px;}
    .iq-col--p b{font-size:13.5px;margin-bottom:4px;}
    .iq-sub{padding:22px 18px 20px;margin-top:16px;}
    .iq-sub__t{font-size:16px;}
}

/* ---------- 11 应用领域 ---------- */
.cs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cs-card{position:relative;display:block;background:#fff;box-shadow:0 8px 26px rgba(9,17,45,.07);
    padding:30px 24px 26px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;}
.cs-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#21bcd8;
    transform:scaleX(.34);transform-origin:left center;transition:transform .4s ease,background-color .4s ease;}
.cs-card:hover{transform:translateY(-7px);box-shadow:0 20px 46px rgba(9,17,45,.16);}
.cs-card:hover::before{transform:scaleX(1);background:#f0475a;}
.cs-card i{display:block;font-size:28px;color:#21bcd8;margin-bottom:16px;transition:color .4s ease;}
.cs-card:hover i{color:#f0475a;}
.cs-card h3{font-size:17px;font-weight:700;color:#1e2a36;margin:0 0 10px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.cs-card p{font-size:13.5px;line-height:1.9;color:#7c8698;margin:0;}
.cs-card span{display:inline-block;margin-top:14px;font-size:12.5px;color:#1295ad;}
.cs-card:hover span{text-decoration:underline;}
.cs-blocks{}
.cs-block{display:flex;gap:34px;align-items:center;background:#fff;box-shadow:0 10px 30px rgba(9,17,45,.08);}
.cs-block+.cs-block{margin-top:26px;}
.cs-block:nth-child(even){flex-direction:row-reverse;}
.cs-block__img{flex:0 0 44%;max-width:44%;}
.cs-block__img img{display:block;width:100%;height:auto;}
.cs-block__txt{flex:1 1 auto;min-width:0;padding:34px 36px 34px 0;}
.cs-block:nth-child(even) .cs-block__txt{padding:34px 0 34px 36px;}
.cs-block__tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#21bcd8;
    font-family:Rubik,sans-serif;margin:0 0 10px;}
.cs-block__txt h3{font-size:22px;font-weight:700;color:#1e2a36;margin:0 0 14px;font-family:Rubik,"Microsoft YaHei",sans-serif;}
.cs-block__txt p{font-size:14px;line-height:2;color:#656f80;margin:0 0 14px;}
.cs-block__list{margin:0;padding:0;list-style:none;}
.cs-block__list li{position:relative;padding-left:20px;font-size:13.5px;line-height:2;color:#48546b;}
.cs-block__list li::before{content:'';position:absolute;left:0;top:13px;width:7px;height:7px;
    background:#21bcd8;transform:rotate(45deg);}

@media (max-width:1199px){.cs-grid{grid-template-columns:repeat(3,1fr);gap:16px;}}
@media (max-width:991px){
    .cs-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .cs-card{padding:24px 20px 22px;}
    .cs-block{flex-direction:column;gap:0;}
    .cs-block:nth-child(even){flex-direction:column;}
    .cs-block__img{flex:none;max-width:100%;width:100%;}
    .cs-block__txt,.cs-block:nth-child(even) .cs-block__txt{padding:24px 24px 26px;}
}
@media (max-width:767px){
    .cs-grid{gap:12px;}
    .cs-card{padding:20px 16px 18px;}
    .cs-card i{font-size:22px;margin-bottom:12px;}
    .cs-card h3{font-size:14.5px;margin-bottom:8px;}
    .cs-card p{font-size:12.5px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
    .cs-card span{margin-top:11px;font-size:12px;}
    .cs-block__txt,.cs-block:nth-child(even) .cs-block__txt{padding:20px 16px 22px;}
    .cs-block__txt h3{font-size:17px;margin-bottom:10px;}
    .cs-block__txt p{font-size:13px;line-height:1.9;}
    .cs-block__list li{font-size:12.5px;line-height:1.9;}
}