@charset "utf-8";
/* multi14 手机端（≤1024 平板/手机、≤768 手机）补充样式，在 style.css 之后加载。PC（>1024）不受影响。 */

/* banner 背景图：--bg 原图（PC），--bg-m 828 宽 WebP（≤768）。由 functions.phtml 的 $bg_vars 输出 */
.ban_sw .swiper-slide[style*="--bg"], .smban[style*="--bg"] { background-image: var(--bg); }
@media (max-width:768px) {
    .ban_sw .swiper-slide[style*="--bg"], .smban[style*="--bg"] { background-image: var(--bg-m, var(--bg)); }
}

@media (max-width:1024px) {
    /* 产品页顶部缩略图：固定比例，图片加载前就占好位置，避免把下面的大图往下推（CLS） */
    .baninfo .move .item .pic { aspect-ratio: 4 / 3; }
    .baninfo .move .item .pic img { height: 100%; object-fit: cover; }
}

/* ================================================================
   手机站骨架：≤1024 抽屉菜单；≤768 底部操作条、询价表单从底部弹出、页面导航不悬浮
   ================================================================ */
.m-drawer,
.m-mask,
.m-actbar,
.m-lang-btn {
    display: none;
}

@media (max-width: 1024px) {
    /* 顶部：原来从左侧滑出的一级菜单和右侧联系信息抽屉不再使用，改用抽屉菜单 */
    .header .nav ul,
    .header .openput,
    .popinfo {
        display: none !important;
    }
    .header .nav button.menus {
        display: block;
        border: 0;
        padding: 0;
        background-color: transparent;
        background-image: url(../img/menu.webp);
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .header .nav .m-lang-btn {
        display: flex;
        align-items: center;
        position: absolute;
        right: 0.9rem;
        top: 50%;
        height: 44px;
        margin-top: -22px;
        padding: 0 8px;
        border: 0;
        background: none;
        color: #091836;
        font-family: inherit;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }
    .header .nav .m-lang-btn img {
        width: 20px;
        margin-right: 5px;
    }

    /* 抽屉 */
    .m-drawer {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 86vw;
        max-width: 360px;
        background: #fff;
        z-index: 1001;
        transform: translateX(100%);
        visibility: hidden;
        transition: transform .3s, visibility .3s;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        line-height: normal;
        text-align: left;
        font-family: inherit;
    }
    body.m-drawer-open .m-drawer {
        transform: none;
        visibility: visible;
    }
    .m-mask {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .45);
        z-index: 1000;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s;
    }
    body.m-drawer-open .m-mask {
        opacity: 1;
        pointer-events: auto;
    }
    body.m-drawer-open,
    body.m-sheet-open {
        overflow: hidden;
    }
    .m-drawer-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: none;
        height: 56px;
        padding: 0 6px 0 16px;
        background: #091836;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .m-drawer-close {
        width: 44px;
        height: 44px;
        border: 0;
        background: none;
        color: #fff;
        font-size: 32px;
        line-height: 44px;
        cursor: pointer;
    }
    .m-drawer-list {
        flex: 1;
    }
    .m-drawer-row {
        display: flex;
        align-items: stretch;
        border-bottom: 1px solid #eee;
    }
    .m-drawer-row a {
        flex: 1;
        min-width: 0;
        display: block;
        padding: 13px 16px;
        font-size: 16px;
        line-height: 22px;
        color: #091836;
        overflow-wrap: break-word;
    }
    .m-drawer-toggle {
        flex: none;
        position: relative;
        width: 48px;
        border: 0;
        border-left: 1px solid #eee;
        background: none;
        cursor: pointer;
    }
    .m-drawer-toggle::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 2px solid #D90429;
        border-bottom: 2px solid #D90429;
        transform: translate(-50%, -70%) rotate(45deg);
        transition: transform .2s;
    }
    .m-drawer-item.open > .m-drawer-row > .m-drawer-toggle::before {
        transform: translate(-50%, -30%) rotate(-135deg);
    }
    .m-drawer-sub {
        display: none;
        background: #f6f7f9;
    }
    .m-drawer-item.open > .m-drawer-sub {
        display: block;
    }
    .m-drawer-sub .m-drawer-row a {
        padding-left: 28px;
        font-size: 15px;
    }
    .m-drawer-sub .m-drawer-sub .m-drawer-row a {
        padding-left: 40px;
        font-size: 14px;
        color: #444;
    }
    .m-drawer-lang {
        display: flex;
        flex-wrap: wrap;
        flex: none;
        padding: 6px 10px;
        border-bottom: 1px solid #eee;
    }
    .m-drawer-lang a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 0 8px;
        font-size: 14px;
        color: #333;
    }
    .m-drawer-lang a.on {
        color: #D90429;
        font-weight: bold;
    }
    .m-drawer-lang img {
        width: 20px;
        margin-right: 6px;
    }
    .m-drawer-contact {
        flex: none;
        padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
        background: #091836;
    }
    .m-drawer-contact a {
        display: flex;
        align-items: center;
        min-height: 44px;
        color: #fff;
        font-size: 14px;
        overflow-wrap: anywhere;
    }
    .m-drawer-contact svg {
        flex: none;
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
}

@media (max-width: 768px) {
    body {
        padding-bottom: calc(56px + env(safe-area-inset-bottom));
    }
    /* 右下角 Request a quote、回到顶部由底部操作条替代 */
    .fastopen2,
    .gotop {
        display: none !important;
    }
    .m-actbar {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        height: calc(56px + env(safe-area-inset-bottom));
        padding-bottom: env(safe-area-inset-bottom);
        background: #fff;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);
    }
    .m-act {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        border: 0;
        font-family: inherit;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
    }
    .m-act svg {
        flex: none;
        width: 22px;
        height: 22px;
        margin-right: 6px;
    }
    .m-act-wa {
        background: #1b7f3b;
    }
    .m-act-mail {
        background: #3f4a50;
    }
    .m-act-quote {
        flex: 1.3;
        background: #D90429;
        font-size: 16px;
        font-weight: bold;
    }

    /* 询价表单：从底部弹出（.quote 自带半透明背景） */
    .quote {
        z-index: 1001;
    }
    .quote .mid {
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-height: 88vh;
        overflow-y: auto;
        transform: none;
        margin: 0;
        padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
        border-radius: 16px 16px 0 0;
        background: #fff;
    }
    .quote .close {
        width: 44px;
        height: 44px;
        padding: 12px;
        top: 4px;
        right: 4px;
    }
    .quote h3 {
        padding-right: 40px;
        font-size: 22px;
        line-height: 1.3;
        text-align: left;
    }
    .quote h4 {
        font-size: 14px;
        line-height: 20px;
        margin: 6px 0 12px;
    }
    .quote .fills .fone {
        margin-bottom: 10px;
    }
    .quote .fills input,
    .quote .fills textarea {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 12px;
    }
    .quote .fills textarea {
        height: 110px;
    }
    .quote .fills button {
        height: 46px;
        line-height: 46px;
        margin-top: 4px;
        font-size: 16px;
    }

    /* 页面导航：不悬浮，作为普通区块放在正文前面，点标题展开 */
    .cpboth {
        display: flex;
        flex-direction: column;
    }
    .cpboth .fastnav {
        order: -1;
        position: static;
        display: block;
        width: auto;
        margin: 0 0.3rem 0.3rem;
    }
    .cpboth .fastnav h3 {
        width: 100%;
        height: 44px;
        border-radius: 8px;
        font-size: 16px;
    }
    .cpboth .fastnav h3 .close {
        width: 44px;
        height: 44px;
        margin-top: -22px;
        right: 0;
        background-size: 10px auto;
        transform: rotate(90deg);
    }
    .cpboth .fastnav .drop {
        margin-top: 8px;
        border-radius: 8px;
    }
    .cpboth .fastnav .drop .dka {
        min-height: 44px;
        font-size: 15px;
    }
}

/* ================================================================
   通用：侧栏分类点击展开、富文本、页脚（≤1024）
   ================================================================ */
.cpboth .smod .sone .sone-toggle {
    display: none;
}

@media (max-width: 1024px) {
    /* 侧栏分类：手机上没有 hover，改为点右侧箭头展开 */
    .cpboth .smod .sone {
        position: relative;
    }
    .cpboth .smod .sone:hover .drop {
        display: none;
    }
    .cpboth .smod .sone.open .drop {
        display: block;
    }
    .cpboth .smod .sone .lka span {
        padding-right: 44px;
        min-height: 44px;
        height: auto;
    }
    .cpboth .smod .sone .sone-toggle {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
        height: 44px;
        border: 0;
        background: none;
        cursor: pointer;
        z-index: 3;
    }
    .cpboth .smod .sone .sone-toggle::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 2px solid #D90429;
        border-bottom: 2px solid #D90429;
        transform: translate(-50%, -70%) rotate(45deg);
        transition: transform .2s;
    }
    .cpboth .smod .sone.open .sone-toggle::before {
        transform: translate(-50%, -30%) rotate(-135deg);
    }
    .cpboth .smod .sone .lkb {
        height: auto;
        min-height: 44px;
        line-height: 1.3;
    }

    /* 富文本：图片、视频不撑宽，表格可以横向滚动，长单词换行 */
    .cpart .txts,
    .xwpages .xinfo .word,
    .page-content {
        overflow-wrap: break-word;
    }
    .cpart .txts img,
    .xwpages .xinfo .word img,
    .page-content img {
        max-width: 100%;
        height: auto !important;
    }
    .cpart .txts iframe,
    .cpart .txts video,
    .xwpages .xinfo .word iframe,
    .xwpages .xinfo .word video,
    .page-content iframe,
    .page-content video {
        max-width: 100%;
    }
    .cpart .txts iframe,
    .xwpages .xinfo .word iframe,
    .page-content iframe {
        height: auto;
        aspect-ratio: 16 / 9;
    }
    /* 表格横向滚动放在 JS 包的 .table-scroll 外层上（表格本身变成 block 时边框比单元格宽，右边多出空框） */
    .cpdesc .cpart table td {
        line-height: 1.4;
        padding: 6px 4px;
    }

    /* 页脚：联系方式可点区域不小于 44px，长邮箱换行 */
    .footer .lxs .lxone {
        min-height: 44px;
    }
    .footer .lxs .lxone span,
    .footer .info p {
        overflow-wrap: anywhere;
    }
    .footer .links .lka {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}

@media (max-width: 1024px) {
    /* 内页 banner 标题：长单词换行，不撑宽页面 */
    .smban .word .wta {
        padding: 0 16px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }
}

/* ================================================================
   各页面（≤1024 / ≤768）
   ================================================================ */
@media (max-width: 1024px) {
    /* 分类页、产品详情：正文和产品列表在前，侧栏（分类目录、询价表单）在后 */
    .cpboth .cont {
        display: flex;
        flex-direction: column;
    }
    .cpboth .cont .cpdesc {
        order: 1;
    }
    .cpboth .cont .cpside {
        order: 2;
    }
    .cpboth .cont > div[style*="clear"] {
        display: none;
    }
    /* 产品详情：询价、联系按钮 */
    .baninfo .main .deals .geta {
        height: 44px;
        font-size: 15px;
    }
    /* 规格表格：单词不拆开，表格横向滚动 */
    .cpart .txts table td,
    .cpart .txts table th,
    .xwpages .xinfo .word table td,
    .page-content table td {
        word-break: normal;
        overflow-wrap: normal;
        min-width: 64px;
    }
    /* 分页按钮 */
    .pagenum .numa {
        width: 40px;
        height: 40px;
        font-size: 15px;
        margin: 0 3px;
    }
    /* 联系页电话、邮箱 */
    .lxpage .libs .lba {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .lxpage ul li p a {
        display: inline-block;
        padding: 8px 0;
    }
}

@media (max-width: 768px) {
    /* 底部操作条的留白放在页脚里，页脚下面不再露出白条 */
    body {
        padding-bottom: 0;
    }
    .footer {
        padding-bottom: calc(56px + env(safe-area-inset-bottom));
    }

    /* banner 文字：加阴影和渐变遮罩，压在亮色图片上也看得清 */
    .banner .swiper-slide::before,
    .smban::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .45));
        z-index: 1;
        pointer-events: none;
    }
    .smban .word {
        z-index: 2;
    }
    .banner .word h1,
    .banner .word h3,
    .banner .word h4,
    .smban .word .wta {
        text-shadow: 0 2px 8px rgba(0, 0, 0, .55);
    }

    /* 404：文字不贴边 */
    .errors .word {
        padding: 0 16px;
        text-align: center;
    }
    .errors .word h4 {
        font-size: 16px;
        line-height: 1.6;
        overflow-wrap: anywhere;
    }
    .errors .word .deal a {
        min-height: 44px;
    }
}

@media (min-width: 1025px) {
    /* PC 导航：菜单名很长（如俄语）时允许换行，不撑出页面；正常长度的菜单外观不变 */
    .header .nav ul li {
        min-width: 0;
        flex: 0 1 auto;
    }
    .header .nav ul li .nava {
        overflow-wrap: anywhere;
    }
}


/* ================================================================
   列表卡片（≤1024）：产品、项目、新闻
   原来只在 ≤768 生效，769–1024 一行一两张大图，1024 宽首页约 9900px 高
   ================================================================ */
@media (max-width: 1024px) {
    /* 产品卡片：两列，图片正方形，标题在图片下面，整张卡片可点 */
    .cpbest .lists {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .cpbest .lists > div:not(.items) {
        display: none;
    }
    .cpbest .items,
    .cpbest.child .items {
        width: auto;
        float: none;
        margin: 0 !important;
        border-radius: 6px;
        overflow: hidden;
        background: #D90429;
    }
    .cpbest .items .pic {
        aspect-ratio: 1 / 1;
    }
    .cpbest .items .pic img {
        height: 100%;
        object-fit: cover;
    }
    .cpbest .items .ups,
    .cpbest .items:hover .ups {
        position: static;
        transform: none;
        border-radius: 0;
        padding: 10px;
    }
    .cpbest .items .ups .name span {
        width: calc(100% - 26px);
        font-size: 14px;
    }
    .cpbest .items .ups .name a {
        width: 20px;
        height: 20px;
        flex: none;
    }
    .cpbest .items .ups .name a::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
    }
    .cpbest .items:hover .ups .get {
        display: none;
    }
    .cpbest .items:hover .pic img {
        transform: none;
    }

    /* 项目：两列（原来 .syxm.md .lists{display:block} 优先级更高，项目页的两列没生效） */
    .syxm .lists,
    .syxm.md .lists {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .syxm .xmitem,
    .syxm.md .xmitem {
        width: auto;
        float: none;
        margin: 0;
    }
    /* 项目名原来只在鼠标悬停时出现，手机、平板上看不到：常显在图片底部 */
    .xmitem .img-holder .overlay-title,
    .xmitem:hover .img-holder .overlay-title {
        transform: none;
        padding: 28px 10px 8px;
        background: linear-gradient(rgba(9, 24, 54, 0), rgba(9, 24, 54, .85));
        border-radius: 0 0 8px 8px;
    }
    .syxm .xmitem .overlay-title h4 {
        font-size: 14px;
        line-height: 1.3;
        margin: 0;
    }

    /* 新闻：图片 16:9 */
    .syxw .items .pic {
        aspect-ratio: 16 / 9;
    }
    .syxw .items .pic img {
        height: 100%;
        object-fit: cover;
    }

    /* 侧栏询价表单上方的配图：平板上不再放大到整屏 */
    .cpboth .smod .pics img {
        max-height: 280px;
        object-fit: cover;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    /* 大屏手机、平板：产品、项目页三列，新闻两列 */
    .cpbest .lists,
    .syxm.md .lists {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .syxw .lists {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 20px;
    }
    .syxw .lists > :not(.items) {
        display: none;
    }
    .syxw .items {
        width: auto;
        float: none;
        margin: 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /* 首页项目固定 4 个：一行四个；首页新闻 3 条：一行三个 */
    .syxm:not(.md) .lists {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .syxw:not(.syxw-page) .lists {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ================================================================
   电脑端（≥1025）列表
   ================================================================ */
@media (min-width: 1025px) {
    /* 产品卡片图片统一正方形，同一行等高 */
    .cpbest .items .pic {
        aspect-ratio: 1 / 1;
    }
    .cpbest .items .pic img {
        height: 100%;
        object-fit: cover;
    }
    /* 新闻列表：网格三列、同一行等高，VIEW MORE 对齐在卡片底部（原来浮动布局，标题行数不同时卡片错位、留空洞） */
    .syxw .lists {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0 30px;
    }
    .syxw .lists > :not(.items) {
        display: none;
    }
    .syxw .items {
        width: auto;
        float: none;
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    .syxw .items .txt {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .syxw .items .txt .more {
        margin-top: auto;
    }
}

/* ================================================================
   正文（所有宽度）：富文本、表格、新闻详情
   ================================================================ */
/* 富文本图片不超出正文栏（电脑端原来没有限制，宽图右边被裁掉） */
.cpart .txts img,
.xwpages .xinfo .word img,
.page-content img {
    max-width: 100%;
    height: auto !important;
}
/* 表格外层（public.js 包上）：太宽时横向滚动；和下面的内容留出间距 */
.table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 16px;
}
/* 电脑端参数表：单词不从中间断开，折行时行距正常 */
@media (min-width: 1025px) {
    .cpdesc .cpart table td {
        word-break: normal;
        overflow-wrap: normal;
        line-height: 1.5;
        padding: 9px 8px;
    }
    .cpdesc .cpart table th {
        line-height: 1.4;
        padding: 12px 8px;
    }
}
/* 产品页顶部缩略图统一 4:3（原来横图、竖图混排，高矮不齐） */
.baninfo .move .item .pic {
    aspect-ratio: 4 / 3;
}
.baninfo .move .item .pic img {
    height: 100%;
    object-fit: cover;
}
/* 栏目大图标题：所有宽度都加遮罩和阴影，压在亮色图片上也看得清 */
.smban::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .45));
    z-index: 1;
    pointer-events: none;
}
.smban .word {
    z-index: 2;
}
.smban .word .wta {
    text-shadow: 0 2px 8px rgba(0, 0, 0, .55);
}
/* 新闻详情：文章标题大于正文小标题；正文小标题加粗、上下留白；恢复加粗和列表符号 */
.xwpages .xinfo h1 {
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 12px;
}
.xwpages .xinfo .word h2,
.xwpages .xinfo .word h3,
.xwpages .xinfo .word h4 {
    font-weight: bold;
    line-height: 1.4;
    margin: 1em 0 .5em;
    color: #091836;
}
.xwpages .xinfo .word h2 { font-size: 1.35em; }
.xwpages .xinfo .word h3 { font-size: 1.2em; }
.xwpages .xinfo .word h4 { font-size: 1.1em; }
.xwpages .xinfo .word > :first-child { margin-top: 0; }
.xwpages .xinfo .word b,
.xwpages .xinfo .word strong {
    font-weight: bold;
}
.xwpages .xinfo .word p {
    margin-bottom: .6em;
}
.xwpages .xinfo .word ul,
.xwpages .xinfo .word ol {
    padding-left: 1.5em;
    margin-bottom: .6em;
}
.xwpages .xinfo .word ul li { list-style: disc; }
.xwpages .xinfo .word ol li { list-style: decimal; }
.xwpages .xinfo .near {
    padding: 0;
}
@media (max-width: 1024px) {
    .xwpages .xinfo h1 {
        font-size: 24px;
    }
}

/* ================================================================
   首页
   ================================================================ */
@media (min-width: 1025px) {
    /* 服务区左侧大图：宽度不超过文字起点，1550 以下不再盖住说明文字和左列服务卡片 */
    .sycess .bgt {
        max-width: calc(50vw - 246px);
        object-fit: cover;
        object-position: right center;
    }
}
@media (min-width: 1025px) and (max-width: 1420px) {
    .sycess .bgt {
        max-width: calc(32vw - 7px);
    }
}
@media (min-width: 1025px) and (max-width: 1300px) {
    /* 首屏左右翻页按钮贴左边，大标题让出左边位置，不再互相压住 */
    .banner .change {
        left: 16px;
    }
    .banner .word {
        max-width: calc(100% - 200px);
    }
}
/* 服务卡片两列：右列不再带右边距，左右对齐 */
.sycess .info .btns .btna {
    width: 48.5%;
}
.sycess .info .btns .btna:nth-child(2n) {
    margin-right: 0;
}
.sycess .info .btns {
    width: 100%;
}
/* 客户评价身份文字：深蓝底上改用浅一些的红，看得清 */
.sysay .moves .user p i {
    color: #FF6B80;
}
@media (max-width: 1024px) {
    /* 首屏图片铺满（1024 宽时左右露出约 80px 黑边） */
    .banner .swiper-slide {
        background-size: cover;
        background-position: center;
    }
}

/* ================================================================
   顶部导航下拉（电脑端）
   ================================================================ */
@media (min-width: 1025px) {
    /* 下拉上方加一条透明的过渡区：鼠标从菜单名斜着移到下拉第一项时，不再先移出菜单导致下拉消失 */
    .header .nav ul li .drops::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 26px;
    }
    /* 悬停项：深蓝底上改用浅红，不再加粗（加粗会让文字变宽折行） */
    .header .nav ul li .doa:hover,
    .header .nav ul li .dta:hover {
        color: #FF6B80;
        font-weight: normal;
    }
}
@media (min-width: 1025px) and (max-width: 1350px) {
    /* 这一档下拉宽 190px，居中偏移也按 190 算（原来按 260 算，下拉整体偏左 35px） */
    .header .nav ul li .drops {
        margin-left: -95px;
    }
}

/* ================================================================
   关于页、404、成功页
   ================================================================ */
/* 关于页 Our Mission / Our Values 两张图：铺满右栏、正方形（原来按收缩后的宽度算，右边空出一大块，平板上挤在右侧） */
.gyour .right .switch {
    width: 100%;
}
.gyour .right .box.on {
    display: flex;
    gap: 2%;
}
.gyour .right .pic {
    flex: 1;
    width: auto;
    margin: 0;
    aspect-ratio: 1 / 1;
}
.gyour .right .pic img {
    height: 100%;
    object-fit: cover;
}
/* 产品页顶部图集：右侧主图 + 左侧缩略图（点缩略图切换主图）；手机/平板只保留主图轮播和圆点 */
.baninfo .move .item {
    margin-bottom: 0;
}
/* 产品名折成两行时行距正常（原来 line-height:1 两行贴在一起） */
.baninfo .main h1 {
    line-height: 1.3;
}
.baninfo .mySwiper .swiper-slide {
    cursor: pointer;
}
.baninfo .mySwiper .swiper-slide .pic {
    opacity: .65;
    transition: opacity .3s;
    border: 2px solid transparent;
}
.baninfo .mySwiper .swiper-slide:hover .pic,
.baninfo .mySwiper .swiper-slide-thumb-active .pic {
    opacity: 1;
}
.baninfo .mySwiper .swiper-slide-thumb-active .pic {
    border-color: #D90429;
}
.baninfo .move .prev.swiper-button-disabled,
.baninfo .move .next.swiper-button-disabled {
    opacity: .3;
    cursor: default;
}
.baninfo .vd-dots .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: .6;
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
.baninfo .vd-dots .swiper-pagination-bullet-active {
    opacity: 1;
    background: #D90429;
}
@media (min-width: 1025px) {
    /* 白底只包住缩略图区域，不再伸进右侧主图；去掉下方多余空白 */
    .baninfo .move {
        padding: 20px 40px;
    }
    .baninfo .move:after {
        width: 100%;
        transform: none;
    }
    .baninfo .move .prev,
    .baninfo .move .next {
        margin-top: -15px;
    }
    .baninfo .vd-dots {
        display: none;
    }
}
@media (max-width: 1024px) {
    .baninfo .move {
        display: none;
    }
    .baninfo .pics {
        height: auto;
        aspect-ratio: 4 / 3;
        max-height: 560px;
    }
}
/* 页脚底部：备案号和 Sitemap 之间留出间距 */
.footer .fbot p a + a {
    margin-left: 16px;
}
/* 侧栏相关产品：一行两个小卡片（方图 + 最多两行标题），原来是和 Product Categories 一样的分类名列表 */
.cpboth .smod .rel-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding-top: 16px;
}
.cpboth .smod .rel-item {
    display: block;
    color: #091836;
}
.cpboth .smod .rel-pic {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 6px;
    background: #F4F3F7;
}
.cpboth .smod .rel-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.cpboth .smod .rel-item:hover .rel-pic img {
    transform: scale(1.05);
}
.cpboth .smod .rel-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 6px;
    transition: color 0.3s;
}
.cpboth .smod .rel-item:hover .rel-name {
    color: #D90429;
}
@media (min-width: 600px) and (max-width: 1024px) {
    .cpboth .smod .rel-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* 联系页地图：按后台地址加载 Google 地图（原来是写死的中文地图截图）；公司名、电话、邮箱卡片放在地图右侧，不盖住地图 */
.lxpage .maps iframe.tu {
    display: block;
    width: 100%;
    height: 320px;
    border: 0;
}
@media (min-width: 1025px) {
    .lxpage .maps {
        display: flex;
        border-radius: 8px;
    }
    .lxpage .maps iframe.tu {
        flex: 1;
        min-width: 0;
        height: 460px;
    }
    .lxpage .maps .ups {
        position: static;
        flex: none;
        width: 380px;
        border-radius: 0;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
/* 关于页简介左上角小图：1025–1420 宽内容区只留 64px，原来向左伸出半张图被屏幕边切掉，改为只伸出 50px */
@media (min-width: 1025px) and (max-width: 1420px) {
    .gybest .pic .tu.ltop {
        transform: translate(-50px, -50%);
    }
}
/* 404：背景图不再拉伸变形；联系方式字号小于标题、居中 */
.errors {
    background-size: cover;
}
.errors .word h4 {
    text-align: center;
}
@media (min-width: 769px) {
    .errors .word h4 {
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
    /* 询盘成功页：卡片在屏幕中间，背景图铺满 */
    .popfeed {
        background-size: cover;
        background-position: center;
    }
    .popfeed .word {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        max-width: calc(100% - 32px);
    }
}

/* 分页：当前页红底白字 */
.pagenum .numa.on {
    background: #D90429;
    color: #fff;
    border-color: #D90429;
}