/* ============================================================
   首页专属样式 · 合作伙伴（2026-10-12 v5 白底悬浮 Logo 墙）
   白色背景 + 灰调 logo，与深蓝页脚形成明暗分层
   ============================================================ */
.bc-partners {
    margin: 0 calc(50% - 50vw);
    padding: 68px calc(50vw - 50%) 56px;
    background: #fff;
    border-top: 1px solid #eef2f7;
}
.bc-pt-head { text-align: center; margin: 0 0 44px; }
.bc-pt-head em {
    display: block; font-style: normal;
    color: #c9a227; font-size: 12px; letter-spacing: 6px; text-indent: 6px;
}
.bc-pt-head h2 {
    margin: 10px 0 0; color: #023793; font-size: 30px; font-weight: normal;
    letter-spacing: 10px; text-indent: 10px; line-height: 1.3;
}
.bc-pt-head span {
    display: block; width: 46px; height: 3px;
    background: #f7c433; margin: 16px auto 0; border-radius: 2px;
}
.bc-pt-head p {
    margin: 14px 0 0; color: #98a4b4;
    font-size: 13px; letter-spacing: 2px;
}
/* 2026-10-24 v7：两排反向自动循环（上排向左、下排向右），纯 CSS 动画
   - 结构：.bc-plist 里两条 .bc-prow 轨道，每条把 logo 复制一份（2 份），
     位移 -50% 正好等于一份宽度 → 首尾画面完全一致，无跳帧
   - 速度恒定为 33px/s：--n 是「一份」里有几列，时长 = n × 单列时间
     （桌面 210px/列 → 6.36s，手机 116px/列 → 3.5s）
   - 悬停 / 键盘聚焦暂停，便于点开品牌官网；系统「减少动态效果」时改回可手动横滑 */
.bc-partners .bc-plist {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    overflow: hidden;
    -webkit-mask-image: -webkit-linear-gradient(left, transparent 0, #000 42px, #000 calc(100% - 42px), transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 42px, #000 calc(100% - 42px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 42px, #000 calc(100% - 42px), transparent 100%);
}
.bc-partners .bc-prow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
    -webkit-animation: bcMarqueeL calc(var(--n, 8) * 6.36s) linear infinite;
    animation: bcMarqueeL calc(var(--n, 8) * 6.36s) linear infinite;
}
.bc-partners .bc-prow--rev {
    -webkit-animation-name: bcMarqueeR;
    animation-name: bcMarqueeR;
}
@-webkit-keyframes bcMarqueeL {
    from { -webkit-transform: translate3d(0, 0, 0); }
    to   { -webkit-transform: translate3d(-50%, 0, 0); }
}
@keyframes bcMarqueeL {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}
@-webkit-keyframes bcMarqueeR {
    from { -webkit-transform: translate3d(-50%, 0, 0); }
    to   { -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes bcMarqueeR {
    from { transform: translate3d(-50%, 0, 0); }
    to   { transform: translate3d(0, 0, 0); }
}
.bc-partners:hover .bc-prow,
.bc-partners:focus-within .bc-prow {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.bc-partners .bc-prow a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 132px;
    margin: 0;
    padding: 18px 22px;
    background: transparent;
    letter-spacing: 0;
    -webkit-transition: background .25s;
    transition: background .25s;
}
.bc-partners .bc-prow img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 48px;
    border: 0;
    /* 透明 PNG，保持品牌原色 */
    opacity: 1;
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
}
.bc-partners .bc-prow a:hover { background: transparent; }
.bc-partners .bc-prow a:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}
.bc-pt-note {
    margin: 14px 0 0;
    text-align: right;
    color: #b3bcc9;
    font-size: 12px;
    letter-spacing: 1px;
}
/* 减少动态效果：停掉动画，退回可手动横滑 */
@media (prefers-reduced-motion: reduce) {
    .bc-partners .bc-plist { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
    .bc-partners .bc-plist::-webkit-scrollbar { display: none; }
    .bc-partners .bc-prow { -webkit-animation: none !important; animation: none !important; }
}
@media screen and (max-width: 767px) {
    .bc-partners { padding: 38px calc(50vw - 50%) 36px; }
    .bc-pt-head { margin-bottom: 24px; }
    .bc-pt-head em { letter-spacing: 3px; text-indent: 3px; }
    .bc-pt-head h2 { font-size: 22px; letter-spacing: 6px; text-indent: 6px; }
    .bc-pt-head p { font-size: 12px; letter-spacing: 1px; padding: 0 10px; }
    .bc-partners .bc-plist {
        -webkit-mask-image: -webkit-linear-gradient(left, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
    }
    .bc-partners .bc-prow {
        -webkit-animation-duration: calc(var(--n, 8) * 3.5s);
        animation-duration: calc(var(--n, 8) * 3.5s);
    }
    .bc-partners .bc-prow a { -ms-flex: 0 0 116px; flex: 0 0 116px; height: 98px; padding: 10px 10px; }
    .bc-partners .bc-prow img { max-height: 32px; }
    .bc-pt-note { font-size: 11px; }
}

/* ============================================================
   首页产品专区：3 列 x 2 行（2026-10-12）
   仅作用于首页 .in-prod-con，不影响栏目页的 .list-1
   ============================================================ */
@media screen and (min-width: 768px) {
    .in-prod-con .list-1 li { width: 33.3333%; }
    .in-prod-con .list-1 li .img-cover { padding-top: 72%; border-color: #e3e8f0; }
    .in-prod-con .list-1 li .text p { height: 56px; line-height: 56px; font-size: 15px; }
    .in-prod-con .list-1 li a { -webkit-transition: opacity .25s; transition: opacity .25s; }
    .in-prod-con .list-1 li a:hover { opacity: .92; }
}

/* ============================================================
   产品专区 Tab：胶囊圆角按钮（2026-10-24）
   仅首页（bc-home.css 只在首页加载）：桌面居中胶囊，移动端单排横向滑动
   ============================================================ */
.in-prod-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 26px;
}
.in-prod-menu li { display: inline-block; vertical-align: middle; }
.in-prod-menu li a {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 30px;
    line-height: 40px;
    font-size: 15px;
    color: #3a4658;
    background: #f1f4f9;
    background-image: none;
    border-radius: 999px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.in-prod-menu li a:before,
.in-prod-menu li a:after { display: none !important; }
.in-prod-menu li a:hover { background: #e4ebf6; color: #023793; }
.in-prod-menu li.active a {
    background: #023793;
    background-image: none;
    color: #fff;
    box-shadow: 0 6px 16px rgba(2, 55, 147, .22);
}
@media screen and (max-width: 767px) {
    /* 移动端：单排胶囊，左右滑动更省空间 */
    .in-prod-menu {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 10px;
        margin: 0 -15px 16px;
        padding: 2px 15px 6px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .in-prod-menu::-webkit-scrollbar { display: none; }
    .in-prod-menu li { -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .in-prod-menu li a {
        width: auto;
        margin: 0;
        padding: 0 22px;
        line-height: 38px;
        font-size: 14px;
        white-space: nowrap;
    }
}

/* ============================================================
   首页行业资讯（2026-10-12 v4 杂志式）：三卡片，头条+卡内小清单
   ============================================================ */
.bc-news { margin-top: 52px; }
/* 移动端 Tab 头：桌面端隐藏，移动端在 @media 内显示 */
.bc-news-tabs { display: none; }
.bc-news-top {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.bc-ncard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e6ebf3;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(2, 34, 87, .05);
    -webkit-transition: all .25s;
    transition: all .25s;
}
.bc-ncard .bc-nmain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
.bc-ncard .pic {
    position: relative;
    display: block;
    height: 148px;
    overflow: hidden;
}
.bc-ncard .pic:after {
    content: '';
    position: absolute; right: -46px; top: -46px;
    width: 150px; height: 150px; border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}
.bc-ncard .pic:before {
    content: '';
    position: absolute; left: -30px; bottom: -56px;
    width: 120px; height: 120px; border-radius: 50%;
    background: rgba(255, 255, 255, .06);
}
.bc-ncard .pic .cat {
    position: absolute; z-index: 1; left: 16px; top: 14px;
    display: inline-block; font-style: normal;
    background: #f7c433; color: #21334f;
    font-size: 12px; letter-spacing: 2px;
    padding: 4px 13px; border-radius: 3px;
}
.bc-ncard .pic b {
    position: absolute; z-index: 1; right: 14px; bottom: -8px;
    font-family: Impact, 'Arial Black', sans-serif;
    font-weight: normal; font-size: 62px; line-height: 1;
    color: rgba(255, 255, 255, .16);
    letter-spacing: 2px;
}
.bc-nc1 .pic { background: linear-gradient(135deg, #021a40 0%, #023793 100%); }
.bc-nc2 .pic { background: linear-gradient(135deg, #023793 0%, #0a5bd0 100%); }
.bc-nc3 .pic { background: linear-gradient(135deg, #062d69 0%, #0b4aa8 100%); }
.bc-ncard .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 24px 26px 26px;
}
.bc-ncard .txt em {
    font-style: normal; font-size: 12px; color: #9aa6b6; letter-spacing: 1px;
}
.bc-ncard .txt h3 {
    margin: 0;
    font-size: 16.5px; font-weight: normal; color: #333;
    line-height: 1.55;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.bc-ncard .txt p {
    margin: 11px 0 0;
    font-size: 13px; color: #8b97a7; line-height: 1.8;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bc-ncard .txt u {
    margin-top: auto; padding-top: 14px;
    text-decoration: none;
    font-size: 12.5px; color: #023793; letter-spacing: 3px;
    -webkit-transition: letter-spacing .25s;
    transition: letter-spacing .25s;
}
.bc-ncard:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(2, 34, 87, .13);
    border-color: #d7e2f2;
}
.bc-ncard:hover .txt h3 { color: #023793; }
.bc-ncard:hover .txt u { letter-spacing: 6px; }
.bc-ncard:hover .pic b { color: rgba(255, 255, 255, .28); }

/* 卡内小清单：头条下方挂本分类另外 2 条 */
.bc-nmini {
    list-style: none;
    margin: 0;
    padding: 8px 26px 18px;
    border-top: 1px dashed #edf1f7;
}
.bc-nmini li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 11px 0;
    text-decoration: none;
}
.bc-nmini li a + a { padding-top: 0; }
.bc-nmini li i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5px;
    flex: 0 0 5px;
    width: 5px; height: 5px;
    border-radius: 1px;
    background: #f7c433;
    -webkit-transition: background .2s;
    transition: background .2s;
}
.bc-nmini li p {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 13px; color: #55637a; line-height: 1.6;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.bc-nmini li em {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-style: normal;
    font-size: 11.5px; color: #aab4c2; letter-spacing: 1px;
}
.bc-nmini li a:hover p { color: #023793; }
.bc-nmini li a:hover i { background: #023793; }
@media screen and (max-width: 767px) {
    /* 移动端：三栏铺开改为 Tab 切换，节省竖向空间 */
    .bc-news-tabs {
        display: flex;
        gap: 10px;
        margin: 4px 0 16px;
    }
    .bc-ntab {
        flex: 1 1 0;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #d4dcea;
        background: #fff;
        color: #21334f;
        font-family: inherit;
        font-size: 14px;
        line-height: 1.2;
        padding: 11px 4px;
        border-radius: 8px;
        cursor: pointer;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    .bc-ntab.active {
        background: #023793;
        border-color: #023793;
        color: #fff;
        font-weight: 600;
        box-shadow: 0 4px 12px rgba(2, 55, 147, .25);
    }
    .bc-news-top {
        display: block;
    }
    .bc-ncard {
        display: none;
    }
    .bc-ncard.is-show {
        display: flex;
    }
    .bc-ncard .pic { height: 128px; }
    .bc-nmini { padding: 4px 18px 12px; }
    .bc-nmini li a { padding: 10px 0; }
    .bc-nmini li a + a { padding-top: 0; }
}
/* ============================================================
   关于博克媒体卡（2026-10-12）：图片/视频统一圆角卡片
   ============================================================ */
.bc-about-media img,
.bc-about-media video,
.bc-about-media iframe {
    display: block;
    width: 100%;
    height: 351px;
    object-fit: cover;
    border-radius: 6px;
    border: 0;
    box-shadow: 0 8px 24px rgba(2, 34, 87, 0.14);
    background: #02132e;
}
@media screen and (max-width: 767px) {
    .bc-about-media img,
    .bc-about-media video,
    .bc-about-media iframe {
        height: auto;
        aspect-ratio: 3 / 2;
    }
}

/* ============================================================
   移动端 Banner 修复（2026-10-12）：1920×550 横幅不再压成 110px
   ============================================================ */
@media screen and (max-width: 767px) {
    .banner { height: 180px; }
    .banner .swiper-slide { height: 180px; }
    .banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
}

/* ============================================================
   移动端 5 大优势（2026-10-24）：两排大圆环 → 两排胶囊（上 3 下 2）
   不再横向滑动，5 项一屏看全；桌面端（>767px）保持 5 栏圆环不变
   ============================================================ */
@media screen and (max-width: 767px) {
    /* clearfix 伪元素在 flex/grid 下会变成空项，必须去掉 */
    .in-ys-list:before,
    .in-ys-list:after { display: none; content: none; }

    /* 深蓝 CTA 区块（好螺套 博克造 / 客服热线）：上下留白各加 13px（2026-10-24） */
    .section.bg1 {
        padding: 30px 0 28px;
    }

    /* 5 大优势区块（.section.bg2）：手机端把图片区加高，并让 5 个胶囊在图片里垂直居中
       （上下各 40px、区块总高 172）；背景图 cover 铺满并略偏上，露出设备与车间主体（2026-10-24） */
    .section.bg2 {
        padding: 40px 0;
        background-position: 50% 45%;
    }

    /* 6 列网格：每项占 2 列（= 1/3 宽），第二排从第 2 列起放置 → 自然居中 */
    .in-ys-list {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
        padding: 0;
        overflow: visible;
        list-style: none;
    }

    .in-ys-list li {
        grid-column: span 2;
        float: none;
        width: auto;
        min-width: 0;
        margin-top: 0;
        min-height: 40px;
        padding: 0 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 999px;
        transition: background-color .2s ease, border-color .2s ease;
        -webkit-tap-highlight-color: transparent;
    }
    /* 第二排 2 个：分别落在第 2、4 列，左右各空 1/6，视觉居中 */
    .in-ys-list li:nth-child(4) { grid-column: 2 / span 2; }
    .in-ys-list li:nth-child(5) { grid-column: 4 / span 2; }
    /* 大圆环底图在窄屏只占空间，隐藏 */
    .in-ys-list li .ys-circle { display: none; }

    .in-ys-list li .icon {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: auto;
        text-align: center;
        color: #fff;
    }
    .in-ys-list li .icon img {
        display: block;
        width: 18px;
        height: 18px;
        margin: 0;
        flex: 0 0 auto;
    }
    .in-ys-list li .icon h3 {
        margin: 0;
        font-size: 13px;
        line-height: 1;
        white-space: nowrap;
    }

    /* 选中态：白底胶囊 + 品牌蓝文字，白色图标染成品牌蓝 */
    .in-ys-list li.is-on {
        background: #fff;
        border-color: #fff;
        box-shadow: 0 2px 8px rgba(2, 20, 50, 0.18);
    }
    .in-ys-list li.is-on .icon h3 { color: #023793; font-weight: 700; }
    .in-ys-list li.is-on .icon img {
        filter: brightness(0) saturate(100%) invert(18%) sepia(89%) saturate(2400%) hue-rotate(208deg) brightness(92%) contrast(102%);
    }

    /* 「关于博克」下方的四张子栏目图卡（公司历程/组织架构/资质认证/走进博克）
       移动端整体不显示（2026-10-24） */
    .in-about-class { display: none; }
}

/* 超窄屏（≤359px）：3 列每列仅约 91px，收紧内边距与字号避免 4 字标题换行 */
@media screen and (max-width: 359px) {
    .in-ys-list { gap: 6px; }
    .in-ys-list li { padding: 0 5px; }
    .in-ys-list li .icon { gap: 4px; }
    .in-ys-list li .icon img { width: 16px; height: 16px; }
    .in-ys-list li .icon h3 { font-size: 12px; }
}

/* ============================================================
   首页「5大优势」大图块（in-ys，01产能强大…05技术过硬）
   移动端改为 Tab：点标签显示对应块（2026-10-24）
   ============================================================ */
.bc-blk-tabs {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 767px) {
    /* 标签条：单排横向滑动，白底页面上用浅灰胶囊
       上下留白改为「上大下小」（2026-10-24）：距深蓝横幅 26px，胶囊到内容 14px，
       视觉上标签条更靠近下面的车间图，不再被上下均分的空档夹在中间 */
    .bc-blk-tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        margin: 30px 0 0;
        padding: 0 0 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .bc-blk-tabs::-webkit-scrollbar { display: none; }
    .bc-blk-tabs li {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 6px;
        height: 38px;
        padding: 0 15px;
        border: 1px solid #e3e9f2;
        border-radius: 999px;
        background: #f4f7fb;
        color: #43536b;
        font-size: 14px;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .bc-blk-tabs li i {
        font-style: normal;
        font-family: Impact, sans-serif;
        font-size: 15px;
        color: #023793;
        opacity: .55;
    }
    .bc-blk-tabs li.is-on {
        background: #023793;
        border-color: #023793;
        color: #fff;
        box-shadow: 0 3px 10px rgba(2, 55, 147, 0.28);
    }
    .bc-blk-tabs li.is-on i { color: #f7c433; opacity: 1; }

    /* 非激活块隐藏，仅显示当前 */
    .in-ys dl { display: none; }
    .in-ys dl.is-on { display: block; }
    .in-ys dl.is-on:first-child { border-top: 0; }
    /* Tab 模式下块顶内边距收窄（原 30px 是图文块之间的分隔留白，Tab 里不需要） */
    .in-ys dl { padding-top: 20px; }
}

/* 5大优势 Tab 切换：内容横向滑入动画（移动端左右滑动时） */
@keyframes bcBlkFromRight { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes bcBlkFromLeft  { from { opacity: 0; -webkit-transform: translateX(-30px); transform: translateX(-30px); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@media screen and (max-width: 767px) {
    .in-ys dl.bc-in-l { -webkit-animation: bcBlkFromRight .28s ease both; animation: bcBlkFromRight .28s ease both; }
    .in-ys dl.bc-in-r { -webkit-animation: bcBlkFromLeft .28s ease both; animation: bcBlkFromLeft .28s ease both; }
}