@charset "utf-8";

/* ====================公共样式========================= */

/*reset Css*/
* {margin: 0;padding: 0;}

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;padding: 0;
}

/* Subian full-screen VR factory tour */
.subian-vr {
    width: 100%;
    height: calc(100vh - 1rem);
    height: calc(100vh - 1rem);
    overflow: hidden;
    background: #061a33;
}

.subian-vr .subian-vr-frame {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: #061a33;
}

body.subian-vr-standalone {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: #061a33;
}

.subian-vr-standalone .subian-vr-standalone-frame {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: #061a33;
}

@media screen and (max-width: 999px) {
    .subian-vr {
        height: calc(100vh - 60px);
        height: calc(100dvh - 60px);
    }
}

/* Subian product mega menu */
@media all and (min-width: 1000px) {
    .Header-wrapper .Header-container .c-nav > li.subian-nav-product {
        position: static;
    }

    .Header-wrapper .subian-mega {
        position: fixed;
        top: 1rem;
        left: 50%;
        width: min(13.6rem, calc(100vw - 0.8rem));
        min-height: 4.2rem;
        display: grid;
        grid-template-columns: 3.3rem minmax(0, 1fr);
        border-radius: 0.08rem;
        background: #fff;
        box-shadow: 0 0.24rem 0.7rem rgba(6, 26, 51, 0.16);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate(-50%, 0.14rem);
        transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
        overflow: hidden;
        z-index: 110;
    }

    .Header-wrapper .subian-nav-product:hover > .subian-mega,
    .Header-wrapper .subian-nav-product:focus-within > .subian-mega {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }
}

.Header-wrapper .subian-mega-tabs {
    padding: 0.26rem 0.18rem;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 0.08rem;
    background: #f3f7fa;
}

.Header-wrapper .subian-mega-tab {
    min-height: 0.7rem;
    padding: 0.14rem 0.18rem;
    border: 0;
    border-radius: 0.05rem;
    color: #42566a;
    background: transparent;
    font-size: var(--f16);
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.Header-wrapper .subian-mega-tab:hover,
.Header-wrapper .subian-mega-tab:focus-visible,
.Header-wrapper .subian-mega-tab.is-active {
    color: #0b74c8;
    background: #fff;
    box-shadow: 0 0.08rem 0.24rem rgba(13, 75, 119, 0.08);
    outline: none;
}

.Header-wrapper .subian-mega-panels {
    min-width: 0;
    background: #fff;
}

.Header-wrapper .subian-mega-panel {
    min-height: 4.2rem;
    padding: 0.34rem;
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    align-items: center;
    gap: 0.38rem;
}

.Header-wrapper .subian-mega-panel[hidden] {
    display: none;
}

.Header-wrapper .subian-mega-media {
    width: 100%;
    overflow: hidden;
    border-radius: 0.06rem;
    background: #f5f7f9;
}

.Header-wrapper .subian-mega-media img {
    object-fit: contain;
    transition: transform 0.45s ease;
}

.Header-wrapper .subian-mega-panel:hover .subian-mega-media img {
    transform: scale(1.025);
}

.Header-wrapper .subian-mega-copy {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.Header-wrapper .subian-mega-kicker {
    margin-bottom: 0.12rem;
    color: #0b74c8;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.Header-wrapper .subian-mega-title {
    max-width: 5.4rem;
    margin: 0;
    color: #102a4c;
    font-weight: 700;
}

.Header-wrapper .subian-mega-desc {
    max-width: 5.7rem;
    margin-top: 0.14rem;
    color: #617287;
}

.Header-wrapper .subian-mega-links {
    margin-top: 0.18rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.08rem;
}

.Header-wrapper .subian-mega-links a {
    padding: 0.09rem 0.12rem;
    border-radius: 0.04rem;
    color: #29465f;
    background: #eef5fa;
    line-height: 1.3;
}

.Header-wrapper .subian-mega-links a:hover {
    color: #0b74c8;
    background: #e3f2fb;
}

.Header-wrapper .subian-mega-all {
    margin-top: 0.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    color: #0b74c8;
    font-weight: 700;
}

.Header-wrapper .subian-mega-all span {
    transition: transform 0.25s ease;
}

.Header-wrapper .subian-mega-all:hover span {
    transform: translateX(0.05rem);
}

/* Subian product family guide */
.subian-pg {
    background: #f3f6f8;
}

.subian-pg .subian-pg-intro {
    background: #fff;
}

.subian-pg .subian-pg-kicker,
.subian-pg .subian-pg-label {
    color: #0b74c8;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.subian-pg .subian-pg-intro-row {
    margin-top: 0.18rem;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(4.6rem, 0.68fr);
    align-items: end;
    gap: 0.8rem;
}

.subian-pg .subian-pg-heading {
    margin: 0;
    color: #102a4c;
}

.subian-pg .subian-pg-lead,
.subian-pg .subian-pg-desc {
    color: #617287;
}

.subian-pg .subian-pg-stage {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
}

.subian-pg .subian-pg-feature,
.subian-pg .subian-pg-card {
    overflow: hidden;
    border-radius: 0.08rem;
    background: #fff;
    box-shadow: 0 0.06rem 0.2rem rgba(12, 50, 78, 0.04);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-pg .subian-pg-feature:hover,
.subian-pg .subian-pg-card:hover {
    box-shadow: 0 0.18rem 0.45rem rgba(12, 50, 78, 0.12);
    transform: translateY(-0.04rem);
}

.subian-pg .subian-pg-feature-link {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(4.8rem, 0.72fr);
    min-height: 5.2rem;
}

.subian-pg .subian-pg-feature-media,
.subian-pg .subian-pg-card-media {
    width: 100%;
    overflow: hidden;
    background: #f2f5f7;
}

.subian-pg .subian-pg-feature-media img,
.subian-pg .subian-pg-card-media img {
    object-fit: cover;
    transition: transform 0.5s ease;
}

.subian-pg .subian-pg-feature:hover img,
.subian-pg .subian-pg-card:hover img {
    transform: scale(1.035);
}

.subian-pg .subian-pg-feature-copy {
    padding: 0.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.subian-pg .subian-pg-feature-title,
.subian-pg .subian-pg-card-title {
    margin: 0.14rem 0 0;
    color: #102a4c;
}

.subian-pg .subian-pg-feature-copy .subian-pg-desc {
    margin-top: 0.18rem;
}

.subian-pg .subian-pg-subcats {
    margin-top: 0.22rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.08rem;
}

.subian-pg .subian-pg-subcats span {
    padding: 0.1rem 0.14rem;
    border-radius: 0.04rem;
    color: #345269;
    background: #eef5f9;
}

.subian-pg .subian-pg-link {
    margin-top: 0.28rem;
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    color: #0b74c8;
    font-weight: 700;
}

.subian-pg .subian-pg-link span {
    transition: transform 0.25s ease;
}

.subian-pg .subian-pg-card:hover .subian-pg-link span,
.subian-pg .subian-pg-feature:hover .subian-pg-link span {
    transform: translateX(0.05rem);
}

.subian-pg .subian-pg-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.22rem;
}

.subian-pg .subian-pg-card-link {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.subian-pg .subian-pg-card-copy {
    flex: 1;
    padding: 0.3rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.subian-pg .subian-pg-card-copy .subian-pg-desc {
    margin-top: 0.14rem;
}

.subian-pg .subian-pg-card-copy .subian-pg-link {
    margin-top: auto;
    padding-top: 0.24rem;
}

.subian-pg .subian-pg-cta {
    padding: 0.7rem 0;
    color: #fff;
    background: linear-gradient(110deg, #0b74c8 0%, #149bd4 56%, #18b8e8 100%);
}

.subian-pg .subian-pg-cta-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.subian-pg .subian-pg-cta-copy {
    max-width: 9.2rem;
}

.subian-pg .subian-pg-cta-label {
    color: rgba(255, 255, 255, 0.74);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.subian-pg .subian-pg-cta-title {
    margin: 0.12rem 0 0;
    color: #fff;
}

.subian-pg .subian-pg-cta-desc {
    margin-top: 0.14rem;
    color: rgba(255, 255, 255, 0.86);
}

.subian-pg .subian-pg-cta-btn {
    min-width: 2.8rem;
    height: 0.56rem;
    min-height: 42px;
    padding: 0.16rem 0.24rem;
    flex: none;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 0.05rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    transition: color 0.25s ease, background-color 0.25s ease;
}

.subian-pg .subian-pg-cta-btn:hover {
    color: #0b74c8;
    background: #fff;
}

@media screen and (max-width: 1366px) {
    .subian-pg .subian-pg-intro-row,
    .subian-pg .subian-pg-feature-link {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 999px) {
    .Header-wrapper .subian-mega {
        display: none;
    }

    .subian-pg .subian-pg-intro-row,
    .subian-pg .subian-pg-feature-link {
        grid-template-columns: 1fr;
        gap: 0.28rem;
    }

    .subian-pg .subian-pg-grid {
        grid-template-columns: 1fr 1fr;
    }

    .subian-pg .subian-pg-feature-copy {
        padding: 0.36rem;
    }
}

@media screen and (max-width: 767px) {
    .subian-pg .subian-pg-grid {
        grid-template-columns: 1fr;
    }

    .subian-pg .subian-pg-feature-copy,
    .subian-pg .subian-pg-card-copy {
        padding: 24px 20px;
    }

    .subian-pg .subian-pg-cta-in {
        align-items: flex-start;
        flex-direction: column;
    }

    .subian-pg .subian-pg-cta-btn {
        width: 100%;
        min-width: 0;
    }
}

.subian-404.mt {
    margin-top: var(--nav_height);
}

.subian-404 .subian-404-stage {
    min-height: 7.2rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(90deg, var(--subian-in-soft) 0 42%, #fff 42% 100%);
}

.subian-404 .subian-404-in {
    display: grid;
    grid-template-columns: minmax(4.4rem, 0.9fr) minmax(5.2rem, 1.1fr);
    align-items: center;
    gap: 1.1rem;
}

.subian-404 .subian-404-code {
    color: var(--subian-in-navy);
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 0.82;
    letter-spacing: 0;
}

.subian-404 .subian-404-copy {
    max-width: 7.2rem;
}

.subian-404 .subian-404-title {
    max-width: 7rem;
    margin: 0;
    color: var(--subian-in-ink);
    font-size: var(--f54);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: 0;
    text-wrap: balance;
}

.subian-404 .subian-404-desc {
    max-width: 6.7rem;
    margin-top: 0.28rem;
    color: var(--subian-in-body);
    text-wrap: pretty;
}

.subian-404 .subian-404-actions {
    margin-top: 0.42rem;
    display: flex;
    align-items: center;
    gap: 0.14rem;
}

.subian-404 .subian-404-btn {
    min-height: 0.56rem;
    padding: 0.14rem 0.24rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    border-radius: 0.04rem;
    font-weight: 600;
    line-height: 1.35;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.subian-404 .subian-404-btn svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-404 .subian-404-btn-main {
    color: #fff;
    background: linear-gradient(115deg, var(--subian-in-blue), var(--subian-in-cyan));
}

.subian-404 .subian-404-btn-line {
    border: 1px solid var(--subian-in-line);
    color: var(--subian-in-ink);
    background: #fff;
}

.subian-404 .subian-404-btn:hover,
.subian-404 .subian-404-btn:focus-visible {
    transform: translateY(-0.03rem);
}

.subian-404 .subian-404-btn-main:hover,
.subian-404 .subian-404-btn-main:focus-visible {
    color: #fff;
    background: var(--subian-in-blue);
}

.subian-404 .subian-404-btn-line:hover,
.subian-404 .subian-404-btn-line:focus-visible {
    border-color: var(--subian-in-blue);
    color: var(--subian-in-blue);
}

.subian-404 .subian-404-btn:focus-visible {
    outline: 2px solid rgba(11, 116, 200, 0.3);
    outline-offset: 3px;
}

@media screen and (max-width: 1000px) {
    .subian-404 .subian-404-stage {
        min-height: 6.2rem;
        background: linear-gradient(180deg, var(--subian-in-soft) 0 42%, #fff 42% 100%);
    }

    .subian-404 .subian-404-in {
        grid-template-columns: minmax(2.8rem, 0.72fr) minmax(0, 1.28fr);
        gap: 0.6rem;
    }

    .subian-404 .subian-404-code {
        font-size: 2.1rem;
    }
}

@media screen and (max-width: 767px) {
    .subian-404 .subian-404-stage {
        min-height: 6.6rem;
        padding: 0.68rem 0 0.8rem;
        align-items: flex-start;
        background: linear-gradient(180deg, var(--subian-in-soft) 0 2.55rem, #fff 2.55rem 100%);
    }

    .subian-404 .subian-404-in {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.62rem;
    }

    .subian-404 .subian-404-code {
        font-size: 1.68rem;
        line-height: 0.86;
    }

    .subian-404 .subian-404-copy {
        max-width: none;
    }

    .subian-404 .subian-404-title {
        max-width: 6rem;
        font-size: 0.42rem;
        line-height: 1.22;
        text-wrap: initial;
    }

    .subian-404 .subian-404-desc {
        margin-top: 0.22rem;
        font-size: var(--f16);
    }

    .subian-404 .subian-404-actions {
        margin-top: 0.32rem;
        align-items: stretch;
        flex-direction: column;
    }

    .subian-404 .subian-404-btn {
        width: 100%;
        min-height: 0.84rem;
    }
}

body {
	background-color: #fff;/*整体背景颜色*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/
	--www: 16rem;
	--interval: var(--www);
	--nav_height: 1rem;
	--theme-color: #005BAC;
	--theme-color-rgb: 0,91,172;
	--swiper-theme-color: #005BAC;
	--sec-theme-color: #00A3E8;
}

/*==常用字号==*/
body {
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f62: 0.62rem;
  --f64: 0.64rem;
  --f66: 0.66rem;
  --f68: 0.68rem;
  --f70: 0.7rem;
  --f72: 0.72rem;
  --f80: 0.8rem;
  --f100: 1rem;
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 20px;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 22px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f50: 0.42rem;
    --f52: 0.46rem;
    --f54: 0.48rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
	--f80: 0.72rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.24rem;
    --f16: 0.26rem;
    --f18: 0.28rem;
    --f20: 0.28rem;
    --f22: 0.30rem;
    --f24: 0.32rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f50: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
	--f80: 0.64rem;
  }
}

.f14{font-size: var(--f14);}
.f16{font-size: var(--f16);}
.f18{font-size: var(--f18);}
.f20{font-size: var(--f20);}
.f22{font-size: var(--f22);}
.f24{font-size: var(--f24);}
.f26{font-size: var(--f26);}
.f28{font-size: var(--f28);}
.f30{font-size: var(--f30);}
.f32{font-size: var(--f32);}
.f34{font-size: var(--f34);}
.f36{font-size: var(--f36);}
.f38{font-size: var(--f38);}
.f40{font-size: var(--f40);}
.f42{font-size: var(--f42);}
.f44{font-size: var(--f44);}
.f46{font-size: var(--f46);}
.f48{font-size: var(--f48);}
.f50{font-size: var(--f50);}
.f52{font-size: var(--f52);}
.f54{font-size: var(--f54);}
.f56{font-size: var(--f56);}
.f58{font-size: var(--f58);}
.f60{font-size: var(--f60);}
.f62{font-size: var(--f62);}
.f64{font-size: var(--f64);}
.f66{font-size: var(--f66);}
.f68{font-size: var(--f68);}
.f70{font-size: var(--f70);}
.f72{font-size: var(--f72);}
.f80{font-size: var(--f80);}
.f100{font-size: var(--f100);}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 默认合并表格边框 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}/*去除图片底部缝隙并基于中线对齐*/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}

/* ==================== Subian About Us ==================== */
.subian-ab {
    --subian-ab-blue: #0b74c8;
    --subian-ab-cyan: #18b8e8;
    --subian-ab-navy: #071d3a;
    --subian-ab-ink: #10283f;
    --subian-ab-body: #53677a;
    --subian-ab-soft: #f4f7fa;
    --subian-ab-line: #dbe5ec;
    color: var(--subian-ab-ink);
    overflow: hidden;
}

.subian-ab *,
.subian-ab *::before,
.subian-ab *::after {
    box-sizing: border-box;
}

.subian-ab img {
    display: block;
    width: 100%;
}

.subian-ab h1,
.subian-ab h2,
.subian-ab h3{
    font-family: "RB", "DR", Arial, sans-serif;
}

.subian-ab h2 {
    margin: 0;
    color: var(--subian-ab-ink);
    letter-spacing: -0.018em;
}

.subian-ab-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.12rem;
    margin-bottom: 0.2rem;
    color: var(--subian-ab-blue);
    font-family: "RB", "DR", Arial, sans-serif;
    font-size: 0.15rem;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.subian-ab-kicker::before {
    width: 0.34rem;
    height: 0.03rem;
    border-radius: 0.03rem;
    background: linear-gradient(90deg, var(--subian-ab-blue), var(--subian-ab-cyan));
    content: "";
}

.subian-ab-kicker-light {
    color: #d8f5ff;
}

.subian-ab-kicker-light::before {
    background: #67d9f4;
}

.subian-ab-head {
    max-width: 8.8rem;
    margin-bottom: 0.55rem;
}

.subian-ab-head > div,
.subian-ab-stats-head > div {
    max-width: 7.4rem;
    margin-top: 0.18rem;
    color: var(--subian-ab-body);
}

.subian-ab-btn {
    display: inline-flex;
    min-width: 1.7rem;
    min-height: 0.52rem;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.13rem 0.24rem;
    border: 1px solid transparent;
    border-radius: 0.08rem;
    font-family: "RB", "DR", Arial, sans-serif;
    font-size: 0.16rem;
    line-height: 1.1;
    white-space: nowrap;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.subian-ab-btn:active {
    transform: translateY(1px);
}

.subian-ab-btn-main {
    border: 0;
    color: #fff;
    background: linear-gradient(112deg, var(--subian-ab-blue), var(--subian-ab-cyan));
    box-shadow: 0 0.14rem 0.3rem rgba(11, 116, 200, 0.18);
}

.subian-ab-btn-main:hover {
    color: #fff;
    box-shadow: 0 0.18rem 0.38rem rgba(11, 116, 200, 0.28);
    transform: translateY(-2px);
}

.subian-ab-btn-ghost {
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
    background: rgba(7, 29, 58, 0.2);
	border: none;
}

.subian-ab-btn-ghost:hover {
    border-color: #fff;
    color: var(--subian-ab-navy);
    background: #fff;
}

.subian-ab-btn-white {
    border-color: #fff;
    color: var(--subian-ab-blue);
    background: #fff;
}

.subian-ab-btn-white:hover {
    color: var(--subian-ab-navy);
    box-shadow: 0 0.16rem 0.32rem rgba(5, 40, 72, 0.2);
    transform: translateY(-2px);
}

.subian-ab-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.14rem;
}

.subian-ab-hero {
    position: relative;
    min-height: 7.2rem;
    background: var(--subian-ab-navy);
}

.subian-ab-hero-img,
.subian-ab-hero-mask {
    position: absolute;
    inset: 0;
    height: 100%;
}

.subian-ab-hero-img {
    object-fit: cover;
    object-position: center 47%;
    filter: saturate(0.9) contrast(1.03);
}

.subian-ab-hero-mask {
    background: linear-gradient(90deg, rgba(5, 24, 49, 0.97) 0%, rgba(5, 29, 59, 0.9) 36%, rgba(5, 29, 59, 0.52) 59%, rgba(5, 29, 59, 0.12) 100%);
}

.subian-ab-hero-in {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 7.2rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
}

.subian-ab-bread {
    position: absolute;
    top: 1.22rem;
    left: 0;
    display: flex;
    align-items: center;
    gap: 0.1rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.14rem;
    line-height: 1.4;
}

.subian-ab-bread a,
.subian-ab-bread span {
    color: inherit;
}

.subian-ab-bread a:hover {
    color: #fff;
}

.subian-ab-hero h1 {
    max-width: 8.6rem;
    margin: 0;
    color: #fff;
    letter-spacing: -0.028em;
}

.subian-ab-hero-lead {
    max-width: 7.3rem;
    margin: 0.25rem 0 0.34rem;
    color: rgba(255, 255, 255, 0.82);
}

.subian-ab-overview {
    background: #fff;
}

.subian-ab-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: center;
    gap: 0.8rem;
}

.subian-ab-overview-copy h2 {
    max-width: 6.2rem;
    margin-bottom: 0.28rem;
}

.subian-ab-text {
    max-width: 6.5rem;
    margin-bottom: 0.18rem;
    color: var(--subian-ab-body);
}

.subian-ab-tags {
    display: grid;
    margin: 0.32rem 0 0.3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.12rem;
}

.subian-ab-tags li {
    position: relative;
    padding: 0.14rem 0.16rem 0.14rem 0.34rem;
    border-radius: 0.08rem;
    color: var(--subian-ab-ink);
    background: var(--subian-ab-soft);
}

.subian-ab-tags li::before {
    position: absolute;
    top: 0.2rem;
    left: 0.16rem;
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    background: var(--subian-ab-cyan);
    content: "";
}

.subian-ab-link {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    color: var(--subian-ab-blue);
    font-family: "RB", "DR", Arial, sans-serif;
}

.subian-ab-link i {
    transition: transform 0.3s ease;
}

.subian-ab-link:hover {
    color: var(--subian-ab-cyan);
}

.subian-ab-link:hover i {
    transform: translateX(0.05rem);
}

.subian-ab-overview-media {
    position: relative;
    min-height: 5.35rem;
    overflow: hidden;
    border-radius: 0.12rem;
    background: var(--subian-ab-soft);
    box-shadow: 0 0.28rem 0.7rem rgba(19, 58, 88, 0.12);
}

.subian-ab-overview-media img {
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.92) contrast(1.02);
    transition: transform 0.7s ease;
}

.subian-ab-overview-media:hover img {
    transform: scale(1.025);
}

.subian-ab-vr {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: inline-flex;
    min-height: 0.58rem;
    align-items: center;
    gap: 0.12rem;
    padding: 0.08rem 0.2rem 0.08rem 0.08rem;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 0.08rem;
    color: var(--subian-ab-navy);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0.18rem 0.45rem rgba(6, 26, 51, 0.22);
    backdrop-filter: blur(8px);
    transform: translate(-50%, -50%);
    transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-ab-vr i {
    display: inline-flex;
    width: 0.42rem;
    height: 0.42rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--subian-ab-blue), var(--subian-ab-cyan));
}

.subian-ab-vr:hover {
    color: var(--subian-ab-blue);
    background: #fff;
    box-shadow: 0 0.22rem 0.55rem rgba(6, 26, 51, 0.28);
    transform: translate(-50%, calc(-50% - 0.04rem));
}

.subian-ab-stats {
    background: var(--subian-ab-soft);
}

.subian-ab-stats-head {
    max-width: 7.6rem;
    margin-bottom: 0.55rem;
}

.subian-ab-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.subian-ab-stat-grid li {
    min-height: 2.4rem;
    padding: 0.1rem 0.28rem 0.08rem;
    border-left: 1px solid var(--subian-ab-line);
}

.subian-ab-stat-grid li:first-child {
    padding-left: 0;
    border-left: 0;
}

.subian-ab-stat-grid li:last-child {
    padding-right: 0;
}

.subian-ab-stat-grid strong,
.subian-ab-stat-grid span,
.subian-ab-stat-grid li > div {
    display: block;
}

.subian-ab-stat-grid strong {
    margin-bottom: 0.25rem;
    color: transparent;
    background: linear-gradient(112deg, var(--subian-ab-blue), var(--subian-ab-cyan));
    -webkit-background-clip: text;
    background-clip: text;
    letter-spacing: -0.025em;
}

.subian-ab-stat-grid span {
    margin-bottom: 0.12rem;
    color: var(--subian-ab-ink);
    font-family: "RB", "DR", Arial, sans-serif;
}

.subian-ab-stat-grid li > div {
    color: var(--subian-ab-body);
}

.subian-ab-factory {
    background: #fff;
}

.subian-ab-factory-grid {
    display: grid;
    grid-template-columns: 1.35fr 0.8fr 0.8fr;
    align-items: start;
    gap: 0.16rem;
}

.subian-ab-factory-item {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-radius: 0.1rem;
    background: #e9eff3;
}

.subian-ab-factory-main {
    grid-row: 1 / 3;
}

@media (min-width: 1001px) {
    .subian-ab-factory-grid {
        align-items: stretch;
    }

    .subian-ab-factory-main > .rect-80 {
        height: 100%;
        padding-bottom: 0;
    }
}

.subian-ab-factory-item:nth-child(4) {
    grid-column: 2 / 4;
}

.subian-ab-factory-grid img {
    object-fit: cover;
    filter: saturate(0.92) contrast(1.025);
    transition: transform 0.65s ease;
}

.subian-ab-factory-item:hover img {
    transform: scale(1.035);
}

.subian-ab-factory-info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.45rem 0.25rem 0.22rem;
    color: #fff;
    background: linear-gradient(0deg, rgba(4, 24, 45, 0.82), rgba(4, 24, 45, 0));
}

.subian-ab-factory-info strong,
.subian-ab-factory-info span {
    display: block;
}

.subian-ab-factory-info strong {
    margin-bottom: 0.06rem;
}

.subian-ab-factory-info span {
    color: rgba(255, 255, 255, 0.78);
}

.subian-ab-process {
    background: var(--subian-ab-soft);
}

.subian-ab-process .subian-ab-head {
    margin-bottom: 0.46rem;
}

.subian-ab-process-list {
    position: relative;
    display: grid;
    margin-bottom: 0.48rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.12rem;
}

.subian-ab-process-list::before {
    position: absolute;
    top: 0.2rem;
    right: 0.45rem;
    left: 0.45rem;
    height: 1px;
    background: var(--subian-ab-line);
    content: "";
}

.subian-ab-process-list li {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.subian-ab-process-list span,
.subian-ab-process-list strong {
    display: block;
}

.subian-ab-process-list span {
    width: 0.42rem;
    height: 0.42rem;
    margin-bottom: 0.16rem;
    border: 1px solid rgba(11, 116, 200, 0.35);
    border-radius: 50%;
    color: var(--subian-ab-blue);
    background: var(--subian-ab-soft);
    font-size: 0.13rem;
    line-height: 0.4rem;
    text-align: center;
}

.subian-ab-process-list strong {
    max-width: 1.85rem;
    color: var(--subian-ab-ink);
}

.subian-ab-process-wrap,
.subian-ab-cert-wrap,
.subian-ab-global-wrap {
    position: relative;
}

.subian-ab-cert-wrap {
    width: 100%;
}

.subian-ab-process-swiper {
    padding: 0.1rem;
    margin: -0.1rem;
}

.subian-ab-process-card {
    overflow: hidden;
    border-radius: 0.1rem;
    background: #fff;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.subian-ab-process-card:hover {
    box-shadow: 0 0.2rem 0.48rem rgba(21, 64, 96, 0.14);
    transform: translateY(-0.05rem);
}

.subian-ab-process-swiper img {
    height: 3.35rem;
    object-fit: cover;
    filter: saturate(0.92) contrast(1.02);
}

.subian-ab-process-cap {
    min-height: 0.72rem;
    padding: 0.18rem 0.2rem;
    color: var(--subian-ab-ink);
}

.subian-ab-arrow {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: flex;
    width: 0.5rem;
    height: 0.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--subian-ab-line);
    border-radius: 50%;
    color: var(--subian-ab-ink);
    background: #fff;
    box-shadow: 0 0.12rem 0.28rem rgba(20, 59, 88, 0.12);
    font-size: 0.24rem;
    transform: translateY(-50%);
    transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.subian-ab-arrow:hover {
    border-color: var(--subian-ab-blue);
    color: #fff;
    background: var(--subian-ab-blue);
}

.subian-ab-arrow.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

.subian-ab-process-prev,
.subian-ab-cert-prev,
.subian-ab-global-prev {
    left: -0.25rem;
}

.subian-ab-process-next,
.subian-ab-cert-next,
.subian-ab-global-next {
    right: -0.25rem;
}

.subian-ab-quality {
    color: #fff;
    background: var(--subian-ab-navy);
}

.subian-ab-quality-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: center;
    gap: 0.85rem;
}

.subian-ab-quality-media {
    height: 5.65rem;
    overflow: hidden;
    border-radius: 0.12rem;
    box-shadow: 0 0.35rem 0.7rem rgba(0, 0, 0, 0.2);
}

.subian-ab-quality-media img {
    height: 100%;
    object-fit: cover;
    filter: saturate(0.88) contrast(1.04);
}

.subian-ab-quality-copy h2 {
    max-width: 6.3rem;
    color: #fff;
}

.subian-ab-quality-intro {
    max-width: 6.3rem;
    margin: 0.22rem 0 0.34rem;
    color: rgba(255, 255, 255, 0.7);
}

.subian-ab-quality-copy ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.14rem;
}

.subian-ab-quality-copy li {
    display: grid;
    min-height: 1.5rem;
    padding: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.08rem;
    background: rgba(255, 255, 255, 0.045);
    grid-template-columns: 0.3rem minmax(0, 1fr);
    gap: 0.12rem;
}

.subian-ab-quality-copy li > i {
    display: flex;
    width: 0.28rem;
    height: 0.28rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--subian-ab-navy);
    background: var(--subian-ab-cyan);
    font-size: 0.12rem;
}

.subian-ab-quality-copy li strong,
.subian-ab-quality-copy li span {
    display: block;
}

.subian-ab-quality-copy li strong {
    margin-bottom: 0.07rem;
    color: #fff;
}

.subian-ab-quality-copy li span {
    color: rgba(255, 255, 255, 0.62);
}

.subian-ab-custom {
    background: #fff;
}

.subian-ab-custom-grid {
    display: grid;
    min-height: 5.85rem;
    overflow: hidden;
    border-radius: 0.12rem;
    background: #eef6fb;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

.subian-ab-custom-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0.72rem;
}

.subian-ab-custom-text {
    max-width: 6.1rem;
    margin: 0.24rem 0 0.28rem;
    color: var(--subian-ab-body);
}

.subian-ab-custom-copy ul {
    display: grid;
    width: 100%;
    margin-bottom: 0.34rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.12rem 0.24rem;
}

.subian-ab-custom-copy li {
    position: relative;
    padding-left: 0.2rem;
    color: var(--subian-ab-ink);
}

.subian-ab-custom-copy li::before {
    position: absolute;
    top: 0.08rem;
    left: 0;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: var(--subian-ab-cyan);
    content: "";
}

.subian-ab-custom-media {
    min-width: 0;
    min-height: 0;
}

.subian-ab-custom-media img {
    height: 100%;
    object-fit: cover;
    filter: saturate(0.9) contrast(1.03);
}

.subian-ab-certs {
    background: var(--subian-ab-soft);
}

.subian-ab-cert-swiper {
    padding: 0.1rem;
    margin: -0.1rem;
}

.subian-ab-cert-swiper .swiper-slide {
    height: auto;
}

.subian-ab-cert {
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 0.28rem;
    border: 1px solid #e2eaf0;
    border-radius: 0.1rem;
    color: var(--subian-ab-ink);
    background: #fff;
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.subian-ab-cert:hover {
    border-color: rgba(11, 116, 200, 0.35);
    color: var(--subian-ab-ink);
    box-shadow: 0 0.2rem 0.48rem rgba(20, 61, 92, 0.12);
    transform: translateY(-0.04rem);
}

.subian-ab-cert > span {
    display: flex;
    height: 2.8rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.2rem;
    overflow: hidden;
    border-radius: 0.06rem;
    /* background: #eef2f5; */
}

.subian-ab-cert img {
    height: 100%;
    object-fit: contain;
}

.subian-ab-cert strong {
    display: block;
}

.subian-ab-cert strong {
    margin-bottom: 0.07rem;
	text-align: center;
}

.subian-ab-global {
    background: #fff;
}

.subian-ab-global-wrap {
    padding-bottom: 0.42rem;
}

.subian-ab-global-swiper,
.subian-ab-global-card {
    border-radius: 0.12rem;
}

.subian-ab-global-swiper {
    overflow: hidden;
    background: var(--subian-ab-navy);
}

.subian-ab-global-card {
    display: grid;
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
    grid-template-columns: minmax(0, 1.2fr) minmax(3.8rem, 0.65fr);
}

.subian-ab-global-media {
    min-width: 0;
    min-height: 0;
}

.subian-ab-global-ratio {
    width: 100%;
}

.subian-ab-global-media img {
    height: 100%;
    object-fit: cover;
    filter: saturate(0.92) contrast(1.03);
}

.subian-ab-global-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0.55rem;
    color: #fff;
    background: var(--subian-ab-navy);
}

.subian-ab-global-copy > span {
    margin-bottom: 0.18rem;
    color: #69d9f5;
    font-family: "RB", "DR", Arial, sans-serif;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.subian-ab-global-card h3 {
    margin: 0 0 0.2rem;
    color: #fff;
}

.subian-ab-global-copy > div {
    color: rgba(255, 255, 255, 0.7);
}

.subian-ab-global-pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    display: flex;
    justify-content: center;
    gap: 0.08rem;
}

.subian-ab-global-pagination .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.04rem;
    margin: 0 !important;
    border-radius: 0.04rem;
    background: #cbd9e3;
    opacity: 1;
}

.subian-ab-global-pagination .swiper-pagination-bullet-active {
    background: linear-gradient(90deg, var(--subian-ab-blue), var(--subian-ab-cyan));
}

.subian-ab-delivery {
    background: var(--subian-ab-soft);
}

.subian-ab-delivery-grid {
    display: grid;
    grid-template-columns: 1.18fr 0.91fr 0.91fr;
    gap: 0.18rem;
}

.subian-ab-delivery-item {
    overflow: hidden;
    border-radius: 0.1rem;
    background: #fff;
}

.subian-ab-delivery-grid img {
    height: 3.65rem;
    object-fit: cover;
    filter: saturate(0.92) contrast(1.02);
    transition: transform 0.65s ease;
}

.subian-ab-delivery-item:hover img {
    transform: scale(1.035);
}

.subian-ab-delivery-info {
    min-height: 1.12rem;
    padding: 0.2rem 0.22rem;
}

.subian-ab-delivery-grid strong,
.subian-ab-delivery-grid span {
    display: block;
}

.subian-ab-delivery-grid strong {
    margin-bottom: 0.07rem;
    color: var(--subian-ab-ink);
}

.subian-ab-delivery-grid span {
    color: var(--subian-ab-body);
}

.subian-ab-cta {
    position: relative;
    overflow: hidden;
    background: linear-gradient(112deg, #086bb9 0%, #0b84ca 45%, #18b8e8 100%);
}

.subian-ab-cta::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3, 34, 68, 0.25), transparent 72%);
    content: "";
}

.subian-ab-cta-line {
    position: absolute;
    right: -0.3rem;
    bottom: -0.42rem;
    width: 7.2rem !important;
    opacity: 0.16;
    filter: brightness(0) invert(1);
}

.subian-ab-cta-in {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.subian-ab-cta h2 {
    max-width: 7.9rem;
    color: #fff;
}

.subian-ab-cta-text {
    max-width: 7.5rem;
    margin-top: 0.18rem;
    color: rgba(255, 255, 255, 0.78);
}

@media screen and (max-width: 1200px) {
    .subian-ab h2 {
        font-size: 0.4rem;
    }

    .subian-ab-overview-grid,
    .subian-ab-quality-grid {
        gap: 0.5rem;
    }

    .subian-ab-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0.4rem;
    }

    .subian-ab-stat-grid li:nth-child(3) {
        padding-left: 0;
        border-left: 0;
    }
}

@media screen and (max-width: 1000px) {
    .subian-ab-hero,
    .subian-ab-hero-in {
        min-height: 6.2rem;
    }

    .subian-ab-hero h1 {
        font-size: 0.5rem;
    }

    .subian-ab-overview-grid,
    .subian-ab-quality-grid,
    .subian-ab-custom-grid,
    .subian-ab-global-card {
        grid-template-columns: 1fr;
    }

    .subian-ab-global-card {
        height: auto;
    }

    .subian-ab-overview-media,
    .subian-ab-quality-media,
    .subian-ab-custom-media {
        min-height: 4.6rem;
    }

    .subian-ab-stat-grid,
    .subian-ab-process-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-ab-process-list::before {
        display: none;
    }

    .subian-ab-factory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-ab-factory-main {
        grid-column: 1 / 3;
        grid-row: auto;
    }

    .subian-ab-factory-item:nth-child(4) {
        grid-column: 1 / 3;
    }

    .subian-ab-quality-copy {
        padding-bottom: 0.1rem;
    }

    .subian-ab-custom-media {
        height: 4.8rem;
        order: -1;
    }

    .subian-ab-global-copy {
        min-height: 3.4rem;
    }

    .subian-ab-delivery-grid {
        grid-template-columns: 1fr 1fr;
    }

    .subian-ab-delivery-item:first-child {
        grid-column: 1 / 3;
    }

    .subian-ab-cta-in {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .subian-ab h2 {
        font-size: var(--f30);
    }

    .subian-ab .subian-ab-kicker,
    .subian-ab .subian-ab-btn {
        font-size: var(--f16);
    }

    .subian-ab .subian-ab-kicker {
        line-height: 1.3;
    }

    .subian-ab .subian-ab-btn {
        min-height: 48px;
    }

    .subian-ab .subian-ab-process-list span,
    .subian-ab .subian-ab-quality-copy li > i {
        font-size: var(--f14);
    }

    .subian-ab .subian-ab-process-list span {
        width: 36px;
        height: 36px;
        margin-bottom: 12px;
        line-height: 34px;
    }

    .subian-ab .subian-ab-process-list {
        margin-bottom: 0.34rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .subian-ab .subian-ab-process-list li {
        min-height: 116px;
        padding: 16px 14px;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(21, 64, 96, 0.07);
    }

    .subian-ab .subian-ab-process-list strong {
        max-width: none;
    }

    .subian-ab .subian-ab-arrow {
        width: 44px;
        height: 44px;
        font-size: var(--f22);
    }

    .subian-ab-head {
        margin-bottom: 0.34rem;
    }

    .subian-ab-head > div,
    .subian-ab-stats-head > div,
    .subian-ab-text,
    .subian-ab-custom-copy > div,
    .subian-ab-cta-in > div:first-child > div {
        font-size: 16px;
    }

    .subian-ab-hero,
    .subian-ab-hero-in {
        min-height: 5.5rem;
    }

    .subian-ab-hero h1 {
        font-size: 0.4rem;
    }

    .subian-ab-hero-lead {
        font-size: 16px;
    }

    .subian-ab-overview,
    .subian-ab-factory,
    .subian-ab-process,
    .subian-ab-quality,
    .subian-ab-custom,
    .subian-ab-certs,
    .subian-ab-global,
    .subian-ab-delivery {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }

    .subian-ab-tags,
    .subian-ab-stat-grid,
    .subian-ab-quality-copy ul,
    .subian-ab-custom-copy ul,
    .subian-ab-delivery-grid {
        grid-template-columns: 1fr;
    }

    .subian-ab-stat-grid li,
    .subian-ab-stat-grid li:nth-child(3) {
        min-height: 0;
        padding: 0.22rem 0;
        border-left: 0;
        border-bottom: 1px solid var(--subian-ab-line);
    }

    .subian-ab-overview-media,
    .subian-ab-quality-media,
    .subian-ab-custom-media {
        min-height: 3.4rem;
        height: 3.4rem;
    }

    .subian-ab-factory-grid {
        display: block;
        min-height: 0;
    }

    .subian-ab-factory-item {
        height: 3.4rem;
        margin-bottom: 0.14rem;
    }

    .subian-ab-custom-copy,
    .subian-ab-global-copy {
        padding: 0.32rem;
    }

    .subian-ab-delivery-item:first-child {
        grid-column: auto;
    }

    .subian-ab-arrow {
        width: 0.42rem;
        height: 0.42rem;
    }

    .subian-ab-process-prev,
    .subian-ab-cert-prev,
    .subian-ab-global-prev {
        left: -0.08rem;
    }

    .subian-ab-process-next,
    .subian-ab-cert-next,
    .subian-ab-global-next {
        right: -0.08rem;
    }

    .subian-ab-cta-line {
        width: 5rem !important;
    }
}

@media screen and (max-width: 767px) {
	.w16 {
		width: auto;
		max-width: calc(100% - 40px);
		min-width: 0;
	}

	.subian-concept--limik .subian-limik-hero-container {
		width: auto;
		max-width: calc(100% - 40px);
		min-width: 0;
	}

	.subian-concept--limik .subian-limik-hero-content,
	.subian-concept--limik .subian-limik-hero-title,
	.subian-concept--limik .subian-limik-hero-description {
		min-width: 0;
		max-width: 100%;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.subian-pg .subian-pg-intro-row {
		display: block;
	}

	.subian-pg .subian-pg-heading,
	.subian-pg .subian-pg-lead {
		width: 100%;
		max-width: 100%;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.subian-pg .subian-pg-lead {
		margin-top: 0.2rem;
	}

	.subian-case-card-top {
		flex-wrap: wrap;
	}

	.subian-case-place {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.subian-pd-crumb .w16 {
		overflow-wrap: anywhere;
	}
}

@media (prefers-reduced-motion: reduce) {
    .subian-ab *,
    .subian-ab *::before,
    .subian-ab *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/** 设置默认字体 **/
/*
    宋体：\5B8B\4F53
    新宋体：\65B0\5B8B\4F53
    黑体：\9ED1\4F53
    微软雅黑：\5FAE\8F6F\96C5\9ED1
    楷体：\6977\4F53_GB2312
    思源黑体： Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "DR",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 水平垂直居中 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; }

/*动画--规定动画移动出去的时间*/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 引入字体 */
@font-face {
    font-family: 'DR';
    src: url('../fonts/DMSans-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'RB';
    src: url('../fonts/Raleway-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DL';
    src: url('../fonts/DMSans-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'CAI978';
    src: url('../fonts/CAI978.ttf') format('truetype');
    font-display: swap;
}
.DR{font-family: "DR";}
.RB{font-family: "RB";}
.DL{font-family: "DL";}
.CAI978{font-family: "CAI978";}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.fl{float: left;}
.fr{float: right;}
.show{display:block;}
.hide{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}/*全字母转换为大写*/
.ttc{text-transform:capitalize;}/*首字母转换为大写*/
.fwb{ font-weight: bold;}
.fwl{ font-weight: lighter;}
.ofh{overflow:hidden;}
.ofh img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.ofh:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.ofc img{object-fit: contain !important;}
.pst-rel{position:relative;}
.pst-abs{position:absolute;}
.pst-pic{position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.w100{width: 100%;}
.lh-1{line-height: 1;}
.lh-111{line-height: 1.11;}
.lh-115{line-height: 1.15;}
.lh-12{line-height: 1.2;}
.lh-13{line-height: 1.3;}
.lh-14{line-height: 1.4;}
.lh-15{line-height: 1.5;}
.lh-16{line-height: 1.6;}
.lh-17{line-height: 1.7;}
.lh-175{line-height: 1.75;}
.lh-18{line-height: 1.8;}
.color-0 { color: #000; }
.color-1 { color: #111; }
.color-2 { color: #222; }
.color-3 { color: #333; }
.color-4 { color: #444; }
.color-5 { color: #555; }
.color-6 { color: #666; }
.color-7 { color: #777; }
.color-8 { color: #888; }
.color-9 { color: #999; }
.color-a { color: #aaa; }
.color-b { color: #bbb; }
.color-c { color: #ccc; }
.color-d { color: #ddd; }
.color-e { color: #eee; }
.color-f { color: #fff; }

.color-blue{ color: #00307C;}
.color-sec-blue{ color: var(--sec-theme-color);}
.color-title{color: var(--sec-title-color);}
.color-white{ color: white;}
.color-black{ color: black;}
.color-dark{color: #001322;}

.bg-f8{background-color: #f8f9f9;}
.bg-f7{ background-color: #f7f8f9;}
.bg-f5{ background-color: #f5f5f5;}
.bg-f0{ background-color: #f0f1f5;}
.bg-f9{ background-color: #f9fcff;}
.bg-blue{background-color: #00307C;}
.bg-sec-blue{background-color: #0A2558;}
.bg-dark{background-color: #001322;}
.bg-red{background-color: var(--theme-color);}
.bg-white{ background-color: white;}
.bg-black{ background-color: black;}
.bg-666{  background-color: #666;}
.bg-888{  background-color: #888;}
.bg-555{  background-color: #555;}
.bg-aaa{  background-color: #aaa;}

.hmax{ height: 100%  ;}
.wmax{ width: 100%  ;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w49-5{ width: 49.5%;}
.w25{ width: 25%;}
.w33{ width: 33%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w48{ width: 48% ;}

.radius3{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.radius5{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.radius6{ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.radius8{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.radius10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.radius20{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.radius40{ border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.radius50{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.col-2{width:50%;float:left;}
.col-3{width:33.333333%;float:left;}
.col-4{width:25%;float:left;}
.col-5{width:20%;float:left;}
.col-6{widows: 16.6666%;float:left;}
.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w15{width: 1500px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 100px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
*[class*="rect-"] ._full.w92{width: 92%;height: 92%;object-position: center;left: 4%;top: 4%;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-85{padding-bottom: 85%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pt-40{padding-top: 0.4rem;}
.pb-40{padding-bottom: 0.4rem;}

.pd-60{padding: 0.6rem 0;}
.pt-60{padding-top: 0.6rem;}
.pb-60{padding-bottom: 0.6rem;}

.pd-80{padding: 0.8rem 0;}
.pt-80{padding-top: 0.8rem;}
.pb-80{padding-bottom: 0.8rem;}

.pd-100{padding: 1rem 0;}
.pt-100{padding-top: 1rem;}
.pb-100{padding-bottom: 1rem;}

.pd-120{padding: 1.2rem 0;}
.pt-120{padding-top: 1.2rem;}
.pb-120{padding-bottom: 1.2rem;}

.pd-140{padding: 1.4rem 0;}
.pt-140{padding-top: 1.4rem;}
.pb-140{padding-bottom: 1.4rem;}

.pd-160{padding: 1.6rem 0;}
.pt-160{padding-top: 1.6rem;}
.pb-160{padding-bottom: 1.6rem;}

.pd-180{padding: 1.8rem 0;}
.pt-180{padding-top: 1.8rem;}
.pb-180{padding-bottom: 1.8rem;}

.mt30{margin-top: 0.3rem;}
.mt40{margin-top: 0.4rem;}
.mt50{margin-top: 0.5rem;}
.mt60{margin-top: 0.6rem;}
.mt70{margin-top: 0.7rem;}
.mt80{margin-top: 0.8rem;}
.mt90{margin-top: 0.9rem;}
.mt100{margin-top: 1rem;}
.mt110{margin-top: 1.1rem;}
.mt120{margin-top: 1.2rem;}
.mt130{margin-top: 1.3rem;}
.mt140{margin-top: 1.4rem;}

.flex-1 {flex: 1;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}

/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}

/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: transparent;z-index: 99;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.admin-bar .Header-wrapper {top: 32px;}
@media (max-width: 782px) {
	.admin-bar .Header-wrapper {top: 46px;}
}
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #fff;}
.Header-wrapper.black{box-shadow: 0 2px 10px rgb(0 0 0 / 5%);background-color: #001322;}
/* .Header-wrapper.on::after {opacity: 0;} */
/* #c-header.c-head-move {top: -100px;} */
.Header-container {}
.Header-container .logo {}
.Header-container .logo {}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.45rem;}
.Header-wrapper.on .Header-container .logo a img+img,.Header-wrapper.white_bg .Header-container .logo a img+img{
	display: block;
}
.Header-container .logo a img+img,.Header-wrapper.on .Header-container .logo a img,.Header-wrapper.white_bg .Header-container .logo a img{
	display: none;
}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: var(--f20);flex-wrap: wrap;font-weight: 700;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.6rem;line-height: 100px;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: var(--theme-color) !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	.Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);}
	.Header-container .c-nav>li:hover>ul {pointer-events: all;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);-webkit-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;opacity: 1;}
	.Header-container .c-nav>li>ul>li:not(:last-child) {border-bottom: 1px solid #eee;}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 10px 0;color: #58595b;-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);transition: color .3s cubic-bezier(.645, .045, .355, 1);line-height: initial;text-align: left;}
	.Header-container .c-nav>li>ul>li>a:before {content: "";position: absolute;top: 7px;bottom: 7px;left: -20px;width: 4px;background: var(--theme-color);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);transition: transform .3s cubic-bezier(.162, .85, .45, 1);}
	.Header-container .c-nav>li>ul>li:hover>a:before {-ms-transform-origin: top;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	.Header-container .c-nav>li>ul>li:hover>a {color: var(--theme-color);}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #fff;}
	.Header-wrapper.on .Header-container .c-nav>li .c-title-box,.Header-wrapper.white_bg .Header-container .c-nav>li .c-title-box{color: #000;}
}

.Header-wrapper.on .Header-container .c-nav > li:not(.active):not(:hover) .c-title-box {
	color: #1e3042 !important;
}

.Header-wrapper.on .Header-container .c-nav > li:not(.active):not(:hover) .c-title-box > a {
	color: inherit !important;
}

.Header-container .tool {display: flex;align-items: center;color: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool,.Header-wrapper.white_bg .Header-container .tool{color: #000;}
.Header-container .tool .search {}
.Header-container .tool .search i {position: relative;font-size: 24px;/* padding-right: 0.18rem;margin-right: 0.2rem; */cursor: pointer;vertical-align: middle;}
/* .Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper.on .Header-container .tool .search i::after {background-color: rgb(0,0,0,.3);} */
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: var(--theme-color);text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper.on .Header-container .tool .language>a,.Header-wrapper.white_bg .Header-container  .tool .language>a{color: #000;}

/*顶部导航开关*/
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 28px;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: var(--theme-color);}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}

}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

.subian-float-contact {
    position: fixed;
    top: 50%;
    right: 18px;
    z-index: 800;
    width: 58px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: translateY(-50%);
}

.subian-float-contact .subian-float-contact-item {
    position: relative;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px;
    background: linear-gradient(155deg, #075eaa 0%, #0b82c8 52%, #10a8d6 100%);
    box-shadow: 0 9px 22px rgba(6, 57, 105, 0.2);
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.subian-float-contact .subian-float-contact-item:first-child {
    border-radius: 10px;
}

.subian-float-contact .subian-float-contact-item:last-child {
    border-radius: 10px;
}

.subian-float-contact .subian-float-contact-item + .subian-float-contact-item {
    border-top: 0;
}

.subian-float-contact .subian-float-contact-whatsapp {
    color: #fff;
}

.subian-float-contact .subian-float-contact-icon {
    position: relative;
    z-index: 2;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.25s ease, transform 0.25s ease;
}

.subian-float-contact .subian-float-contact-icon svg {
    width: 24px;
    height: 24px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-float-contact .subian-float-contact-whatsapp .subian-float-contact-icon svg {
    fill: currentColor;
    stroke: none;
}

.subian-float-contact .subian-float-contact-info {
    position: absolute;
    top: 50%;
    right: calc(100% + 12px);
    min-width: 210px;
    padding: 12px 15px;
    border: 1px solid rgba(20, 67, 117, 0.1);
    border-radius: 8px;
    color: #173654;
    background: #fff;
    box-shadow: 0 10px 28px rgba(9, 39, 71, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translate(10px, -50%);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    pointer-events: none;
}

.subian-float-contact .subian-float-contact-info::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    width: 10px;
    height: 10px;
    border-top: 1px solid rgba(20, 67, 117, 0.1);
    border-right: 1px solid rgba(20, 67, 117, 0.1);
    background: #fff;
    transform: translateY(-50%) rotate(45deg);
}

.subian-float-contact .subian-float-contact-name,
.subian-float-contact .subian-float-contact-value {
    display: block;
    white-space: nowrap;
}

.subian-float-contact .subian-float-contact-name {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.subian-float-contact .subian-float-contact-value {
    margin-top: 4px;
    color: #63758a;
    font-size: 13px;
    line-height: 1.35;
}

.subian-float-contact .subian-float-contact-item:hover,
.subian-float-contact .subian-float-contact-item:focus-visible {
    color: #fff;
    background: linear-gradient(155deg, #086bb9 0%, #0d8fd5 52%, #18b8e8 100%);
    box-shadow: 0 12px 28px rgba(6, 57, 105, 0.26);
    transform: translateX(-3px);
}

.subian-float-contact .subian-float-contact-whatsapp:hover,
.subian-float-contact .subian-float-contact-whatsapp:focus-visible {
    background: linear-gradient(155deg, #086bb9 0%, #0d8fd5 52%, #18b8e8 100%);
}

.subian-float-contact .subian-float-contact-item:hover .subian-float-contact-icon,
.subian-float-contact .subian-float-contact-item:focus-visible .subian-float-contact-icon {
    transform: scale(1.06);
}

.subian-float-contact .subian-float-contact-item:hover .subian-float-contact-info,
.subian-float-contact .subian-float-contact-item:focus-visible .subian-float-contact-info {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
}

.subian-float-contact .subian-float-contact-item:focus-visible {
    z-index: 3;
    outline: 2px solid #18b8e8;
    outline-offset: 3px;
}

@media screen and (max-width: 767px) {
    .subian-float-contact {
        top: auto;
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        /* border: 1px solid rgba(255, 255, 255, 0.22); */
        border-radius: 9px;
        background: linear-gradient(155deg, #075eaa 0%, #0b82c8 52%, #10a8d6 100%);
        box-shadow: 0 14px 36px rgba(6, 57, 105, 0.25);
        transform: none;
    }

    .subian-float-contact .subian-float-contact-item {
        width: 100%;
        height: 52px;
        gap: 7px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .subian-float-contact .subian-float-contact-item:first-child {
        border-radius: 8px 0 0 8px;
    }

    .subian-float-contact .subian-float-contact-item:last-child {
        border-radius: 0 8px 8px 0;
    }

    .subian-float-contact .subian-float-contact-item + .subian-float-contact-item {
        border-top: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }

    .subian-float-contact .subian-float-contact-icon,
    .subian-float-contact .subian-float-contact-icon svg {
        width: 21px;
        height: 21px;
    }

    .subian-float-contact .subian-float-contact-info {
        position: static;
        min-width: 0;
        padding: 0;
        border: 0;
        color: currentColor;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .subian-float-contact .subian-float-contact-info::after,
    .subian-float-contact .subian-float-contact-value {
        display: none;
    }

    .subian-float-contact .subian-float-contact-name {
        color: currentColor;
        font-size: 13px;
        line-height: 1;
    }

    .subian-float-contact .subian-float-contact-item:hover .subian-float-contact-info,
    .subian-float-contact .subian-float-contact-item:focus-visible .subian-float-contact-info {
        transform: none;
    }

    .subian-float-contact .subian-float-contact-item:hover,
    .subian-float-contact .subian-float-contact-item:focus-visible,
    .subian-float-contact .subian-float-contact-whatsapp:hover,
    .subian-float-contact .subian-float-contact-whatsapp:focus-visible {
        background: rgba(255, 255, 255, 0.14);
        box-shadow: none;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .subian-float-contact .subian-float-contact-item,
    .subian-float-contact .subian-float-contact-icon,
    .subian-float-contact .subian-float-contact-info {
        transition: none;
    }
}
/* ================= Mega Menu 样式 ================= */
/* ================= 1. Mega Menu 定位与防溢出 ================= */
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li.has-mega { position: relative; }

    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 15px);
        width: 850px; /* 固定宽度，非全屏 */
        max-width: 90vw;
        background-color: #fff;
        z-index: 99;
        border-radius: 4px;
        opacity: 0;
        pointer-events: none;
        transition: all .4s cubic-bezier(.645, .045, .355, 1);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        overflow: hidden;
		font-weight: 400;
    }

    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        pointer-events: all;
        transform: translate(-50%, 0);
        opacity: 1;
    }

    /* 【关键修复】最右侧的1~2个菜单，改为向右对齐，防止超出屏幕 */
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }
    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 2. 左右布局划分 ================= */
.mega-menu .mega-left { width: 45%; padding: 40px; }
.mega-menu .mega-right { width: 55%; padding: 40px; }

/* ================= 3. 右侧链接特效 (下划线 + 箭头) ================= */
.mega-menu .mega-list li { margin-bottom: 20px; line-height: 1.3;}
.mega-menu .mega-list li:last-child { margin-bottom: 0; }

.mega-link {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.link-text {
    position: relative;
    padding-bottom: 5px;
    color: #666;
    font-size: 16px;
    transition: color 0.3s;
}

/* 仅文字宽度的下划线 */
.link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--theme-color, #0055c8);
    transition: width 0.3s ease;
}

/* 默认隐藏并偏左的箭头 */
.link-arrow {
    opacity: 0;
    transform: translateX(-6px);
    color: var(--theme-color);
    margin-left: 10px;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* 悬停状态触发动画 */
.mega-list li:hover .link-text { color: #222; font-weight: 600;}
.mega-list li:hover .link-text::after { width: 100%; }
.mega-list li:hover .link-arrow { opacity: 1; transform: translateX(0); }

/* ================= 4. 左侧淡入动画 ================= */
.mega-fade-enter { animation: megaFadeIn 0.4s ease forwards; }
@keyframes megaFadeIn {
    0% { opacity: 0; transform: translateY(5px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ================= 1. 右侧链接悬停特效 (下划线 + 箭头) ================= */
.mega-link {
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
}

.mega-link .link-text {
    position: relative;
}

/* 默认隐藏下划线 (宽度为0) */
.mega-link .link-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* 下划线距离文字的距离 */
    width: 0;
    height: 2px;
    background-color: var(--theme-color); /* 使用您的主题色变量 */
    transition: width 0.3s ease;
}

/* 默认隐藏右箭头 (透明度0，且向左偏移) */
.mega-link .link-arrow {
    opacity: 0;
    transform: translateX(-10px);
    color: var(--theme-color);
    margin-left: 8px;
    transition: all 0.3s ease;
}

/* 鼠标触碰 li 时的状态变化 */
.mega-list li:hover .mega-link {
    color: #000; /* 触碰后文字颜色加深 */
}

.mega-list li:hover .link-text::after {
    width: 100%; /* 下划线从左到右展开 */
}

.mega-list li:hover .link-arrow {
    opacity: 1; /* 箭头显现 */
    transform: translateX(0); /* 箭头向右滑入归位 */
}

/* ================= 2. 修复最右侧菜单超出屏幕的问题 ================= */
/*
   您原来的代码是 left: 50%; transform: translate(-50%, ...);
   这会导致最右侧的菜单向右溢出。
   这里强制让导航栏最后两个 li 的下拉菜单向右对齐。
*/
@media all and (min-width: 1000px) {
    .Header-container .c-nav > li:last-child > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2) > .mega-menu {
        left: auto;
        right: 0;
        transform: translate(0, 15px);
    }

    .Header-container .c-nav > li:last-child:hover > .mega-menu,
    .Header-container .c-nav > li:nth-last-child(2):hover > .mega-menu {
        transform: translate(0, 0);
    }
}

/* ================= 手机端适配 (小于 1000px) ================= */
@media all and (max-width: 999px) {
    /* 1. 隐藏左侧图文展示，手机端只显示纯净的链接列表 */
    .mega-menu .mega-left {
        display: none;
    }

    /* 2. 右侧列表占满全宽 */
    .mega-menu .mega-right {
        width: 100%;
        padding: 15px 20px;
        background-color: #f8f9fa; /* 给子菜单加个浅色背景区分层级 */
    }
	.mega-menu .mega-right ul{
		display: block !important;
	}

    /* 3. 下拉菜单改为静态定位，默认隐藏，由 JS 控制 slideToggle */
    .Header-container .c-nav > li.has-mega > .mega-menu {
        position: static;
        width: 100%;
        transform: none;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        display: none; /* 核心：默认隐藏 */
    }

    /* 取消 PC 端的 hover 自动展开，防止手机端误触 */
    .Header-container .c-nav > li.has-mega:hover > .mega-menu {
        transform: none;
    }

    /* 4. 手机端没有 hover，直接让右侧箭头默认显示即可 */
    .mega-link .link-arrow {
        opacity: 1;
        transform: translateX(0);
        color: #999;
    }

    /* 5. 调整父级标题栏，让文字和箭头两端对齐，方便点击 */
    .c-title-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    /* 扩大箭头的点击热区，提升手机端点击体验 */
    .c-title-box i {
        padding: 10px 15px;
        cursor: pointer;
        font-size: 18px;
    }
}

/* 底部 */
.Footer-wrapper {
	position: relative;
	background: #f5f5f8;
	background: #F3F5F7 var(--subian-footer-soft-bg) no-repeat center/cover;
	background-size: 45% auto;
	background-position: 100% 100%;
}
.Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--theme-color);
	/* display: none; */
}
.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
}
.Footer-container {}
/* .Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .toate(180degp .foot_link {} */
.media_ul {}
.media_ul li {margin-right: 8px;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem;background-color: #3b5999;color: white;border-radius: 3px;font-size: 0;}
.media_ul li a i {font-size: var(--f20);}
.media_ul li a {background-color: rgb(0,0,0,.5);}
/* .media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;} */
.Footer-container .mid {padding: 0.8rem 0 0.4rem;}
.Footer-container .mid .fl{
	width: 25%;
}
.Footer-container .mid .fl .foot_logo{}
.Footer-container .mid .fl .foot_logo img{
	height: 0.48rem;
}
.Footer-container .mid .fl .foot_txt{

}
.Footer-container .mid .fl .foot_link{}
.Footer-container .mid .fr{
	width: 25%;
}
.Footer-container .mid .fr .tit{
	position: relative;
	padding-bottom: 0.15rem;
}
.Footer-container .mid .fr .tit::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid .fr .tit:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: var(--theme-color);
	left: 0;
	bottom: 0;
}
.Footer-container .mid .fr .tit
.Footer-container .mid .fr .des{}
.Footer-container .mid .fr .info{}
.Footer-container .mid .fr .info dl{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.15rem;
}
.Footer-container .mid .fr .info dt{
}
.Footer-container .mid .fr .info dt i{
	font-size: var(--f20);
	line-height: 1.5;
}
.Footer-container .mid .fr .info dd{
	flex: 1;
	padding-left: 0.12rem;
	font-size: var(--f16);
	line-height: 1.5;
}
.Footer-container .mid>ul {
	width: 35%;
}
.Footer-container .mid>ul li {float: left;overflow: hidden;min-width: 200px;}
.Footer-container .mid>ul li p {text-transform: uppercase;font-size: var(--f24);line-height: 1.5;color: #000;display: block;margin-bottom: 0.12rem;font-family: "RB";}
.Footer-container .mid>ul li p i{margin-left: 0.06rem;}
.Footer-container .mid>ul li p{
	position: relative;
	padding-bottom: 0.15rem;
}
.Footer-container .mid>ul li p::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #FFFFFF1A;
	left: 0;
	bottom: 0;
}
.Footer-container .mid>ul li p:before{
	position: absolute;
	content: "";
	width: 0.8rem;
	height: 2px;
	background-color: var(--theme-color);
	left: 0;
	bottom: 0;
}
.Footer-container .mid>ul li .foot_nav_link a {font-size: var(--f16);color: #333;line-height: 2;display: block;}
.Footer-container .mid>ul li a:hover {text-decoration: underline;}
.Footer-container .mid>ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid>ul li dl {}
.Footer-container .mid>ul li dd {position: relative;font-size: 14px;line-height: 20px;color: rgb(0,0,0,.8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid>ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid>ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(0,0,0,.8);}
.Footer-container .bot {font-size: var(--f16);line-height: 1.4;color: rgb(0,0,0,.8);text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(0,0,0,0.05);}
.Footer-container .bot a {font-size: var(--f16);color: rgb(0,0,0,.8);}

/* 中间+共用部分 */

/* ind_banner */

.i_banner a{
	display: block;
	position: relative;
}
/* .i_banner a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(var(--theme-color-rgb),.75);
	z-index: 1;
} */
.i_banner a img{
	height: calc(100vh - 100px);
	object-fit: cover;
}
.i_banner .ban_txt{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.i_banner .ban_txt .w50{
	/* backdrop-filter: blur(10px); */
	/* border-radius: 30px; */
}
.i_banner .ban_txt .tit{}
.i_banner .ban_txt .des{width: 11.43rem;max-width: 100%;}
.i_banner .btn{
	display: inline-block;
	padding: 0.18rem 0.4rem;
	border-radius: 50px;
	background-color: var(--theme-color);
	color: #fff;
	font-size: var(--f18);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_banner .btn:hover{
	background-color: var(--sec-theme-color);
}
.i_banner .btn i{
	display: inline-block;
	margin-left: 0.12rem;
	transform: rotate(-45deg);
}

.i_banner .swiper-pagination{
	bottom: 6% !important;
}
.i_banner .swiper-pagination-bullet, .i_mb_banner .swiper-pagination-bullet{
	width: 0.6rem;
	height: 0.03rem;
	border-radius: 0;
	opacity: .2;
}
.i_banner .swiper-pagination-bullet,.i_mb_banner .swiper-pagination-bullet{background-color: white;}
.i_banner .swiper-pagination-bullet-active,.i_mb_banner .swiper-pagination-bullet-active{background-color: white;opacity: 1;}

.i_banner .swiper-button-prev{
	left: 2%;
}
.i_banner .swiper-button-next{
	right: 2%;
}
.i_banner .swiper-button-prev,.i_banner .swiper-button-next{
	width: 0.56rem;
	height: 0.56rem;
	background-color: rgb(255,255,255,.25);
	border-radius: 50%;
}
.i_banner .swiper-button-prev::after,.i_banner .swiper-button-next::after{
	color: rgb(255, 255, 255,.9);
	font-size: 0.24rem;
}

/* md-sideBar */
.md-sideBar {position: fixed;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0.1rem;z-index: 200;box-shadow: 0 0.8rem 1.4rem 1px hsl(0deg 0% 80% / 35%);}
.md-sideBar .side_item {display: block;width: auto;position: relative;cursor: pointer;zoom: 1;}
.md-sideBar .side_item:hover .bd {right: 100%;opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s;width: auto;}
.md-sideBar .side_item .hd {width: 0.6rem;height: 0.6rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #ececec;position: relative;z-index: 202;background-color: #fff;}
.md-sideBar .side_item .hd i {font-size: 0.3rem;color: var(--theme-color);}
.md-sideBar .side_item .bd {color: var(--theme-color);position: absolute;right: 100%;top: 0;background-color: #fff;padding: 0 0.18rem;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0;right: 0;width: 0;overflow: hidden;font-size: 18px;line-height: 0.6rem;z-index: 201;}
.md-sideBar .side_item .bd.wx{padding: 0.08rem;}
.md-sideBar .side_item:hover .bd.wx{width: calc(100px + 0.16rem);}
.md-sideBar .side_item .bd img{width: 100px;height: 100px;}

/* tc_search s */
.tc_search {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 10001;pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tc_search.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;display: block;pointer-events: auto;}
.tc_search form {width: 9.6rem;max-width: 80%;margin: 0 auto;padding: 0 20px;border-bottom: 2px solid #eee;height: 0.7rem;position: relative;overflow: hidden;z-index: 2;}
.tc_search input {width: 80%;height: 0.7rem;font-size: 0.34rem;color: #c1c1c1;box-shadow: none;-webkit-appearance: none;float: left;border-right: 0;background: none;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {max-width: 20%;height: 0.7rem;border: 0;line-height: 0.7rem;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: right;font-size: 0.48rem;background-color: transparent;}
.tc_search .search_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);z-index: 0;}
/* tc_search e */

/* c_more s */
.c_more{display: block;border-radius: 3px;width: 180px;height: 55px;line-height: 55px;color: #fff;text-align: center;margin-top: 9vh;font-size: 0;transition: 0.36s;background-image: -moz-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);background-image: -ms-linear-gradient( 0deg, rgb(41,67,159) 0%, rgb(38,111,204) 100%);}
.c_more span{display: inline-block;vertical-align: middle;font-size: 16px;}
.c_more i.fa{font-size: 18px;margin-left: 12px;vertical-align: middle;}
.c_more:hover{box-shadow: 3px 5px 12px 0 rgba(0, 0, 0, 0.12);transform: translateY(-3px);}
/* c_more e */

/* i_tit s */
.i_tit{
	text-align: center;
}
.i_tit.tal{
	text-align: left;
}
.i_tit span{
	font-size: var(--f16);
	color: var(--theme-color);
	display: inline-block;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}
.i_tit span:before{
	font-family: "iconfont";
	content: "";
	display: inline-flex;
	align-items: center;
	justify-content: center;
/* 	width: 0.26rem;
	height: 0.26rem;
	border-radius: 50%; */
	font-size: var(--f16);
	background-color: var(--theme-color);
	/* color: #fff; */
	color: var(--theme-color);
	margin-right: 0.06rem;
	vertical-align: middle;
	font-weight: 700;
}
.i_tit span.color-white{
	color: #fff;
}
.i_tit span.color-white:before{
	background-color: #fff;
	color: var(--theme-color);
}
.i_tit h3{
	font-size: var(--f50);
	font-family: "SSB";
	line-height: 1.1;
	color: #000;
	margin-top: 0.12rem;
}
.i_tit p{
	display: inline-block;
	font-size: var(--f18);
	line-height: 1.5;
	color: #666;
	margin-top: 0.12rem;
	width: 12rem;
	max-width: 100%;
}
.i_tit.color-white h3,.i_tit.color-white p{
	color: #fff;
}
/* i_tit e */

/* i_tit2 s */
.i_tit2{text-align: center;margin-bottom: 0.5rem;}
.i_tit2 span{
	display: inline-block;
	color: var(--theme-color);
	font-size: var(--f16);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0.1rem;
	letter-spacing: 1px;
}
.i_tit2 h2{
	font-size: var(--f46);
	color: #111;
	font-weight: 700;
	line-height: 1.15;
}
.i_tit2 p{font-size: 18px;color: #47484b;line-height: 1.4;margin-top: 0.12rem;}
/* i_tit2 e */

/* c_ban */
.c_ban {position: relative;height: 5.2rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
.c_ban:before{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;z-index: 3;background-color: rgb(0,0,0,.2);}
.c_ban .ban_txt {position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color: #fff;text-align: center;z-index: 3;}
.c_ban .ban_txt h3 {font-size: 0.48rem;font-weight: 700;text-align: left;}
.c_ban .ban_txt p {font-size: 0.22rem;margin-top: 0.24rem;}

/* sort_nav */
.sort_nav {position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, .15);z-index: 2;}
.sort_nav.no_shadow{box-shadow: none;}
.sort_nav .tit{display: none;color: white;padding: 0 4%;font-size: 14px;height: 42px;background: var(--color);align-items: center;color: #fff;}
.sort_nav .tit h3{font-size: 16px;text-align: left;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.sort_nav .w16 {display: flex;justify-content: space-between;align-items: center;min-height: 80px;}
.sort_nav .c_form{
	width: 50%;
	transform: none;
}
.sort_nav .c_form input{
	background-color: #f8f9f9;
	padding-left: 0.3rem;
}
/* sort_nav_view */
.sort_nav_view {}
.sort_nav_view ul {display: flex;align-items: center;}
.sort_nav_view ul li {margin-left: 0.35rem;}
.sort_nav_view ul li a {position: relative;font-size: var(--f18);display: block;line-height: 80px;color: #111;}
.sort_nav_view ul li a:hover {color: var(--theme-color);}
.sort_nav_view ul li.active a {color: var(--theme-color);}
.sort_nav_view ul li.active a::after {content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background-color: var(--theme-color);}

/* crumbs */
.crumbs {position: relative;}
.crumbs {padding-left: 25px;display: flex;align-items: center;}
.crumbs a {font-size: 18px;color: #666;display: inline-flex;align-items: center;}
.crumbs:before{
	position: absolute;
	content: "\e6b5";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "iconfont";
	font-size: var(--f20);
}
.crumbs a:not(:last-child)::after {font: normal normal normal 14px/1 FontAwesome;content: "\f105";display: inline-block;margin: 0 0.08rem;}
.crumbs a:hover {color: var(--theme-color);}

/* bg */
.white_bg {background-color: white;}
.grey_bg {background-color: #fafafa;background-color: #EFF2F7;/* background-color: #f7f9fa; */}

/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;font-size: var(--f16);color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 32px;min-height: 32px;}
.com_page a.page-num-current,.com_page a:hover {border-color: var(--theme-color);background: var(--theme-color) !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #eff2f7;}
.com_page a:last-child::after,.com_page a:first-child::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after {content: "\f104";}
.com_page a:last-child::after {content: "\f105";}
.no_page{font-size: var(--f18);font-family: "SSB" ;line-height: 5em;text-align: center;}

/* n_tit */
.n_tit{color: #212121;}
.n_tit p{font-size: 16px;line-height: 1.5;text-transform: uppercase;}
.n_tit h3{position: relative;font-size: 0.42rem;line-height: 1.3;font-weight: 700;/* padding-bottom: 0.15rem; */margin-bottom: 0.35rem;font-family: 'PB';}
/* .n_tit h3::after {content: '';display: block;width: 36px;height: 3px;background: var(--theme-color);position: absolute;left: 0;bottom: 0;} */
.n_tit.tac{text-align: center;}
.n_tit.tac h3::after{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

/* morelink */
.morelink {display: inline-block;position: relative;font-size: 16px;line-height: 30px;color: #fff;padding: 10px 40px;background-color: var(--theme-color);border: 1px solid var(--theme-color);border-radius: 5px;text-transform: capitalize;transition: all 0.3s;cursor: pointer;}
.morelink:hover {color: var(--theme-color);}

/* btn-3 */
.btn-3 {position: relative;z-index: 1;overflow: hidden;}
.btn-3:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #fff;position: absolute;bottom: -5px;left: -5px;transition: all .5s;z-index: -1;}
.btn-3:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #fff transparent transparent;position: absolute;top: -5px;right: -5px;transition: all .5s;z-index: -1;}
.btn-3:hover:before {border-width: 300px 0 0 300px;}
.btn-3:hover:after {border-width: 0 300px 300px 0;}

/* swiper-page01 */
.swiper-page01.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--theme-color);width: 30px;height: 8px;border-radius: 4px;}

/* ====================首页样式========================= */
/* ==========================================================================
   1. 补充的基础原子类 (Utility Classes - 仅保留您基础库中没有的)
   ========================================================================== */
/* 宽度与高度 */
.w100 { width: 100%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w48 { width: 48%; }
.w32 { width: 32%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w20 { width: 20%; }
.h100 { height: 100%; }
.hmax { height: 100vh; }
.max-w-1000 { max-width: 10rem; }
.max-w-800 { max-width: 8rem; }
.max-w-600 { max-width: 6rem; }

/* 定位 */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.top-0 { top: 0; }
.left-0 { left: 0; }
.top-20 { top: 0.2rem; }
.bottom-0 { bottom: 0; }
.right-0 { right: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-999 { z-index: 999; }
.i-display{display: inline-block;}
.mlr{margin-left: auto;margin-right: auto;}

/* 字体排版补充 */
.fwb { font-weight: 600; }
.tac { text-align: center; }
.ttu { text-transform: uppercase; }
.lh-1 { line-height: 1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.lh-20 { line-height: 2.0; }
.tracking-wider { letter-spacing: 0.05em; }

/* 颜色与背景补充 */
.color-3 { color: #333; }
.color-6 { color: #666; }
.color-9 { color: #999; }
.color-d { color: #ddd; }
.color-white { color: #fff; }
.color-theme { color: var(--theme-color); }
.bg-white { background-color: #fff; }
.bg-f8 { background-color: #f8f9f9; }
.bg-eee { background-color: #eee; }
.bg-dark { background-color: #001322; }
.bg-theme { background-color: var(--theme-color); }
.bg-sec-blue { background-color: #0A2558; }
.bg-dark-opacity { background-color: rgba(0, 19, 34, 0.85); }
.bg-white-10 { background-color: rgba(255, 255, 255, 0.1); }

/* 边框与圆角 */
.radius5 { border-radius: 5px; }
.radius10 { border-radius: 10px; }
.radius20 { border-radius: 20px; }
.radius50 { border-radius: 50%; }
.border-none { border: none; }
.border-3-theme { border: 3px solid var(--theme-color); }
.border-white-1 { border: 1px solid rgba(255, 255, 255, 0.1); }
.border-b-white-1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.border-b-eee { border-bottom: 1px solid #eee; }

/* 效果与交互 */
.trs3 { transition: all 0.3s ease; }
.trs5 { transition: all 0.5s ease; }
.cursor-pointer { cursor: pointer; }
.ofh { overflow: hidden; }
.object-cover { object-fit: cover; }
.opacity-20 { opacity: 0.2; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-80 { opacity: 0.8; }
.inline-block { display: inline-block; }
.shadow-sm { box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.shadow-lg { box-shadow: 0 15px 40px rgba(0,0,0,0.08); }
.shadow-hover:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.1); transform: translateY(-5px); }
.shadow-theme { box-shadow: 0 5px 15px rgba(0, 91, 172, 0.3); }

/* Hover 状态 */
.hover-bg-white-20:hover { background-color: rgba(255, 255, 255, 0.2); }
.hover-bg-theme:hover { background-color: var(--theme-color); }
.hover-color-theme:hover { color: var(--theme-color); }
.hover-color-white:hover { color: #fff; }
.hover-color-sec:hover { color: var(--sec-theme-color); }
.group:hover .group-hover-scale { transform: scale(1.1); }
.group:hover .group-hover-bg-theme { background-color: var(--theme-color); }
.group:hover .group-hover-bg-white { background-color: #fff; }
.group:hover .group-hover-color-theme { color: var(--theme-color); }

/* 宽高小工具 */
.w-40 { width: 0.4rem; }
.h-40 { height: 0.4rem; }
.w-36 { width: 0.36rem; }
.h-36 { height: 0.36rem; }
.w-10 { width: 0.1rem; }
.h-10 { height: 0.1rem; }
.h-2px { height: 2px; }
.w-0 { width: 0; }

/* ==========================================================================
   2. 页面专属组件样式 (Components)
   ========================================================================== */

/* Buttons */
[class^="yj-home-btn-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.35rem;
    font-size: var(--f16);
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
}
.yj-home-btn-primary { background-color: var(--theme-color); color: #fff; }
.yj-home-btn-primary:hover { background-color: var(--sec-theme-color); }
.yj-home-btn-outline { border: 1px solid #fff; color: #fff; }
.yj-home-btn-outline.border-3 { border: 2px solid #333; color: #333; }
.yj-home-btn-outline:hover { background-color: var(--theme-color); border-color: var(--theme-color); color: #fff; }
.yj-home-btn-dark { background-color: #001322; color: #fff; }
.yj-home-btn-dark:hover { background-color: var(--theme-color); }
.yj-home-btn-text:hover { color: var(--theme-color); }

/* Header */
.yj-home-header { height: 1rem; }
.yj-home-logo img { height: 0.4rem; }
.yj-home-nav li { margin: 0 0.2rem; }
.yj-home-nav a {
    font-size: var(--f16);
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    transition: color 0.3s;
}
.yj-home-nav a:hover, .yj-home-nav a.active { color: var(--theme-color); }
.yj-home-nav a svg { margin-left: 0.05rem; }

/* Hero Banner */
.yj-home-hero { height: 100vh; min-height: 7rem; padding-top: 1rem; }
.yj-home-hero-overlay { background: linear-gradient(90deg, rgba(0,19,34,0.9) 0%, rgba(0,19,34,0.4) 100%); }
.yj-home-tag {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    padding: 0.05rem 0.15rem;
    font-size: var(--f14);
    border-radius: 30px;
    margin-right: 0.15rem;
}
.yj-home-hero-title { font-size: 0.64rem; }

/* Filter Box */
.yj-home-filter-sec { margin-top: -0.8rem; }
.yj-home-input-group { width: 22%; }
.yj-home-select-wrap select {
    appearance: none; outline: none;
    background: #f8f9f9 url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M7 10l5 5 5-5z"/></svg>') no-repeat right 0.15rem center;
}
.yj-home-filter-submit { width: 12%; }
.yj-home-filter-submit:hover { background-color: var(--theme-color); }

/* Products Slider */
.yj-home-pro-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px); }
.yj-home-link-arrow svg { transition: transform 0.3s; }
.yj-home-pro-card:hover .yj-home-link-arrow svg { transform: translateX(5px); }
.yj-home-nav-btn {
    top: 35%;
    width: 0.5rem; height: 0.5rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    cursor: pointer;
    color: #333;
}
.yj-home-nav-btn:hover { background: var(--theme-color); color: #fff; }
.yj-home-swiper-prev { left: -0.25rem; }
.yj-home-swiper-next { right: -0.25rem; }

/* ==========================================================================
   Custom Engineering - 左侧图片视觉区
   ========================================================================== */

.yj-custom-visual {
    position: relative;
}

.yj-custom-imgbox {
    background: linear-gradient(135deg, #eaf2f8 0%, #f8fbfd 45%, #dbe8f2 100%);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 25, 55, 0.12);
}

.yj-custom-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.6s ease;
}

.yj-custom-imgbox:hover .yj-custom-main-img {
    transform: scale(1.06);
}

.yj-custom-img-mask {
    background: linear-gradient(
        180deg,
        rgba(0, 19, 34, 0.08) 0%,
        rgba(0, 19, 34, 0.25) 52%,
        rgba(0, 19, 34, 0.72) 100%
    );
    pointer-events: none;
}

.yj-custom-float-card {
    left: 0.35rem;
    bottom: 0.35rem;
    width: 2.6rem;
    min-height: 1.15rem;
    padding: 0.22rem 0.25rem;
    background: var(--theme-color);
 /*   backdrop-filter: blur(10px);
    border-left: 4px solid var(--theme-color); */
    box-shadow: 0 0.18rem 0.45rem rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: flex-start;
	flex-direction: column;
    gap: 0.1rem;
	border-radius: 0.1rem;
    transition: all 0.4s ease;
}

.yj-custom-imgbox:hover .yj-custom-float-card {
    transform: translateY(-0.08rem);
    box-shadow: 0 0.25rem 0.55rem rgba(0, 0, 0, 0.24);
}

.yj-custom-float-num {
    font-size: 0.5rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
}

.yj-custom-float-text strong {
    display: block;
    font-size: var(--f18);
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}

.yj-custom-float-text p {
    margin-top: 0.06rem;
    font-size: var(--f13, 0.13rem);
    line-height: 1.45;
    color: #fff;
}

.yj-custom-drawing-card {
    right: 0.28rem;
    top: 0.28rem;
    width: 2.55rem;
    padding: 0.22rem 0.24rem 0.22rem 0.85rem;
    background: rgba(0, 91, 172, 0.92);
    color: #fff;
    box-shadow: 0 0.18rem 0.45rem rgba(0, 45, 90, 0.22);
    overflow: hidden;
    transition: all 0.4s ease;
}

.yj-custom-drawing-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0));
    pointer-events: none;
}

.yj-custom-drawing-num {
    position: absolute;
    left: 0.12rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.78rem;
    line-height: 1;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.22);
    letter-spacing: -0.05em;
    transition: all 0.4s ease;
}

.yj-custom-drawing-card strong {
    position: relative;
    z-index: 2;
    display: block;
    font-size: var(--f17, 0.17rem);
    line-height: 1.25;
    font-weight: 700;
    color: #fff;
}

.yj-custom-drawing-card p {
    position: relative;
    z-index: 2;
    margin-top: 0.08rem;
    font-size: var(--f13, 0.13rem);
    line-height: 1.5;
    color: rgba(255,255,255,0.82);
}

.yj-custom-imgbox:hover .yj-custom-drawing-card {
    background: rgba(0, 163, 232, 0.94);
    transform: translateY(-0.06rem);
}

.yj-custom-imgbox:hover .yj-custom-drawing-num {
    color: rgba(255,255,255,0.34);
    transform: translateY(-50%) scale(1.08);
}

/* 装饰线条，增强工程图纸感 */
.yj-custom-imgbox::before {
    content: "";
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
    border-top: 2px solid rgba(255,255,255,0.65);
    border-left: 2px solid rgba(255,255,255,0.65);
    z-index: 2;
    pointer-events: none;
}

.yj-custom-imgbox::after {
    content: "";
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
    border-right: 2px solid rgba(255,255,255,0.55);
    border-bottom: 2px solid rgba(255,255,255,0.55);
    z-index: 2;
    pointer-events: none;
}

/* 平板适配 */
@media screen and (max-width: 1200px) {
    .yj-custom-visual {
        width: 100%;
    }

    .yj-custom-imgbox {
        height: 4.8rem;
    }
}

/* 手机适配 */
@media screen and (max-width: 768px) {
    .yj-custom-imgbox {
        height: 4rem;
        border-radius: 14px;
    }

    .yj-custom-float-card {
        left: 0.18rem;
        bottom: 0.18rem;
        width: calc(100% - 0.36rem);
        min-height: auto;
        padding: 0.18rem 0.2rem;
    }

    .yj-custom-float-num {
        font-size: 0.42rem;
    }

    .yj-custom-drawing-card {
        right: 0.18rem;
        top: 0.18rem;
        width: 2.35rem;
        padding: 0.18rem 0.18rem 0.18rem 0.72rem;
    }

    .yj-custom-drawing-num {
        font-size: 0.62rem;
        left: 0.1rem;
    }

    .yj-custom-imgbox::before,
    .yj-custom-imgbox::after {
        width: 0.8rem;
        height: 0.8rem;
    }
}

/* Manufacturing Strength */
.yj-home-mf-overlay { background: rgba(0, 19, 34, 0.35); background-image:
    linear-gradient(rgba(18, 22, 26, 0.72), rgba(18, 22, 26, 0.72)),
    var(--subian-manufacturing-bg);
  background-size: cover;
  background-position: center; }
.yj-home-mf-card{background-color: rgba(255,255,255, 0.2);backdrop-filter: blur(10px);}
.yj-home-mf-card:hover { background: var(--theme-color); transform: translateY(-10px); }
.yj-home-mf-card:hover .opacity-50 { opacity: 1; color: #fff; }

/* About Us */
.yj-home-about-content{
	/* background: #08213F url('../images/i_about_bg.jpg') no-repeat center; */
	background-size: 10rem auto;
}

.yj-home-about-card{
	backdrop-filter: blur(10px)
}

/* Applications */
.yj-home-app-overlay { background: linear-gradient(to top, rgba(0,19,34,0.9) 0%, rgba(0,19,34,0) 40%);  }
.group:hover .yj-home-app-overlay { opacity: 1; }
.group:hover .yj-home-app-line { width: 0.5rem; }

/* News */
.yj-home-news{
	background-color: #F6F8FA;
}

/* CTA Section */
.yj-home-cta-img { min-height: 4rem; }
.yj-home-cta-content { min-height: 4rem; }

/* ==========================================================================
   3. 响应式适配 (Responsive)
   ========================================================================== */
@media screen and (max-width: 1600px) {
    .yj-home-hero-title { font-size: 0.54rem; }
    .yj-home-filter-sec { margin-top: -0.6rem; }
    .yj-home-input-group { width: 21%; }
    .yj-home-filter-submit { width: 14%; }
}

@media screen and (max-width: 1200px) {
    .yj-home-hero-title { font-size: 0.48rem; }
    .yj-home-filter-grid { flex-wrap: wrap; }
    .yj-home-input-group { width: 48%; margin-bottom: 0.2rem; }
    .yj-home-filter-submit { width: 100%; margin-top: 0.1rem; }

    .yj-home-custom-wrap { flex-direction: column; }
    .yj-home-custom-wrap > .w48 { width: 100%; margin-bottom: 0.4rem; }

    .yj-home-stat-item { width: 50%; margin-bottom: 0.3rem; }
    .yj-home-mf-card { width: 48%; }
    .yj-home-app-item { width: 48%; }

    .yj-home-about-content { flex-direction: column; }
    .yj-home-about-left, .yj-home-about-cards { width: 100%; }
    .yj-home-about-left { margin-bottom: 0.4rem; }

    .yj-home-news-card { width: 48%; }

    .yj-home-cta { flex-direction: column; }
    .yj-home-cta-img, .yj-home-cta-content { width: 100%; }
}

@media screen and (max-width: 768px) {
    .yj-home-header { height: 0.6rem; }
    .yj-home-nav, .yj-home-h-tools { display: none; }
    .yj-home-hero { padding-top: 0.6rem; min-height: 6rem; }
    .yj-home-hero-title { font-size: 0.36rem; }
    .yj-home-hero-btns { flex-direction: column; align-items: flex-start; }
    .yj-home-hero-btns a { margin-bottom: 0.15rem; }

    .yj-home-input-group { width: 100%; }
    .yj-home-mf-card, .yj-home-app-item, .yj-home-about-card, .yj-home-news-card { width: 100%; }

    .yj-home-timeline-line { display: none; }
    .yj-home-timeline-wrap { flex-direction: column; align-items: flex-start; }
    .yj-home-time-item { width: 100%; flex-direction: row; margin-bottom: 0.3rem; }
    .yj-home-time-item .tac { text-align: left; margin-left: 0.2rem; }
    .yj-home-time-dot { margin-bottom: 0; }

    .yj-home-cta-content { padding: 0.4rem 0.2rem; }
    .yj-home-cta-btns { flex-direction: column; width: 100%; }
    .yj-home-cta-btns a { width: 100%; margin-right: 0; }

    .yj-home-footer-top { flex-direction: column; }
    .yj-home-footer-brand, .yj-home-footer-links { width: 100%; }
    .yj-home-footer-brand { margin-bottom: 0.4rem; }
    .yj-home-footer-bot { flex-direction: column; text-align: center; }
    .yj-home-footer-bot ul { margin-top: 0.2rem; justify-content: center; }
}

/* ====================内页样式========================= */

/* ====================关于样式========================= */

:root {
    --yj-ab-theme: #0154A4; /* 深蓝色主题，可根据您的全局变量调整 */
    --yj-ab-theme-hover: #155a8f;
    --yj-ab-text-main: #333333;
    --yj-ab-text-light: #666666;
    --yj-ab-bg-light: #f8f9fa;
    --yj-ab-border: #eaeaea;
    --yj-ab-radius: 12px;
    --yj-ab-transition: all 0.3s ease;
}

/* 针对本页面独立作用域的基础设置 */
.yj-ab-section {
    color: var(--yj-ab-text-light);
    font-size: 16px;
    line-height: 1.5;
}

.yj-ab-title-ssb {
    font-family: 'SSB', 'DR', sans-serif;
    font-weight: 700;
    color: var(--yj-ab-text-main);
}

/* ==================== 布局与公共类 ==================== */
.yj-ab-container {
    width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
	max-width: 92%;
}

.yj-ab-section { padding: 80px 0; }
.yj-ab-bg-light { background-color: var(--yj-ab-bg-light); }
.yj-ab-text-center { text-align: center; }
.yj-ab-text-white, .yj-ab-text-white .yj-ab-title-ssb { color: #ffffff; }
.yj-ab-justify-center { justify-content: center; }
.mt-40 { margin-top: 40px; }

/* 网格系统 */
.yj-ab-grid { display: grid; gap: 30px; }
.yj-ab-grid-2 { grid-template-columns: repeat(2, 1fr); }
.yj-ab-grid-4 { grid-template-columns: repeat(4, 1fr); }
.yj-ab-grid-5 { grid-template-columns: repeat(5, 1fr); }
.yj-ab-align-center { align-items: center; }

/* 比例控制类 (Rect) */
[class*="yj-ab-rect-"]{height: auto;}
.yj-ab-rect-4-3 { aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--yj-ab-radius); }
.yj-ab-rect-16-9 { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--yj-ab-radius); }
.yj-ab-rect-3-2 { aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--yj-ab-radius); }
.yj-ab-rect-4-3 img, .yj-ab-rect-16-9 img, .yj-ab-rect-3-2 img {
    width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;
}
.yj-ab-rect-4-3:hover img, .yj-ab-rect-16-9:hover img, .yj-ab-rect-3-2:hover img {
    transform: scale(1.05); /* 图片悬停微放大 */
}

/* 悬停浮动卡片 */
.yj-ab-hover-up { transition: var(--yj-ab-transition); }
.yj-ab-hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* 按钮样式 */
.yj-ab-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 15px 35px; font-size: 16px; font-weight: 600;
    border-radius: 30px; cursor: pointer;
}
.yj-ab-btn-primary { background-color: #0056b3; color: #fff; border: 2px solid #0056b3; }
.yj-ab-btn-primary:hover { background-color: #004494; border-color: #004494; }
.yj-ab-btn-outline { background-color: transparent; color: #fff; border: 2px solid #fff; }
.yj-ab-btn-outline:hover { background-color: #fff; color: var(--yj-ab-theme); }
.yj-ab-btn-light { background-color: #fff; color: var(--yj-ab-theme); border: 2px solid #fff; }
.yj-ab-btn-light:hover { background-color: #f0f0f0; }

/* 标题样式 */
.yj-ab-section-title { font-size: 42px; margin-bottom: 20px; line-height: 1.2; margin-top: 0; }
.yj-ab-section-desc { font-size: 18px; max-width: 1200px; margin: 0 auto 50px; text-align: center; }

/* ==================== 具体板块样式 ==================== */

/* 2. Company Profile */
.yj-ab-tag {
    display: inline-block; font-size: 14px; font-weight: bold; color: var(--yj-ab-theme);
    letter-spacing: 1px; margin-bottom: 15px; position: relative; padding-left: 40px;
}
.yj-ab-tag::before {
    content: ''; position: absolute; left: 0; top: 50%; width: 30px; height: 2px; background-color: var(--yj-ab-theme);margin-top: -1px;
}
.yj-ab-profile-subtitle { font-size: 20px; color: var(--yj-ab-theme); margin-bottom: 25px; font-weight: 600; margin-top: 0; }
.yj-ab-profile-desc p { margin-bottom: 15px; font-size: 16px; }

/* 3. 卡片通用样式 */
.yj-ab-strength{
	/* Legacy About strength section */
}

.yj-ab-card {
    background: #fff; padding: 40px 30px; border-radius: var(--yj-ab-radius); border: 1px solid var(--yj-ab-border);
}
.yj-ab-driven .yj-ab-grid{
	/* 定义 3 列，每列宽度相等 (1fr 表示 1 份剩余空间) */
   grid-template-columns: repeat(3, 1fr);
}
/* 关键：让最后一个卡片跨越两列 */
.yj-ab-driven .yj-ab-grid .yj-ab-card:last-child{
  grid-column: span 2;
}
.yj-ab-icon {
    width: 80px; height: 80px; background-color: #f0f4f8; color: var(--yj-ab-theme);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 24px; margin-bottom: 20px;
}
.yj-ab-icon img{
	width: 50%;
}
.yj-ab-icon-blue { background-color: var(--yj-ab-theme); color: #fff; }
.yj-ab-card h4 { font-size: 20px; margin-bottom: 15px; margin-top: 0; }

/* 4. Factory Environment */
.yj-ab-factory-item { display: flex; align-items: center; gap: 50px; margin-bottom: 60px; }
.yj-ab-factory-item:last-child { margin-bottom: 0; }
.yj-ab-factory-item.yj-ab-row-reverse { flex-direction: row-reverse; }
.yj-ab-factory-img { flex: 1; }
.yj-ab-factory-text { flex: 1; }
.yj-ab-factory-text h3 { font-size: 28px; margin-bottom: 20px; margin-top: 0; }
.yj-ab-factory-text p+p{margin-top: 1em;}

/* 5. Quality Control */
.yj-ab-quality { background-color: var(--yj-ab-theme); background: linear-gradient(rgba(11, 59, 96, 0.96), rgba(11, 59, 96, 0.96)), var(--subian-about-quality-bg) center/cover no-repeat;}
.yj-ab-quality-subdesc { max-width: 1000px; margin: 0 auto 50px; color: rgba(255,255,255,0.8); text-align: center; }
.yj-ab-qc-card {
    position: relative; overflow: hidden; background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1); color: #fff;
}
.yj-ab-qc-card h4 { color: #fff; }
.yj-ab-qc-card p { color: rgba(255,255,255,0.8); margin-bottom: 0; }
.yj-ab-qc-num {
    position: absolute; top: 10px; right: 10px; font-size: 100px; font-weight: 900;
    color: rgba(255,255,255,0.05); line-height: 1;
}

/* 6. Certificates & 8. Exhibitions (Swiper) */
.yj-ab-swiper-wrapper { position: relative; padding: 0 50px; }
.yj-ab-swiper-wrapper .swiper{padding-bottom: 0.2rem;}
.yj-ab-cert-card {
    background: #fff; padding: 20px; text-align: center;
    border-radius: var(--yj-ab-radius); border: 1px solid var(--yj-ab-border);
}
.yj-ab-cert-icon { font-size: 50px; color: var(--yj-ab-theme); margin-bottom: 10px; }
.yj-ab-cert-card p { font-weight: 600; color: var(--yj-ab-text-main); margin-bottom: 0; }

.yj-ab-exhibit-card {
    background: #fff; border-radius: var(--yj-ab-radius); border: 1px solid var(--yj-ab-border); overflow: hidden;
}
.yj-ab-exhibit-text { padding: 25px; }
.yj-ab-exhibit-text h4 { font-size: 20px; margin-bottom: 0; margin-top: 0; }
.yj-ab-exhibit-text p { margin-bottom: 0; }

/* Swiper 自定义按钮 */
.yj-ab-nav-btn {
    color: var(--yj-ab-theme) !important; background: #fff; width: 40px !important; height: 40px !important;
    border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-top: -20px !important;
}
.yj-ab-nav-btn::after { font-size: 18px !important; font-weight: bold; }
.yj-ab-nav-btn.swiper-button-prev { left: 0 !important; }
.yj-ab-nav-btn.swiper-button-next { right: 0 !important; }

/* 9. OEM & ODM */
.yj-ab-oem { background: var(--subian-about-oem-bg) center/cover fixed; }
.yj-ab-oem-icon { font-size: 50px; margin-bottom: 20px; }
.yj-ab-oem-icon img{max-width: 0.64rem;display: inline-block;}
.yj-ab-oem-subtitle { font-size: 24px; margin-bottom: 20px; font-weight: 400; margin-top: 0; }
.yj-ab-oem-desc { max-width: 900px; margin: 0 auto 40px; font-size: 18px; color: rgba(255,255,255,0.8); }

/* 10. After-Sales */
.yj-ab-service-subtitle { font-size: 22px; color: var(--yj-ab-theme); margin-bottom: 20px; margin-top: 0; }
.yj-ab-service-cards .yj-ab-card { padding: 30px; }

/* 11. Join Us */
.yj-ab-join { background-color: var(--yj-ab-theme); background: var(--subian-about-join-bg) center/cover}
.yj-ab-join-desc { font-size: 20px; max-width: 900px; margin: 0 auto 20px; }
.yj-ab-join-subdesc { font-size: 16px; max-width: 800px; margin: 0 auto; color: rgba(255,255,255,0.8); }

/* ==================== 响应式适配 ==================== */
@media (max-width: 1400px) {
    .yj-ab-section-title { font-size: 36px; }
    .yj-ab-hero-title { font-size: 46px; }
}

@media (max-width: 1200px) {
    .yj-ab-grid-4, .yj-ab-grid-5 { grid-template-columns: repeat(3, 1fr); }
    .yj-ab-factory-item { gap: 30px; }
}

@media (max-width: 992px) {
    .yj-ab-grid-2, .yj-ab-grid-4, .yj-ab-grid-5 { grid-template-columns: repeat(2, 1fr); }
    .yj-ab-factory-item, .yj-ab-factory-item.yj-ab-row-reverse { flex-direction: column; }
    .yj-ab-factory-img, .yj-ab-factory-text { width: 100%; }
    .yj-ab-section { padding: 60px 0; }
    .yj-ab-hero { padding: 100px 0; }
}

@media (max-width: 768px) {
    .yj-ab-grid-2, .yj-ab-grid-4, .yj-ab-grid-5 { grid-template-columns: 1fr; }
    .yj-ab-hero-title { font-size: 36px; }
    .yj-ab-section-title { font-size: 28px; }
    .yj-ab-hero-btns { flex-direction: column; }
    .yj-ab-swiper-wrapper { padding: 0 30px; }
    .yj-ab-nav-btn { width: 30px !important; height: 30px !important; }
    .yj-ab-nav-btn::after { font-size: 14px !important; }
}

/* ==========================================================================
   About Us Page Styles (Wenzhou Eugene Technology Co., Ltd)
   ========================================================================== */

/* --- 通用辅助类 (仅作用于本页) --- */
.gap-10 { gap: 0.1rem; }
.gap-15 { gap: 0.15rem; }
.gap-20 { gap: 0.2rem; }
.object-contain { object-fit: contain; }

/* 纯色 SVG Icon 辅助 */
.yj-about-check-icon {
    display: inline-block;
    width: 0.2rem; height: 0.2rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23005BAC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg>') no-repeat center center;
    background-size: contain;
}
.yj-about-check-icon.white {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg>');
}
.yj-about-arrow-icon {
    display: inline-block;
    width: 0.16rem; height: 0.16rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23005BAC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>') no-repeat center center;
    background-size: contain;
}

/* --- 1. Hero Section --- */
.yj-about-hero { min-height: 7.5rem; }
.yj-about-hero-mask { background: linear-gradient(90deg, rgba(0, 19, 34, 0.85) 0%, rgba(0, 19, 34, 0.4) 100%); }
.yj-about-tag {
    font-size: var(--f14);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    padding: 0.05rem 0.15rem;
    margin: 0 0.15rem 0.15rem 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
}

/* --- 2. Company Overview --- */
.yj-about-ov-text { text-align: justify; }

/* --- 3. Key Manufacturing Facts --- */
.yj-about-fact-card:hover { transform: translateY(-0.1rem); box-shadow: 0 15px 35px rgba(0,0,0,0.08); }
.yj-about-fact-card:hover .yj-about-fact-icon { transform: scale(1.1); }

/* --- 4. Development History (轮播图标版 修复截断与剪切) --- */
.px-20 { padding-left: 0.2rem; padding-right: 0.2rem; }

.yj-about-history-swiper {
    position: relative;
    /* 【关键修复】顶部增加 padding，防止圆点上半部分被 overflow:hidden 剪切 */
    padding-top: 0.2rem !important;
}

/* 贯穿全局的时间线，不受 slide 间距影响 */
.yj-about-hist-global-line {
    position: absolute;
    top: 0.2rem; /* 与 swiper 的 padding-top 高度一致，确保与圆点居中对齐 */
    left: 0;
    width: 100%;
    height: 2px;
    background: #eee;
    z-index: 1;
    margin-top: -1px; /* 像素级对齐圆点中心 */
}

.yj-about-hist-dot {
    width: 0.24rem;
    height: 0.24rem;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    border: 4px solid #ddd;
    z-index: 2;
}

/* Hover 交互效果 */
.yj-about-hist-card:hover .yj-about-hist-dot {
    border-color: var(--theme-color);
    background: var(--theme-color);
    box-shadow: 0 0 10px rgba(0, 91, 172, 0.4);
}
.yj-about-hist-card:hover .yj-about-hist-icon {
    transform: translateY(-0.08rem) scale(1.05);
}

/* 调整左右箭头位置 */
.yj-about-history-swiper .swiper-button-prev,
.yj-about-history-swiper .swiper-button-next {
    top: 50%;
    color: var(--theme-color);
    background: #fff;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.yj-about-history-swiper .swiper-button-prev { left: 0; }
.yj-about-history-swiper .swiper-button-next { right: 0; }
.yj-about-history-swiper .swiper-button-prev:after,
.yj-about-history-swiper .swiper-button-next:after {
    font-size: 0.2rem;
    font-weight: bold;
}

/* --- 5. Manufacturing Environment --- */
.yj-about-env-swiper .swiper-pagination-bullet { background: #fff; opacity: 0.5; }
.yj-about-env-swiper .swiper-pagination-bullet-active { opacity: 1; background: var(--theme-color); }
.yj-about-env-tag {font-size: var(--f14);color: var(--theme-color);background: rgba(0, 91, 172, 0.1);padding: 0.08rem 0.16rem;border-radius: 4px;}

/* --- 6. Quality Control & Certifications --- */
.yj-about-cert-swiper.pb-40{
	padding-bottom: var(--sp-40);
}
.yj-about-flow-num { width: 0.3rem; height: 0.3rem; font-weight: bold; font-size: var(--f14); }
.yj-about-cert-swiper { padding-bottom: 0.5rem; }
/* .yj-about-cert-swiper .swiper-slide { transition: all 0.3s ease; opacity: 0.5; transform: scale(0.85); }
.yj-about-cert-swiper .swiper-slide-active { opacity: 1; transform: scale(1); } */
.yj-about-cert-swiper .swiper-button-prev,
.yj-about-cert-swiper .swiper-button-next { color: var(--theme-color); }

/* --- 7. OEM & ODM --- */
.yj-about-oem-tag {font-size: var(--f14);color: #fff;background: rgba(255, 255, 255, 0.15);padding: 0.08rem 0.15rem;border-radius: 4px;border: 1px solid rgba(255, 255, 255, 0.2);}
/* --- 8. Product Capability --- */
.yj-about-pro-card:hover { transform: translateY(-0.05rem); box-shadow: 0 15px 30px rgba(0,0,0,0.08); }

/* --- 9. Culture & Values --- */
.yj-about-cul-mask { background: linear-gradient(to top, rgba(0, 19, 34, 0.9) 0%, rgba(0, 19, 34, 0.2) 60%, rgba(0, 19, 34, 0) 100%); }
.yj-about-cul-card:hover .yj-about-cul-mask { background: linear-gradient(to top, rgba(0, 91, 172, 0.9) 0%, rgba(0, 19, 34, 0.4) 100%); }
.yj-about-cul-desc { height: 0; opacity: 0; overflow: hidden; }
.yj-about-cul-card:hover .yj-about-cul-desc { height: auto; opacity: 1; margin-top: 0.1rem; }

/* --- 10. Global Cooperation --- */
.yj-about-glb-tag {
    font-size: var(--f16);
    color: var(--theme-color);
    background: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 30px;
    border: 1px solid var(--theme-color);
    font-weight: 600;
    transition: all 0.3s ease;
}
.yj-about-glb-tag:hover {
    background: var(--theme-color);
    color: #fff;
}
/* --- 通用按钮样式 (About 页面) --- */
.inline-flex { display: inline-flex; }
.ml-10 { margin-left: 0.1rem; }

.yj-about-btn {
    height: 0.5rem;
    padding: 0 0.3rem;
    font-size: var(--f16);
    font-weight: 600;
    border-radius: 30px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 主按钮 (实心主题色) */
.yj-about-btn.primary {
    background: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
    box-shadow: 0 4px 15px rgba(0, 91, 172, 0.3);
}
.yj-about-btn.primary:hover {
    background: #fff;
    color: var(--theme-color);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2);
}
.yj-about-btn.primary svg {
    transition: transform 0.3s ease;
}
.yj-about-btn.primary:hover svg {
    transform: translateX(5px);
}

/* 幽灵按钮 (透明底白边，用于深色背景) */
.yj-about-btn.outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.yj-about-btn.outline:hover {
    background: #fff;
    color: var(--theme-color);
    border-color: #fff;
}

/* 手机端按钮适配 */
@media screen and (max-width: 768px) {
    .yj-about-btn-wrap.flex { flex-direction: column; width: 100%; }
    .yj-about-btn { width: 100%; justify-content: center; margin-bottom: 0.15rem; }
}

/* ==========================================================================
   响应式适配 (Responsive)
   ========================================================================== */

/* 平板端适配 (<1200px) */
@media screen and (max-width: 1200px) {
    .yj-about-ov-wrap,
    .yj-about-qc-wrap,
    .yj-about-oem-wrap,
    .yj-about-glb-wrap { flex-direction: column; }

    .yj-about-ov-left, .yj-about-ov-right,
    .yj-about-qc-box, .yj-about-qc-flow,
    .yj-about-oem-txt, .yj-about-oem-list,
    .yj-about-glb-txt, .yj-about-glb-img { width: 100%; margin-bottom: 0.4rem; }

    .yj-about-fact-card, .yj-about-cul-card { width: 48%; margin-bottom: 0.4rem; }
    .yj-about-pro-card { width: 48%; }

    .yj-about-time-item { flex-direction: column !important; }
    .yj-about-time-content, .yj-about-time-img { width: 100%; padding: 0 !important; text-align: left !important; }
    .yj-about-time-img { margin-top: 0.3rem; }
    .yj-about-timeline-line { left: 0; transform: none; }
    .yj-about-time-dot { left: 0; top: 0; transform: translate(-4px, 0); }
    .yj-about-time-content { padding-left: 0.4rem !important; }

    .yj-about-env-mod { flex-direction: column !important; }
    .yj-about-env-img, .yj-about-env-txt { width: 100%; padding: 0 !important; }
    .yj-about-env-txt { margin-top: 0.3rem; }
}

/* 手机端适配 (<768px) */
@media screen and (max-width: 768px) {
    .yj-about-hero { min-height: 5rem; padding-top: 1rem; }
    .yj-about-hero-title { font-size: 0.42rem; }

    .yj-about-fact-card, .yj-about-cul-card, .yj-about-pro-card { width: 100%; }

    .yj-about-oem-box { padding: 0.4rem 0.2rem; }
    .yj-about-oem-txt { padding: 0; }
    .yj-about-oem-list { padding: 0.2rem; }

    /* .yj-about-cert-swiper .swiper-slide { opacity: 1; transform: scale(1); } */

    .yj-about-trust { padding: 0.8rem 0; }
    .yj-about-trust-tags { flex-direction: column; align-items: flex-start; }
}

/* ====================产品样式========================= */

/* 产品列表 s */
/* 基础辅助类 */
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }
.border-eee { border: 1px solid #eee; }
.cursor-pointer { cursor: pointer; }
.text-justify { text-align: justify; }
.border-none { border: none; }

/* ==================== 左侧边栏导航 (Sidebar) ========================= */
/* .sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

.yj-pro-menu > li { border-bottom: 1px solid #f5f5f5; }
.yj-pro-menu > li:last-child { border-bottom: none; }
.yj-pro-menu .menu-head>a{ padding: 0.15rem 0; }
.yj-pro-menu .menu-head a:hover { color: var(--theme-color); }
.yj-pro-menu > li.active .menu-head a { color: var(--theme-color); }
.yj-pro-menu > li.active .menu-head .toggle-btn { transform: rotate(180deg); color: var(--theme-color); }

/* 下拉箭头按钮，增加点击区域 */
.yj-pro-menu .toggle-btn { padding: 0 10px; font-size: 20px; }

/* 子菜单 (由 JS 控制显示隐藏，不再使用 display:block 行内样式) */
.yj-pro-menu .sub-menu { display: none; padding-bottom: 0.1rem; }
.yj-pro-menu .sub-menu li a {
    display: block;
    padding: 0.08rem 0 0.08rem 0.15rem;
    font-size: var(--f16);
    color: #666;
    transition: all 0.3s;
}
.yj-pro-menu .sub-menu li a i { margin-right: 0.08rem; font-size: 12px; opacity: 0; transition: all 0.3s; }
.yj-pro-menu .sub-menu li a:hover,
.yj-pro-menu .sub-menu li a.active { color: var(--theme-color); padding-left: 0.2rem; }
.yj-pro-menu .sub-menu li a:hover i,
.yj-pro-menu .sub-menu li a.active i { opacity: 1; }

.yj-pro-rec-list .pic { width: 0.8rem; height: 0.8rem; flex-shrink: 0; }
.yj-pro-rec-list .pic img { width: 100%; height: 100%; object-fit: cover; }
.yj-pro-rec-list a:hover h4 { color: var(--theme-color); } */

/* ==================== 左侧边栏导航 (无限极菜单) ========================= */
.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
}

.yj-pro-menu { list-style: none; padding: 0; margin: 0; }

/* 菜单项基础线 */
.yj-pro-menu li { border-bottom: 1px solid #f5f5f5; }
.yj-pro-menu li:last-child { border-bottom: none; }

/* 包含链接和箭头的头部 */
.yj-pro-menu .menu-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

/* 菜单文字链接 */
.yj-pro-menu .menu-head a {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease;
}

/* 下拉箭头按钮 */
.yj-pro-menu .menu-head .toggle-btn {
    padding: 0 10px;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
}

/* 悬停与激活状态 */
.yj-pro-menu .menu-head a:hover { color: var(--theme-color); }
.yj-pro-menu li.active > .menu-head > a,.yj-pro-menu .sub-menu li.active>a{ color: var(--theme-color); }
.yj-pro-menu li.active > .menu-head > .toggle-btn {
    transform: rotate(180deg);
    color: var(--theme-color);
}
/* --- 子菜单递归样式 (核心) --- */
.yj-pro-menu .sub-menu {
    display: none;
    padding-left: 18px; /* 每一级自动向右缩进 18px */
    padding-bottom: 10px;
}

/* 子菜单内的 li 不需要底边框 */
.yj-pro-menu .sub-menu li { border-bottom: none; }

/* 子菜单内的纯链接 (叶子节点) */
.yj-pro-menu .sub-menu > li > a {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    color: #666;
    transition: all 0.3s ease;
    position: relative;
}

/* 给纯链接加个小横杠装饰，更有层级感 */
.yj-pro-menu .sub-menu > li > a::before {
    content: '-';
    margin-right: 8px;
    color: #ccc;
    transition: color 0.3s ease;
}

/* 子菜单链接悬停与激活 */
.yj-pro-menu .sub-menu > li > a:hover,
.yj-pro-menu .sub-menu > li > a.active {
    color: var(--theme-color);
    padding-left: 5px; /* 悬停时文字轻微右移 */
}
.yj-pro-menu .sub-menu > li > a:hover::before,
.yj-pro-menu .sub-menu > li > a.active::before {
    color: var(--theme-color);
}

/* 覆盖深层嵌套时的 menu-head 样式 (让字号变小，字体变细) */
.yj-pro-menu .sub-menu .menu-head { padding: 8px 0; }
.yj-pro-menu .sub-menu .menu-head a { font-size: 16px; font-weight: 500; color: #555; }
.yj-pro-menu .sub-menu .menu-head .toggle-btn { font-size: 18px; }

/* ==================== 右侧产品网格 (Product List Grid) ========================= */
.yj-pro-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}
.yj-pro-card { border: 1px solid transparent; display: block;}
.yj-pro-card:hover { border-color: var(--theme-color); transform: translateY(-8px); }
.yj-pro-card:hover h3 { color: var(--theme-color); }

.yj-pro-btn {
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    border-radius: 50px;
}
.yj-pro-card:hover .yj-pro-btn {
    background-color: var(--theme-color);
    color: #fff;
}
/* 产品列表 e */

/* 产品详情 s */
/* ==================== 详情页板块间距管理 ========================= */
.yj-pro-detail-container .yj-pro-block {
    margin-bottom: 0.4rem;
}
.yj-pro-detail-container .yj-pro-block:last-child {
    margin-bottom: 0;
}

/* ==================== 详情页多图轮播 (Gallery) ========================= */
.yj-pro-gallery-main .pic { background-color: #fff; }
/* .yj-pro-gallery-thumbs .swiper-slide { opacity: 0.8;  } */
.yj-pro-gallery-thumbs .swiper-slide-thumb-active,
.yj-pro-gallery-thumbs .swiper-slide:hover { opacity: 1; border-color: var(--theme-color); }

.yj-pro-thumbs-wrap {
    padding: 0 35px;
}

/* 彻底隐藏 Swiper 原生箭头(伪元素和SVG) */
.yj-pro-thumbs-wrap .swiper-button-next::after,
.yj-pro-thumbs-wrap .swiper-button-prev::after,
.yj-pro-thumbs-wrap .swiper-button-next svg,
.yj-pro-thumbs-wrap .swiper-button-prev svg {
    display: none !important;
    content: none !important;
}

/* 强制重置按钮样式与垂直居中 */
.yj-pro-thumbs-wrap .swiper-button-next,
.yj-pro-thumbs-wrap .swiper-button-prev {
    width: 25px;
    height: 100%;
    top: 0;
    margin-top: 0 !important;
    background-color: rgba(255, 255, 255, 0.8);
    color: var(--theme-color);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.yj-pro-thumbs-wrap .swiper-button-next { right: 0; }
.yj-pro-thumbs-wrap .swiper-button-prev { left: 0; }

/* 放大我们自己写的 i 标签，并强制 line-height 保证居中 */
.yj-pro-thumbs-wrap .swiper-button-next i,
.yj-pro-thumbs-wrap .swiper-button-prev i {
    font-size: 20px;
    line-height: 1;
}

.yj-pro-thumbs-wrap .swiper-button-next:hover,
.yj-pro-thumbs-wrap .swiper-button-prev:hover {
    background-color: var(--theme-color);
    color: #fff;
}

/* ==================== 详情页属性与操作按钮 ========================= */
.yj-pro-features { background: #f8f9f9; padding: 0.2rem; border-radius: 5px; border-left: 4px solid var(--theme-color); }
.yj-pro-features li { font-size: var(--f16); color: #333; line-height: 1.8; }
.yj-pro-features li strong { color: #000; display: inline-block; width: 1.6rem; }

.yj-pro-btn-solid {
    padding: 0.15rem 0.4rem;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 50px;
    border: 2px solid var(--theme-color);
}
.yj-pro-btn-solid:hover { background-color: var(--sec-theme-color); border-color: var(--sec-theme-color); }

.yj-pro-btn-outline {
    padding: 0.15rem 0.4rem;
    background-color: transparent;
    color: var(--theme-color);
    border-radius: 50px;
    border: 2px solid var(--theme-color);
}
.yj-pro-btn-outline:hover { background-color: var(--theme-color); color: #fff; }

/* ==================== 详情页 Tabs ========================= */
.yj-pro-tabs-nav a { position: relative; }
.yj-pro-tabs-nav a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 3px;
    background-color: var(--theme-color);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.yj-pro-tabs-nav a:hover, .yj-pro-tabs-nav a.active { color: var(--theme-color); }
.yj-pro-tabs-nav a.active::after { width: 100%; }

.yj-pro-tab-pane { display: none; }
.yj-pro-tab-pane.active { display: block; }
.fade-in { animation: fadeIn 0.5s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ==================== 左侧边栏搜索 (Sidebar Search) ========================= */
.yj-pro-search {
    position: relative;
    display: flex;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 当输入框获取焦点时，外层边框变色 */
.yj-pro-search:focus-within {
    border-color: var(--theme-color);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

.yj-pro-search input {
    flex: 1;
    border: none;
    padding: 12px 15px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    outline: none;
    color: #333;
    background-color: #fafafa;
}

.yj-pro-search button {
    width: 50px;
    border: none;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yj-pro-search button:hover {
    opacity: 0.9; /* 悬停时稍微变暗，兼容没有次级主题色的情况 */
}

/* ==================== 详情页文章排版 (H2, H3, H4) ========================= */
.yj-pro-detail-article h2 {
	font-size: var(--f28);
	line-height: 1.15;
	font-weight: 700;
	color: #000;
    /* border-bottom: 2px solid #eee; */
    padding-bottom: 0.1rem;
    position: relative;
	border: none !important;
	padding-bottom: 0 !important;
}
/* .yj-pro-detail-article h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background-color: var(--theme-color);
} */
.yj-pro-detail-article h3 {
	font-size: var(--f24);
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 0.15rem;
	margin-top: 0.2rem;
    border-left: 4px solid var(--theme-color);
    padding-left: 0.15rem;
}
.yj-pro-detail-article h4 {
	font-size: var(--f20);
	line-height: 1.15;
	font-weight: 700;
    color: #444;
	margin-bottom: 0.15rem;
	margin-top: 0.2rem;
}

.yj-pro-detail-article p:not(:last-child){
	margin-bottom: 1em;
}

.yj-pro-dl-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* PC端两列显示 */
    gap: 15px; /* 两个dl之间的间距 */
    margin: 25px 0; /* 上下外边距 */
}

.yj-pro-dl-list dl {
    display: flex;
    margin: 0;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.yj-pro-dl-list dl:hover {
    border-color: var(--theme-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

.yj-pro-dl-list dt {
    width: 40%;
    background-color: #f8f9f9;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 15px;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.yj-pro-dl-list dd {
    width: 60%;
    background-color: #fff;
    color: #555;
    font-size: 16px;
    padding: 12px 15px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

/* ==================== 内容区简单表格样式 ========================= */
.yj-pro-detail-article .scroll{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.yj-pro-detail-article table {
    border-collapse: collapse;
    border: 1px solid #eee;
}
.yj-pro-detail-article table th,
.yj-pro-detail-article table td {
    padding: 12px 15px;
    border: 1px solid #eee;
}
/* .yj-pro-detail-article table thead th {
    background-color: #f5f5f5;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid var(--theme-color);
} */
.yj-pro-detail-article tbody tr:hover {
    background-color: #f9f9f9;
}

/* 参数表格 (Specifications Tab) */
.yj-pro-table { border-collapse: collapse; }
.yj-pro-table th, .yj-pro-table td { border: 1px solid #eee; }
/* .yj-pro-table tr:nth-child(even) td { background-color: #fafafa; } */

/* ==================== 底部相关产品轮播 (Related Slider) ========================= */
.yj-pro-rel-slider {
    padding-bottom: 60px;
}

.yj-pro-rel-slider  .swiper-wrapper{
	padding-top: 0.1rem;
}

/* 彻底隐藏 Swiper 原生箭头(伪元素和SVG) */
.yj-pro-rel-slider .swiper-button-next::after,
.yj-pro-rel-slider .swiper-button-prev::after,
.yj-pro-rel-slider .swiper-button-next svg,
.yj-pro-rel-slider .swiper-button-prev svg {
    display: none !important;
    content: none !important;
}

/* 强制重置按钮样式与垂直居中 */
.yj-pro-rel-slider .swiper-button-next,
.yj-pro-rel-slider .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    top: calc(50% - 20px);
    bottom: 0;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.yj-pro-rel-slider .swiper-button-next { right: calc(0 - 20px); }
.yj-pro-rel-slider .swiper-button-prev { left: calc( 0 - 20px); }

/* 放大我们自己写的 i 标签，并强制 line-height 保证居中 */
.yj-pro-rel-slider .swiper-button-next i,
.yj-pro-rel-slider .swiper-button-prev i {
    font-size: 24px;
    line-height: 1;
}

.yj-pro-rel-slider .swiper-button-next:hover,
.yj-pro-rel-slider .swiper-button-prev:hover {
    background-color: var(--sec-theme-color);
}

/* ==================== 底部留言表单 (Inquiry Form) ========================= */
.yj-pro-inquiry-form input,
.yj-pro-inquiry-form textarea {
    border: 1px solid transparent;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    outline: none;
}
.yj-pro-inquiry-form input:focus,
.yj-pro-inquiry-form textarea:focus {
    border-color: var(--theme-color);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(1, 84, 164, 0.1);
}
/* 产品详情 e */

/* ==================== 响应式适配 (Responsive) ========================= */
@media screen and (max-width: 1400px) {
    .yj-pro-grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 1000px) {
    .yj-pro-sidebar { width: 100%; margin-bottom: 0.4rem; position: static; }
    .yj-pro-content { width: 100%; }
    .yj-pro-gallery { width: 100%; margin-bottom: 0.4rem; }
    .yj-pro-summary { width: 100%; }
    .yj-pro-features li strong { width: 1.5rem; }
}

@media screen and (max-width: 767px) {
    .yj-pro-grid { grid-template-columns: 1fr; }
    .yj-pro-tabs-nav { flex-wrap: wrap; }
    .yj-pro-tabs-nav a { width: 100%; margin: 0 0 0.1rem 0; padding-bottom: 0.1rem; text-align: center; }
    .yj-pro-inquiry-form input { width: 100%; }
    .yj-pro-app-list li { width: 100%; }
    .yj-pro-actions a { width: 100%; justify-content: center; margin-right: 0; }
    .yj-pro-table th, .yj-pro-table td { display: block; width: 100%; }
    .yj-pro-table th { border-bottom: none; }
}

/* ====================新闻样式========================= */

/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	row-gap: 0.3rem;
	column-gap: 0.3rem;
}
.n_newslist ul li{}
.n_newslist ul li:nth-child(3n){
	margin-right: 0;
}
.n_newslist ul li a{
	display: block;
	box-shadow: 0 0 0.3rem rgb(0 0 0 / .08);
}
.n_newslist ul li .info{
	position: relative;
	padding: 0.4rem 0.3rem 0.3rem;
}
.n_newslist ul li .date{
	position: absolute;
	left: 0.3rem;
	bottom: 100%;
	margin-bottom: -0.25rem;
	z-index: 1;
	width: 80px;
	text-align: center;
}
.n_newslist ul li .date span{
	display: block;
	font-size: var(--f30);
	line-height: 2.2;
	color: #fff;
	background-color: var(--theme-color);
}
.n_newslist ul li .date p{
	background-color: #f3f4f7;
	font-size: var(--f12);
	line-height: 1.8;
}
.n_newslist ul li .tit{
	height: 2.6em;
}
.n_newslist ul li .des{
	height: 3em;
}
.n_newslist ul li .more::after{
	color: var(--theme-color);
	display: inline-block;
	content: "\f0a9";
	font-family: "FontAwesome";
	font-size: 16px;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	margin-left: 0.06rem;
	position: relative;
	text-shadow: none;
	text-transform: none;
	transition: all 0.3s ease 0s;
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_news{
	/* background-color: #eff1f5; */
}
.n_news .fl{
	flex: 1;
	width: calc(100% - 450px);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}
.n_news .fl .top{}
.n_news .fl .top h3{
	border-bottom: 1px solid rgb(221, 221, 221);
}
.n_news .fl .top .date{}
.n_news .fl .box{
	padding: 0.6rem 0.7rem 0.3rem;
}
.n_news .fl .con{
}
/* .n_news .fl .con h2{
	font-size: var(--f28);
	line-height: 1.15;
	color: #000;
	font-weight: 600;
	margin-bottom: 0.2rem;
}
.n_news .fl .con h3{
	font-size: var(--f24);
	line-height: 1.15;
	color: #212121;
	font-weight: 500;
	margin-bottom: 0.12rem;
}
.n_news .fl .con h4{
	font-size: var(--f20);
	line-height: 1.15;
	color: #333;
	font-weight: 500;
	margin-bottom: 0.08rem;
}
.n_news .fl .con  p{
	margin-bottom: 1em;
}
.n_news .fl .con a{
	text-decoration: underline;
	color: var(--theme-color);
}
.n_news .fl .con table{
	max-width: 100%;
}
.n_news .fl .con table td,.n_news .fl .con table th{
	border: 1px #eee solid;
	padding: 0.06rem 0.04rem !important;
	text-align: center;
} */

/* ==================================================
   News Detail - Headings (H2, H3, H4, H5) Styles
================================================== */
/* 统一的基础设置：深色、加粗、合理的上下间距 */
.ar_article h2,
.ar_article h3,
.ar_article h4,
.ar_article h5 {
    color: #222222;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 1.2em;   /* 距离上一段远一点，拉开层次 */
    margin-bottom: 0.6em; /* 距离下一段近一点，保持紧凑 */
}

/* H2：作为段落大标题，加一条极简的浅色底边框，显得非常规范 */
.ar_article h2 {
    font-size: 26px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eaeaea;
}

/* H3：中标题，纯文字靠字号区分 */
.ar_article h3 {
    font-size: 24px;
}

/* H4：小标题 */
.ar_article h4 {
    font-size: 20px;
}

/* H5：次级小标题 */
.ar_article h5 {
    font-size: 18px;
    color: #444444; /* 颜色稍微弱化一点 */
}

/* ==================================================
   News Detail - Table (表格) Styles
================================================== */
/* 表格滚动外层容器：去掉 border，只做滚动控制 */
.ar_article .scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 25px 0;
    /* 移除了 border 和 border-radius，避免与 table 边框冲突 */
}

/* 表格主体：边框加在这里 */
.ar_article table {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #eaeaea; /* 最外层边框 */
    font-size: 15px;
    color: #444444;
    background-color: #ffffff;
}

.ar_article th,
.ar_article td {
    padding: 14px 20px;
    border: 1px solid #eaeaea; /* 内部网格线 */
    vertical-align: middle;
    line-height: 1.5;
}

.ar_article th p,
.ar_article td p{
	margin-bottom: 0;
}

.ar_article th {
    background-color: #f4f7f9;
    color: #222222;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.ar_article tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

.ar_article tbody tr:hover {
    background-color: #f0f5fa;
    transition: background-color 0.3s ease;
}

/* ==================================================
   News Detail - Paragraphs & Lists
================================================== */
/* P标签：增加底部留白和舒适的行高 */
.ar_article p {
    font-size: 16px;
    line-height: 1.75;
    color: #444444;
    margin-bottom: 1em; /* 底部外边距，拉开段落间距 */
}

/* 最后一个 P 标签不需要底部间距，避免撑大父容器 */
.ar_article p:last-child {
    margin-bottom: 0;
}

.ar_article a{
	color: var(--theme-color);
	text-decoration: underline;
}

.ar_article strong{
	font-weight: bold;
}

.ar_article span{
	/* color: var(--sec-theme-color); */
	color: #d32f2f;
}

/* 无序列表与有序列表 */
.ar_article ul,
.ar_article ol {
    margin-bottom: 1.5em;
    padding-left: 20px; /* 给默认的圆点/数字留出空间 */
    color: #444444;
}

.ar_article ul {
    list-style-type: disc; /* 实心圆点 */
}

.ar_article ol {
    list-style-type: decimal; /* 数字序号 */
}

.ar_article li {
    margin-bottom: 6px; /* 列表项之间的微小间距 */
    line-height: 1.75;
	list-style: disc;
}

.ar_article li:last-child {
    margin-bottom: 0;
}

/* ================= 响应式适配 (Mobile) ================= */
@media (max-width: 768px) {
    /* 手机端适当缩小标题字号 */
    .ar_article h2 { font-size: 22px; }
    .ar_article h3 { font-size: 20px; }
    .ar_article h4 { font-size: 18px; }
    .ar_article h5 { font-size: 16px; }
	.ar_article p {font-size: 16px;}

    .ar_article table {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 手机端表格内边距缩小，留出更多可视空间 */
    .ar_article th,
    .ar_article td {
        padding: 8px 12px;
        font-size: 16px;
    }
}

/* ==================================================
   News Detail - Blockquote (摘要/引用) Styles
================================================== */
.ar_article blockquote {
    position: relative;
    margin: 30px 0;
    padding: 25px 30px 25px 40px;
    background-color: #f8f9fa; /* 极浅的工业灰蓝背景 */
    border-left: 4px solid var(--theme-color); /* 主题色左边框 */
    border-radius: 0 8px 8px 0; /* 右侧微圆角，左侧直角贴合边框 */
    font-size: 18px; /* 字体比正文稍微大一点 */
    line-height: 1.8;
    color: #444444; /* 字体颜色略深，提升辨识度 */
    font-style: italic; /* 斜体增加引用感 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* 极弱的阴影增加层次 */
    z-index: 1;
    overflow: hidden;
}

/* 添加一个纯 CSS 的巨大双引号作为背景水印，提升设计感 */
.ar_article blockquote::before {
    content: "\201C"; /* 左双引号的 Unicode */
    position: absolute;
    top: -10px;
    left: 10px;
    font-size: 100px;
    color: rgba(var(--theme-color-rgb), 0.08); /* 极透明的主题色 */
    font-family: Georgia, serif; /* 强制使用带衬线的字体以确保双引号优雅 */
    line-height: 1;
    z-index: -1;
}

/* 确保 blockquote 内部的 p 标签样式正常 */
.ar_article blockquote p {
    position: relative;
    z-index: 2;
    margin-bottom: 0; /* 如果只有一段，去掉底部多余间距 */
}

/* 如果有多个段落，除了最后一个，其他的保留间距 */
.ar_article blockquote p:not(:last-child) {
    margin-bottom: 15px;
}

/* ================= 响应式适配 (Mobile) ================= */
@media (max-width: 768px) {
    .ar_article blockquote {
        padding: 20px;
        font-size: 16px;
        margin: 20px 0;
    }
    .ar_article blockquote::before {
        font-size: 80px;
        left: 5px;
        top: -5px;
    }
}

.n_news .fl .bot{
	border-top: 1px #eee solid;
}
.n_news .fl .bot>div{
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.1rem;
}
.n_news .fl .prev{
	text-align: left;
}
.n_news .fl .next{
	text-align: right;
}
.n_news .fl .bot>div span{
	font-weight: 600;
}
.n_news .fl .bot>div a{
	color: #555;
	display: inline-block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	width: 80%;
}
.n_news .fr{
	width: 400px;
	position: sticky;
	top: 110px;
}

.n_news .fr .tab-con{
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
	background-color: #fff;
}
.n_news .fr .tab-con h4{
	padding: 20px 20px 0;
	font-weight: 700;
}
.n_news .fr .blog-nav{
	padding: 20px;
}
.n_news .fr .blog-nav li{
	padding: 5px 0;
	overflow: hidden;
}
.n_news .fr .blog-nav li a{
	display: block;
}
.n_news .fr .blog-nav .one>a:before{
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 0.08rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	vertical-align: middle;
	margin-bottom: 3px;
}
.n_news .fr .blog-nav li a:hover{
	text-decoration: underline;
}
.n_news .fr .blog-nav>li>ul{}
.n_news .fr .blog-nav>li>ul>li{}
#catalog .one>a{
	font-weight: 600;
}
#catalog .two a {
    margin-left: 0.12rem;
	font-weight: 500;
}

.n_news .fr .recomm{
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}
.n_news .fr .recomm h4{}
.n_news .fr .recomm ul{}
.n_news .fr .recomm ul li{
	width: 100%;
}
.n_news .fr .recomm ul li+li{
	margin-top: 0.2rem;
}
.n_news .fr .recomm ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n_news .fr .recomm ul li .img{
	width: 120px;
}
.n_news .fr .recomm ul li .info{
	width: calc(100% - 130px);
}
.n_news .fr .recomm ul li .info .tit{}
.n_news .fr .recomm ul li .info .date{}
/* 新闻详情 e */

/* ====================应用样式========================= */
/* 基础辅助类增强 */
.bg-theme { background-color: var(--theme-color); }
.color-theme { color: var(--theme-color); }
.box-shadow { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.border-bottom { border-bottom: 1px solid #eee; }

/* 内页通用区块设置 */
.inner-section {
    padding: 0.9rem 0;
}
.inner-sec-head {
    margin-bottom: 0.5rem;
}
.inner-sec-head .sub-tit {
    display: inline-block;
    color: var(--theme-color);
    font-size: var(--f16);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    letter-spacing: 1px;
}
.inner-sec-head .main-tit {
    font-size: var(--f46);
    color: #111;
    font-weight: 700;
    line-height: 1.2;
}

/* 方案列表 s */
.sol_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
}
.sol_card {
    border: 1px solid #eee;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sol_card:hover {
    box-shadow: 0 15px 40px rgba(1, 84, 164, 0.1);
    transform: translateY(-10px);
    border-color: transparent;
}
.sol_card .info {
    border-top: none;
}
.sol_more {
    display: inline-flex;
    align-items: center;
    color: var(--theme-color);
    transition: all 0.3s ease;
}
.sol_more i {
    margin-left: 0.08rem;
    transition: transform 0.3s ease;
}
.sol_card:hover .sol_more {
    color: var(--sec-theme-color);
}
.sol_card:hover .sol_more i {
    transform: translateX(5px);
}
/* 方案列表 e */

/* 方案详情 s */
.detail_content p {
    margin-bottom: 0.2rem;
    text-align: justify;
}
.detail_list li {
    position: relative;
    padding-left: 0.3rem;
    margin-bottom: 0.15rem;
    font-size: var(--f16);
    line-height: 1.6;
    color: #444;
}
.detail_list li i {
    position: absolute;
    left: 0;
    top: 0.05rem;
    color: var(--theme-color);
    font-size: var(--f20);
}
.rel_pro_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}
.rel_pro_item {
    display: block;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}
.rel_pro_item:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    border-color: var(--theme-color);
}
.rel_pro_item:hover h4 {
    color: var(--theme-color);
}
.side_form input, .side_form textarea {
    border: 1px solid transparent;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}
.side_form input:focus, .side_form textarea:focus {
    border-color: var(--theme-color);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(1, 84, 164, 0.1);
}
.side_form button:hover {
    background-color: var(--sec-theme-color);
}
/* 右侧边栏跟随 (Sticky Sidebar) */
.sticky_sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 1.2rem; /* 距离顶部的距离，可根据您网站实际的导航栏高度调整 */
    align-self: flex-start; /* 必须加这个，否则在 flex 容器中会默认拉伸等高导致失效 */
}

/* 相关方案列表 (Related Solutions) */
.rel_sol_list li a:hover h4 { color: var(--theme-color); }
.rel_sol_list .pic { width: 0.8rem; height: 0.6rem; flex-shrink: 0; }
.rel_sol_list .pic img { width: 100%; height: 100%; object-fit: cover; }

/* 底部产品轮播 (Product Swiper) */
.rel_pro_slider { padding: 0.1rem 0.1rem 0.5rem; margin: -0.1rem; }
.rel_pro_item { display: block; border: 1px solid #eee; transition: all 0.3s ease; background: #fff; }
.rel_pro_item:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: var(--theme-color); }
.rel_pro_item:hover h4 { color: var(--theme-color); }

/* 自定义轮播按钮样式 */
.rel_pro_slider .swiper-button-next,
.rel_pro_slider .swiper-button-prev {
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    top: auto;
    bottom: 0;
    margin: 0;
}
.rel_pro_slider .swiper-button-next { right: 45%; }
.rel_pro_slider .swiper-button-prev { left: 45%; }
.rel_pro_slider .swiper-button-next::after,
.rel_pro_slider .swiper-button-prev::after {
    font-size: 0.18rem;
    font-weight: bold;
}
.rel_pro_slider .swiper-button-next:hover,
.rel_pro_slider .swiper-button-prev:hover {
    background-color: var(--sec-theme-color);
}
.side_form button{border: none;cursor: pointer;}
/* 表单样式 */
.side_form input, .side_form textarea { border: 1px solid transparent; transition: all 0.3s ease; }
.side_form input:focus, .side_form textarea:focus { border-color: var(--theme-color); background-color: #fff; box-shadow: 0 0 10px rgba(1, 84, 164, 0.1); }
.side_form button:hover { background-color: var(--sec-theme-color); }
/* 方案详情 e */

/* ==================== 响应式适配 (Responsive) ========================= */
@media screen and (max-width: 1200px) {
    .sol_grid { gap: 0.2rem; }
    .detail_left { width: 65%; }
    .detail_right { width: 32%; }
}

@media screen and (max-width: 1000px) {
    .sol_grid { grid-template-columns: repeat(2, 1fr); }
    .detail_left { width: 100%; margin-bottom: 0.4rem; }
    .detail_right { width: 100%; display: flex; gap: 0.2rem; }
    .detail_right .sidebar_box { width: 50%; margin-bottom: 0; }
    .rel_pro_grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 767px) {
    .inner_ban { height: 3rem; }
    .sol_grid { grid-template-columns: 1fr; }
    .detail_right { flex-direction: column; gap: 0; }
    .detail_right .sidebar_box { width: 100%; margin-bottom: 0.3rem; }
    .rel_pro_grid { grid-template-columns: 1fr; }
    .dl_item { flex-direction: column; align-items: flex-start; padding: 0.2rem; }
    .dl_btn { margin-top: 0.2rem; width: 100%; justify-content: center; }
    .dl_tabs a { width: 100%; text-align: center; margin: 0 0 0.1rem; }
	.rel_sol_list .pic{width: 1.2rem;height: 0.9rem;}
}

/* ====================服务样式========================= */

/* 服务支持 s */
/* 服务支持 e */

/* 常见问题 s */
/* ================= 2. FAQ 手风琴 (FAQ Accordion) ================= */
.faq-accordion {
    max-width: 14rem; /* 控制最大宽度，保证阅读体验 */
    margin: 0 auto;
}
.faq-item {
    margin-bottom: 0.2rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.faq-item.active {
    border-color: var(--theme-color);
    box-shadow: 0 8px 20px rgba(1, 172, 200, 0.08);
}
.faq-head {
    padding: 0.25rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #fdfdfd;
    border-radius: 4px;
}
.faq-item.active .faq-head {
    background: #fff;
}
.faq-q {
    font-size: var(--f20);
    color: #111;
    font-weight: 600;
    transition: color 0.3s;
    padding-right: 0.3rem;
    line-height: 1.4;
}
.faq-item:hover .faq-q,
.faq-item.active .faq-q {
    color: var(--theme-color);
}
/* 加号/减号 动画图标 */
.faq-icon {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.faq-icon::before, .faq-icon::after {
    content: '';
    position: absolute;
    background: #111;
    transition: all 0.3s ease;
}
.faq-icon::before {
    top: 8px;
    left: 0;
    width: 18px;
    height: 2px;
}
.faq-icon::after {
    top: 0;
    left: 8px;
    width: 2px;
    height: 18px;
}
.faq-item:hover .faq-icon::before,
.faq-item:hover .faq-icon::after,
.faq-item.active .faq-icon::before,
.faq-item.active .faq-icon::after {
    background: var(--theme-color);
}
.faq-item.active .faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}
.faq-body {
    display: none;
    padding: 0 0.3rem 0.3rem;
}
.faq-content {
    font-size: var(--f16);
    color: #666;
    line-height: 1.75;
    border-top: 1px dashed #e5e7eb;
    padding-top: 0.25rem;
}
/* 常见问题 e */

/* 下载中心 s */
.dl_tabs a {
    padding: 0.15rem 0.4rem;
    color: #666;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 0.1rem 0.2rem;
    transition: all 0.3s ease;
}
.dl_tabs a:hover, .dl_tabs a.active {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
    box-shadow: 0 5px 15px rgba(1, 84, 164, 0.2);
}
.dl_item {
    border: 1px solid transparent;
}
.dl_item:hover {
    border-color: var(--theme-color);
    transform: translateY(-3px);
}
.dl_icon {
    width: 0.8rem;
    height: 0.8rem;
}
.dl_btn {
    padding: 0.16rem 0.45rem;
}
.dl_item:hover .dl_btn {
    background-color: var(--sec-theme-color);
}

/* 下载信息图标美化 */
.dl_meta span { display: inline-flex; align-items: center; }
.dl_meta i { color: var(--theme-color); font-size: var(--f18); }
/* 下载中心 e */

/* 视频中心 s */
/* 视频中心 e */

/* ====================联系样式========================= */

/* 联系我们 s */
.n_contact{}
.n_contact .fl{
	width: 58%;
}
.n_contact .fl .con{}
.n_contact .fl form{}
.n_contact .fl .mui-input-row{
	width: 48%;
	margin-bottom: 0.15rem;
}
.n_contact .fl .mui-input-row input{
	width: 100%;
	font-size: var(--f16);
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F8F7FA;
	border-radius: 0.05rem;
	padding-left: 0.16rem;
	border: none;
}
.n_contact .fl .mui-input-row.w100{
	width: 100%;
}
.n_contact .fl .mui-input-row textarea{
	font-size: var(--f16);
	padding: 0.16rem;
	line-height: 1.5;
	width: 100%;
	height: calc(9em + 0.32rem);
	background: #F4F5F9;
	border-radius: 0.05rem;
	border: none;
}
.n_contact .fl .btn{}
.n_contact .fl .btn button{
	display: inline-block;
	background-color: var(--theme-color);
	color: #fff;
	padding: 0.2rem 0.5rem;
	font-size: var(--f20);
	text-transform: uppercase;
	border: none;
}
.n_contact .fr{
	width: 38%;
}
.n_contact .fr .des{}
.n_contact .fr .con{}
.n_contact .fr ul{}
.n_contact .fr ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n_contact .fr ul li+li{
	margin-top: 0.4rem;
}
.n_contact .fr ul li .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background-color: var(--theme-color);
}
.n_contact .fr ul li .icon:hover{
	background-color: #000;
}
.n_contact .fr ul li .icon i{
	font-size: var(--f30);
	color: #fff;
}
.n_contact .fr ul li .text{
	width: calc(100% - 100px);
	line-height: 1.67;
}
.n_contact .fr ul li .text h5{
	font-size: var(--f20);
	font-weight: 600;
}
.n_contact .fr ul li .text p{
	font-size: var(--f16);
	line-height: 1.5;
	margin-top: 0.05rem;
}
/* 联系我们 e */

/* ====================OEM样式========================= */
:root {
    --sh-oem-theme: #0b3b60; /* 主题深蓝 */
    --sh-oem-theme-light: #0154A4; /* 亮蓝色按钮/图标 */
    --sh-oem-text-main: #333333;
    --sh-oem-text-light: #666666;
    --sh-oem-bg-light: #f8f9fa;
    --sh-oem-border: #eaeaea;
    --sh-oem-radius: 12px;
    --sh-oem-transition: all 0.3s ease;
}

.sh-oem-wwrapper{
	color: var(--sh-oem-text-light);
   font-size: 16px;
   line-height: 1.5;
   background-color: #fff;
}

/* ==================== 公共布局类 ==================== */
.sh-oem-container { position: relative; z-index: 2; }
.sh-oem-section { padding: 80px 0; }
.sh-oem-bg-light { background-color: var(--sh-oem-bg-light); }
.sh-oem-text-center { text-align: center; }
.sh-oem-text-white { color: #ffffff; }
.sh-oem-text-white .SSB { color: #ffffff; }
.sh-oem-mx-auto { margin-left: auto; margin-right: auto; }
.sh-oem-justify-center { justify-content: center; }

/* 悬停浮动效果 */
.sh-oem-hover-up { transition: var(--sh-oem-transition); }
.sh-oem-hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* 按钮样式 */
.sh-oem-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px; /* 图中按钮偏方正 */
    cursor: pointer;
    text-align: center;
    transition: var(--sh-oem-transition);
}
.sh-oem-btn-primary { background-color: var(--sh-oem-theme-light); color: #fff; border: 2px solid var(--sh-oem-theme-light); }
.sh-oem-btn-primary:hover { background-color: #0b5ec2; border-color: #0b5ec2; color: #fff;}
.sh-oem-btn-white { background-color: #fff; color: var(--sh-oem-text-main); border: 2px solid #fff; }
.sh-oem-btn-white:hover { background-color: #f0f0f0; color: var(--sh-oem-theme-light); }
.sh-oem-btn-outline { background-color: transparent; color: #fff; border: 2px solid #fff; }
.sh-oem-btn-outline:hover { background-color: #fff; color: var(--sh-oem-theme); }

/* 公共标题样式 */
.sh-oem-tag-text {
    font-size: 14px;
    font-weight: bold;
    color: var(--sh-oem-theme-light);
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.sh-oem-section-title {
    font-size: 42px;
    color: var(--sh-oem-text-main);
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.2;
}
.sh-oem-section-desc {
    font-size: 18px;
    max-width: 900px;
    margin-bottom: 50px;
}

/* ==================== 1. Hero Section ==================== */
.sh-oem-hero {
    position: relative;
    padding: 120px 0; /* 底部留出空间给悬浮卡片 */
    color: #fff;
}
.sh-oem-hero-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
}
.sh-oem-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.sh-oem-hero-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	inset: 0;
	/* background:linear-gradient(90deg,rgba(6, 37, 61, 0.92) 0%,rgba(1, 84, 164, 0.72) 45%,rgba(6, 37, 61, 0.55) 100%); */
    background: linear-gradient(90deg, rgba(11, 59, 96, 0.98) 0%, rgba(11, 59, 96, 0.8) 100%);
}
.sh-oem-hero-content { max-width: 900px; }
.sh-oem-tag {
    display: inline-block; padding: 5px 15px; background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3); font-size: 14px; margin-bottom: 20px;
}
.sh-oem-hero-title { font-size: 54px; margin-top: 0; margin-bottom: 25px; line-height: 1.1; }
.sh-oem-hero-desc { font-size: 20px; font-weight: 500; margin-bottom: 20px; }
.sh-oem-hero-subdesc { font-size: 16px; opacity: 0.9; margin-bottom: 40px; }
.sh-oem-hero-btns { display: flex; gap: 20px; }

/* Hero 悬浮卡片 */
.sh-oem-hero-cards {
	position: relative;
   /* position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); */
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;  z-index: 3;margin-top: 0.5rem;
}
.sh-oem-hero-card {
    background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2); padding: 35px 30px;
    color: #fff; border-radius: 8px; transition: var(--sh-oem-transition);
}
.sh-oem-hero-card:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px); }
.sh-oem-hero-card h3 { font-size: 24px; margin-top: 0; margin-bottom: 15px; }
.sh-oem-hero-card p { font-size: 16px; opacity: 0.9; margin-bottom: 0; line-height: 1.5;}

/* ==========================================================================
   Core Products - 双核旗舰布局
   ========================================================================== */

.yj-pro-dual-card {
    height: 5.8rem; /* 足够高，显得大气 */
}

/* 默认遮罩：底部深色，顶部透明，保证文字清晰 */
.yj-pro-dual-mask {
    background: linear-gradient(to top, rgba(0, 19, 34, 0.35) 0%, rgba(0, 19, 34, 0.2) 20%, rgba(0, 19, 34, 0) 100%);
}

/* Hover遮罩：融入品牌主题色，增加互动质感 */
.yj-pro-dual-card:hover .yj-pro-dual-mask {
    background: linear-gradient(to top, rgba(0, 19, 34, 0.95) 0%, rgba(0, 91, 172, 0.7) 60%, rgba(0, 91, 172, 0.2) 100%);
}

.yj-pro-dual-list{
	display: none;
}

/* 图标容器 */
.yj-pro-dual-icon {
    width: 0.64rem;
    height: 0.64rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2);
}

.yj-pro-dual-icon img{
	max-width: 55%;
}

/* 列表项的自定义圆点 */
.yj-pro-dual-list li {
    position: relative;
    padding-left: 0.2rem;
    opacity: 0.9;
}

.yj-pro-dual-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.06rem;
    width: 0.08rem;
    height: 0.08rem;
    background-color: var(--theme-color);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.yj-pro-dual-card:hover .yj-pro-dual-list li::before {
    background-color: #fff; /* Hover时圆点变白，因为背景变蓝了 */
}

/* 响应式适配 */
@media screen and (max-width: 1200px) {
    .yj-pro-dual-head { flex-direction: column; align-items: flex-start; }
    .yj-pro-dual-head .w60, .yj-pro-dual-head .w40 { width: 100%; }
    .yj-pro-dual-head .w40 { justify-content: flex-start; margin-top: 0.2rem; }
    .yj-pro-dual-head p { text-align: left; }

    .yj-pro-dual-card { height: 5rem; }
}

@media screen and (max-width: 992px) {
    .yj-pro-dual-wrap { flex-direction: column; }
    .yj-pro-dual-card { width: 100%; margin-bottom: 0.4rem; height: auto; min-height: 5rem; }
}

@media screen and (max-width: 768px) {
    .yj-pro-dual-card { min-height: 4.5rem; }
    .yj-pro-dual-card .p50 { padding: 0.3rem; }
    .yj-pro-dual-list li { width: 100%; } /* 手机端列表单列显示 */
    .yj-pro-dual-card h3 { font-size: 0.28rem; }
}

/* ==================== 2. Customization Advantages ==================== */
.sh-oem-adv-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 一行两个 */
    gap: 30px;
}
.sh-oem-adv-card {
    position: relative;
    background: #fff;
    padding: 50px 40px;
    border-radius: var(--sh-oem-radius);
    border: 1px solid var(--sh-oem-border);
    overflow: hidden;
    z-index: 1;
}
/* 数字水印背景 */
.sh-oem-adv-num-bg {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 100px;
    font-weight: 900;
    color: rgba(0,0,0,0.03);
    line-height: 1;
    z-index: -1;
    user-select: none;
}
.sh-oem-adv-icon {
    font-size: 40px;
    color: var(--sh-oem-theme-light);
    margin-bottom: 20px;
}
.sh-oem-adv-card h3 { font-size: 24px; color: var(--sh-oem-text-main); margin-top: 0; margin-bottom: 15px; }
.sh-oem-adv-card p { font-size: 16px; margin-bottom: 0; }

/* ==================== 3. Customization Scope ==================== */
.sh-oem-scope-grid { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--sh-oem-radius); overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.sh-oem-scope-left { background: #1a1a1a; color: #fff; padding: 60px; }
.sh-oem-scope-right { background: #fff; padding: 60px; }
.sh-oem-scope-title { font-size: 32px; margin-top: 0; margin-bottom: 40px; }
.sh-oem-scope-left .sh-oem-scope-title { color: #fff; }
.sh-oem-scope-right .sh-oem-scope-title { color: var(--sh-oem-text-main); }

.sh-oem-scope-items { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.sh-oem-scope-item { display: flex; flex-direction: column; }
.sh-oem-scope-num { font-size: 36px; font-weight: 700; color: var(--sh-oem-theme-light); margin-bottom: 10px; line-height: 1; }
.sh-oem-scope-text h4 { font-size: 20px; color: #fff; margin-top: 0; margin-bottom: 10px; }
.sh-oem-scope-text p { font-size: 15px; color: rgba(255,255,255,0.7); margin-bottom: 0; }

.sh-oem-check-list { list-style: none; padding: 0; margin: 0; }
.sh-oem-check-list li { position: relative; padding-left: 30px; margin-bottom: 20px; font-size: 18px; color: var(--sh-oem-text-main); }
.sh-oem-check-list li i { position: absolute; left: 0; top: 4px; color: var(--sh-oem-theme-light); font-size: 18px; }

/* ==================== 4. Core Product Coverage ==================== */
.sh-oem-coverage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.sh-oem-coverage-card { padding: 50px; border-radius: var(--sh-oem-radius); }
.sh-oem-coverage-light { background: #f8f9fa; border: 1px solid var(--sh-oem-border); }
.sh-oem-coverage-blue { background: var(--sh-oem-theme-light); color: #fff; }
.sh-oem-coverage-light h3 { font-size: 28px; color: var(--sh-oem-text-main); margin-top: 0; margin-bottom: 30px; }
.sh-oem-coverage-blue h3 { font-size: 28px; color: #fff; margin-top: 0; margin-bottom: 30px; }

.sh-oem-dot-list { list-style: none; padding: 0; margin: 0; }
.sh-oem-dot-list li { position: relative; padding-left: 20px; margin-bottom: 15px; font-size: 18px; }
.sh-oem-coverage-light .sh-oem-dot-list li { color: var(--sh-oem-text-light); }
.sh-oem-coverage-blue .sh-oem-dot-list li { color: #fff; }
.sh-oem-dot-list li::before {
    content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%;
}
.sh-oem-coverage-light .sh-oem-dot-list li::before { background: var(--sh-oem-theme-light); }
.sh-oem-coverage-blue .sh-oem-dot-list li::before { background: #fff; }

/* ==================== 5. How We Support ==================== */
.sh-oem-process { position: relative; margin-top: 60px; }
.sh-oem-process-line {
    position: absolute; top: 25px; left: 10%; width: 80%; height: 2px;
    background: #dde2e6; z-index: 1;
}
.sh-oem-process-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; z-index: 2; }
.sh-oem-process-item { text-align: center; background: #fff; padding: 30px 20px; border-radius: 8px; border: 1px solid var(--sh-oem-border); }
.sh-oem-process-circle {
    width: 50px; height: 50px; margin: 0 auto 20px; background: #fff;
    border: 2px solid var(--sh-oem-theme-light); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; font-weight: 700; color: var(--sh-oem-theme-light);
}
.sh-oem-process-item h4 { font-size: 18px; color: var(--sh-oem-text-main); margin-top: 0; margin-bottom: 15px; }
.sh-oem-process-item p { font-size: 14px; margin-bottom: 0; }

/* ==================== 6. Engineering Support ==================== */
.sh-oem-support { position: relative; padding: 100px 0; background: linear-gradient(rgba(11, 59, 96, 0.9), rgba(11, 59, 96, 0.96)), var(--subian-oem-support-bg) center / cover no-repeat;}
.sh-oem-support-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.sh-oem-rect-img { width: 100%; height: 100%; object-fit: cover; }
.sh-oem-support-bg::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(11, 59, 96, 0.9); /* 深蓝色遮罩 */
}
.sh-oem-support-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 50px; }
.sh-oem-support-card {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15);
    padding: 40px 30px; border-radius: var(--sh-oem-radius); color: #fff;
}
.sh-oem-support-icon {
    width: 50px; height: 50px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 20px;
}
.sh-oem-support-card h4 { font-size: 22px; color: #fff; margin-top: 0; margin-bottom: 15px; }
.sh-oem-support-card p { font-size: 15px; color: rgba(255,255,255,0.8); margin-bottom: 0; }

/* ==================== 7. Why Choose Shenheng ==================== */
.sh-oem-why { position: relative; background: #08223a; color: #fff; padding: 100px 0; overflow: hidden;background: linear-gradient(rgba(8,34,58, 0.92), rgba(8,34,58, 0.98)), var(--subian-oem-why-bg) center / cover no-repeat;}
.sh-oem-why-bg {
    position: absolute; top: 0; right: 0; width: 50%; height: 100%; opacity: 0.2;
    background-image: radial-gradient(#ffffff 1px, transparent 1px); background-size: 20px 20px;
}
.sh-oem-why-wrapper { display: grid; grid-template-columns: 40% 60%; gap: 50px; align-items: center; }
.sh-oem-why-title { font-size: 48px; color: #fff; margin-top: 0; margin-bottom: 30px; line-height: 1.1; }
.sh-oem-why-left p { font-size: 18px; color: rgba(255,255,255,0.8); margin-bottom: 40px; }
.sh-oem-why-right { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.sh-oem-why-card {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    padding: 40px 30px; border-radius: var(--sh-oem-radius);
}
.sh-oem-why-card h4 { font-size: 24px; color: #fff; margin-top: 0; margin-bottom: 15px; }
.sh-oem-why-card p { font-size: 16px; color: rgba(255,255,255,0.7); margin-bottom: 0; line-height: 1.6;}

/* ==================== 8. CTA Section ==================== */
.sh-oem-cta { background: var(--sh-oem-theme); color: #fff; padding: 80px 0;background: var(--subian-oem-cta-bg) no-repeat center/cover;}
.sh-oem-cta-title { font-size: 42px; color: #fff; margin-top: 0; margin-bottom: 20px; }
.sh-oem-cta-desc { font-size: 18px; max-width: 1000px; margin: 0 auto 40px; color: rgba(255,255,255,0.8); }

/* ==================== 响应式适配 ==================== */
@media (max-width: 1400px) {
    .sh-oem-hero-title { font-size: 46px; }
    .sh-oem-section-title, .sh-oem-why-title, .sh-oem-cta-title { font-size: 36px; }
    .sh-oem-scope-left, .sh-oem-scope-right { padding: 40px; }
}

@media (max-width: 1200px) {
    .sh-oem-hero-cards { position: relative; bottom: 0; transform: none; left: 0; margin-top: 50px; }
    .sh-oem-hero { padding-bottom: 80px; }
    .sh-oem-advantages { padding-top: 80px; }
    .sh-oem-support-grid { grid-template-columns: repeat(2, 1fr); }
    .sh-oem-why-wrapper { grid-template-columns: 1fr; }
    .sh-oem-why-bg { width: 100%; }
}

@media (max-width: 992px) {
    .sh-oem-hero-cards { grid-template-columns: 1fr; }
    .sh-oem-adv-grid { grid-template-columns: 1fr; }
    .sh-oem-scope-grid { grid-template-columns: 1fr; }
    .sh-oem-coverage-grid { grid-template-columns: 1fr; }
    .sh-oem-process-grid { grid-template-columns: repeat(2, 1fr); }
    .sh-oem-process-line { display: none; } /* 平板以下隐藏流程线 */
}

@media (max-width: 768px) {
    .sh-oem-hero-title { font-size: 36px; }
    .sh-oem-section-title, .sh-oem-why-title, .sh-oem-cta-title { font-size: 28px; }
    .sh-oem-hero-btns { flex-direction: column; }
    .sh-oem-scope-items { grid-template-columns: 1fr; }
    .sh-oem-process-grid { grid-template-columns: 1fr; }
    .sh-oem-support-grid { grid-template-columns: 1fr; }
    .sh-oem-why-right { grid-template-columns: 1fr; }
    .sh-oem-scope-left, .sh-oem-scope-right { padding: 30px 20px; }
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
	.Header-container .c-nav>li{
		margin-right: 0.4rem;
	}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pc{display: none;}
	.mb{display: block;}
}

@media all and (max-width:768px) {

}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}

@media all and (max-width:480px) {

}

@media all and (max-width:420px) {

}

@media all and (max-width:376px) {

}

/* Subian inner pages: solutions, cases, news, contact, downloads and FAQ */
.subian-inner {
    --subian-in-blue: #0b74c8;
    --subian-in-cyan: #18b8e8;
    --subian-in-navy: #061a33;
    --subian-in-ink: #102a4c;
    --subian-in-body: #53657b;
    --subian-in-line: #dce5ed;
    --subian-in-soft: #f3f7fa;
    color: var(--subian-in-ink);
    background: #fff;
}

.subian-ban {
    position: relative;
    height: 5.2rem;
    overflow: hidden;
    color: #fff;
    background: var(--subian-in-navy);
}

.subian-ban-img,
.subian-ban-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.subian-ban-img {
    object-fit: cover;
}

.subian-ban-shade {
    background: linear-gradient(90deg, rgba(4, 22, 48, 0.97) 0%, rgba(4, 27, 60, 0.88) 40%, rgba(4, 27, 60, 0.42) 64%, rgba(4, 27, 60, 0.08) 100%);
}

.subian-ban-in {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.subian-ban-title {
    max-width: 9.2rem;
    margin: 0;
    color: #fff;
    font-size: var(--f48);
    font-weight: 800;
    line-height: 1.12;
}

.subian-bread {
    max-width: 100%;
    margin-top: 0.22rem;
    padding: 0.1rem 0.16rem;
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.3rem;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 0.06rem 0.16rem rgba(4, 20, 45, 0.12);
    scrollbar-width: none;
    backdrop-filter: blur(12px) saturate(125%);
}

.subian-bread::-webkit-scrollbar {
    display: none;
}

.subian-bread svg {
    width: 0.18rem;
    height: 0.18rem;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #fff;
}

.subian-bread > div {
    min-width: 0;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.76);
    white-space: nowrap;
}

.subian-bread a {
    padding: 0 0.03rem;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.88);
    font-size: var(--f16);
    line-height: 1.4;
}

.subian-bread a:hover,
.subian-bread a:focus-visible {
    color: #fff;
}

.subian-section {
    padding: 0.8rem 0;
}

.subian-section--soft {
    background: var(--subian-in-soft);
}

.subian-head {
    max-width: 12rem;
    margin: 0 auto 0.5rem;
    text-align: center;
}

.subian-head-tag {
    margin-bottom: 0.1rem;
    color: var(--subian-in-blue);
    font-size: var(--f16);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.subian-head-title {
    color: #111;
    font-size: var(--f46);
    font-weight: 800;
    line-height: 1.16;
    text-wrap: balance;
}

.subian-head-desc {
    max-width: 7.6rem;
    margin: 0.18rem auto 0;
    color: var(--subian-in-body);
}

.subian-sol-grid,
.subian-news-grid,
.subian-case-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.3rem;
}

.subian-sol-card,
.subian-news-card,
.subian-case-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}

.subian-sol-card,
.subian-case-card {
    border: 1px solid var(--subian-in-line);
    border-radius: 0.08rem;
}

.subian-sol-card:hover,
.subian-case-card:hover {
    border-color: transparent;
    transform: translateY(-0.08rem);
    box-shadow: 0 0.18rem 0.4rem rgba(6, 26, 51, 0.12);
}

.subian-sol-card > a,
.subian-news-card > a,
.subian-case-card > a {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.subian-card-pic {
    overflow: hidden;
    background: #edf3f7;
}

.subian-card-pic img {
    object-fit: cover;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.subian-sol-card:hover .subian-card-pic img,
.subian-news-card:hover .subian-card-pic img,
.subian-case-card:hover .subian-card-pic img {
    transform: scale(1.045);
}

.subian-sol-copy,
.subian-case-copy {
    padding: 0.3rem;
    flex: 1;
}

.subian-card-title {
    color: var(--subian-in-ink);
    font-size: var(--f26);
    font-weight: 800;
}

.subian-card-desc {
    min-height: 3em;
    margin-top: 0.14rem;
    color: var(--subian-in-body);
}

.subian-card-more {
    margin-top: 0.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.09rem;
    color: var(--subian-in-blue);
    font-size: var(--f16);
    font-weight: 800;
}

.subian-card-more svg {
    width: 0.18rem;
    height: 0.18rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.3s ease;
}

.subian-sol-card:hover .subian-card-more,
.subian-case-card:hover .subian-card-more {
    color: var(--subian-in-cyan);
}

.subian-sol-card:hover .subian-card-more svg,
.subian-case-card:hover .subian-card-more svg {
    transform: translateX(0.05rem);
}

.subian-news-card {
    box-shadow: 0 0.08rem 0.28rem rgba(6, 26, 51, 0.09);
}

.subian-news-card:hover {
    transform: translateY(-0.06rem);
    box-shadow: 0 0.18rem 0.38rem rgba(6, 26, 51, 0.14);
}

.subian-news-copy {
    position: relative;
    padding: 0.4rem 0.3rem 0.3rem;
    flex: 1;
}

.subian-news-date {
    position: absolute;
    left: 0.3rem;
    bottom: 100%;
    width: 0.8rem;
    margin-bottom: -0.25rem;
    z-index: 2;
    text-align: center;
}

.subian-news-date strong,
.subian-news-date span {
    display: block;
}

.subian-news-date strong {
    color: #fff;
    background: linear-gradient(115deg, var(--subian-in-blue), var(--subian-in-cyan));
    font-size: var(--f30);
    line-height: 2.2;
}

.subian-news-date span {
    color: var(--subian-in-body);
    background: #eef2f6;
    font-size: var(--f12);
    line-height: 1.8;
    text-transform: uppercase;
}

.subian-news-title {
    min-height: 2.6em;
    color: var(--subian-in-ink);
    font-size: var(--f24);
    font-weight: 800;
}

.subian-news-desc {
    min-height: 3em;
    margin-top: 0.15rem;
    color: var(--subian-in-body);
}

.subian-contact {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(4.6rem, 0.95fr);
    gap: 0.72rem;
    align-items: start;
}

.subian-contact-tag {
    color: var(--subian-in-blue);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.subian-contact-title {
    margin-top: 0.08rem;
    color: #111;
    font-size: var(--f42);
    font-weight: 800;
}

.subian-form {
    margin-top: 0.34rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-field--full {
    grid-column: 1 / -1;
}

.subian-field input,
.subian-field textarea {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.05rem;
    color: var(--subian-in-ink);
    background: #f4f6f9;
    font-family: inherit;
    font-size: var(--f16);
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.subian-field input {
    height: 0.6rem;
    padding: 0 0.16rem;
}

.subian-field textarea {
    min-height: 2.1rem;
    padding: 0.16rem;
    line-height: 1.55;
    resize: vertical;
}

.subian-field input:focus,
.subian-field textarea:focus {
    border-color: var(--subian-in-blue);
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 0.04rem rgba(11, 116, 200, 0.1);
}

.subian-submit {
    min-height: 0.56rem;
    padding: 0.16rem 0.34rem;
    border: 0;
    border-radius: 0.05rem;
    color: #fff;
    background: linear-gradient(115deg, var(--subian-in-blue), var(--subian-in-cyan));
    font-family: inherit;
    font-size: var(--f16);
    font-weight: 800;
    cursor: pointer;
}

.subian-contact-form {
    margin-top: 0.34rem;
}

.subian-contact-form .fluentform .ff-t-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-contact-form .fluentform .ff-t-cell {
    width: 100% !important;
    padding: 0 !important;
}

.subian-contact-form .fluentform .ff-el-group {
    margin-bottom: 0.16rem;
}

.subian-contact-form .fluentform .ff-el-input--label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.subian-contact-form .fluentform .ff-el-form-control {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.05rem;
    color: var(--subian-in-ink);
    background: #f4f6f9;
    font-family: inherit;
    font-size: var(--f16);
    outline: none;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.subian-contact-form .fluentform input.ff-el-form-control {
    height: 0.6rem;
    padding: 0 0.16rem;
}

.subian-contact-form .fluentform textarea.ff-el-form-control {
    min-height: 2.1rem;
    padding: 0.16rem;
    line-height: 1.55;
    resize: vertical;
}

.subian-contact-form .fluentform .ff-el-form-control:focus {
    border-color: var(--subian-in-blue);
    background: #fff;
    box-shadow: 0 0 0 0.04rem rgba(11, 116, 200, 0.1);
}

.subian-contact-form .fluentform .ff-btn-submit {
    min-height: 0.56rem;
    padding: 0.16rem 0.34rem;
    border: 0;
    border-radius: 0.05rem;
    color: #fff;
    background: linear-gradient(115deg, var(--subian-in-blue), var(--subian-in-cyan));
    font-family: inherit;
    font-size: var(--f16);
    font-weight: 800;
    cursor: pointer;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.subian-contact-form .fluentform .ff-btn-submit:hover {
    color: #fff;
    box-shadow: 0 0.12rem 0.28rem rgba(11, 116, 200, 0.22);
    transform: translateY(-0.03rem);
}

.subian-inner .subian-contact-form .fluentform .frm-fluent-form .ff-btn-submit {
    min-height: 0.56rem;
    padding: 0.16rem 0.34rem;
    border-radius: 0.05rem;
    color: #fff;
}

.subian-contact-lead {
    margin-top: 0.28rem;
    color: var(--subian-in-body);
}

.subian-contact-list {
    margin-top: 0.3rem;
    display: grid;
    gap: 0.4rem;
}

.subian-contact-item {
    display: grid;
    grid-template-columns: 0.8rem minmax(0, 1fr);
    gap: 0.2rem;
    align-items: center;
}

.subian-contact-icon {
    width: 0.8rem;
    height: 0.8rem;
    display: grid;
    place-items: center;
    color: #fff;
    background: #0b4d98;
    transition: background 0.25s ease, transform 0.25s ease;
}

.subian-contact-item:hover .subian-contact-icon {
    background: var(--subian-in-blue);
    transform: translateY(-0.03rem);
}

.subian-contact-icon .iconfont {
    margin: 0;
    color: #fff !important;
    font-size: var(--f30);
    font-weight: 400;
    line-height: 1;
}

.subian-contact-item h3 {
    margin: 0;
    color: var(--subian-in-ink);
    font-size: var(--f20);
    font-weight: 600;
    line-height: 1.35;
}

.subian-contact-copy {
    min-width: 0;
    line-height: 1.67;
}

.subian-contact-value {
    margin-top: 0.05rem;
    display: block;
    color: var(--subian-in-body);
    font-size: var(--f16);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

a.subian-contact-value:hover {
    color: var(--subian-in-blue);
}

.subian-dl {
    max-width: 14rem;
    margin: 0 auto;
    display: grid;
    gap: 0.18rem;
}

.subian-dl-item {
    min-height: 1.34rem;
    padding: 0.28rem 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.28rem;
    border: 1px solid transparent;
    border-radius: 0.08rem;
    background: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(6, 26, 51, 0.06);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.subian-dl-item:hover {
    border-color: var(--subian-in-blue);
    transform: translateY(-0.03rem);
}

.subian-dl-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.subian-dl-icon {
    width: 0.8rem;
    height: 0.8rem;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 0.08rem;
    color: var(--subian-in-blue);
    background: #edf3f7;
}

.subian-dl-icon i {
    font-size: var(--f36);
}

.subian-dl-title {
    color: var(--subian-in-ink);
    font-size: var(--f22);
    font-weight: 800;
}

.subian-dl-meta {
    margin-top: 0.09rem;
    display: flex;
    align-items: center;
    gap: 0.22rem;
    color: var(--subian-in-body);
}

.subian-dl-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
}

.subian-dl-meta i {
    color: var(--subian-in-blue);
}

.subian-dl-btn {
    min-height: 0.5rem;
    padding: 0.14rem 0.32rem;
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    border-radius: 0.3rem;
    color: #fff;
    background: var(--subian-in-blue);
    font-size: var(--f16);
    font-weight: 800;
}

.subian-dl-btn:hover {
    color: #fff;
    background: var(--subian-in-cyan);
}

.subian-faq {
    max-width: 14rem;
    margin: 0 auto;
}

.subian-faq-item {
    margin-bottom: 0.18rem;
    overflow: hidden;
    border: 1px solid var(--subian-in-line);
    border-radius: 0.05rem;
    background: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.subian-faq-item.is-active {
    border-color: var(--subian-in-blue);
    box-shadow: 0 0.08rem 0.22rem rgba(11, 116, 200, 0.08);
}

.subian-faq-head {
    width: 100%;
    min-height: 0.78rem;
    padding: 0.22rem 0.28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
    border: 0;
    color: var(--subian-in-ink);
    background: #fff;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.subian-faq-q {
    font-size: var(--f20);
    font-weight: 800;
    line-height: 1.4;
}

.subian-faq-item:hover .subian-faq-q,
.subian-faq-item.is-active .subian-faq-q {
    color: var(--subian-in-blue);
}

.subian-faq-icon {
    position: relative;
    width: 0.18rem;
    height: 0.18rem;
    flex: none;
}

.subian-faq-icon::before,
.subian-faq-icon::after {
    position: absolute;
    content: "";
    background: currentColor;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.subian-faq-icon::before {
    top: 0.08rem;
    left: 0;
    width: 0.18rem;
    height: 2px;
}

.subian-faq-icon::after {
    top: 0;
    left: 0.08rem;
    width: 2px;
    height: 0.18rem;
}

.subian-faq-item.is-active .subian-faq-icon::after {
    opacity: 0;
    transform: rotate(90deg);
}

.subian-faq-body {
    display: none;
    padding: 0 0.28rem 0.28rem;
}

.subian-faq-item.is-active .subian-faq-body {
    display: block;
}

.subian-faq-copy {
    padding-top: 0.22rem;
    border-top: 1px dashed var(--subian-in-line);
    color: var(--subian-in-body);
    font-size: var(--f16);
    line-height: 1.75;
}

.subian-detail,
.subian-article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3.7rem;
    gap: 0.45rem;
    align-items: start;
}

.subian-detail-main,
.subian-article-main,
.subian-side-box {
    background: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(6, 26, 51, 0.07);
}

.subian-detail-main,
.subian-article-main {
    padding: 0.42rem;
}

.subian-detail-title,
.subian-article-title {
    color: var(--subian-in-ink);
    font-size: var(--f36);
    font-weight: 850;
}

.subian-detail-pic {
    margin: 0.28rem 0;
    overflow: hidden;
    border-radius: 0.06rem;
    background: var(--subian-in-soft);
}

.subian-detail-pic img {
    width: 100%;
    max-height: 6.6rem;
    object-fit: cover;
}

.subian-detail-content,
.subian-article-content {
    color: #394b60;
    font-size: var(--f16);
    line-height: 1.8;
}

.subian-detail-content > div,
.subian-article-content > div {
    margin-bottom: 1em;
}

.subian-side {
    position: sticky;
    top: 1.2rem;
}

.subian-side-box {
    padding: 0.28rem;
}

.subian-side-box + .subian-side-box {
    margin-top: 0.26rem;
}

.subian-side-title {
    padding-bottom: 0.15rem;
    border-bottom: 1px solid var(--subian-in-line);
    color: var(--subian-in-ink);
    font-size: var(--f22);
    font-weight: 800;
}

.subian-related {
    margin-top: 0.2rem;
    display: grid;
    gap: 0.16rem;
}

.subian-related a {
    display: grid;
    grid-template-columns: 0.86rem minmax(0, 1fr);
    gap: 0.14rem;
    align-items: center;
}

.subian-related img {
    width: 0.86rem;
    height: 0.64rem;
    object-fit: cover;
}

.subian-related strong {
    color: var(--subian-in-ink);
    font-size: var(--f16);
    line-height: 1.4;
}

.subian-related a:hover strong {
    color: var(--subian-in-blue);
}

.subian-rel-title {
    margin: 0.42rem 0 0.2rem;
    color: var(--subian-in-ink);
    font-size: var(--f26);
    font-weight: 800;
}

.subian-rel-wrap {
    position: relative;
    padding-bottom: 0;
}

.subian-rel-card {
    display: block;
    overflow: hidden;
    border: 1px solid var(--subian-in-line);
    background: #fff;
}

.subian-rel-card h3 {
    min-height: 0.72rem;
    padding: 0.14rem;
    color: var(--subian-in-ink);
    font-size: var(--f16);
    font-weight: 800;
    text-align: center;
}

.subian-rel-wrap .subian-rel-next,
.subian-rel-wrap .subian-rel-prev {
    top: 50%;
    bottom: auto;
    width: 0.46rem;
    height: 0.46rem;
    margin: 0;
    border: 1px solid rgba(12, 43, 78, 0.14);
    border-radius: 50%;
    color: var(--subian-in-blue);
    background: #fff;
    box-shadow: 0 0.08rem 0.24rem rgba(7, 35, 66, 0.14);
    transform: translateY(-50%);
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.subian-rel-wrap .subian-rel-next {
    right: -0.23rem;
    left: auto;
}

.subian-rel-wrap .subian-rel-prev {
    right: auto;
    left: -0.23rem;
}

.subian-rel-wrap .subian-rel-next::after,
.subian-rel-wrap .subian-rel-prev::after {
    font-size: var(--f16);
    font-weight: 800;
}

.subian-rel-wrap .subian-rel-next:hover,
.subian-rel-wrap .subian-rel-prev:hover {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(135deg, var(--subian-in-blue), #16bed5);
    box-shadow: 0 0.1rem 0.28rem rgba(5, 113, 184, 0.24);
}

.subian-rel-wrap .swiper-button-disabled {
    opacity: 0.35;
}

.subian-article-meta {
    margin-top: 0.14rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid var(--subian-in-line);
    color: var(--subian-in-body);
}

.subian-article-content {
    margin-top: 0.28rem;
}

.subian-article-content h2,
.subian-article-content h3,
.subian-article-content h4 {
    scroll-margin-top: 1.2rem;
    color: var(--subian-in-ink);
    font-weight: 800;
    line-height: 1.4;
}

.subian-article-content h2 {
    margin: 1.1em 0 0.55em;
    padding-bottom: 0.12rem;
    border-bottom: 1px solid var(--subian-in-line);
    font-size: var(--f26);
}

.subian-article-content h3 {
    margin: 1em 0 0.5em;
    font-size: var(--f22);
}

.subian-article-content p {
    margin-bottom: 1em;
}

.subian-article-nav {
    margin-top: 0.28rem;
    padding-top: 0.22rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem;
    border-top: 1px solid var(--subian-in-line);
    color: var(--subian-in-body);
	line-height: 1.45;
}

.subian-article-nav > div {
    min-width: 0;
    min-height: 1.08rem;
    padding: 0.18rem 0.2rem;
    border-radius: 0.06rem;
    background: #f3f7fa;
    transition: background 0.25s ease, transform 0.25s ease;
}

.subian-article-nav > div:hover {
    background: #eaf3f8;
    transform: translateY(-0.02rem);
}

.subian-article-nav span {
    display: block;
    margin-bottom: 0.06rem;
    color: #7a8c9e;
    font-weight: 650;
}

.subian-article-nav a {
    color: var(--subian-in-ink);
    font-weight: 700;
}

.subian-article-nav a:hover {
    color: var(--subian-in-blue);
}

.subian-article-nav > div:last-child {
    text-align: right;
}

.subian-toc-list {
    margin-top: 0.18rem;
    display: grid;
    gap: 0.06rem;
}

.subian-toc-list li {
    min-width: 0;
}

.subian-toc-list a {
    width: 100%;
    padding: 0.09rem 0.12rem;
    display: block;
    border-radius: 0.04rem;
    color: var(--subian-in-body);
    font-size: var(--f16);
    line-height: 1.45;
    transition: color 0.25s ease, background 0.25s ease;
}

.subian-toc-list > li > a {
    color: var(--subian-in-ink);
    font-weight: 700;
}

.subian-toc-list a:hover,
.subian-toc-list a:focus-visible {
    color: var(--subian-in-blue);
    background: #edf5f9;
}

.subian-toc-list a:focus-visible {
    outline: 2px solid rgba(11, 116, 200, 0.28);
    outline-offset: 2px;
}

.subian-toc-list .two {
    margin: 0.01rem 0 0.04rem 0.22rem;
    padding-left: 0.08rem;
    display: grid;
    gap: 0.01rem;
}

.subian-toc-list .two li {
    color: #9bacc0;
    list-style: "–  ";
}

.subian-toc-list .two li::marker {
    font-size: 0.9em;
}

.subian-toc-list .two a {
    padding: 0.07rem 0.1rem;
    color: #667b92;
    font-weight: 500;
    line-height: 1.5;
}

.subian-toc-list .two a:hover,
.subian-toc-list .two a:focus-visible {
    color: var(--subian-in-blue);
    background: #f3f8fb;
}

.subian-page {
    padding-top: 0.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subian-page a,
.subian-page span {
    width: 0.48rem;
    height: 0.48rem;
    min-width: 32px;
    min-height: 32px;
    margin: 0 0.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--subian-in-line);
    border-radius: 50%;
    color: var(--subian-in-ink);
    font-size: var(--f16);
}

.subian-page a.page-num-current,
.subian-page a:hover {
    border-color: var(--subian-in-blue);
    color: #fff;
    background: var(--subian-in-blue);
}

.subian-empty {
    padding: 0.7rem 0;
    color: var(--subian-in-body);
    font-size: var(--f18);
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .subian-inner *,
    .subian-inner *::before,
    .subian-inner *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media screen and (max-width: 1200px) {
    .subian-sol-grid,
    .subian-news-grid,
    .subian-case-grid {
        gap: 0.22rem;
    }

    .subian-detail,
    .subian-article {
        grid-template-columns: minmax(0, 1fr) 3.3rem;
    }
}

@media screen and (max-width: 1000px) {
    .subian-ban {
        height: 3.6rem;
    }

    .subian-sol-grid,
    .subian-news-grid,
    .subian-case-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-contact,
    .subian-detail,
    .subian-article {
        grid-template-columns: minmax(0, 1fr);
    }

    .subian-detail-main,
    .subian-article-main {
        min-width: 0;
    }

    .subian-side {
        position: static;
    }
}

@media screen and (max-width: 767px) {
    .subian-ban {
        height: 2.8rem;
    }

    .subian-ban-title {
        font-size: 0.34rem;
    }

    .subian-sol-grid,
    .subian-news-grid,
    .subian-case-grid,
    .subian-form {
        grid-template-columns: 1fr;
    }

    .subian-dl-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .subian-dl-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Subian product list */
.subian-pro-page {
    --subian-pro-blue: #0b74c8;
    --subian-pro-cyan: #18b8e8;
    --subian-pro-ink: #102a4c;
    --subian-pro-body: #586a7f;
    --subian-pro-line: #dfe7ee;
    --subian-pro-soft: #f4f7f9;
}

.subian-pro-section {
    padding: 0.66rem 0 0.86rem;
    background: #fff;
}

.subian-pro-nav {
    margin-bottom: 0.48rem;
    padding: 0.26rem;
    border: 1px solid #e7edf2;
    background: #fff;
    box-shadow: 0 0.1rem 0.3rem rgba(6, 26, 51, 0.055);
}

.subian-pro-cats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.12rem;
}

.subian-pro-cat {
    position: relative;
    min-width: 0;
    min-height: 0.68rem;
    padding: 0.16rem 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.12rem;
    overflow: hidden;
    border: 1px solid #e3e9ee;
    border-radius: 0.05rem;
    color: #566779;
    background: var(--subian-pro-soft);
    font-size: var(--f16);
    font-weight: 700;
    line-height: 1.35;
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.subian-pro-cat::after {
    position: absolute;
    top: -0.25rem;
    right: -0.18rem;
    width: 0.9rem;
    height: 0.9rem;
    content: "";
    border: 1px solid rgba(16, 42, 76, 0.08);
    transform: rotate(35deg);
}

.subian-pro-cat:hover {
    border-color: rgba(11, 116, 200, 0.35);
    color: var(--subian-pro-blue);
    background: #eef6fb;
    transform: translateY(-0.02rem);
}

.subian-pro-cat.is-active {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(115deg, var(--subian-pro-blue), var(--subian-pro-cyan));
    box-shadow: 0 0.1rem 0.24rem rgba(11, 116, 200, 0.2);
}

.subian-pro-cat.is-active::after {
    border-color: rgba(255, 255, 255, 0.22);
}

.subian-pro-cat-mark {
    width: 0.14rem;
    height: 0.14rem;
    flex: none;
    border: 2px solid currentColor;
    border-radius: 50%;
    opacity: 0.72;
}

.subian-pro-cat.is-active .subian-pro-cat-mark {
    border-width: 0.04rem;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.28);
    opacity: 1;
}

.subian-pro-subs {
    padding: 0.22rem 0.08rem 0.04rem;
    display: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.04rem 0.28rem;
}

.subian-pro-subs.is-active {
    display: grid;
}

.subian-pro-subs:not(:has(.subian-pro-sub)) {
    display: none;
}

.subian-pro-sub {
    min-width: 0;
    padding: 0.09rem 0;
    display: flex;
    align-items: center;
    gap: 0.08rem;
    color: var(--subian-pro-body);
    font-size: var(--f16);
    line-height: 1.45;
}

.subian-pro-sub svg {
    width: 0.14rem;
    height: 0.14rem;
    flex: none;
    fill: none;
    stroke: var(--subian-pro-blue);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.25s ease;
}

.subian-pro-sub:hover,
.subian-pro-sub:focus-visible,
.subian-pro-sub.is-active {
    color: var(--subian-pro-blue);
}

.subian-pro-sub:hover span,
.subian-pro-sub:focus-visible span,
.subian-pro-sub.is-active span {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.04rem;
}

.subian-pro-sub:hover svg,
.subian-pro-sub:focus-visible svg,
.subian-pro-sub.is-active svg {
    transform: translateX(0.03rem);
}

.subian-pro-head {
    margin-bottom: 0.28rem;
}

.subian-pro-title {
    position: relative;
    margin: 0;
    padding-left: 0.14rem;
    color: var(--subian-pro-ink);
    font-size: var(--f34);
    font-weight: 800;
    line-height: 1.25;
}

.subian-pro-title::before {
    position: absolute;
    top: 0.12em;
    bottom: 0.12em;
    left: 0;
    width: 0.04rem;
    content: "";
    border-radius: 0.03rem;
    background: linear-gradient(180deg, var(--subian-pro-blue), var(--subian-pro-cyan));
}

.subian-pro-desc {
    max-width: 11.6rem;
    margin-top: 0.14rem;
    color: var(--subian-pro-body);
    line-height: 1.7;
}

.subian-pro-desc:empty {
    display: none;
}

.subian-pro-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.24rem 0.16rem;
}

.subian-pro-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 0.04rem;
    background: #fff;
    box-shadow: 0 0.02rem 0.08rem rgba(6, 26, 51, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-pro-card:hover {
    position: relative;
    z-index: 2;
    transform: translateY(-0.05rem);
    box-shadow: 0 0.12rem 0.24rem rgba(6, 26, 51, 0.13);
}

.subian-pro-card > a {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.subian-pro-pic {
    overflow: hidden;
    background: #fff;
}

.subian-pro-pic img {
    padding: 0.2rem;
    object-fit: contain;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.subian-pro-card:hover .subian-pro-pic img {
    transform: scale(1.045);
}

.subian-pro-copy {
    /* min-height: 2.15rem; */
    padding: 0.24rem 0.22rem 0.26rem;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.subian-pro-name {
    min-height: 2.7em;
    margin: 0;
    color: var(--subian-pro-ink);
    font-size: var(--f20);
    font-weight: 750;
    line-height: 1.35;
    transition: color 0.25s ease;
}

.subian-pro-card:hover .subian-pro-name {
    color: var(--subian-pro-blue);
}

.subian-pro-summary {
    min-height: 3em;
    margin-top: 0.1rem;
    color: var(--subian-pro-body);
    line-height: 1.5;
}

.subian-pro-summary:empty {
    display: none;
}

.subian-pro-more {
    width: fit-content;
    min-height: 0.42rem;
    margin-top: auto;
    padding: 0.1rem 0.16rem;
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    border: 1px solid #cad5df;
    border-radius: 0.04rem;
    color: var(--subian-pro-body);
    font-size: var(--f16);
    font-weight: 700;
    line-height: 1.2;
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.subian-pro-more svg {
    width: 0.16rem;
    height: 0.16rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-pro-card:hover .subian-pro-more {
    border-color: var(--subian-pro-blue);
    color: #fff;
    background: var(--subian-pro-blue);
}

@media screen and (max-width: 1200px) {
    .subian-pro-cats,
    .subian-pro-subs,
    .subian-pro-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1000px) {
    .subian-pro-cats,
    .subian-pro-subs,
    .subian-pro-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .subian-pro-section {
        padding: 0.46rem 0 0.6rem;
    }

    .subian-pro-nav {
        padding: 0.16rem;
    }

    .subian-pro-cats,
    .subian-pro-subs,
    .subian-pro-grid {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   Subian product detail
   ================================================================ */
.subian-pd {
    --subian-pd-blue: #0b74c8;
    --subian-pd-cyan: #16b6dc;
    --subian-pd-navy: #071d33;
    --subian-pd-ink: #102941;
    --subian-pd-body: #506579;
    --subian-pd-soft: #f3f6f8;
    --subian-pd-line: #dce5eb;
    color: var(--subian-pd-ink);
    background: #fff;
}

.subian-pd *,
.subian-pd *::before,
.subian-pd *::after {
    box-sizing: border-box;
}

.subian-pd img {
    display: block;
}

.subian-pd-crumb {
    padding: 0.18rem 0;
    border-bottom: 1px solid #e7edf1;
    color: #718294;
    background: #f7f9fa;
    font-size: var(--f16);
    line-height: 1.5;
}

.subian-pd-crumb a {
    color: #52697c;
}

.subian-pd-crumb a:hover {
    color: var(--subian-pd-blue);
}

.subian-pd-hero {
    padding: 0.5rem 0 0.56rem;
    overflow: hidden;
    background: #fff;
}

.subian-pd-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(4.6rem, 0.88fr);
    gap: clamp(0.5rem, 4vw, 0.92rem);
    align-items: center;
}

.subian-pd-gallery,
.subian-pd-summary {
    min-width: 0;
}

@media screen and (min-width: 1001px) {
    .subian-pd-summary {
        transform: translateY(-0.12rem);
    }
}

.subian-pd-main {
    position: relative;
    overflow: hidden;
    border-radius: 0.06rem;
    border: 1px solid #e7edf1;
    background: #fff;
}

.subian-pd-main-pic {
    aspect-ratio: 1.3 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.subian-pd-main-pic img {
    width: 100%;
    height: 100%;
    padding: clamp(0.28rem, 3vw, 0.6rem);
    object-fit: contain;
}

.subian-pd-gallery-prev,
.subian-pd-gallery-next {
    position: absolute;
    z-index: 4;
    top: 50%;
    width: 0.48rem;
    height: 0.48rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.04rem;
    color: #fff;
    background: rgba(7, 29, 51, 0.78);
    cursor: pointer;
    transform: translateY(-50%);
    transition: background 0.25s ease, transform 0.25s ease;
}

.subian-pd-gallery-prev {
    left: 0.2rem;
}

.subian-pd-gallery-next {
    right: 0.2rem;
}

.subian-pd-gallery-prev svg,
.subian-pd-gallery-next svg {
    width: 0.22rem;
    height: 0.22rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-pd-gallery-prev:hover,
.subian-pd-gallery-next:hover {
    background: var(--subian-pd-blue);
    transform: translateY(-50%) scale(1.04);
}

.subian-pd-gallery-prev.swiper-button-disabled,
.subian-pd-gallery-next.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
}

.subian-pd-thumbs {
    margin-top: 0.14rem;
}

.subian-pd-thumb {
    width: 100%;
    aspect-ratio: 1.25 / 1;
    padding: 0.08rem;
    overflow: hidden;
    border: 1px solid #dbe3e8;
    border-radius: 0.04rem;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.25s ease, background 0.25s ease;
}

.subian-pd-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.subian-pd-thumbs .swiper-slide-thumb-active .subian-pd-thumb,
.subian-pd-thumb:hover {
    border-color: var(--subian-pd-blue);
    /* background: #f1f8fd; */
}

.subian-pd-type {
    width: fit-content;
    margin-bottom: 0.22rem;
    padding: 0.08rem 0.14rem;
    border-radius: 0.04rem;
    color: var(--subian-pd-blue);
    background: #eaf5fc;
    font-weight: 750;
    line-height: 1.35;
}

.subian-pd-title {
    width: 100%;
    max-width: none;
    margin: 0;
    color: var(--subian-pd-ink);
    font-size: clamp(0.36rem, 2.55vw, 0.48rem);
    font-weight: 780;
    letter-spacing: -0.028em;
    line-height: 1.1;
    text-wrap: balance;
}

.subian-pd-lead {
    max-width: 62ch;
    margin-top: 0.24rem;
    color: var(--subian-pd-body);
    line-height: 1.75;
    text-wrap: pretty;
}

.subian-pd-lead:empty {
    display: none;
}

.subian-pd-assurance {
    margin: 0.34rem 0 0;
    padding: 0;
    border-top: 1px solid var(--subian-pd-line);
    list-style: none;
}

.subian-pd-assurance li {
    padding: 0.18rem 0;
    display: grid;
    grid-template-columns: 0.32rem minmax(0, 1fr);
    gap: 0.15rem;
    align-items: start;
    border-bottom: 1px solid var(--subian-pd-line);
}

.subian-pd-assurance svg {
    width: 0.27rem;
    height: 0.27rem;
    margin-top: 0.02rem;
    fill: none;
    stroke: var(--subian-pd-blue);
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-pd-assurance strong,
.subian-pd-assurance small {
    display: block;
}

.subian-pd-assurance strong {
    color: var(--subian-pd-ink);
    font-size: var(--f18);
    font-weight: 750;
    line-height: 1.4;
}

.subian-pd-assurance small {
    margin-top: 0.03rem;
    color: var(--subian-pd-body);
    font-size: var(--f16);
    line-height: 1.55;
}

.subian-pd-actions {
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.22rem;
    flex-wrap: wrap;
}

.subian-pd-primary,
.subian-pd-side-btn,
.subian-pd-submit {
    min-height: 0.54rem;
    padding: 0.14rem 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    border: 0;
    border-radius: 0.04rem;
    color: #fff;
    background: linear-gradient(112deg, var(--subian-pd-blue), var(--subian-pd-cyan));
    font-size: var(--f16);
    font-weight: 750;
    line-height: 1.3;
    cursor: pointer;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.subian-pd-primary svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-pd-primary:hover,
.subian-pd-side-btn:hover,
.subian-pd-submit:hover {
    color: #fff;
    filter: saturate(1.15) brightness(0.96);
    transform: translateY(-0.02rem);
}

.subian-pd-email {
    color: var(--subian-pd-ink);
    font-size: var(--f16);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #a9b7c2;
    text-underline-offset: 0.05rem;
}

.subian-pd-email:hover {
    color: var(--subian-pd-blue);
    text-decoration-color: currentColor;
}

.subian-pd-note {
    max-width: 66ch;
    margin-top: 0.18rem;
    color: #6a7d8e;
    line-height: 1.6;
}

.subian-pd-info {
    padding: 0.9rem 0 1.05rem;
    background: var(--subian-pd-soft);
}

.subian-pd-info-grid {
 /*   display: grid;
    grid-template-columns: minmax(0, 1fr) 3.7rem;
    gap: 0.5rem;
    align-items: start; */
}

.subian-pd-article {
    min-width: 0;
    padding: clamp(0.42rem, 4vw, 0.7rem);
    background: #fff;
}

.subian-pd-overview,
.subian-pd-config,
.subian-pd-support,
.subian-pd-inquiry {
    scroll-margin-top: 1.1rem;
}

.subian-pd-article h2,
.subian-pd-maker-panel h2,
.subian-pd-proof-head h2,
.subian-pd-craft-copy h2,
.subian-pd-global-copy h2,
.subian-pd-records-copy h2,
.subian-pd-related-head h2,
.subian-pd-inquiry-copy h2 {
    margin: 0;
    color: var(--subian-pd-ink);
    font-size: clamp(0.34rem, 2.5vw, 0.48rem);
    font-weight: 780;
    letter-spacing: -0.025em;
    line-height: 1.18;
    text-wrap: balance;
}

.subian-pd-intro,
.subian-pd-section-head > div {
    max-width: 74ch;
    margin-top: 0.16rem;
    color: var(--subian-pd-body);
    line-height: 1.75;
}

.subian-pd-rich {
    margin-top: 0.34rem;
    color: #354c60;
    line-height: 1.8;
}

.subian-pd-rich:empty {
    display: none;
}

.subian-pd-rich h2,
.subian-pd-rich h3,
.subian-pd-rich h4 {
    margin: 1.05em 0 0.48em;
    color: var(--subian-pd-ink);
    font-weight: 760;
    line-height: 1.3;
}

.subian-pd-rich h2 {
    font-size: var(--f30);
}

.subian-pd-rich h3 {
    font-size: var(--f24);
}

.subian-pd-rich h4 {
    font-size: var(--f20);
}

.subian-pd-rich p,
.subian-pd-rich > div {
    margin-bottom: 1em;
}

.subian-pd-rich ul,
.subian-pd-rich ol {
    margin: 0.18rem 0 0.25rem;
    padding-left: 0.24rem;
}

.subian-pd-rich li + li {
    margin-top: 0.08rem;
}

.subian-pd-rich img {
    max-width: 100%;
    height: auto;
    margin: 0.3rem auto;
}

.subian-pd-rich table {
    width: 100%;
    /* margin: 0.3rem 0; */
    border-collapse: collapse;
    color: #354c60;
    font-size: var(--f16);
}

.subian-pd-rich th,
.subian-pd-rich td {
    padding: 0.16rem 0.18rem;
    border: 1px solid #dbe4ea;
    text-align: left;
    vertical-align: middle;
}

.subian-pd-rich th {
    color: var(--subian-pd-ink);
    background: #eef5f9;
    font-weight: 750;
}

.subian-pd-config,
.subian-pd-support {
    margin-top: 0.62rem;
    padding-top: 0.55rem;
    border-top: 1px solid var(--subian-pd-line);
}

.subian-pd-config-list,
.subian-pd-support-list {
    margin: 0.32rem 0 0;
    padding: 0;
    list-style: none;
}

.subian-pd-config-list li {
    padding: 0.2rem 0;
    display: grid;
    grid-template-columns: minmax(1.8rem, 0.34fr) minmax(0, 0.66fr);
    gap: 0.3rem;
    border-bottom: 1px solid var(--subian-pd-line);
}

.subian-pd-config-list li:first-child {
    border-top: 1px solid var(--subian-pd-line);
}

.subian-pd-config-list strong {
    color: var(--subian-pd-ink);
    font-size: var(--f18);
    font-weight: 750;
}

.subian-pd-config-list span {
    color: var(--subian-pd-body);
    font-size: var(--f16);
    line-height: 1.7;
}

.subian-pd-support-list {
    counter-reset: pd-support;
}

.subian-pd-support-list li {
    position: relative;
    min-height: 0.92rem;
    padding: 0.04rem 0 0.28rem 0.78rem;
    counter-increment: pd-support;
}

.subian-pd-support-list li:not(:last-child)::after {
    position: absolute;
    top: 0.43rem;
    bottom: 0;
    left: 0.23rem;
    width: 1px;
    content: "";
    background: #cbd8e1;
}

.subian-pd-support-list li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.46rem;
    height: 0.46rem;
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(pd-support);
    border-radius: 50%;
    color: #fff;
    background: var(--subian-pd-blue);
    font-size: var(--f16);
    font-weight: 750;
}

.subian-pd-support-list span {
    display: block;
    color: var(--subian-pd-ink);
    font-size: var(--f18);
    font-weight: 750;
    line-height: 1.4;
}

.subian-pd-support-list li > div {
    margin-top: 0.05rem;
    color: var(--subian-pd-body);
    font-size: var(--f16);
    line-height: 1.7;
}

.subian-pd-side {
    position: relative;
    height: auto;
    align-self: stretch;
}

.subian-pd-sticky {
    position: sticky;
    top: 1.12rem;
    overflow: hidden;
    border-radius: 0.06rem;
    color: #fff;
    background: var(--subian-pd-navy);
    padding: 0.34rem 0.3rem 0.3rem;
}

.subian-pd-side-pic {
    width: 100%;
    aspect-ratio: 1.45 / 1;
    padding: 0.24rem;
    object-fit: contain;
    background: #fff;
}

.subian-pd-side-copy {
    padding: 0;
}

.subian-pd-side-copy h2 {
    margin: 0;
    color: #fff;
    font-size: var(--f28);
    font-weight: 760;
    line-height: 1.25;
}

.subian-pd-side-copy > div {
    margin-top: 0.12rem;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.7;
}

.subian-pd-side-btn {
    margin: 0.26rem 0 0;
    display: flex;
}

.subian-pd-side-mail {
    margin: 0.18rem 0 0;
    display: block;
    overflow-wrap: anywhere;
    color: rgba(255, 255, 255, 0.78);
    font-size: var(--f16);
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: 0.04rem;
}

.subian-pd-side-mail:hover {
    color: #fff;
}

.subian-pd-maker {
    padding: 1.05rem 0;
    overflow: hidden;
    background: var(--subian-pd-navy);
}

.subian-pd-maker-stage {
    position: relative;
    min-height: 7rem;
}

.subian-pd-maker-stage > img {
    width: 78%;
    height: 7rem;
    object-fit: cover;
}

.subian-pd-maker-panel {
    position: absolute;
    right: 0;
    bottom: 0.5rem;
    width: 45%;
    padding: clamp(0.42rem, 4vw, 0.68rem);
    color: rgba(255, 255, 255, 0.8);
    background: #0b2b48;
}

.subian-pd-kicker {
    margin-bottom: 0.12rem;
    color: var(--subian-pd-blue);
    font-size: var(--f18);
    font-weight: 750;
    line-height: 1.4;
}

.subian-pd-kicker-light {
    color: #72d7ed;
}

.subian-pd-heading-copy {
    min-width: 3.6rem;
}

.subian-pd-maker-panel h2 {
    color: #fff;
}

.subian-pd-maker-panel > div.f16 {
    margin-top: 0.2rem;
    line-height: 1.75;
}

.subian-pd-maker-panel ul,
.subian-pd-craft-copy ul,
.subian-pd-inquiry-copy ul {
    margin: 0.25rem 0 0;
    padding: 0;
    list-style: none;
}

.subian-pd-maker-panel li,
.subian-pd-craft-copy li,
.subian-pd-inquiry-copy li {
    position: relative;
    padding-left: 0.22rem;
    font-size: var(--f16);
    line-height: 1.6;
}

.subian-pd-maker-panel li + li,
.subian-pd-craft-copy li + li,
.subian-pd-inquiry-copy li + li {
    margin-top: 0.1rem;
}

.subian-pd-maker-panel li::before,
.subian-pd-craft-copy li::before,
.subian-pd-inquiry-copy li::before {
    position: absolute;
    top: 0.62em;
    left: 0;
    width: 0.07rem;
    height: 0.07rem;
    content: "";
    border-radius: 50%;
    background: var(--subian-pd-cyan);
}

.subian-pd-factory {
    padding: 1.05rem 0;
    background: #fff;
}

.subian-pd-proof-head {
    margin-bottom: 0.44rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.5rem;
}

.subian-pd-proof-head > div {
    max-width: 62ch;
    color: var(--subian-pd-body);
    line-height: 1.7;
}

.subian-pd-factory-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(3.2rem, 0.85fr);
    grid-template-rows: repeat(2, minmax(2.8rem, 1fr));
    gap: 0.18rem;
}

.subian-pd-factory-grid figure,
.subian-pd-craft-pair figure,
.subian-pd-detail-grid figure,
.subian-pd-global-photo,
.subian-pd-docs figure,
.subian-pd-delivery {
    position: relative;
    margin: 0;
    overflow: hidden;
    background: #e9eef1;
}

.subian-pd-factory-main {
    grid-row: 1 / 3;
}

.subian-pd-factory-grid img,
.subian-pd-craft-pair img,
.subian-pd-detail-grid img,
.subian-pd-global-photo img,
.subian-pd-delivery > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.subian-pd-factory-grid figure:hover img,
.subian-pd-craft-pair figure:hover img,
.subian-pd-detail-grid figure:hover img {
    transform: scale(1.025);
}

.subian-pd-factory-grid figcaption,
.subian-pd-detail-grid figcaption,
.subian-pd-delivery figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.22rem 0.24rem;
    color: #fff;
    background: linear-gradient(180deg, transparent, rgba(4, 21, 37, 0.88));
}

.subian-pd-factory-grid figcaption strong,
.subian-pd-factory-grid figcaption span,
.subian-pd-detail-grid figcaption strong,
.subian-pd-detail-grid figcaption span,
.subian-pd-delivery figcaption strong,
.subian-pd-delivery figcaption span {
    display: block;
}

.subian-pd-factory-grid figcaption strong,
.subian-pd-detail-grid figcaption strong,
.subian-pd-delivery figcaption strong {
    font-size: var(--f20);
    font-weight: 750;
    line-height: 1.35;
}

.subian-pd-factory-grid figcaption span,
.subian-pd-detail-grid figcaption span,
.subian-pd-delivery figcaption span {
    margin-top: 0.04rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--f16);
    line-height: 1.5;
}

.subian-pd-craft {
    padding: 1.05rem 0;
    overflow: hidden;
    background: #eef3f6;
}

.subian-pd-craft-row {
    display: grid;
    grid-template-columns: minmax(3.8rem, 0.72fr) minmax(0, 1.28fr);
    gap: 0.64rem;
    align-items: center;
}

.subian-pd-craft-copy > div {
    margin-top: 0.2rem;
    color: var(--subian-pd-body);
    line-height: 1.75;
}

.subian-pd-craft-copy li {
    color: #3f566a;
}

.subian-pd-craft-pair {
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;
    gap: 0.16rem;
    align-items: end;
}

.subian-pd-craft-pair figure:first-child {
    height: 4.7rem;
}

.subian-pd-craft-pair figure:last-child {
    height: 4.7rem;
    margin-bottom: 0;
}

.subian-pd-craft-pair figcaption {
    position: absolute;
    right: 0.16rem;
    bottom: 0.16rem;
    padding: 0.1rem 0.14rem;
    color: #fff;
    background: rgba(7, 29, 51, 0.84);
    font-size: var(--f16);
    font-weight: 700;
}

.subian-pd-detail-grid {
    margin-top: 0.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(2.8rem, 1fr) minmax(0, 1fr);
    gap: 0.18rem;
    align-items: stretch;
}

.subian-pd-detail-grid figure {
    min-height: 4rem;
}

.subian-pd-detail-copy {
    padding: 0.38rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
}

.subian-pd-detail-copy h3 {
    margin: 0;
    color: var(--subian-pd-ink);
    font-size: var(--f30);
    font-weight: 760;
    line-height: 1.25;
}

.subian-pd-detail-copy > div {
    margin-top: 0.16rem;
    color: var(--subian-pd-body);
    line-height: 1.7;
}

.subian-pd-global {
    padding: 1rem 0;
    color: #fff;
    background: #0a2844;
}

.subian-pd-global-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(3.8rem, 0.8fr);
    gap: 0.7rem;
    align-items: center;
}

.subian-pd-global-grid > * {
    min-width: 0;
}

.subian-pd-exhibit {
    width: 100%;
    min-width: 0;
    height: 5.6rem;
    overflow: hidden;
    background: #102f4b;
}

.subian-pd-exhibit .swiper-slide {
    height: 5.6rem;
    margin: 0;
    overflow: hidden;
}

.subian-pd-exhibit .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.subian-pd-exhibit-pagination {
    position: absolute !important;
    z-index: 5;
    right: auto !important;
    bottom: 0.18rem !important;
    left: 50% !important;
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 0.07rem;
    transform: translateX(-50%);
}

.subian-pd-exhibit-pagination .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.04rem;
    margin: 0 !important;
    border-radius: 0.02rem;
    opacity: 0.55;
    background: #fff;
    transition: width 0.25s ease, opacity 0.25s ease, background 0.25s ease;
}

.subian-pd-exhibit-pagination .swiper-pagination-bullet-active {
    width: 0.52rem;
    opacity: 1;
    background: #6dd8ef;
}

.subian-pd-global-copy h2 {
    color: #fff;
}

.subian-pd-global-copy > div {
    margin-top: 0.22rem;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.75;
}

.subian-pd-global-copy a {
    margin-top: 0.3rem;
    display: inline-flex;
    gap: 0.1rem;
    color: #7ed9ed;
    font-size: var(--f16);
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 0.05rem;
}

.subian-pd-global-copy a:hover {
    color: #fff;
}

.subian-pd-records {
    padding: 1.05rem 0;
    background: #fff;
}

.subian-pd-records-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(4.6rem, 0.82fr);
    gap: 0.68rem;
    align-items: stretch;
}

.subian-pd-records-copy > div.f16 {
    max-width: 72ch;
    margin-top: 0.18rem;
    color: var(--subian-pd-body);
    line-height: 1.75;
}

.subian-pd-docs {
    margin-top: 0.34rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-pd-docs figure {
    height: 3.8rem;
    padding: 0.22rem 0.22rem 0.5rem;
    border: 1px solid #d9e2e8;
    background: #f5f7f8;
}

.subian-pd-docs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.subian-pd-docs figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.1rem 0.14rem;
    color: var(--subian-pd-ink);
    background: #eaf1f5;
    font-size: var(--f16);
    font-weight: 700;
    text-align: center;
}

.subian-pd-delivery {
    min-height: 5.6rem;
}

.subian-pd-related {
    padding: 0.95rem 0 1.05rem;
    overflow: hidden;
    background: var(--subian-pd-soft);
}

.subian-pd-related-head {
    margin-bottom: 0.38rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
}

.subian-pd-related-nav {
    display: flex;
    gap: 0.1rem;
}

.subian-pd-rel-prev,
.subian-pd-rel-next {
    width: 0.46rem;
    height: 0.46rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd7df;
    border-radius: 0.04rem;
    color: var(--subian-pd-ink);
    background: transparent;
    cursor: pointer;
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.subian-pd-rel-prev svg,
.subian-pd-rel-next svg,
.subian-pd-rel-card span svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-pd-rel-prev:hover,
.subian-pd-rel-next:hover {
    border-color: var(--subian-pd-blue);
    color: #fff;
    background: var(--subian-pd-blue);
}

.subian-pd-rel-prev.swiper-button-disabled,
.subian-pd-rel-next.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
}

.subian-pd .subian-pd-rel-swiper {
    margin: -0.12rem;
    padding: 0.12rem 0.12rem 0.22rem;
}

.subian-pd-rel-card {
    height: auto;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.subian-pd-rel-card:hover {
    transform: translateY(-0.05rem);
    box-shadow: 0 0.08rem 0.08rem rgba(6, 29, 50, 0.1);
}

.subian-pd-rel-card > a {
    height: 100%;
    padding-bottom: 0.24rem;
    display: flex;
    flex-direction: column;
}

.subian-pd-rel-pic {
    aspect-ratio: 1 / 1;
    padding: 0.22rem;
    overflow: hidden;
    background: #fff;
}

.subian-pd-rel-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.subian-pd-rel-card:hover .subian-pd-rel-pic img {
    transform: scale(1.04);
}

.subian-pd-rel-card h3 {
    min-height: 2.8em;
    margin: 0;
    padding: 0 0.22rem;
    color: var(--subian-pd-ink);
    font-size: var(--f20);
    font-weight: 740;
    line-height: 1.4;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.subian-pd-rel-card span {
    margin: 0.17rem 0.22rem 0;
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    color: var(--subian-pd-blue);
    font-size: var(--f16);
    font-weight: 700;
}

.subian-pd-inquiry {
    padding: 1.05rem 0;
    color: #fff;
    background: linear-gradient(118deg, #061b30 0%, #0b385c 58%, #087a9c 100%);
}

.subian-pd-inquiry-grid {
    display: grid;
    grid-template-columns: minmax(3.8rem, 0.75fr) minmax(0, 1.25fr);
    gap: 0.78rem;
    align-items: center;
}

.subian-pd-inquiry-copy h2 {
    color: #fff;
}

.subian-pd-inquiry-copy > div {
    margin-top: 0.22rem;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.75;
}

.subian-pd-inquiry-copy li {
    color: rgba(255, 255, 255, 0.86);
}

.subian-pd-form {
    padding: 0.4rem;
    background: #fff;
}

.subian-pd-form-head {
    margin-bottom: 0.22rem;
    padding-bottom: 0.18rem;
    border-bottom: 1px solid #dce5eb;
}

.subian-pd-form-head h3 {
    margin: 0;
    color: var(--subian-pd-ink);
    font-size: var(--f28);
    font-weight: 760;
    line-height: 1.3;
}

.subian-pd-form-head > div {
    margin-top: 0.05rem;
    color: var(--subian-pd-body);
    line-height: 1.5;
}

.subian-pd-field {
    min-width: 0;
}

.subian-pd-field-full {
    grid-column: 1 / -1;
}

.subian-pd-field label {
    margin-bottom: 0.07rem;
    display: block;
    color: #2d465b;
    font-size: var(--f16);
    font-weight: 700;
    line-height: 1.4;
}

.subian-pd-field input,
.subian-pd-field textarea {
    width: 100%;
    border: 1px solid #cbd7df;
    border-radius: 0.04rem;
    color: var(--subian-pd-ink);
    background: #f7f9fa;
    font-size: var(--f16);
    outline: none;
    transition: border-color 0.25s ease, background 0.25s ease;
}

.subian-pd-field input {
    height: 0.52rem;
    padding: 0 0.16rem;
}

.subian-pd-field textarea {
    min-height: 1.25rem;
    padding: 0.14rem 0.16rem;
    line-height: 1.55;
    resize: vertical;
}

.subian-pd-field input::placeholder,
.subian-pd-field textarea::placeholder {
    color: #687b8c;
}

.subian-pd-field input:focus,
.subian-pd-field textarea:focus {
    border-color: var(--subian-pd-blue);
    background: #fff;
}

.subian-pd-submit {
    width: 100%;
}

.subian-pd-fluent .fluentform .ff-t-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.18rem;
}

.subian-pd-fluent .fluentform .ff-t-cell {
    width: 100% !important;
    padding: 0 !important;
}

.subian-pd-fluent .fluentform .ff-el-group {
    margin-bottom: 0.18rem;
}

.subian-pd-fluent .fluentform .ff-el-input--label label {
    margin-bottom: 0.07rem;
    color: #2d465b;
    font-size: var(--f16);
    font-weight: 700;
    line-height: 1.4;
}

.subian-pd-fluent .fluentform .ff-el-form-control {
    width: 100%;
    border: 1px solid #cbd7df;
    border-radius: 0.04rem;
    color: var(--subian-pd-ink);
    background: #f7f9fa;
    font-family: inherit;
    font-size: var(--f16);
    outline: none;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.subian-pd-fluent .fluentform input.ff-el-form-control {
    height: 0.52rem;
    padding: 0 0.16rem;
}

.subian-pd-fluent .fluentform textarea.ff-el-form-control {
    min-height: 1.25rem;
    padding: 0.14rem 0.16rem;
    line-height: 1.55;
    resize: vertical;
}

.subian-pd-fluent .fluentform .ff-el-form-control:focus {
    border-color: var(--subian-pd-blue);
    background: #fff;
    box-shadow: 0 0 0 0.03rem rgba(11, 116, 200, 0.1);
}

.subian-pd-fluent .fluentform .ff-btn-submit {
    width: 100%;
    min-height: 0.56rem;
    padding: 0.14rem 0.24rem;
    border: 0;
    border-radius: 0.04rem;
    color: #fff;
    background: linear-gradient(112deg, var(--subian-pd-blue), var(--subian-pd-cyan));
    font-family: inherit;
    font-size: var(--f16);
    font-weight: 700;
    cursor: pointer;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.subian-pd-fluent .fluentform .ff-btn-submit:hover {
    color: #fff;
    box-shadow: 0 0.12rem 0.28rem rgba(11, 116, 200, 0.24);
    transform: translateY(-0.03rem);
}

.subian-pd .subian-pd-fluent .fluentform .frm-fluent-form .ff-btn-submit {
    min-height: 0.56rem;
    padding: 0.14rem 0.24rem;
    border-radius: 0.04rem;
    color: #fff;
}

.subian-pd .subian-pd-fluent .fluentform .frm-fluent-form .ff-btn-submit::after {
    margin-left: 0.12rem;
    content: "\2192";
    transition: transform 0.25s ease;
}

.subian-pd .subian-pd-fluent .fluentform .frm-fluent-form .ff-btn-submit:hover::after {
    transform: translateX(0.04rem);
}

@media (prefers-reduced-motion: reduce) {
    .subian-pd *,
    .subian-pd *::before,
    .subian-pd *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media screen and (max-width: 1200px) {
    .subian-pd-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(4rem, 0.84fr);
        gap: 0.5rem;
    }

    .subian-pd-info-grid {
        grid-template-columns: minmax(0, 1fr) 3.2rem;
        gap: 0.32rem;
    }

    .subian-pd-maker-panel {
        width: 52%;
    }
}

@media screen and (max-width: 1000px) {
    .subian-pd-hero-grid,
    .subian-pd-info-grid,
    .subian-pd-craft-row,
    .subian-pd-global-grid,
    .subian-pd-records-grid,
    .subian-pd-inquiry-grid {
        grid-template-columns: 1fr;
    }

    .subian-pd-side {
        display: none;
    }

    .subian-pd-maker-stage {
        min-height: 0;
    }

    .subian-pd-maker-stage > img {
        width: 100%;
        height: 5rem;
    }

    .subian-pd-maker-panel {
        position: relative;
        right: auto;
        bottom: auto;
        width: 88%;
        margin: -0.72rem 0 0 auto;
    }

    .subian-pd-factory-grid,
    .subian-pd-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    .subian-pd-factory-main {
        grid-column: 1 / -1;
        grid-row: auto;
        height: 5rem;
    }

    .subian-pd-factory-grid > figure:not(.subian-pd-factory-main) {
        min-height: 3.6rem;
    }

    .subian-pd-detail-copy {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .subian-pd-inquiry-grid {
        gap: 0.45rem;
    }
}

@media screen and (max-width: 767px) {
    .subian-pd-hero,
    .subian-pd-info,
    .subian-pd-maker,
    .subian-pd-factory,
    .subian-pd-craft,
    .subian-pd-global,
    .subian-pd-records,
    .subian-pd-related,
    .subian-pd-inquiry {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }

    .subian-pd-main-pic {
        aspect-ratio: 1 / 1;
    }

    .subian-pd-gallery-prev,
    .subian-pd-gallery-next {
        width: 0.42rem;
        height: 0.42rem;
    }

    .subian-pd-article,
    .subian-pd-form {
        padding: 0.26rem;
    }

    .subian-pd-fluent .fluentform .ff-t-container,
    .subian-contact-form .fluentform .ff-t-container {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .subian-contact-form {
        margin-top: 24px;
    }

    .subian-contact-form .fluentform input.ff-el-form-control {
        height: 52px;
        padding: 0 15px;
        font-size: 16px;
    }

    .subian-contact-form .fluentform textarea.ff-el-form-control {
        min-height: 150px;
        padding: 15px;
        font-size: 16px;
    }

    .subian-contact-form .fluentform .ff-btn-submit {
        width: 100%;
        min-height: 42px;
    }

    .subian-pd .subian-pd-fluent .fluentform .frm-fluent-form input.ff-el-form-control {
        height: 48px;
        min-height: 48px;
        padding: 0 14px;
        font-size: 16px;
    }

    .subian-pd .subian-pd-fluent .fluentform .frm-fluent-form textarea.ff-el-form-control {
        min-height: 132px;
        padding: 14px;
        font-size: 16px;
    }

    .subian-pd .subian-pd-fluent .fluentform .frm-fluent-form .ff-btn-submit {
        min-height: 48px;
        padding: 12px 20px;
        border-radius: 4px;
        font-size: 16px;
    }

    .subian-inner .subian-contact-form .fluentform .frm-fluent-form .ff-btn-submit {
        min-height: 48px;
        padding: 12px 20px;
        border-radius: 4px;
    }

    .subian-pd-config-list li,
    .subian-pd-form {
        grid-template-columns: 1fr;
    }

    .subian-pd-proof-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.16rem;
    }

    .subian-pd-maker-stage > img,
    .subian-pd-factory-main,
    .subian-pd-exhibit,
    .subian-pd-exhibit .swiper-slide {
        height: 3.6rem;
    }

    .subian-pd-maker-panel {
        width: 94%;
        margin-top: -0.36rem;
        padding: 0.3rem;
    }

    .subian-pd-factory-grid,
    .subian-pd-craft-pair,
    .subian-pd-detail-grid,
    .subian-pd-docs {
        grid-template-columns: 1fr;
    }

    .subian-pd-factory-grid > figure:not(.subian-pd-factory-main),
    .subian-pd-craft-pair figure:first-child,
    .subian-pd-craft-pair figure:last-child,
    .subian-pd-detail-grid figure,
    .subian-pd-docs figure,
    .subian-pd-delivery {
        height: 3.5rem;
        min-height: 0;
        margin: 0;
    }

    .subian-pd-detail-copy {
        grid-column: auto;
        grid-row: auto;
    }

    .subian-pd-form {
        gap: 0.16rem;
    }
}

/* Subian case list and project detail */
.subian-case-list,
.subian-case-detail {
    color: #102a4c;
    background: #fff;
}

.subian-case-list-main {
    padding: 0.92rem 0 1rem;
    background: #f4f6f8;
}

.subian-case-intro {
    margin-bottom: 0.48rem;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(4rem, 0.85fr);
    gap: 0.8rem;
    align-items: end;
}

.subian-case-intro-copy,
.subian-case-card-copy,
.subian-case-related-copy,
.subian-case-cta-copy {
    min-width: 0;
}

.subian-case-label {
    margin-bottom: 0.12rem;
    color: #0b74c8;
    font-weight: 700;
    line-height: 1.3;
}

.subian-case-heading {
    max-width: 8.6rem;
    color: #071d33;
    font-weight: 700;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.subian-case-intro-desc {
    max-width: 6.4rem;
    justify-self: end;
    color: #53657b;
    text-wrap: pretty;
}

.subian-case-list .subian-case-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.34rem;
}

.subian-case-list .subian-case-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0.16rem;
    background: #071d33;
    box-shadow: none;
    transform: none;
}

.subian-case-list .subian-case-card-link {
    position: relative;
    height: 100%;
    display: block;
    overflow: hidden;
    color: #fff;
}

.subian-case-media,
.subian-case-rect {
    width: 100%;
}

.subian-case-img {
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(.22, 1, .36, 1);
}

.subian-case-list .subian-case-card:hover {
    transform: none;
    box-shadow: none;
}

.subian-case-card:hover .subian-case-img {
    transform: scale(1.045);
}

.subian-case-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3, 18, 36, 0.18) 0%, rgba(3, 18, 36, 0.05) 38%, rgba(3, 18, 36, 0.9) 100%);
    transition: background 0.35s ease;
}

.subian-case-card:hover .subian-case-shade {
    background: linear-gradient(180deg, rgba(3, 18, 36, 0.25) 0%, rgba(3, 18, 36, 0.08) 34%, rgba(3, 18, 36, 0.94) 100%);
}

.subian-case-card-top,
.subian-case-card-bottom {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.2rem;
}

.subian-case-card-top {
    top: 0;
    padding: 0.3rem;
}

.subian-case-card-bottom {
    bottom: 0;
    padding: 0.32rem;
    align-items: flex-end;
}

.subian-case-type,
.subian-case-place {
    display: inline-flex;
    align-items: center;
    min-height: 0.44rem;
    padding: 0.1rem 0.18rem;
    border-radius: 0.28rem;
    color: #fff;
    background: rgba(7, 29, 51, 0.62);
    font-weight: 600;
    line-height: 1.3;
    backdrop-filter: blur(8px);
}

.subian-case-place {
    gap: 0.08rem;
}

.subian-case-place svg {
    width: 0.18rem;
    height: 0.18rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-case-title {
    max-width: 6.4rem;
    color: #fff;
    font-weight: 650;
    letter-spacing: -0.015em;
    text-wrap: balance;
}

.subian-case-meta {
    margin-top: 0.1rem;
    color: rgba(255, 255, 255, 0.74);
}

.subian-case-arrow {
    width: 0.54rem;
    height: 0.54rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #0b74c8, #18b8e8);
    transition: transform 0.3s cubic-bezier(.22, 1, .36, 1), background 0.3s ease;
}

.subian-case-arrow svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-case-card:hover .subian-case-arrow {
    transform: translate(0.04rem, -0.04rem);
    background: #18b8e8;
}

.subian-case-hero {
    padding: 0.78rem 0 0.68rem;
    background: #f3f7fa;
}

.subian-case-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4.8rem;
    gap: 0.8rem;
    align-items: end;
}

.subian-case-hero-main {
    min-width: 0;
}

.subian-case-hero-title {
    max-width: 10rem;
    color: #071d33;
    font-weight: 700;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.subian-case-hero-desc {
    max-width: 9rem;
    margin-top: 0.2rem;
    color: #53657b;
    text-wrap: pretty;
}

.subian-case-facts {
    margin-top: 0.34rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.28rem 0.46rem;
}

.subian-case-fact {
    min-width: 2rem;
    display: flex;
    align-items: center;
    gap: 0.12rem;
}

.subian-case-fact > svg {
    width: 0.25rem;
    height: 0.25rem;
    flex: none;
    fill: none;
    stroke: #0b74c8;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-case-fact-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.04rem;
}

.subian-case-fact-copy span {
    color: #718096;
}

.subian-case-fact-copy strong {
    color: #17324f;
    font-weight: 650;
}

.subian-case-equipment {
    min-height: 2.45rem;
    padding: 0.36rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    background: #071d33;
}

.subian-case-equipment-label {
    color: #7fdcff;
    font-weight: 600;
}

.subian-case-equipment-name {
    margin-top: 0.12rem;
    color: #fff;
    font-weight: 650;
    text-wrap: balance;
}

.subian-case-equipment-link {
    margin-top: 0.24rem;
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    color: #fff;
    font-weight: 600;
}

.subian-case-equipment-link:hover {
    color: #7fdcff;
}

.subian-case-gallery-section {
    padding: 0 0 0.88rem;
    background: linear-gradient(180deg, #f3f7fa 0%, #f3f7fa 1.3rem, #fff 1.3rem, #fff 100%);
}

.subian-case-gallery-wrap,
.subian-case-related-wrap {
    position: relative;
}

.subian-case-gallery {
    overflow: hidden;
}

.subian-case-gallery .swiper-slide {
    height: 5.2rem;
    overflow: hidden;
    border-radius: 0.12rem;
    background: #e9eef2;
}

.subian-case-gallery .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.subian-case-gallery-prev,
.subian-case-gallery-next,
.subian-case-related-prev,
.subian-case-related-next {
    position: absolute;
    z-index: 4;
    width: 0.52rem;
    height: 0.52rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #071d33;
    background: #fff;
    box-shadow: 0 0.08rem 0.18rem rgba(7, 29, 51, 0.12);
    cursor: pointer;
    transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.subian-case-gallery-prev,
.subian-case-gallery-next {
    top: 50%;
    transform: translateY(-50%);
}

.subian-case-gallery-prev {
    left: -0.22rem;
}

.subian-case-gallery-next {
    right: -0.22rem;
}

.subian-case-gallery-prev:hover,
.subian-case-gallery-next:hover,
.subian-case-related-prev:hover,
.subian-case-related-next:hover {
    color: #fff;
    background: #0b74c8;
}

.subian-case-gallery-prev svg,
.subian-case-gallery-next svg,
.subian-case-related-prev svg,
.subian-case-related-next svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-case-gallery-pagination {
    position: static;
    margin-top: 0.22rem;
    text-align: center;
}

.subian-case-gallery-pagination .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    margin: 0 0.05rem;
    background: #9aaabd;
    opacity: 0.5;
}

.subian-case-gallery-pagination .swiper-pagination-bullet-active {
    width: 0.26rem;
    border-radius: 0.08rem;
    background: #0b74c8;
    opacity: 1;
}

.subian-case-overview {
    padding: 0.9rem 0;
    background: #fff;
}

.subian-case-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4.2rem;
    gap: 0.78rem;
    align-items: start;
}

.subian-case-overview-title,
.subian-case-related-title,
.subian-case-cta-title {
    color: #071d33;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.subian-case-body {
    max-width: 9.4rem;
    margin-top: 0.3rem;
    color: #40546a;
}

.subian-case-gallery-source {
    display: none;
}

.subian-case-body .subian-case-lead {
    margin-bottom: 0.42rem;
    color: #1c3550;
    font-size: var(--f18);
    line-height: 1.72;
}

.subian-case-body h2 {
    margin: 0.42rem 0 0.14rem;
    color: #0b74c8;
    font-size: var(--f24);
    font-weight: 650;
    line-height: 1.35;
}

.subian-case-body > div:not(.subian-case-gallery-source):not(.subian-case-lead) {
    margin-bottom: 0.16rem;
}

.subian-case-body ul {
    margin: 0.06rem 0 0.16rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.1rem 0.28rem;
}

.subian-case-body li {
    position: relative;
    padding-left: 0.18rem;
}

.subian-case-body li::before {
    position: absolute;
    top: 0.72em;
    left: 0;
    width: 0.06rem;
    height: 0.06rem;
    content: "";
    border-radius: 50%;
    background: #18b8e8;
}

.subian-case-brief {
    padding: 0.38rem;
    color: #fff;
    background: #071d33;
}

.subian-case-brief-title {
    padding-bottom: 0.22rem;
    color: #fff;
    font-weight: 650;
}

.subian-case-brief-row {
    padding: 0.18rem 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.06rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.subian-case-brief-row span {
    color: rgba(255, 255, 255, 0.58);
}

.subian-case-brief-row strong {
    color: #fff;
    font-weight: 600;
}

.subian-case-brief-btn,
.subian-case-cta-btn {
    min-height: 0.64rem;
    padding: 0.15rem 0.24rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    border-radius: 0.04rem;
    color: #fff;
    background: linear-gradient(115deg, #0b74c8, #18b8e8);
    font-weight: 650;
}

.subian-case-brief-btn {
    width: 100%;
    margin-top: 0.24rem;
}

.subian-case-brief-btn:hover,
.subian-case-cta-btn:hover {
    color: #fff;
    background: linear-gradient(115deg, #095fa5, #13a8d6);
}

.subian-case-related {
    padding: 0.9rem 0;
    background: #f3f7fa;
}

.subian-case-related-head {
    margin-bottom: 0.36rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.3rem;
}

.subian-case-related-all {
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    color: #0b74c8;
    font-weight: 650;
}

.subian-case-related-swiper {
    padding: 0.06rem 0.06rem 0.18rem;
    overflow: hidden;
}

.subian-case-related-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0.12rem;
    background: #071d33;
}

.subian-case-related-rect {
    width: 100%;
}

.subian-case-related-rect img {
    object-fit: cover;
    transition: transform 0.55s cubic-bezier(.22, 1, .36, 1);
}

.subian-case-related-card:hover .subian-case-related-rect img {
    transform: scale(1.045);
}

.subian-case-related-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 18, 34, 0.04) 30%, rgba(4, 18, 34, 0.88) 100%);
}

.subian-case-related-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0.24rem;
}

.subian-case-related-info span {
    color: rgba(255, 255, 255, 0.7);
}

.subian-case-related-info h3 {
    margin-top: 0.08rem;
    color: #fff;
    font-weight: 650;
    text-wrap: balance;
}

.subian-case-related-prev,
.subian-case-related-next {
    top: 50%;
    transform: translateY(-50%);
}

.subian-case-related-prev {
    left: -0.22rem;
}

.subian-case-related-next {
    right: -0.22rem;
}

.subian-case-cta {
    padding: 0.78rem 0;
    color: #fff;
    background: #08223f var(--subian-limik-cta-bg) no-repeat center / cover;
}

.subian-case-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.subian-case-cta-label {
    margin-bottom: 0.1rem;
    color: #7fdcff;
    font-weight: 600;
}

.subian-case-cta-title {
    color: #fff;
}

.subian-case-cta-desc {
    max-width: 8.6rem;
    margin-top: 0.16rem;
    color: rgba(255, 255, 255, 0.76);
}

.subian-case-cta-btn {
    min-width: 2.4rem;
    flex: 0 0 auto;
}

@media screen and (max-width: 1200px) {
    .subian-case-intro,
    .subian-case-hero-inner {
        gap: 0.48rem;
    }

    .subian-case-hero-inner {
        grid-template-columns: minmax(0, 1fr) 4.2rem;
    }

    .subian-case-overview-grid {
        grid-template-columns: minmax(0, 1fr) 3.7rem;
        gap: 0.48rem;
    }
}

@media screen and (max-width: 1000px) {
    .subian-case-intro,
    .subian-case-hero-inner,
    .subian-case-overview-grid {
        grid-template-columns: 1fr;
    }

    .subian-case-intro-desc {
        max-width: 8rem;
        justify-self: start;
    }

    .subian-case-equipment {
        min-height: 0;
    }

    .subian-case-gallery .swiper-slide {
        height: 4.6rem;
    }

    .subian-case-brief {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 0.3rem;
    }

    .subian-case-brief-title,
    .subian-case-brief-btn {
        grid-column: 1 / -1;
    }
}

@media screen and (max-width: 767px) {
    .subian-case-list-main,
    .subian-case-hero,
    .subian-case-overview,
    .subian-case-related,
    .subian-case-cta {
        padding-top: 0.62rem;
        padding-bottom: 0.62rem;
    }

    .subian-case-list .subian-case-grid {
        grid-template-columns: 1fr;
        gap: 0.22rem;
    }

    .subian-case-list .subian-case-rect {
        padding-bottom: 72%;
    }

    .subian-case-card-top,
    .subian-case-card-bottom {
        padding: 0.2rem;
    }

    .subian-case-card-top {
        align-items: flex-start;
    }

    .subian-case-place {
        flex: 0 0 auto;
    }

    .subian-case-type {
        max-width: 68%;
    }

    .subian-case-facts {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.18rem;
    }

    .subian-case-gallery-section {
        padding-bottom: 0.62rem;
        background: linear-gradient(180deg, #f3f7fa 0%, #f3f7fa 0.7rem, #fff 0.7rem, #fff 100%);
    }

    .subian-case-gallery .swiper-slide {
        height: 3.6rem;
    }

    .subian-case-gallery-prev,
    .subian-case-gallery-next,
    .subian-case-related-prev,
    .subian-case-related-next {
        width: 0.44rem;
        height: 0.44rem;
    }

    .subian-case-gallery-prev,
    .subian-case-related-prev {
        left: 0.08rem;
    }

    .subian-case-gallery-next,
    .subian-case-related-next {
        right: 0.08rem;
    }

    .subian-case-body ul,
    .subian-case-brief {
        grid-template-columns: 1fr;
    }

    .subian-case-related-head,
    .subian-case-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .subian-case-cta-btn {
        width: 100%;
        min-width: 0;
    }
}

/* Product mega menu v2: category tabs with live product lists */
@media all and (min-width: 1000px) {
    .Header-wrapper .subian-mega-v2 {
        left: 0;
        width: 100vw;
        max-width: none;
        min-height: 0;
        display: block;
        border-radius: 0;
        background: #f4f7f9;
        transform: translateY(0.14rem);
    }

    .Header-wrapper .subian-nav-product:hover > .subian-mega-v2,
    .Header-wrapper .subian-nav-product:focus-within > .subian-mega-v2 {
        transform: translateY(0);
    }
}

.Header-wrapper .subian-mega-v2 .subian-mega-tabs {
    min-height: 0.72rem;
    margin: 0;
    padding: 0 max(0.24rem, calc((100vw - 16rem) / 2));
    display: flex;
    align-items: stretch;
    flex-direction: row;
    gap: 0.3rem;
    border-bottom: 1px solid #dde5eb;
    background: #f4f7f9;
}

.Header-wrapper .subian-mega-v2 .subian-mega-tab-item {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.Header-wrapper .subian-mega-v2 .subian-mega-tab {
    width: auto;
    min-width: 2.3rem;
    min-height: 0.72rem;
    padding: 0.12rem 0.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    color: #44576a;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.Header-wrapper .subian-mega-v2 .subian-mega-tab:hover,
.Header-wrapper .subian-mega-v2 .subian-mega-tab:focus-visible,
.Header-wrapper .subian-mega-v2 .subian-mega-tab.is-active {
    color: #0b74c8;
    background: transparent;
    box-shadow: inset 0 -0.02rem 0 #0b74c8;
}

.Header-wrapper .subian-mega-v2 .subian-mega-panels {
    padding: 0.24rem max(0.24rem, calc((100vw - 16rem) / 2)) 0.16rem;
    background: #f4f7f9;
}

.Header-wrapper .subian-mega-v2 .subian-mega-panel {
    min-height: 0;
    padding: 0;
    display: block;
}

.Header-wrapper .subian-mega-v2 .subian-mega-panel[hidden] {
    display: none;
}

.Header-wrapper .subian-mega-products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.16rem;
}

.Header-wrapper .subian-mega-product {
    min-width: 0;
    min-height: 2.15rem;
    padding: 0.14rem;
    display: grid;
    grid-template-columns: 1.3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.16rem;
    border-radius: 0.05rem;
    background: #fff;
    box-shadow: 0 0.06rem 0.2rem rgba(12, 50, 78, 0.04);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.Header-wrapper .subian-mega-product:hover {
    box-shadow: 0 0.14rem 0.32rem rgba(12, 50, 78, 0.12);
    transform: translateY(-0.03rem);
}

.Header-wrapper .subian-mega-product-media {
    width: 100%;
    overflow: hidden;
    border-radius: 0.04rem;
    background: #f6f8fa;
}

.Header-wrapper .subian-mega-product-media img {
    object-fit: contain;
    transition: transform 0.35s ease;
}

.Header-wrapper .subian-mega-product:hover .subian-mega-product-media img {
    transform: scale(1.04);
}

.Header-wrapper .subian-mega-product-copy {
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.05rem;
}

.Header-wrapper .subian-mega-product-title {
    width: 100%;
    min-width: 0;
    flex: none;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    color: #102a4c;
    font-weight: 600;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.Header-wrapper .subian-mega-product-arrow {
    flex: none;
    color: #0b74c8;
    font-size: var(--f18);
    transition: transform 0.25s ease;
	line-height: 1;
}

.Header-wrapper .subian-mega-product:hover .subian-mega-product-arrow {
    transform: translateX(0.05rem);
}

.Header-wrapper .subian-mega-more {
    min-height: 0.46rem;
    grid-column: 1 / -1;
    padding: 0.08rem 0.04rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.1rem;
    color: #0b74c8;
}

.Header-wrapper .subian-mega-more-label {
    color: #8292a2;
}

.Header-wrapper .subian-mega-more-title {
    color: #0b74c8;
}

.Header-wrapper .subian-mega-more-arrow {
    font-size: var(--f20);
    transition: transform 0.25s ease;
}

.Header-wrapper .subian-mega-more:hover .subian-mega-more-arrow {
    transform: translateX(0.05rem);
}

/* Product guide v2: category sections with real product lists */
.subian-pg .subian-pg-directory {
    margin-top: 0.44rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.08rem;
    border-radius: 0;
    background: transparent;
}

.subian-pg .subian-pg-directory-link {
    min-height: 0.62rem;
    padding: 0.12rem 0.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e9ee;
    border-radius: 0.05rem;
    color: #395268;
    background: #fff;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    transition: color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.subian-pg .subian-pg-directory-link:hover,
.subian-pg .subian-pg-directory-link:focus-visible {
    color: #0b74c8;
    background: #f7fcff;
    box-shadow: 0 0.08rem 0.24rem rgba(11, 116, 200, 0.1);
    outline: none;
}

.subian-pg .subian-pg-family {
    padding: 1rem 0;
    scroll-margin-top: 1.1rem;
    background: #fff;
}

.subian-pg .subian-pg-family-light {
    background: #f1f6f7;
}

.subian-pg .subian-pg-family-in {
    display: grid;
    grid-template-columns: 3.45rem minmax(0, 1fr);
    align-items: start;
    gap: 0.68rem;
}

.subian-pg .subian-pg-family-copy {
    position: sticky;
    top: 1.3rem;
}

.subian-pg .subian-pg-family-title {
    margin: 0.14rem 0 0;
    color: #102a4c;
}

.subian-pg .subian-pg-family-desc {
    margin-top: 0.18rem;
    color: #617287;
}

.subian-pg .subian-pg-family-tags {
    margin-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.07rem;
}

.subian-pg .subian-pg-family-tags span {
    padding: 0.08rem 0.12rem;
    border-radius: 0.04rem;
    color: #486176;
    background: rgba(255, 255, 255, 0.78);
}

.subian-pg .subian-pg-family-link {
    margin-top: 0.28rem;
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    color: #0b74c8;
    font-weight: 700;
}

.subian-pg .subian-pg-family-link span {
    transition: transform 0.25s ease;
}

.subian-pg .subian-pg-family-link:hover span {
    transform: translateX(0.05rem);
}

.subian-pg .subian-pg-products {
    min-width: 0;
    display: flex;
    gap: 0;
}

.subian-pg .subian-pg-products-wrap {
    position: relative;
    min-width: 0;
}

.subian-pg .subian-pg-swiper {
    margin: -0.12rem -0.1rem -0.18rem;
    padding: 0.12rem 0.1rem 0.18rem;
    overflow: hidden;
}

.subian-pg .subian-pg-product {
    min-width: 0;
    height: auto;
    padding: 0.14rem;
    display: flex;
    flex-direction: column;
    border-radius: 0.06rem;
    background: #f5f8fa;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-pg .subian-pg-family-light .subian-pg-product {
    background: #fff;
}

.subian-pg .subian-pg-product:hover {
    box-shadow: 0 0.16rem 0.4rem rgba(12, 50, 78, 0.12);
    transform: translateY(-0.04rem);
}

.subian-pg .subian-pg-prev,
.subian-pg .subian-pg-next {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 0.52rem;
    height: 0.52rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    color: #0b74c8;
    background: #fff;
    box-shadow: 0 0.1rem 0.28rem rgba(12, 50, 78, 0.15);
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;
}

.subian-pg .subian-pg-prev {
    left: -0.18rem;
}

.subian-pg .subian-pg-next {
    right: -0.18rem;
}

.subian-pg .subian-pg-prev svg,
.subian-pg .subian-pg-next svg {
    width: 0.22rem;
    height: 0.22rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-pg .subian-pg-prev:hover,
.subian-pg .subian-pg-next:hover {
    color: #fff;
    background: linear-gradient(110deg, #0b74c8 0%, #18b8e8 100%);
    box-shadow: 0 0.12rem 0.3rem rgba(11, 116, 200, 0.24);
}

.subian-pg .subian-pg-prev.swiper-button-disabled,
.subian-pg .subian-pg-next.swiper-button-disabled {
    opacity: 0.28;
    cursor: default;
    pointer-events: none;
}

.subian-pg .subian-pg-product-media {
    width: 100%;
    overflow: hidden;
    border-radius: 0.04rem;
    background: #fff;
}

.subian-pg .subian-pg-product-media img {
    object-fit: contain;
    transition: transform 0.4s ease;
}

.subian-pg .subian-pg-product:hover .subian-pg-product-media img {
    transform: scale(1.04);
}

.subian-pg .subian-pg-product-copy {
    min-height: 0.92rem;
    padding: 0.16rem 0.04rem 0.02rem;
    display: block;
}

.subian-pg .subian-pg-product-title {
    width: 100%;
    margin: 0;
    color: #233f58;
    font-weight: 600;
}

@media screen and (max-width: 1366px) {
    .Header-wrapper .subian-mega-v2 .subian-mega-tabs {
        gap: 0.16rem;
    }

    .Header-wrapper .subian-mega-v2 .subian-mega-tab {
        min-width: 1.9rem;
    }

    .subian-pg .subian-pg-family-in {
        grid-template-columns: 3.1rem minmax(0, 1fr);
        gap: 0.42rem;
    }

}

@media screen and (max-width: 999px) {
    .subian-pg .subian-pg-directory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-pg .subian-pg-family-in {
        grid-template-columns: 1fr;
    }

    .subian-pg .subian-pg-family-copy {
        position: static;
        max-width: 7.2rem;
    }
}

@media screen and (max-width: 767px) {
    .subian-pg .subian-pg-directory {
        grid-template-columns: 1fr;
    }

    .subian-pg .subian-pg-directory-link {
        min-height: 0.88rem;
    }

    .subian-pg .subian-pg-family {
        padding: 60px 0;
    }

    .subian-pg .subian-pg-prev {
        left: -6px;
    }

    .subian-pg .subian-pg-next {
        right: -6px;
    }
}

/* Shared mobile typography and inner-page rhythm */
@media screen and (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }

	.subian-case-place svg{
		width: 0.24rem;
		height: 0.24rem;
	}

    .subian-inner h1,
    .subian-inner h2,
    .subian-inner h3,
    .subian-inner h4 {
        overflow-wrap: anywhere;
        text-wrap: balance;
    }

    .subian-inner .subian-section {
        padding: 56px 0;
    }

    .subian-inner .subian-ban {
        height: 230px;
    }

    .subian-inner .subian-ban-in {
        padding-top: 12px;
    }

    .subian-inner .subian-ban-title {
        max-width: 100%;
        font-size: 32px;
        line-height: 1.16;
    }

    .subian-inner .subian-bread {
        max-width: 100%;
        margin-top: 16px;
        padding: 8px 12px;
        gap: 7px;
    }

    .subian-inner .subian-bread svg {
        width: 16px;
        height: 16px;
    }

    .subian-inner .subian-bread a {
        font-size: 14px;
    }

    .subian-inner .subian-head {
        margin-bottom: 32px;
    }

    .subian-inner .subian-head-tag {
        margin-bottom: 9px;
        font-size: 15px;
        letter-spacing: 0.03em;
    }

    .subian-inner .subian-head-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .subian-inner .subian-head-desc {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.65;
    }

    .subian-inner .subian-sol-grid,
    .subian-inner .subian-news-grid,
    .subian-inner .subian-case-grid {
        gap: 20px;
    }

    .subian-inner .subian-contact {
        gap: 44px;
    }

    .subian-inner .subian-contact-title {
        font-size: 29px;
    }

    .subian-inner .subian-form {
        margin-top: 24px;
        gap: 12px;
    }

    .subian-inner .subian-field input {
        height: 52px;
        padding: 0 15px;
    }

    .subian-inner .subian-field textarea {
        min-height: 150px;
        padding: 15px;
    }

    .subian-inner .subian-submit {
        width: 100%;
        min-height: 42px;
    }

    .subian-inner .subian-contact-list {
        margin-top: 24px;
        gap: 24px;
    }

    .subian-inner .subian-contact-item {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 15px;
    }

    .subian-inner .subian-contact-icon {
        width: 54px;
        height: 54px;
    }

    .subian-inner .subian-dl {
        gap: 14px;
    }

    .subian-inner .subian-dl-item {
        min-height: 0;
        padding: 20px;
        gap: 18px;
    }

    .subian-inner .subian-dl-info {
        align-items: flex-start;
        gap: 14px;
    }

    .subian-inner .subian-dl-icon {
        width: 54px;
        height: 54px;
    }

    .subian-inner .subian-dl-meta {
        margin-top: 8px;
        flex-wrap: wrap;
        gap: 8px 14px;
    }

    .subian-inner .subian-dl-btn {
        padding: 13px 20px;
    }

    .subian-inner .subian-faq-item {
        margin-bottom: 12px;
    }

    .subian-inner .subian-faq-head {
        min-height: 64px;
        padding: 18px;
        gap: 18px;
    }

    .subian-inner .subian-faq-q {
        font-size: 17px;
        line-height: 1.45;
    }

    .subian-inner .subian-faq-body {
        padding: 0 18px 20px;
    }

    .subian-inner .subian-detail-main,
    .subian-inner .subian-article-main,
    .subian-inner .subian-side-box {
        box-shadow: 0 4px 12px rgba(6, 26, 51, 0.06);
    }

    .subian-inner .subian-detail-main,
    .subian-inner .subian-article-main {
        padding: 20px;
    }

    .subian-inner .subian-detail-title,
    .subian-inner .subian-article-title {
        font-size: 28px;
        line-height: 1.24;
    }

    .subian-inner .subian-detail-content,
    .subian-inner .subian-article-content {
        font-size: 16px;
        line-height: 1.75;
    }

    .subian-inner .subian-detail-content img,
    .subian-inner .subian-article-content img,
    .subian-inner .ar_article img {
        max-width: 100%;
        height: auto;
    }

    .subian-inner .subian-article-nav {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .subian-inner .subian-article-nav > div {
        width: 100%;
        min-height: 0;
        padding: 16px;
    }

    .subian-inner .subian-article-nav > div:last-child {
        text-align: left;
    }

    .subian-inner .subian-toc-list a {
        padding: 10px 12px;
        font-size: 16px;
    }

    .subian-inner .subian-toc-list .two {
        margin-left: 22px;
        padding-left: 8px;
    }

    .subian-inner .subian-toc-list .two a {
        padding: 8px 10px;
    }

    .subian-pd .subian-pd-article,
    .subian-pd .subian-pd-form,
    .subian-pd .subian-pd-maker-panel {
        padding: 22px;
    }

    .subian-pd .subian-pd-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .subian-case-detail .subian-case-hero-title {
        font-size: 30px;
    }

    .subian-case-detail .subian-case-gallery .swiper-slide {
        height: 280px;
    }

	.subian-case-fact > svg{
		width: 0.4rem;
		height: 0.4rem;
	}
	.subian-card-more svg{
		width: 0.28rem;
		height: 0.28rem;
	}

	.subian-rel-wrap .subian-rel-next, .subian-rel-wrap .subian-rel-prev{
		width: 0.6rem;
		height: 0.6rem;
	}

	.subian-pg .subian-pg-family-tags span{
		padding: 0.12rem 0.18rem;
	}
	.subian-ab-cert > span{
		height: 6rem;
	}
	.pb-120{
		padding-bottom: 0.8rem;
	}
	.pt-120{
		padding-top: 0.8rem;
	}
}

@media (prefers-reduced-motion: reduce) {
    .Header-wrapper *,
    .subian-site-footer *,
    .subian-inner * {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================================================
   全局响应式内外边距 (5~100, 步长5)
   采用 CSS 变量控制：PC端使用 rem 等比缩放，手机端使用 px 保底防止过小
   ========================================================================== */

/* 1. 定义间距变量 (默认 PC 端使用 rem) */
:root {
    --sp-5: 0.05rem;  --sp-10: 0.1rem;  --sp-15: 0.15rem; --sp-20: 0.2rem;
    --sp-25: 0.25rem; --sp-30: 0.3rem;  --sp-35: 0.35rem; --sp-40: 0.4rem;
    --sp-45: 0.45rem; --sp-50: 0.5rem;  --sp-55: 0.55rem; --sp-60: 0.6rem;
    --sp-65: 0.65rem; --sp-70: 0.7rem;  --sp-75: 0.75rem; --sp-80: 0.8rem;
    --sp-85: 0.85rem; --sp-90: 0.9rem;  --sp-95: 0.95rem; --sp-100: 1rem;
}

/* 2. 平板端适配 (<1200px)：适当减小大间距的 rem 比例 */
@media screen and (max-width: 1200px) {
    :root {
        --sp-100: 0.8rem;  --sp-95: 0.76rem; --sp-90: 0.72rem; --sp-85: 0.68rem;
        --sp-80: 0.64rem;  --sp-75: 0.6rem;  --sp-70: 0.56rem; --sp-65: 0.52rem;
        --sp-60: 0.48rem;  --sp-55: 0.44rem; --sp-50: 0.4rem;  --sp-45: 0.36rem;
        --sp-40: 0.32rem;  --sp-35: 0.28rem; --sp-30: 0.24rem;
        /* 30以下的间距保持原 rem 比例即可 */
    }
}

/* 3. 手机端适配 (<768px)：改用固定 px 作为保底，防止 rem 缩放导致间距缩成一条线 */
@media screen and (max-width: 768px) {
    :root {
        --sp-100: 50px; --sp-95: 48px; --sp-90: 45px; --sp-85: 42px;
        --sp-80: 40px;  --sp-75: 38px; --sp-70: 35px; --sp-65: 32px;
        --sp-60: 30px;  --sp-55: 28px; --sp-50: 25px; --sp-45: 22px;
        --sp-40: 20px;  --sp-35: 18px; --sp-30: 15px; --sp-25: 12px;
        --sp-20: 10px;  --sp-15: 8px;  --sp-10: 5px;  --sp-5: 3px;
    }
}

/* ==========================================================================
   生成具体的 Padding 和 Margin 类名
   ========================================================================== */

/* Padding (内边距) */
.p5 { padding: var(--sp-5); } .pt-5 { padding-top: var(--sp-5); } .pb-5 { padding-bottom: var(--sp-5); } .pl-5 { padding-left: var(--sp-5); } .pr-5 { padding-right: var(--sp-5); }
.p10 { padding: var(--sp-10); } .pt-10 { padding-top: var(--sp-10); } .pb-10 { padding-bottom: var(--sp-10); } .pl-10 { padding-left: var(--sp-10); } .pr-10 { padding-right: var(--sp-10); }
.p15 { padding: var(--sp-15); } .pt-15 { padding-top: var(--sp-15); } .pb-15 { padding-bottom: var(--sp-15); } .pl-15 { padding-left: var(--sp-15); } .pr-15 { padding-right: var(--sp-15); }
.p20 { padding: var(--sp-20); } .pt-20 { padding-top: var(--sp-20); } .pb-20 { padding-bottom: var(--sp-20); } .pl-20 { padding-left: var(--sp-20); } .pr-20 { padding-right: var(--sp-20); }
.p25 { padding: var(--sp-25); } .pt-25 { padding-top: var(--sp-25); } .pb-25 { padding-bottom: var(--sp-25); } .pl-25 { padding-left: var(--sp-25); } .pr-25 { padding-right: var(--sp-25); }
.p30 { padding: var(--sp-30); } .pt-30 { padding-top: var(--sp-30); } .pb-30 { padding-bottom: var(--sp-30); } .pl-30 { padding-left: var(--sp-30); } .pr-30 { padding-right: var(--sp-30); }
.p35 { padding: var(--sp-35); } .pt-35 { padding-top: var(--sp-35); } .pb-35 { padding-bottom: var(--sp-35); } .pl-35 { padding-left: var(--sp-35); } .pr-35 { padding-right: var(--sp-35); }
.p40 { padding: var(--sp-40); } .pt-40 { padding-top: var(--sp-40); } .pb-40 { padding-bottom: var(--sp-40); } .pl-40 { padding-left: var(--sp-40); } .pr-40 { padding-right: var(--sp-40); }
.p45 { padding: var(--sp-45); } .pt-45 { padding-top: var(--sp-45); } .pb-45 { padding-bottom: var(--sp-45); } .pl-45 { padding-left: var(--sp-45); } .pr-45 { padding-right: var(--sp-45); }
.p50 { padding: var(--sp-50); } .pt-50 { padding-top: var(--sp-50); } .pb-50 { padding-bottom: var(--sp-50); } .pl-50 { padding-left: var(--sp-50); } .pr-50 { padding-right: var(--sp-50); }
.p55 { padding: var(--sp-55); } .pt-55 { padding-top: var(--sp-55); } .pb-55 { padding-bottom: var(--sp-55); } .pl-55 { padding-left: var(--sp-55); } .pr-55 { padding-right: var(--sp-55); }
.p60 { padding: var(--sp-60); } .pt-60 { padding-top: var(--sp-60); } .pb-60 { padding-bottom: var(--sp-60); } .pl-60 { padding-left: var(--sp-60); } .pr-60 { padding-right: var(--sp-60); }
.p65 { padding: var(--sp-65); } .pt-65 { padding-top: var(--sp-65); } .pb-65 { padding-bottom: var(--sp-65); } .pl-65 { padding-left: var(--sp-65); } .pr-65 { padding-right: var(--sp-65); }
.p70 { padding: var(--sp-70); } .pt-70 { padding-top: var(--sp-70); } .pb-70 { padding-bottom: var(--sp-70); } .pl-70 { padding-left: var(--sp-70); } .pr-70 { padding-right: var(--sp-70); }
.p75 { padding: var(--sp-75); } .pt-75 { padding-top: var(--sp-75); } .pb-75 { padding-bottom: var(--sp-75); } .pl-75 { padding-left: var(--sp-75); } .pr-75 { padding-right: var(--sp-75); }
.p80 { padding: var(--sp-80); } .pt-80 { padding-top: var(--sp-80); } .pb-80 { padding-bottom: var(--sp-80); } .pl-80 { padding-left: var(--sp-80); } .pr-80 { padding-right: var(--sp-80); }
.p85 { padding: var(--sp-85); } .pt-85 { padding-top: var(--sp-85); } .pb-85 { padding-bottom: var(--sp-85); } .pl-85 { padding-left: var(--sp-85); } .pr-85 { padding-right: var(--sp-85); }
.p90 { padding: var(--sp-90); } .pt-90 { padding-top: var(--sp-90); } .pb-90 { padding-bottom: var(--sp-90); } .pl-90 { padding-left: var(--sp-90); } .pr-90 { padding-right: var(--sp-90); }
.p95 { padding: var(--sp-95); } .pt-95 { padding-top: var(--sp-95); } .pb-95 { padding-bottom: var(--sp-95); } .pl-95 { padding-left: var(--sp-95); } .pr-95 { padding-right: var(--sp-95); }
.p100 { padding: var(--sp-100); } .pt-100 { padding-top: var(--sp-100); } .pb-100 { padding-bottom: var(--sp-100); } .pl-100 { padding-left: var(--sp-100); } .pr-100 { padding-right: var(--sp-100); }

/* Margin (外边距) */
.m5 { margin: var(--sp-5); } .mt-5 { margin-top: var(--sp-5); } .mb-5 { margin-bottom: var(--sp-5); } .ml-5 { margin-left: var(--sp-5); } .mr-5 { margin-right: var(--sp-5); }
.m10 { margin: var(--sp-10); } .mt-10 { margin-top: var(--sp-10); } .mb-10 { margin-bottom: var(--sp-10); } .ml-10 { margin-left: var(--sp-10); } .mr-10 { margin-right: var(--sp-10); }
.m15 { margin: var(--sp-15); } .mt-15 { margin-top: var(--sp-15); } .mb-15 { margin-bottom: var(--sp-15); } .ml-15 { margin-left: var(--sp-15); } .mr-15 { margin-right: var(--sp-15); }
.m20 { margin: var(--sp-20); } .mt-20 { margin-top: var(--sp-20); } .mb-20 { margin-bottom: var(--sp-20); } .ml-20 { margin-left: var(--sp-20); } .mr-20 { margin-right: var(--sp-20); }
.m25 { margin: var(--sp-25); } .mt-25 { margin-top: var(--sp-25); } .mb-25 { margin-bottom: var(--sp-25); } .ml-25 { margin-left: var(--sp-25); } .mr-25 { margin-right: var(--sp-25); }
.m30 { margin: var(--sp-30); } .mt-30 { margin-top: var(--sp-30); } .mb-30 { margin-bottom: var(--sp-30); } .ml-30 { margin-left: var(--sp-30); } .mr-30 { margin-right: var(--sp-30); }
.m35 { margin: var(--sp-35); } .mt-35 { margin-top: var(--sp-35); } .mb-35 { margin-bottom: var(--sp-35); } .ml-35 { margin-left: var(--sp-35); } .mr-35 { margin-right: var(--sp-35); }
.m40 { margin: var(--sp-40); } .mt-40 { margin-top: var(--sp-40); } .mb-40 { margin-bottom: var(--sp-40); } .ml-40 { margin-left: var(--sp-40); } .mr-40 { margin-right: var(--sp-40); }
.m45 { margin: var(--sp-45); } .mt-45 { margin-top: var(--sp-45); } .mb-45 { margin-bottom: var(--sp-45); } .ml-45 { margin-left: var(--sp-45); } .mr-45 { margin-right: var(--sp-45); }
.m50 { margin: var(--sp-50); } .mt-50 { margin-top: var(--sp-50); } .mb-50 { margin-bottom: var(--sp-50); } .ml-50 { margin-left: var(--sp-50); } .mr-50 { margin-right: var(--sp-50); }
.m55 { margin: var(--sp-55); } .mt-55 { margin-top: var(--sp-55); } .mb-55 { margin-bottom: var(--sp-55); } .ml-55 { margin-left: var(--sp-55); } .mr-55 { margin-right: var(--sp-55); }
.m60 { margin: var(--sp-60); } .mt-60 { margin-top: var(--sp-60); } .mb-60 { margin-bottom: var(--sp-60); } .ml-60 { margin-left: var(--sp-60); } .mr-60 { margin-right: var(--sp-60); }
.m65 { margin: var(--sp-65); } .mt-65 { margin-top: var(--sp-65); } .mb-65 { margin-bottom: var(--sp-65); } .ml-65 { margin-left: var(--sp-65); } .mr-65 { margin-right: var(--sp-65); }
.m70 { margin: var(--sp-70); } .mt-70 { margin-top: var(--sp-70); } .mb-70 { margin-bottom: var(--sp-70); } .ml-70 { margin-left: var(--sp-70); } .mr-70 { margin-right: var(--sp-70); }
.m75 { margin: var(--sp-75); } .mt-75 { margin-top: var(--sp-75); } .mb-75 { margin-bottom: var(--sp-75); } .ml-75 { margin-left: var(--sp-75); } .mr-75 { margin-right: var(--sp-75); }
.m80 { margin: var(--sp-80); } .mt-80 { margin-top: var(--sp-80); } .mb-80 { margin-bottom: var(--sp-80); } .ml-80 { margin-left: var(--sp-80); } .mr-80 { margin-right: var(--sp-80); }
.m85 { margin: var(--sp-85); } .mt-85 { margin-top: var(--sp-85); } .mb-85 { margin-bottom: var(--sp-85); } .ml-85 { margin-left: var(--sp-85); } .mr-85 { margin-right: var(--sp-85); }
.m90 { margin: var(--sp-90); } .mt-90 { margin-top: var(--sp-90); } .mb-90 { margin-bottom: var(--sp-90); } .ml-90 { margin-left: var(--sp-90); } .mr-90 { margin-right: var(--sp-90); }
.m95 { margin: var(--sp-95); } .mt-95 { margin-top: var(--sp-95); } .mb-95 { margin-bottom: var(--sp-95); } .ml-95 { margin-left: var(--sp-95); } .mr-95 { margin-right: var(--sp-95); }
.m100 { margin: var(--sp-100); } .mt-100 { margin-top: var(--sp-100); } .mb-100 { margin-bottom: var(--sp-100); } .ml-100 { margin-left: var(--sp-100); } .mr-100 { margin-right: var(--sp-100); }

/* ================================================================
   Subian Electric Power - Homepage
   1920px design / 1600px content width / responsive rem system
   ================================================================ */

body {
    --theme-color: #0b74c8;
    --theme-color-rgb: 11, 116, 200;
    --sec-theme-color: #18b8e8;
    --subian-navy: #061a33;
    --subian-navy-light: #0a2748;
    --subian-text: #101828;
    --subian-body: #536173;
    --subian-light: #f4f7fa;
    --subian-line: #dce5ed;
    --subian-gradient: linear-gradient(115deg, #0b74c8 0%, #18b8e8 100%);
    color: var(--subian-text);
}

.subian-concept {
    --subian-concept-section-title: 0.56rem;
    display: none;
}

.subian-concept.is-active {
    display: block;
}

.subian-home {
    overflow: hidden;
    background: #fff;
}

.subian-home--short .subian-home-long-only {
    display: none;
}

.subian-home--long .subian-home-long-only {
    display: block;
}

.subian-home .subian-home-section-label {
    display: inline-block;
    margin-bottom: 0.18rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0b74c8;
    background: var(--subian-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subian-home .subian-home-section-title {
    max-width: 9.2rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    color: var(--subian-text);
}

.subian-home .subian-home-section-description {
    max-width: 7.6rem;
    margin-top: 0.2rem;
    color: var(--subian-body);
}

.subian-home .subian-home-heading {
    margin-bottom: 0.55rem;
}

.subian-home .subian-home-heading--split {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
}

.subian-home .subian-home-heading-main {
    max-width: 9.5rem;
}

.subian-home .subian-home-heading-side {
    width: 5.4rem;
    color: var(--subian-body);
}

.subian-home .subian-home-heading--center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.subian-home .subian-home-heading--center .subian-home-section-description {
    margin-right: auto;
    margin-left: auto;
}

.subian-home .subian-home-heading--light .subian-home-section-title,
.subian-home .subian-home-heading--light .subian-home-section-description {
    color: #fff;
}

.subian-home .subian-home-heading--light .subian-home-section-description {
    color: rgba(255, 255, 255, 0.7);
}

.subian-home .subian-home-button {
    min-height: 0.54rem;
    padding: 0.17rem 0.28rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    border-radius: 0.06rem;
    font-weight: 700;
    line-height: 1.2;
    transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-home .subian-home-button:hover {
    transform: translateY(-0.03rem);
}

.subian-home .subian-home-button--primary {
    color: #fff;
    background: var(--subian-gradient);
    box-shadow: 0 0.12rem 0.3rem rgba(11, 116, 200, 0.25);
}

.subian-home .subian-home-button--primary:hover {
    box-shadow: 0 0.18rem 0.4rem rgba(11, 116, 200, 0.38);
}

.subian-home .subian-home-button--light {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(8px);
}

.subian-home .subian-home-button--light:hover {
    color: var(--subian-navy);
    background: #fff;
}

.subian-home .subian-home-button--dark {
    color: #fff;
    background: var(--subian-navy);
}

.subian-home .subian-home-button--dark:hover {
    background: #0b74c8;
}

.subian-home .subian-home-button-icon,
.subian-home .subian-home-text-link-icon,
.subian-home .subian-home-product-link-icon {
    width: 0.22rem;
    height: 0.22rem;
    flex: none;
    transition: transform 0.3s ease;
}

.subian-home .subian-home-button:hover .subian-home-button-icon,
.subian-home .subian-home-text-link:hover .subian-home-text-link-icon,
.subian-home .subian-home-product-card:hover .subian-home-product-link-icon {
    transform: translateX(0.05rem);
}

.subian-home .subian-home-text-link {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    color: #0b74c8;
    font-weight: 700;
    line-height: 1.3;
}

.subian-home .subian-home-text-link:hover {
    color: #18a8dc;
}

/* Header brand overrides */
.Header-wrapper.white_bg,
.Header-wrapper.on {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0.06rem 0.24rem rgba(6, 26, 51, 0.07);
}

.Header-wrapper .Header-container {
    min-height: 100px;
}

.Header-wrapper .Header-container .logo a img,
.Header-wrapper.white_bg .Header-container .logo a img,
.Header-wrapper.on .Header-container .logo a img {
    display: block;
    height: 0.48rem;
}

.Header-wrapper .subian-head-brand {
    display: flex;
    align-items: center;
    flex: none;
}

.Header-wrapper .subian-head-certs {
    min-height: 0.34rem;
    margin-left: 0.2rem;
    padding-left: 0.2rem;
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(16, 42, 76, 0.16);
}

.Header-wrapper .subian-head-certs img {
    width: auto;
    height: 0.27rem;
    display: block;
    transition: filter 0.3s ease;
}

.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) .subian-head-certs {
    padding-left: 0.2rem;
    border-left: 1px solid rgba(255, 255, 255, 0.38);
    background: transparent;
}

.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) .subian-head-certs img {
    filter: brightness(0) invert(1);
}

.Header-wrapper .Header-container .c-nav > li .c-title-box,
.Header-wrapper.white_bg .Header-container .c-nav > li .c-title-box,
.Header-wrapper.on .Header-container .c-nav > li .c-title-box {
    color: var(--subian-text);
}

.Header-wrapper .Header-container .c-nav > li {
    margin-right: 0.3rem;
}
.Header-wrapper .Header-container .c-nav > li:last-child{
    margin-right: 0.08rem;
}

.Header-wrapper .Header-container .c-nav {
    font-size: var(--f18);
    font-weight: 600;
}

.Header-wrapper .Header-container .tool .search i {
    font-size: 0.22rem;
}

.Header-wrapper .subian-site-header-main {
    gap: 0.22rem;
}

.Header-wrapper .subian-site-header-quote {
    min-height: 0.46rem;
    padding: 0.14rem 0.22rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.05rem;
    color: #fff;
    background: var(--subian-gradient);
    font-weight: 700;
    line-height: 1.1;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.Header-wrapper .subian-site-header-quote:hover {
    color: #fff;
    transform: translateY(-0.02rem);
    box-shadow: 0 0.12rem 0.28rem rgba(11, 116, 200, 0.25);
}

.Header-wrapper .subian-site-header-tool {
    padding: 0;
}

.Header-wrapper .subian-site-header-search {
    position: relative;
    width: 0.44rem;
    height: 0.44rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    color: var(--subian-text);
    background: transparent;
    cursor: pointer;
}

.Header-wrapper .subian-site-header-search i {
    display: inline-block;
    line-height: 1;
}

.Header-wrapper .subian-site-header-search:hover {
    color: #0b74c8;
}

/* Hero */
.subian-home .subian-home-hero {
    position: relative;
    height: 7.6rem;
    min-height: 660px;
    margin-top: 100px;
    background: var(--subian-navy);
}

.subian-home .subian-home-hero-swiper,
.subian-home .subian-home-hero-wrapper,
.subian-home .subian-home-hero-slide {
    width: 100%;
    height: 100%;
}

.subian-home .subian-home-hero-slide {
    position: relative;
    overflow: hidden;
}

.subian-home .subian-home-hero-media,
.subian-home .subian-home-hero-shade {
    position: absolute;
    inset: 0;
}

.subian-home .subian-home-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform 7s linear;
}

.subian-home .swiper-slide-active .subian-home-hero-image {
    transform: scale(1.08);
}

.subian-home .subian-home-hero-shade {
    z-index: 1;
    background: linear-gradient(90deg, rgba(4, 19, 38, 0.94) 0%, rgba(4, 24, 47, 0.78) 40%, rgba(4, 24, 47, 0.22) 72%, rgba(4, 24, 47, 0.08) 100%);
}

.subian-home .subian-home-hero-container {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
}

.subian-home .subian-home-hero-content {
    width: 8.6rem;
    padding-bottom: 0.25rem;
    color: #fff;
}

.subian-home .subian-home-hero-title {
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #fff;
}

.subian-home .subian-home-hero-description {
    width: 7.6rem;
    max-width: 100%;
    margin-top: 0.28rem;
    color: rgba(255, 255, 255, 0.78);
}

.subian-home .subian-home-hero-actions {
    display: flex;
    align-items: center;
    gap: 0.14rem;
    margin-top: 0.42rem;
}

.subian-home .subian-home-hero-controls {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0.42rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

.subian-home .subian-home-hero-pagination,
.subian-home .subian-home-hero-arrows {
    pointer-events: auto;
}

.subian-home .subian-home-hero-pagination {
    position: static;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.09rem;
}

.subian-home .subian-home-hero-pagination .swiper-pagination-bullet {
    width: 0.32rem;
    height: 0.03rem;
    margin: 0;
    border-radius: 0;
    opacity: 0.38;
    background: #fff;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.subian-home .subian-home-hero-pagination .swiper-pagination-bullet-active {
    width: 0.64rem;
    opacity: 1;
    background: linear-gradient(90deg, #0b74c8, #18b8e8);
}

.subian-home .subian-home-hero-arrows {
    display: flex;
    align-items: center;
    gap: 0.08rem;
}

.subian-home .subian-home-hero-arrow {
    width: 0.52rem;
    height: 0.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

.subian-home .subian-home-hero-arrow:hover {
    background: #0b74c8;
    transform: translateY(-0.03rem);
}

.subian-home .subian-home-hero-arrow-icon {
    width: 0.22rem;
    height: 0.22rem;
}

/* Company statistics */
.subian-home .subian-home-stats {
    position: relative;
    z-index: 6;
    background: #fff;
    box-shadow: 0 0.15rem 0.5rem rgba(16, 24, 40, 0.08);
}

.subian-home .subian-home-stats-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.subian-home .subian-home-stat-item {
    position: relative;
    min-height: 1.55rem;
    padding: 0.3rem 0.42rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.subian-home .subian-home-stat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.34rem;
    right: 0;
    bottom: 0.34rem;
    width: 1px;
    background: var(--subian-line);
}

.subian-home .subian-home-stat-number {
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #0b74c8;
    background: var(--subian-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subian-home .subian-home-stat-mark,
.subian-home .subian-home-stat-unit {
    margin-left: 0.03rem;
    font-size: 0.58em;
    letter-spacing: 0;
}

.subian-home .subian-home-stat-title {
    margin-top: 0.13rem;
    color: #526071;
}

/* About */
.subian-home .subian-home-about {
    background: #fff;
}

.subian-home .subian-home-about-container {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: center;
    gap: 0.95rem;
}

.subian-home .subian-home-about-visual {
    position: relative;
}

.subian-home .subian-home-about-ratio {
    border-radius: 0.12rem;
    background: #e9eef3;
}

.subian-home .subian-home-about-image {
    object-fit: cover;
    transition: transform 0.6s ease;
}

.subian-home .subian-home-about-visual:hover .subian-home-about-image {
    transform: scale(1.035);
}

.subian-home .subian-home-about-note {
    position: absolute;
    right: -0.35rem;
    bottom: 0.36rem;
    width: 3.2rem;
    padding: 0.26rem 0.3rem;
    border-radius: 0.08rem;
    color: #fff;
    background: var(--subian-gradient);
    box-shadow: 0 0.2rem 0.5rem rgba(11, 116, 200, 0.25);
}

.subian-home .subian-home-about-note-number {
    font-weight: 700;
}

.subian-home .subian-home-about-note-text {
    margin-top: 0.1rem;
    color: rgba(255, 255, 255, 0.82);
}

.subian-home .subian-home-about-title {
    margin-bottom: 0.28rem;
}

.subian-home .subian-home-about-description {
    margin-bottom: 0.18rem;
    color: var(--subian-body);
}

.subian-home .subian-home-about-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1rem;
    margin: 0.34rem 0;
}

.subian-home .subian-home-about-feature {
    padding: 0.12rem 0.16rem;
    border-radius: 0.05rem;
    color: #24405c;
    background: #eef5fa;
}

/* Products */
.subian-home .subian-home-products {
    background: var(--subian-light);
}

.subian-home .subian-home-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.24rem;
}

.subian-home .subian-home-product-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 0.1rem;
    background: #fff;
    box-shadow: 0 0.08rem 0.28rem rgba(16, 24, 40, 0.055);
    transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.subian-home .subian-home-product-card:hover {
    transform: translateY(-0.07rem);
    box-shadow: 0 0.18rem 0.5rem rgba(6, 26, 51, 0.12);
}

.subian-home .subian-home-product-media {
    background: linear-gradient(145deg, #fff 0%, #f3f6f9 100%);
}

.subian-home .subian-home-product-image {
    padding: 0.34rem;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.subian-home .subian-home-product-card:hover .subian-home-product-image {
    transform: scale(1.05);
}

.subian-home .subian-home-product-content {
    position: relative;
    min-height: 2.7rem;
    padding: 0.28rem 0.3rem 0.32rem;
}

.subian-home .subian-home-product-index {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    color: #a9b8c7;
    font-weight: 700;
}

.subian-home .subian-home-product-title {
    max-width: calc(100% - 0.55rem);
    font-weight: 700;
    color: var(--subian-text);
}

.subian-home .subian-home-product-description {
    min-height: 0.77rem;
    margin-top: 0.14rem;
    color: var(--subian-body);
}

.subian-home .subian-home-product-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
    margin-top: 0.2rem;
    color: #0b74c8;
    font-weight: 600;
}

.subian-home .subian-home-center-action {
    display: flex;
    justify-content: center;
    margin-top: 0.48rem;
}

/* Applications */
.subian-home .subian-home-solutions {
    position: relative;
    background: var(--subian-navy);
}

.subian-home .subian-home-solutions::after {
    content: "";
    position: absolute;
    right: -1.5rem;
    bottom: -2.1rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(24, 184, 232, 0.12) 0%, rgba(24, 184, 232, 0) 68%);
    pointer-events: none;
}

.subian-home .subian-home-solutions-container {
    position: relative;
    z-index: 1;
}

.subian-home .subian-home-solution-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.22rem;
}

.subian-home .subian-home-solution-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border-radius: 0.09rem;
    color: #fff;
    background: #0a2748;
}

.subian-home .subian-home-solution-media {
    background: #0a2748;
}

.subian-home .subian-home-solution-image {
    object-fit: cover;
    transition: transform 0.7s ease;
}

.subian-home .subian-home-solution-card:hover .subian-home-solution-image {
    transform: scale(1.055);
}

.subian-home .subian-home-solution-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(3, 17, 34, 0.94) 0%, rgba(3, 17, 34, 0.34) 58%, rgba(3, 17, 34, 0.08) 100%);
    transition: background 0.4s ease;
}

.subian-home .subian-home-solution-card:hover .subian-home-solution-shade {
    background: linear-gradient(0deg, rgba(3, 27, 52, 0.98) 0%, rgba(3, 27, 52, 0.42) 62%, rgba(3, 27, 52, 0.1) 100%);
}

.subian-home .subian-home-solution-content {
    position: absolute;
    right: 0.32rem;
    bottom: 0.3rem;
    left: 0.32rem;
}

.subian-home .subian-home-solution-number {
    margin-bottom: 0.13rem;
    color: #46c7ed;
    font-weight: 700;
}

.subian-home .subian-home-solution-title {
    font-weight: 700;
    color: #fff;
}

.subian-home .subian-home-solution-description {
    max-width: 5.5rem;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    color: rgba(255, 255, 255, 0.76);
    transition: max-height 0.35s ease, margin 0.35s ease, opacity 0.35s ease;
}

.subian-home .subian-home-solution-card:hover .subian-home-solution-description {
    max-height: 0.8rem;
    margin-top: 0.1rem;
    opacity: 1;
}

/* Advantages */
.subian-home .subian-home-advantages {
    background: #fff;
}

.subian-home .subian-home-advantage-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.subian-home .subian-home-advantage-item {
    position: relative;
    min-width: 0;
    padding: 0.18rem 0.34rem 0.16rem;
}

.subian-home .subian-home-advantage-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: var(--subian-line);
}

.subian-home .subian-home-advantage-icon {
    width: 0.72rem;
    height: 0.72rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.08rem;
    color: #0b74c8;
    background: #edf6fc;
    transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;
}

.subian-home .subian-home-advantage-item:hover .subian-home-advantage-icon {
    color: #fff;
    background: var(--subian-gradient);
    transform: translateY(-0.05rem);
}

.subian-home .subian-home-advantage-svg {
    width: 0.42rem;
    height: 0.42rem;
}

.subian-home .subian-home-advantage-number {
    margin-top: 0.28rem;
    color: #96a6b8;
    font-weight: 700;
}

.subian-home .subian-home-advantage-title {
    min-height: 0.64rem;
    margin-top: 0.14rem;
    font-weight: 700;
    color: var(--subian-text);
}

.subian-home .subian-home-advantage-description {
    margin-top: 0.14rem;
    color: var(--subian-body);
}

/* Long version: manufacturing */
.subian-home .subian-home-manufacturing {
    color: #fff;
    background: var(--subian-navy);
}

.subian-home .subian-home-manufacturing-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    align-items: center;
    gap: 0.85rem;
}

.subian-home .subian-home-manufacturing-ratio {
    border-radius: 0.1rem;
    background: #0a2748;
}

.subian-home .subian-home-manufacturing-image {
    object-fit: cover;
}

.subian-home .subian-home-manufacturing-content .subian-home-section-title {
    color: #fff;
}

.subian-home .subian-home-manufacturing-content .subian-home-section-description {
    color: rgba(255, 255, 255, 0.68);
}

.subian-home .subian-home-process-list {
    margin-top: 0.38rem;
}

.subian-home .subian-home-process-item {
    display: grid;
    grid-template-columns: 0.62rem minmax(0, 1fr);
    gap: 0.2rem;
    padding: 0.22rem 0;
}

.subian-home .subian-home-process-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.subian-home .subian-home-process-number {
    width: 0.52rem;
    height: 0.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--subian-gradient);
    font-weight: 700;
}

.subian-home .subian-home-process-title {
    font-weight: 700;
    color: #fff;
}

.subian-home .subian-home-process-description {
    margin-top: 0.08rem;
    color: rgba(255, 255, 255, 0.64);
}

/* News */
.subian-home .subian-home-news {
    background: var(--subian-light);
}

.subian-home .subian-home-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.24rem;
}

.subian-home .subian-home-news-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 0.09rem;
    background: #fff;
    box-shadow: 0 0.08rem 0.28rem rgba(16, 24, 40, 0.05);
    transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.subian-home .subian-home-news-card:hover {
    transform: translateY(-0.06rem);
    box-shadow: 0 0.16rem 0.46rem rgba(6, 26, 51, 0.11);
}

.subian-home .subian-home-news-media {
    background: #e6edf3;
}

.subian-home .subian-home-news-image {
    object-fit: cover;
    transition: transform 0.55s ease;
}

.subian-home .subian-home-news-card:hover .subian-home-news-image {
    transform: scale(1.045);
}

.subian-home .subian-home-news-content {
    padding: 0.26rem 0.28rem 0.3rem;
}

.subian-home .subian-home-news-meta {
    color: #0b74c8;
    font-weight: 600;
}

.subian-home .subian-home-news-title {
    min-height: 0.64rem;
    margin-top: 0.14rem;
    font-weight: 700;
    color: var(--subian-text);
}

.subian-home .subian-home-news-description {
    margin-top: 0.13rem;
    color: var(--subian-body);
}

/* Inquiry CTA */
.subian-home .subian-home-contact {
    position: relative;
    min-height: 4.8rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--subian-navy);
}

.subian-home .subian-home-contact-media,
.subian-home .subian-home-contact-shade {
    position: absolute;
    inset: 0;
}

.subian-home .subian-home-contact-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.subian-home .subian-home-contact-shade {
    background: linear-gradient(90deg, rgba(4, 20, 40, 0.96) 0%, rgba(4, 26, 51, 0.88) 58%, rgba(4, 26, 51, 0.6) 100%);
}

.subian-home .subian-home-contact-container {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.subian-home .subian-home-contact-content {
    max-width: 9.8rem;
}

.subian-home .subian-home-contact-title {
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
}

.subian-home .subian-home-contact-description {
    max-width: 8.6rem;
    margin-top: 0.2rem;
    color: rgba(255, 255, 255, 0.72);
}

.subian-home .subian-home-contact-actions {
    min-width: 2.45rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
}

.subian-home .subian-home-contact-email {
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.4;
}

.subian-home .subian-home-contact-email:hover {
    color: #fff;
}

/* Footer brand styling */
.subian-site-footer {
    color: rgba(255, 255, 255, 0.68);
    /* background: #04152a; */
	background: var(--subian-footer-bg) no-repeat center/cover;
}

.subian-site-footer .subian-site-footer-main {
    padding: 0.72rem 0 0.48rem;
    display: grid;
    grid-template-columns: 1.4fr 0.8fr 0.8fr 1.15fr;
    gap: 0.62rem;
}

.subian-site-footer .subian-site-footer-logo {
    width: 2.7rem;
    height: auto;
    filter: brightness(0) invert(1);
}

.subian-site-footer .subian-site-footer-description {
    max-width: 4.1rem;
    margin-top: 0.24rem;
    color: rgba(255, 255, 255, 0.62);
}

.subian-site-footer .subian-site-footer-social {
    margin-top: 0.28rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.1rem;
}

.subian-site-footer .subian-site-footer-social-link {
    width: 0.42rem;
    height: 0.42rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.05rem;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.05);
    transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.subian-site-footer .subian-site-footer-social-link:hover {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(110deg, #0b74c8, #18b8e8);
    transform: translateY(-0.03rem);
}

.subian-site-footer .subian-site-footer-social-link svg {
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    fill: currentColor;
}

.subian-site-footer .subian-site-footer-title {
    margin-bottom: 0.22rem;
    font-weight: 700;
    color: #fff;
}

.subian-site-footer .subian-site-footer-link {
    display: block;
    padding: 0.07rem 0;
    color: rgba(255, 255, 255, 0.62);
    transition: color 0.3s ease, transform 0.3s ease;
}

.subian-site-footer .subian-site-footer-link:hover {
    color: #4bc9ee;
    transform: translateX(0.04rem);
}

.subian-site-footer .subian-site-footer-contact-item {
    display: grid;
    grid-template-columns: 0.32rem minmax(0, 1fr);
    gap: 0.1rem;
    padding: 0.08rem 0;
    color: rgba(255, 255, 255, 0.65);
}

.subian-site-footer .subian-site-footer-contact-icon {
    width: 0.2rem;
    height: 0.2rem;
    margin-top: 0.02rem;
    color: #36bce8;
}

.subian-site-footer .subian-site-footer-contact-text {
    min-width: 0;
    color: inherit;
}

.subian-site-footer .subian-site-footer-bottom {
    padding: 0.23rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
    color: rgba(255, 255, 255, 0.48);
}

.subian-site-footer .subian-site-footer-bottom-link {
    color: rgba(255, 255, 255, 0.55);
}

.subian-site-footer .subian-site-footer-bottom-link:hover {
    color: #fff;
}

/* Laptop */
@media screen and (max-width: 1440px) {
    .Header-wrapper .Header-container .c-nav > li {
        margin-right: 0.3rem;
    }

    .subian-home .subian-home-hero {
        height: 7rem;
        min-height: 610px;
    }

    .subian-home .subian-home-hero-content {
        width: 8rem;
    }

    .subian-home .subian-home-about-container,
    .subian-home .subian-home-manufacturing-container {
        gap: 0.7rem;
    }
}

@media screen and (max-width: 1200px) {
    .Header-wrapper .Header-container {
        min-height: 60px;
    }

    .Header-wrapper .Header-container .logo a img,
    .Header-wrapper.white_bg .Header-container .logo a img,
    .Header-wrapper.on .Header-container .logo a img {
        height: 34px;
    }

    .Header-wrapper .subian-site-header-quote {
        display: none;
    }

    .subian-home .subian-home-hero {
        height: 6.6rem;
        min-height: 560px;
        margin-top: 60px;
    }

    .subian-home .subian-home-hero-content {
        width: 7.2rem;
    }

    .subian-home .subian-home-stats-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .subian-home .subian-home-stat-item:nth-child(2)::after {
        display: none;
    }

    .subian-home .subian-home-stat-item:nth-child(-n+2) {
        box-shadow: inset 0 -1px 0 var(--subian-line);
    }

    .subian-home .subian-home-about-container,
    .subian-home .subian-home-manufacturing-container {
        grid-template-columns: 1fr;
    }

    .subian-home .subian-home-about-visual,
    .subian-home .subian-home-manufacturing-visual {
        width: 100%;
    }

    .subian-home .subian-home-about-note {
        right: 0.3rem;
    }

    .subian-home .subian-home-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-home .subian-home-advantage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0.5rem;
    }

    .subian-home .subian-home-advantage-item:nth-child(2)::after {
        display: none;
    }

    .subian-home .subian-home-contact-container {
        align-items: flex-start;
        flex-direction: column;
    }

    .subian-home .subian-home-contact-actions {
        min-width: 0;
        flex-direction: row;
        align-items: center;
    }

    .subian-site-footer .subian-site-footer-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1599px) {
    .Header-wrapper .subian-head-certs {
        display: none;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .subian-home .f16,
    .subian-site-footer .f16 {
        font-size: 16px;
    }

    .subian-home .f18 {
        font-size: 17px;
    }

    .subian-home .f20,
    .subian-site-footer .f20,
    .subian-home .f22,
    .subian-home .f24 {
        font-size: 20px;
    }

    .subian-home .f28 {
        font-size: 24px;
    }

    .subian-home .f36 {
        font-size: 28px;
    }

    .subian-home .f40 {
        font-size: 30px;
    }

    .subian-home .f44,
    .subian-home .f48 {
        font-size: 30px;
    }

    .subian-home .f54 {
        font-size: 34px;
    }

    .subian-home .subian-home-section-label {
        margin-bottom: 12px;
    }

    .subian-home .subian-home-heading {
        margin-bottom: 28px;
    }

    .subian-home .subian-home-heading--split {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .subian-home .subian-home-heading-side {
        width: 100%;
    }

    .subian-home .subian-home-button {
        min-height: 46px;
        padding: 13px 18px;
        border-radius: 5px;
    }

    .subian-home .subian-home-button-icon,
    .subian-home .subian-home-text-link-icon,
    .subian-home .subian-home-product-link-icon {
        width: 18px;
        height: 18px;
    }

    .Header-wrapper .subian-site-header-main {
        gap: 10px;
    }

    .Header-wrapper .subian-site-header-search {
        width: 36px;
        height: 36px;
    }

    .subian-home .subian-home-hero {
        height: 8.8rem;
        min-height: 570px;
        margin-top: 60px;
    }

    .subian-home .subian-home-hero-shade {
        background: linear-gradient(90deg, rgba(4, 19, 38, 0.96) 0%, rgba(4, 24, 47, 0.78) 72%, rgba(4, 24, 47, 0.5) 100%);
    }

    .subian-home .subian-home-hero-container {
        align-items: flex-end;
        padding-bottom: 95px;
    }

    .subian-home .subian-home-hero-content,
    .subian-home .subian-home-hero-description {
        width: 100%;
    }

    .subian-home .subian-home-hero-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-top: 24px;
    }

    .subian-home .subian-home-hero-actions .subian-home-button {
        width: 100%;
    }

    .subian-home .subian-home-hero-controls {
        bottom: 24px;
    }

    .subian-home .subian-home-hero-arrow {
        width: 42px;
        height: 42px;
    }

    .subian-home .subian-home-hero-arrow-icon {
        width: 18px;
        height: 18px;
    }

    .subian-home .subian-home-hero-pagination .swiper-pagination-bullet {
        width: 24px;
        height: 3px;
    }

    .subian-home .subian-home-hero-pagination .swiper-pagination-bullet-active {
        width: 42px;
    }

    .subian-home .subian-home-stats-container {
        grid-template-columns: 1fr;
    }

    .subian-home .subian-home-stat-item {
        min-height: 105px;
        padding: 22px 18px;
    }

    .subian-home .subian-home-stat-item:not(:last-child)::after {
        right: 0;
        bottom: 0;
        left: 0;
        top: auto;
        width: auto;
        height: 1px;
    }

    .subian-home .subian-home-stat-item:nth-child(-n+2) {
        box-shadow: none;
    }

    .subian-home .subian-home-stat-title {
        margin-top: 8px;
    }

    .subian-home .subian-home-about-container,
    .subian-home .subian-home-manufacturing-container {
        gap: 35px;
    }

    .subian-home .subian-home-about-ratio,
    .subian-home .subian-home-manufacturing-ratio {
        border-radius: 8px;
    }

    .subian-home .subian-home-about-note {
        position: relative;
        right: auto;
        bottom: auto;
        width: calc(100% - 28px);
        margin: -36px auto 0;
        padding: 18px 20px;
        border-radius: 7px;
    }

    .subian-home .subian-home-about-note-text {
        margin-top: 7px;
    }

    .subian-home .subian-home-about-title {
        margin-bottom: 18px;
    }

    .subian-home .subian-home-about-description {
        margin-bottom: 13px;
    }

    .subian-home .subian-home-about-features {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
        margin: 22px 0;
    }

    .subian-home .subian-home-about-feature {
        padding: 10px 12px;
        border-radius: 5px;
    }

    .subian-home .subian-home-product-grid,
    .subian-home .subian-home-solution-grid,
    .subian-home .subian-home-news-grid,
    .subian-home .subian-home-advantage-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .subian-home .subian-home-product-card,
    .subian-home .subian-home-solution-card,
    .subian-home .subian-home-news-card {
        border-radius: 8px;
    }

    .subian-home .subian-home-product-image {
        padding: 24px;
    }

    .subian-home .subian-home-product-content {
        min-height: auto;
        padding: 20px;
    }

    .subian-home .subian-home-product-index {
        top: 22px;
        right: 20px;
    }

    .subian-home .subian-home-product-description {
        min-height: auto;
        margin-top: 10px;
    }

    .subian-home .subian-home-product-link {
        margin-top: 14px;
    }

    .subian-home .subian-home-center-action {
        margin-top: 28px;
    }

    .subian-home .subian-home-solution-content {
        right: 20px;
        bottom: 20px;
        left: 20px;
    }

    .subian-home .subian-home-solution-number {
        margin-bottom: 8px;
    }

    .subian-home .subian-home-solution-description {
        max-height: none;
        margin-top: 8px;
        opacity: 1;
    }

    .subian-home .subian-home-advantage-grid {
        row-gap: 0;
    }

    .subian-home .subian-home-advantage-item {
        padding: 22px 0 25px;
    }

    .subian-home .subian-home-advantage-item:not(:last-child)::after,
    .subian-home .subian-home-advantage-item:nth-child(2)::after {
        display: block;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: 1px;
    }

    .subian-home .subian-home-advantage-icon {
        width: 60px;
        height: 60px;
        border-radius: 7px;
    }

    .subian-home .subian-home-advantage-svg {
        width: 36px;
        height: 36px;
    }

    .subian-home .subian-home-advantage-number {
        margin-top: 18px;
    }

    .subian-home .subian-home-advantage-title {
        min-height: auto;
        margin-top: 10px;
    }

    .subian-home .subian-home-advantage-description {
        margin-top: 10px;
    }

    .subian-home .subian-home-process-item {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 14px;
        padding: 18px 0;
    }

    .subian-home .subian-home-process-number {
        width: 42px;
        height: 42px;
    }

    .subian-home .subian-home-news-content {
        padding: 20px;
    }

    .subian-home .subian-home-news-title {
        min-height: auto;
        margin-top: 10px;
    }

    .subian-home .subian-home-news-description {
        margin-top: 10px;
    }

    .subian-home .subian-home-contact {
        min-height: 540px;
    }

    .subian-home .subian-home-contact-container {
        gap: 26px;
    }

    .subian-home .subian-home-contact-description {
        margin-top: 15px;
    }

    .subian-home .subian-home-contact-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .subian-home .subian-home-contact-email {
        text-align: center;
    }

    .subian-site-footer .subian-site-footer-main {
        padding: 42px 0 30px;
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .subian-site-footer .subian-site-footer-logo {
        width: 240px;
    }

    .subian-site-footer .subian-site-footer-description {
        max-width: none;
        margin-top: 16px;
    }

    .subian-site-footer .subian-site-footer-title {
        margin-bottom: 12px;
    }

    .subian-site-footer .subian-site-footer-link {
        padding: 6px 0;
    }

    .subian-site-footer .subian-site-footer-contact-item {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 8px;
        padding: 6px 0;
    }

    .subian-site-footer .subian-site-footer-contact-icon {
        width: 18px;
        height: 18px;
    }

    .subian-site-footer .subian-site-footer-bottom {
        padding: 18px 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .subian-home *,
    .subian-home *::before,
    .subian-home *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Shared responsive header and footer controls */
.Header-wrapper .subian-nav-toggle {
    width: auto;
    height: 0.44rem;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.Header-wrapper .subian-nav-toggle i {
    margin: 0;
    line-height: 1;
}

.Header-wrapper .subian-nav-toggle:focus-visible,
.Header-wrapper .subian-site-header-switch:focus-visible,
.Header-wrapper .subian-site-header-search:focus-visible,
.subian-site-footer .subian-site-footer-title:focus-visible {
    outline: 2px solid #18b8e8;
    outline-offset: 3px;
}

.subian-site-footer .subian-site-footer-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    color: #fff;
    background: transparent;
    font-family: inherit;
    text-align: left;
}

.subian-site-footer .subian-site-footer-title svg {
    width: 0.2rem;
    height: 0.2rem;
    display: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.25s ease;
}

@media screen and (max-width: 999px) {
    body.c-open {
        position: fixed;
        right: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
    }

    body.c-open #c-header {
        background: #fff;
        box-shadow: 0 0.08rem 0.24rem rgba(6, 26, 51, 0.09);
    }

    body.c-open #c-header .Header-container .logo a img,
    body.c-open #c-header .subian-head-certs img {
        filter: none;
    }

    body.c-open #c-header .subian-site-header-search {
        color: #102a4c;
    }

    #c-header .subian-site-header-switch {
        position: relative;
        width: 44px;
        height: 44px;
        padding: 0;
        flex: 0 0 44px;
        border: 0;
        background: transparent;
    }

    #c-header .subian-site-header-switch i {
        position: absolute;
        left: 10px;
        width: 24px;
        height: 2px;
        margin: 0;
        background: currentColor;
        transform-origin: center;
    }

    #c-header .subian-site-header-switch i:nth-child(1) {
        top: 13px;
    }

    #c-header .subian-site-header-switch i:nth-child(2) {
        top: 21px;
    }

    #c-header .subian-site-header-switch i:nth-child(3) {
        top: 29px;
        bottom: auto;
    }

    body.c-open #c-header .subian-site-header-switch {
        color: #102a4c;
    }

    body.c-open #c-header .subian-site-header-switch i:nth-child(1) {
        top: 21px;
        transform: rotate(45deg);
    }

    body.c-open #c-header .subian-site-header-switch i:nth-child(2) {
        opacity: 0;
    }

    body.c-open #c-header .subian-site-header-switch i:nth-child(3) {
        top: 21px;
        bottom: auto;
        transform: rotate(-45deg);
    }

    #c-header .c-nav {
        top: 60px;
        max-height: calc(100vh - 60px);
        max-height: calc(100dvh - 60px);
        padding-bottom: 0;
        overscroll-behavior: contain;
        box-shadow: 0 0.18rem 0.32rem rgba(6, 26, 51, 0.08);
    }

    .c-open #c-header .c-nav {
        height: calc(100vh - 60px);
        height: calc(100dvh - 60px);
        padding-bottom: 24px;
    }

    #c-header .c-nav > li {
        padding: 0 20px;
    }

    #c-header .c-nav > li > .c-title-box {
        min-height: 54px;
    }

    #c-header .c-nav > li > .c-title-box > a {
        min-width: 0;
        flex: 1;
        font-size: 17px;
        font-weight: 650;
        line-height: 54px;
    }

    #c-header .c-nav .subian-nav-toggle {
        width: 44px;
        height: 44px;
        padding: 0;
        color: #42566a;
    }

    #c-header .c-nav .subian-nav-toggle i {
        width: auto;
        height: auto;
        padding: 0;
        font-size: 18px;
        line-height: 1;
    }

    #c-header .c-nav > li.is-menu-open > .c-title-box {
        color: #0b74c8;
    }

    #c-header .c-nav > li.is-menu-open > .c-title-box .subian-nav-toggle i {
        transform: rotate(180deg);
    }

    #c-header .c-nav > li > .subian-site-header-subnav {
        position: static;
        width: auto;
        margin: 0 -20px;
        padding: 6px 20px 14px;
        background: #f5f8fa;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }

    #c-header .c-nav > li > .subian-site-header-subnav li {
        padding: 0;
        border: 0;
    }

    #c-header .c-nav > li > .subian-site-header-subnav a {
        min-width: 0;
        padding: 11px 0;
        color: #526477;
        font-size: 16px;
        line-height: 1.35;
    }

    .Header-wrapper .subian-mega-v2 {
        position: static;
        left: auto;
        width: auto;
        min-height: 0;
        margin: 0 -20px;
        border-radius: 0;
        background: #f4f7f9;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        overflow: visible;
    }

    #c-header.Header-wrapper .subian-mega-v2 .subian-mega-tabs {
        min-height: 0;
        padding: 6px 20px 14px;
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 0;
        border-bottom: 0;
        overflow: visible;
        background: #f5f8fa;
    }

    .Header-wrapper .subian-mega-v2 .subian-mega-tab-item {
        width: 100%;
    }

    .Header-wrapper .subian-mega-v2 .subian-mega-tab {
        width: 100%;
        min-width: 0;
        min-height: 0;
        padding: 11px 0;
        display: block;
        color: #526477;
        font-size: 16px;
        line-height: 1.35;
        text-align: left;
        white-space: normal;
    }

    .Header-wrapper .subian-mega-v2 .subian-mega-tab:hover,
    .Header-wrapper .subian-mega-v2 .subian-mega-tab:focus-visible,
    .Header-wrapper .subian-mega-v2 .subian-mega-tab.is-active {
        color: #0b74c8;
        background: transparent;
        box-shadow: none;
    }

    .Header-wrapper .subian-mega-v2 .subian-mega-panels {
        display: none;
    }
}

@media screen and (max-width: 767px) {
	.Header-wrapper .subian-head-brand {
		min-width: 0;
	}

	.Header-wrapper .Header-container .logo a img,
	.Header-wrapper.white_bg .Header-container .logo a img,
	.Header-wrapper.on .Header-container .logo a img {
		height: 28px;
	}

	.Header-wrapper .subian-head-certs {
		min-height: 22px;
		margin-left: 8px;
		padding-left: 8px;
		display: flex;
	}

	.Header-wrapper .subian-head-certs img {
		height: 15px;
	}

	.Header-wrapper .subian-site-header-main {
		gap: 2px;
    }

    .Header-wrapper .subian-site-header-search {
        position: relative;
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .Header-wrapper .subian-site-header-tool {
        padding-right: 0;
    }

    .Header-wrapper .Header-container .tool .subian-site-header-search i {
        display: inline-block;
        font-size: 24px;
        line-height: 1;
    }

    #c-header .subian-site-header-switch i {
        left: 10px;
        width: 24px;
        height: 2px;
        margin: 0;
        border-radius: 999px;
        transition: top 0.28s ease, opacity 0.2s ease, transform 0.28s ease;
    }

    #c-header .subian-site-header-switch i:nth-child(1) {
        top: 13px;
        margin: 0;
    }

    #c-header .subian-site-header-switch i:nth-child(2) {
        top: 21px;
        margin: 0;
    }

	#c-header .subian-site-header-switch i:nth-child(3) {
        top: 29px;
        margin: 0;
    }

    body.c-open #c-header .subian-site-header-switch i:nth-child(1),
    body.c-open #c-header .subian-site-header-switch i:nth-child(3) {
        top: 21px;
    }

    .Header-wrapper .subian-site-search-dialog .subian-site-search-cell {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .Header-wrapper .subian-site-search-dialog .subian-site-search-inner {
        width: 100%;
        height: auto;
        display: block;
    }

    .Header-wrapper .subian-site-search-dialog .subian-site-search-form {
        width: calc(100% - 32px);
        max-width: none;
        height: 64px;
        padding: 0 12px;
    }

    .Header-wrapper .subian-site-search-dialog .subian-site-search-input {
        width: calc(100% - 52px);
        height: 62px;
        font-size: 18px;
    }

    .Header-wrapper .subian-site-search-dialog .subian-site-search-submit {
        width: 44px;
        max-width: none;
        height: 62px;
        line-height: 62px;
        font-size: 28px;
    }

    #c-header .c-nav .subian-nav-toggle i {
        width: 9px;
        height: 9px;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        font-size: 0;
        transform: rotate(45deg);
    }

    #c-header .c-nav > li.is-menu-open > .c-title-box .subian-nav-toggle i {
        transform: rotate(225deg);
    }

    .subian-site-footer .subian-site-footer-main {
        padding: 38px 0 24px;
        gap: 0;
    }

    .subian-site-footer .subian-site-footer-brand {
        padding-bottom: 26px;
    }

    .subian-site-footer .subian-site-footer-logo {
        width: 184px;
    }

    .subian-site-footer .subian-site-footer-description {
        margin-top: 14px;
        line-height: 1.65;
    }

    .subian-site-footer .subian-site-footer-social {
        margin-top: 20px;
    }

    .subian-site-footer .subian-site-footer-social-link {
        width: 42px;
        height: 42px;
    }

    .subian-site-footer .subian-site-footer-social-link svg {
        width: 20px;
        height: 20px;
    }

    .subian-site-footer .subian-site-footer-column {
        border-top: 1px solid rgba(255, 255, 255, 0.12);
    }

    .subian-site-footer .subian-site-footer-title {
        min-height: 56px;
        margin: 0;
        padding: 15px 0;
        font-size: 18px;
        cursor: pointer;
    }

    .subian-site-footer .subian-site-footer-title svg {
        width: 20px;
        height: 20px;
        display: block;
    }

    .subian-site-footer .subian-site-footer-column.is-open .subian-site-footer-title svg {
        transform: rotate(180deg);
    }

    .subian-site-footer.is-accordion-ready .subian-site-footer-column:not(.is-open) .subian-site-footer-links,
    .subian-site-footer.is-accordion-ready .subian-site-footer-column:not(.is-open) .subian-site-footer-contact {
        display: none;
    }

    .subian-site-footer .subian-site-footer-links,
    .subian-site-footer .subian-site-footer-contact {
        padding: 0 0 18px;
    }

    .subian-site-footer .subian-site-footer-link {
        padding: 8px 0;
        line-height: 1.45;
    }

    .subian-site-footer .subian-site-footer-contact-item {
        padding: 8px 0;
    }

    .subian-site-footer .subian-site-footer-bottom {
        padding: 18px 0 22px;
        line-height: 1.55;
    }
}

/* Subian desktop concept B — LIMIK-inspired editorial industrial system */
.subian-concept--limik {
    overflow: hidden;
    color: #0a2140;
    background: #fff;
}

.subian-concept--limik .subian-limik-label {
    display: inline-block;
    margin-bottom: 0.18rem;
    color: #0b74c8;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    background: linear-gradient(100deg, #0b74c8, #18b8e8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subian-concept--limik .subian-limik-label--light {
    color: #42c8ee;
    background: linear-gradient(100deg, #42c8ee, #0b91d6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subian-concept--limik .subian-limik-button {
    min-height: 0.5rem;
    padding: 0.15rem 0.22rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    border-radius: 0.05rem;
    color: #fff;
    background: linear-gradient(110deg, #0b74c8, #18b8e8);
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.subian-concept--limik .subian-limik-button:hover {
    color: #fff;
    transform: translateY(-0.04rem);
    box-shadow: 0 0.15rem 0.36rem rgba(11, 116, 200, 0.28);
}

.subian-concept--limik .subian-limik-button--accent {
    color: #fff;
    background: linear-gradient(110deg, #0b74c8, #18b8e8);
}

.subian-concept--limik .subian-limik-button-arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.subian-concept--limik a:hover .subian-limik-button-arrow {
    transform: translateX(0.05rem);
}

/* Hero */
.subian-concept--limik .subian-limik-hero {
    position: relative;
    height: 100vh;
    min-height: 610px;
    margin-top: 0;
    overflow: hidden;
    background: #061a33;
}

.subian-concept--limik .subian-limik-hero-swiper,
.subian-concept--limik .subian-limik-hero-slide {
    width: 100%;
    height: 100%;
}

.subian-concept--limik .subian-limik-hero-slide {
    position: relative;
    overflow: hidden;
}

.subian-concept--limik .subian-limik-hero-media,
.subian-concept--limik .subian-limik-hero-mask {
    position: absolute;
    inset: 0;
}

.subian-concept--limik .subian-limik-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 7s cubic-bezier(0.22, 1, 0.36, 1);
}

.subian-concept--limik .swiper-slide-active .subian-limik-hero-image {
    transform: scale(1.035);
}

.subian-concept--limik .subian-limik-hero-image--factory {
    object-position: center 58%;
}

.subian-concept--limik .subian-limik-hero-mask {
    background: linear-gradient(90deg, rgba(4, 20, 43, 0.96) 0%, rgba(4, 24, 53, 0.82) 42%, rgba(4, 24, 53, 0.28) 76%, rgba(4, 24, 53, 0.14) 100%);
}

.subian-concept--limik .subian-limik-hero-container {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    align-items: center;
}

.subian-concept--limik .subian-limik-hero-content {
    width: 8.3rem;
}

.subian-concept--limik .swiper-slide-active .subian-limik-hero-content {
    animation: subianLimikHeroContent 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes subianLimikHeroContent {
    from { opacity: 0; transform: translateY(0.18rem); }
    to { opacity: 1; transform: translateY(0); }
}

.subian-concept--limik .subian-limik-hero-title {
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
    color: #fff;
}

.subian-concept--limik .subian-limik-hero-description {
    width: 6.9rem;
    margin-top: 0.24rem;
    color: rgba(255, 255, 255, 0.74);
}

.subian-concept--limik .subian-limik-hero-content .subian-limik-button {
    margin-top: 0.34rem;
}

.subian-concept--limik .subian-limik-hero-controls {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 0.34rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    transform: translateX(-50%);
    pointer-events: none;
}

.subian-concept--limik .subian-limik-hero-pagination {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.02rem;
    pointer-events: auto;
}

.subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.78rem;
    height: 0.26rem;
    margin: 0 !important;
    border-radius: 0;
    background: transparent;
    opacity: 1;
}

.subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet::before,
.subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.06rem;
    right: 0.06rem;
    height: 0.03rem;
    transform: translateY(-50%);
}

.subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet::before {
    background: rgba(255, 255, 255, 0.34);
}

.subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet::after {
    right: auto;
    width: 0;
    background: linear-gradient(90deg, #0b74c8, #42c8ee);
}

.subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet-active::after {
    animation: subianLimikHeroProgress 6.4s linear both;
}

@keyframes subianLimikHeroProgress {
    from { width: 0; }
    to { width: calc(100% - 0.12rem); }
}

.subian-concept--limik .subian-limik-hero-navigation {
    grid-column: 3;
    justify-self: end;
    display: flex;
    gap: 0.08rem;
    pointer-events: auto;
}

.subian-concept--limik .subian-limik-hero-arrow {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 0.03rem;
    color: #fff;
    background: rgba(6, 26, 51, 0.46);
    cursor: pointer;
    transition: border-color 0.28s ease, background 0.28s ease, transform 0.28s ease;
}

.subian-concept--limik .subian-limik-hero-arrow:hover {
    border-color: #42c8ee;
    background: #0b74c8;
    transform: translateY(-0.03rem);
}

.subian-concept--limik .subian-limik-hero-arrow svg {
    width: 0.22rem;
    height: 0.22rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Statement and stats */
.subian-concept--limik .subian-limik-intro-container {
    width: 12.4rem;
    max-width: 86%;
    margin: 0 auto;
}

.subian-concept--limik .subian-limik-intro-copy {
    max-width: 11.6rem;
}

.subian-concept--limik .subian-limik-intro-title {
    font-weight: 800;
    letter-spacing: 0;
    color: #102a4c;
}

.subian-concept--limik .subian-limik-stats {
    margin-top: 0.62rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.subian-concept--limik .subian-limik-stat {
    min-height: 2.35rem;
    padding: 0.34rem 0.42rem;
    border-right: 1px solid #dbe3ec;
    border-bottom: 1px solid #dbe3ec;
}

.subian-concept--limik .subian-limik-stat:nth-child(even) {
    border-right: 0;
}

.subian-concept--limik .subian-limik-stat:nth-child(n+3) {
    border-bottom: 0;
}

.subian-concept--limik .subian-limik-stat-number {
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    color: #09274b;
}

.subian-concept--limik .subian-limik-stat-unit {
    margin-left: 0.1rem;
    font-size: 0.24rem;
    font-weight: 800;
    letter-spacing: 0;
}

.subian-concept--limik .subian-limik-stat-text {
    margin-top: 0.16rem;
    color: #65748a;
    font-weight: 600;
}

/* Overlap story */
.subian-concept--limik .subian-limik-story {
    position: relative;
}

.subian-concept--limik .subian-limik-story-container {
    position: relative;
    min-height: 6.45rem;
}

.subian-concept--limik .subian-limik-story-panel {
    position: absolute;
    z-index: 2;
    top: 0.08rem;
    left: 0.38rem;
    width: 8.15rem;
    min-height: 5.05rem;
    padding: 0.62rem 0.68rem;
    color: #fff;
    background: #061a33;
    clip-path: polygon(0.22rem 0, 100% 0, 100% 100%, 0 100%, 0 0.22rem);
}

.subian-concept--limik .subian-limik-story-title {
    font-size: var(--subian-concept-section-title);
    max-width: 5.8rem;
    font-weight: 900;
    color: #fff;
}

.subian-concept--limik .subian-limik-story-description {
    max-width: 5.7rem;
    margin-top: 0.24rem;
    color: rgba(255, 255, 255, 0.68);
}

.subian-concept--limik .subian-limik-story-link {
    margin-top: 0.3rem;
    display: inline-flex;
    gap: 0.1rem;
    color: #42c8ee;
    font-weight: 750;
}

.subian-concept--limik .subian-limik-story-visual {
    position: absolute;
    z-index: 3;
    top: 1.42rem;
    right: 0;
    width: 9.15rem;
    box-shadow: 0 0.24rem 0.55rem rgba(5, 24, 49, 0.18);
}

.subian-concept--limik .subian-limik-story-ratio {
    background: #dce5ec;
}

.subian-concept--limik .subian-limik-story-image {
    object-fit: cover;
}

/* Products V2 */
.subian-concept--limik .subian-limik-products-v2 {
    position: relative;
    display: block;
    overflow: hidden;
    color: #102a4c;
    background: #edf3f7;
}

.subian-concept--limik .subian-limik-products-v2::before {
    display: none;
}

.subian-concept--limik .subian-limik-products-v2-container {
    position: relative;
    z-index: 1;
}

.subian-concept--limik .subian-limik-products-v2-heading {
    margin-bottom: 0.48rem;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    align-items: end;
    column-gap: 0.8rem;
    row-gap: 0.16rem;
}

.subian-concept--limik .subian-limik-products-v2-heading .subian-limik-label {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

.subian-concept--limik .subian-limik-products-v2-title {
    font-size: var(--subian-concept-section-title);
    font-weight: 900;
    color: #102a4c;
}

.subian-concept--limik .subian-limik-products-v2-description {
    padding-bottom: 0.04rem;
    color: #65748a;
}

.subian-concept--limik .subian-limik-products-v2-stage {
    position: relative;
    padding-left: 2.42rem;
}

.subian-concept--limik .subian-limik-product-v2-swiper {
    height: 5.9rem;
    overflow: hidden;
    border-radius: 0 0.05rem 0.05rem 0;
    box-shadow: 0 0.18rem 0.48rem rgba(6, 26, 51, 0.12);
}

.subian-concept--limik .subian-limik-product-v2-swiper .swiper-slide {
    height: 100%;
}

.subian-concept--limik .subian-limik-product-v2-slide {
    height: 100%;
    display: grid;
    grid-template-columns: 1.18fr 0.82fr;
}

.subian-concept--limik .subian-limik-product-v2-copy {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    padding: 0.62rem 0.56rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(145deg, #071d38 0%, #0a3156 100%);
}

.subian-concept--limik .subian-limik-product-v2-icon {
    width: 0.66rem;
    height: 0.66rem;
    margin-bottom: 0.22rem;
    fill: none;
    stroke: #42c8ee;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-product-v2-name {
    position: relative;
    z-index: 1;
    max-width: 5.8rem;
    color: #fff;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-product-v2-text {
    position: relative;
    z-index: 1;
    max-width: 5.4rem;
    margin-top: 0.2rem;
    color: rgba(255, 255, 255, 0.68);
}

.subian-concept--limik .subian-limik-product-v2-specs {
    position: relative;
    z-index: 1;
    margin-top: 0.26rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(215, 245, 255, 0.18);
    border-bottom: 1px solid rgba(215, 245, 255, 0.18);
}

.subian-concept--limik .subian-limik-product-v2-specs span {
    min-height: 0.54rem;
    padding: 0.12rem 0.1rem;
    display: flex;
    align-items: center;
    color: #d7f5ff;
    border-right: 1px solid rgba(215, 245, 255, 0.18);
}

.subian-concept--limik .subian-limik-product-v2-specs span:last-child {
    border-right: 0;
}

.subian-concept--limik .subian-limik-product-v2-copy .subian-limik-button {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    margin-top: 0.34rem;
}

.subian-concept--limik .subian-limik-product-v2-media {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(180deg, #fff 0%, #f3f7fa 100%);
}

.subian-concept--limik .subian-limik-product-v2-media::after {
    content: "";
    position: absolute;
    right: 0.6rem;
    bottom: 0.62rem;
    left: 0.6rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(11, 116, 200, 0.26), transparent);
}

.subian-concept--limik .subian-limik-product-v2-image {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.28;
    transform: translateX(-0.28rem) scale(0.92);
    transition: opacity 0.75s ease, transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1);
	mix-blend-mode: multiply;
}

.subian-concept--limik .swiper-slide-active .subian-limik-product-v2-image {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.subian-concept--limik .subian-limik-products-v2-controls {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2.42rem;
    display: grid;
    grid-template-rows: 0.54rem minmax(0, 1fr) 0.54rem;
    align-items: center;
    overflow: hidden;
    border-radius: 0.05rem 0 0 0.05rem;
    background: #071d38;
}

.subian-concept--limik .subian-limik-products-v2-arrow {
    width: 100%;
    height: 0.54rem;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    color: rgba(255, 255, 255, 0.55);
    background: transparent;
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
}

.subian-concept--limik .subian-limik-products-v2-arrow:hover {
    color: #42c8ee;
    transform: translateY(-0.02rem);
}

.subian-concept--limik .subian-limik-products-v2-arrow svg {
    width: 0.23rem;
    height: 0.23rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-products-v2-pagination {
    position: static;
    height: 100%;
    display: grid;
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

.subian-concept--limik .subian-limik-products-v2-pagination .swiper-pagination-bullet {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0.12rem 0.18rem;
    display: flex;
    align-items: center;
    gap: 0.12rem;
    border-radius: 0;
    color: rgba(255, 255, 255, 0.62);
    background: transparent;
    opacity: 1;
    transition: color 0.3s ease, background 0.3s ease;
	margin: 0 !important;
}

.subian-concept--limik .subian-limik-products-v2-pagination .swiper-pagination-bullet::after {
    display: none;
}

.subian-concept--limik .subian-limik-products-v2-pagination .swiper-pagination-bullet-active {
    color: #fff;
    background: linear-gradient(110deg, rgba(11, 116, 200, 0.94), rgba(24, 184, 232, 0.82));
}

.subian-concept--limik .subian-limik-products-v2-pagination-icon {
    width: 0.34rem;
    height: 0.34rem;
    flex: 0 0 auto;
    color: #42c8ee;
    font-style: normal;
}

.subian-concept--limik .subian-limik-products-v2-pagination-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-products-v2-pagination .swiper-pagination-bullet-active .subian-limik-products-v2-pagination-icon {
    color: #fff;
}

.subian-concept--limik .subian-limik-products-v2-pagination b {
    font-size: var(--f16);
    font-weight: 750;
    line-height: 1.25;
}

/* Product series tabs and product list */
.subian-concept--limik .subian-limik-product-series {
    position: relative;
    overflow: hidden;
    color: #102a4c;
    background: #fff;
}

.subian-concept--limik .subian-limik-product-series-container {
    position: relative;
}

.subian-concept--limik .subian-limik-product-series-heading {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.46rem;
}

.subian-concept--limik .subian-limik-product-series-title {
    margin-top: 0.12rem;
    color: #102a4c;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-product-series-heading-side {
    min-width: 0;
    padding: 0.07rem;
    overflow: hidden;
    border-radius: 0.4rem;
    background: #f1f5f6;
}

.subian-concept--limik .subian-limik-product-series-body {
    display: block;
}

.subian-concept--limik .subian-limik-product-series-tabs {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.02rem;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    border-radius: 0.33rem;
    background: transparent;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.subian-concept--limik .subian-limik-product-series-tabs::-webkit-scrollbar {
    display: none;
}

.subian-concept--limik .subian-limik-product-series-item {
    min-width: 1.72rem;
    flex: 0 0 auto;
    list-style: none;
    scroll-snap-align: start;
}

.subian-concept--limik .subian-limik-product-series-tab {
    position: relative;
    width: 100%;
    min-width: 1.72rem;
    min-height: 0.56rem;
    padding: 0.14rem 0.18rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.32rem;
    color: #53657b;
    background: transparent;
    font-family: inherit;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.subian-concept--limik .subian-limik-product-series-tab:hover {
    color: #0a3156;
    background: rgba(11, 116, 200, 0.07);
}

.subian-concept--limik .subian-limik-product-series-tab.is-active {
    color: #fff;
    background: linear-gradient(110deg, #0b74c8, #18b8e8);
    box-shadow: 0 0.09rem 0.22rem rgba(11, 116, 200, 0.2);
}

.subian-concept--limik .subian-limik-product-series-tab:focus-visible {
    outline: 2px solid #18b8e8;
    outline-offset: 0.04rem;
}

.subian-concept--limik .subian-limik-product-series-panels {
    min-width: 0;
    margin-top: 0;
}

.subian-concept--limik .subian-limik-product-series-panel {
    position: relative;
    display: none;
}

.subian-concept--limik .subian-limik-product-series-panel.is-active {
    display: block;
}

.subian-concept--limik .subian-limik-product-series-swiper {
    width: calc(100% + 0.56rem);
    margin: -0.12rem -0.28rem -0.42rem;
    padding: 0.12rem 0.28rem 0.42rem;
    overflow: hidden;
}

.subian-concept--limik .subian-limik-product-series-swiper .swiper-slide {
    height: auto;
}

.subian-concept--limik .subian-limik-series-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dbe5ec;
    border-radius: 0.05rem;
    color: #102a4c;
    background: #fff;
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.subian-concept--limik .subian-limik-series-card:hover {
    border-color: rgba(11, 116, 200, 0.42);
    transform: translateY(-0.06rem);
    box-shadow: 0 0.18rem 0.46rem rgba(6, 26, 51, 0.12);
}

.subian-concept--limik .subian-limik-series-media {
    position: relative;
    background: #fff;
}

.subian-concept--limik .subian-limik-series-image {
    padding: 0.1rem;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.subian-concept--limik .subian-limik-series-card:hover .subian-limik-series-image {
    transform: scale(1.045);
}

.subian-concept--limik .subian-limik-series-card-copy {
    position: relative;
    min-height: 1.36rem;
    padding: 0.24rem 0.68rem 0.22rem 0.24rem;
    flex: 1;
}

.subian-concept--limik .subian-limik-series-type {
    color: #0b83cc;
    font-weight: 800;
}

.subian-concept--limik .subian-limik-series-name {
    min-height: 0.6rem;
    margin-top: 0.09rem;
    color: #102a4c;
    font-weight: 850;
}

.subian-concept--limik .subian-limik-series-link {
    position: absolute;
    right: 0.22rem;
    bottom: 0.23rem;
    width: 0.36rem;
    height: 0.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd8e2;
    border-radius: 50%;
    color: #0b74c8;
    background: #fff;
    transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.subian-concept--limik .subian-limik-series-link svg {
    width: 0.18rem;
    height: 0.18rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-series-card:hover .subian-limik-series-link {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #0b74c8, #18b8e8);
}

.subian-concept--limik .subian-limik-product-series-controls {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: -0.26rem;
    left: -0.26rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.subian-concept--limik .subian-limik-product-series-arrow {
    width: 0.52rem;
    height: 0.52rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd8e2;
    border-radius: 50%;
    color: #102a4c;
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 0.1rem 0.25rem rgba(6, 26, 51, 0.1);
    transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.subian-concept--limik .subian-limik-product-series-arrow:hover {
    color: #fff;
    border-color: #0b74c8;
    background: #0b74c8;
}

.subian-concept--limik .subian-limik-product-series-arrow svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-product-series-arrow.swiper-button-disabled {
    opacity: 0.28;
    cursor: default;
    pointer-events: none;
}

/* V2 project inquiry band */
.subian-concept--limik .subian-limik-v2-promo {
    position: relative;
    display: block;
    min-height: 4.2rem;
    overflow: hidden;
    color: #fff;
    background: #061a33;
}

.subian-concept--limik .subian-limik-v2-promo-media,
.subian-concept--limik .subian-limik-v2-promo-mask {
    position: absolute;
    inset: 0;
}

.subian-concept--limik .subian-limik-v2-promo-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 42%;
}

.subian-concept--limik .subian-limik-v2-promo-mask {
    /* background: linear-gradient(90deg, rgba(4, 20, 43, 0.96) 0%, rgba(4, 24, 53, 0.9) 36%, rgba(4, 24, 53, 0.54) 62%, rgba(4, 24, 53, 0.16) 100%); */
	background: var(--subian-promo-bg) no-repeat center/cover;
	background-attachment: fixed;
}

.subian-concept--limik .subian-limik-v2-promo-container {
    position: relative;
    z-index: 1;
    min-height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.subian-concept--limik .subian-limik-v2-promo-copy {
    width: 7.8rem;
    padding: 0.54rem 0;
}

.subian-concept--limik .subian-limik-v2-promo-title {
    max-width: 7.2rem;
    color: #fff;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-v2-promo-description {
    max-width: 6.9rem;
    margin-top: 0.2rem;
    color: rgba(255, 255, 255, 0.74);
}

.subian-concept--limik .subian-limik-v2-promo-actions {
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.14rem;
}

.subian-concept--limik .subian-limik-v2-promo-secondary {
    min-height: 0.5rem;
    padding: 0.15rem 0.22rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 0.05rem;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.subian-concept--limik .subian-limik-v2-promo-secondary:hover {
    border-color: #fff;
    color: #102a4c;
    background: #fff;
}

/* Markets */
.subian-concept--limik .subian-limik-markets {
    background: #f2f5f8;
}

.subian-concept--limik .subian-limik-markets-heading {
    margin-bottom: 0.42rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.7rem;
}

.subian-concept--limik .subian-limik-markets-heading-copy {
    max-width: 9.2rem;
}

.subian-concept--limik .subian-limik-markets-heading-description {
    width: 5.2rem;
    padding-bottom: 0.04rem;
    color: #65748a;
}

.subian-concept--limik .subian-limik-markets-title {
    font-size: var(--subian-concept-section-title);
    max-width: 10.2rem;
    font-weight: 900;
    letter-spacing: 0;
}

.subian-concept--limik .subian-limik-market-feature {
    display: none;
    grid-template-columns: 0.88fr 1.12fr;
}

.subian-concept--limik .subian-limik-market-feature.is-active {
    display: grid;
    animation: subianLimikMarketReveal 0.48s ease both;
}

@keyframes subianLimikMarketReveal {
    from { opacity: 0; transform: translateY(0.08rem); }
    to { opacity: 1; transform: translateY(0); }
}

.subian-concept--limik .subian-limik-market-copy {
    padding: 0.55rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    background: #061a33;
}

.subian-concept--limik .subian-limik-market-feature-icon {
    width: 0.68rem;
    height: 0.68rem;
    margin-bottom: 0.2rem;
    fill: none;
    stroke: #42c8ee;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-market-title {
    margin-top: 0.17rem;
    font-weight: 900;
    color: #fff;
}

.subian-concept--limik .subian-limik-market-description {
    margin-top: 0.18rem;
    color: rgba(255, 255, 255, 0.68);
}

.subian-concept--limik .subian-limik-market-image {
    object-fit: cover;
}

.subian-concept--limik .subian-limik-market-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    background: #fff;
}

.subian-concept--limik .subian-limik-market-nav-item {
    position: relative;
    min-height: 0.86rem;
    padding: 0.18rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.14rem;
    border: 0;
    border-right: 1px solid #e2e8ef;
    color: #5a6b7d;
    font-family: inherit;
    font-weight: 700;
    text-align: left;
    background: #fff;
    cursor: pointer;
    transition: color 0.3s ease, background 0.3s ease;
}

.subian-concept--limik .subian-limik-market-nav-item:last-child {
    border-right: 0;
}

.subian-concept--limik .subian-limik-market-nav-item::after {
    content: "";
    position: absolute;
    right: 0.18rem;
    bottom: 0;
    left: 0.18rem;
    height: 0.04rem;
    background: linear-gradient(90deg, #0b74c8, #18b8e8);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.subian-concept--limik .subian-limik-market-nav-item:hover,
.subian-concept--limik .subian-limik-market-nav-item.is-active {
    color: #09274b;
    background: #f6fafc;
}

.subian-concept--limik .subian-limik-market-nav-item.is-active::after {
    transform: scaleX(1);
}

.subian-concept--limik .subian-limik-market-nav-item svg {
    width: 0.34rem;
    height: 0.34rem;
    flex: 0 0 auto;
    fill: none;
    stroke: #0b83cc;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.3s ease;
}

.subian-concept--limik .subian-limik-market-nav-item:hover svg,
.subian-concept--limik .subian-limik-market-nav-item.is-active svg {
    transform: translateY(-0.03rem);
}

.subian-concept--limik .subian-limik-market-nav-item span {
    color: #0b83cc;
}

/* Global presence */
.subian-concept--limik .subian-limik-global {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #061a33;
}

.subian-concept--limik .subian-limik-global-heading {
    max-width: 8.8rem;
    margin: 0 auto;
    text-align: center;
}

.subian-concept--limik .subian-limik-global-title {
    font-size: var(--subian-concept-section-title);
    font-weight: 900;
    color: #fff;
}

.subian-concept--limik .subian-limik-global-description {
    margin-top: 0.16rem;
    color: rgba(255, 255, 255, 0.68);
}

.subian-concept--limik .subian-limik-global-map {
    position: relative;
    width: 12rem;
    max-width: 82%;
    margin: 0.44rem auto 0;
}

.subian-concept--limik .subian-limik-global-map-image {
    width: 100%;
    display: block;
    opacity: 0.34;
    filter: brightness(0) saturate(100%) invert(52%) sepia(31%) saturate(1056%) hue-rotate(160deg) brightness(91%) contrast(88%);
}

.subian-concept--limik .subian-limik-global-marker {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.08rem;
    color: rgba(255, 255, 255, 0.84);
    transform: translate(-0.07rem, -0.07rem);
}

.subian-concept--limik .subian-limik-global-marker i {
    position: relative;
    z-index: 1;
    width: 0.14rem;
    height: 0.14rem;
    display: block;
    border: 0.03rem solid #42c8ee;
    border-radius: 50%;
    background: #42c8ee;
    box-shadow: 0 0 0 0.08rem rgba(66, 200, 238, 0.18);
}

.subian-concept--limik .subian-limik-global-marker i::before,
.subian-concept--limik .subian-limik-global-marker i::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 0.28rem;
    height: 0.28rem;
    border: 0.02rem solid rgba(66, 200, 238, 0.7);
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.45);
    animation: subianLimikGlobalRipple 2.8s ease-out infinite;
    animation-delay: var(--subian-limik-global-delay, 0s);
}

.subian-concept--limik .subian-limik-global-marker i::after {
    animation-delay: calc(var(--subian-limik-global-delay, 0s) - 1.4s);
}

@keyframes subianLimikGlobalRipple {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(0.45); }
    18% { opacity: 0.75; }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(2.35); }
}

.subian-concept--limik .subian-limik-global-marker--mexico { --subian-limik-global-delay: -0.2s; left: 10%; top: 42%; }
.subian-concept--limik .subian-limik-global-marker--brazil { --subian-limik-global-delay: -0.9s; left: 25%; top: 64%; }
.subian-concept--limik .subian-limik-global-marker--turkey { --subian-limik-global-delay: -1.6s; left: 58%; top: 28%; }
.subian-concept--limik .subian-limik-global-marker--saudi { --subian-limik-global-delay: -2.2s; left: 62%; top: 42%; }
.subian-concept--limik .subian-limik-global-marker--kazakhstan { --subian-limik-global-delay: -0.6s; left: 68%; top: 23%; }
.subian-concept--limik .subian-limik-global-marker--indonesia { --subian-limik-global-delay: -1.3s; left: 86%; top: 60%; }
.subian-concept--limik .subian-limik-global-marker--africa { --subian-limik-global-delay: -2.5s; left: 55%; top: 78%; }

.subian-concept--limik .subian-limik-global-legend {
    margin-top: -0.05rem;
    display: flex;
    justify-content: center;
    gap: 0.32rem;
    color: rgba(255, 255, 255, 0.64);
}

.subian-concept--limik .subian-limik-global-legend span {
    display: flex;
    align-items: center;
    gap: 0.08rem;
}

.subian-concept--limik .subian-limik-global-dot,
.subian-concept--limik .subian-limik-global-ring {
    width: 0.11rem;
    height: 0.11rem;
    display: block;
    border-radius: 50%;
}

.subian-concept--limik .subian-limik-global-dot { background: #42c8ee; }
.subian-concept--limik .subian-limik-global-ring { border: 0.02rem solid #42c8ee; }

.subian-concept--limik .subian-limik-global-experience {
    margin-top: 0.34rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.3rem;
    color: #fff;
    text-align: center;
}

.subian-concept--limik .subian-limik-global-experience i {
    height: 1px;
    background: rgba(66, 200, 238, 0.24);
}

.subian-concept--limik .subian-limik-global-experience strong {
    font-weight: 800;
}

/* OEM and ODM */
.subian-concept--limik .subian-limik-oem {
    background: #edf3f7;
}

.subian-concept--limik .subian-limik-oem-main {
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
    align-items: stretch;
}

.subian-concept--limik .subian-limik-oem-visual {
    position: relative;
    min-height: 7rem;
    overflow: hidden;
    color: #fff;
    background: #061a33;
}

.subian-concept--limik .subian-limik-oem-image,
.subian-concept--limik .subian-limik-oem-mask {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.subian-concept--limik .subian-limik-oem-image {
    object-fit: cover;
    object-position: center;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.subian-concept--limik .subian-limik-oem-visual:hover .subian-limik-oem-image {
    transform: scale(1.025);
}

.subian-concept--limik .subian-limik-oem-mask {
    background: linear-gradient(135deg, rgba(4, 20, 43, 0.98) 0%, rgba(4, 24, 53, 0.9) 48%, rgba(4, 24, 53, 0.54) 100%);
}

.subian-concept--limik .subian-limik-oem-copy {
    position: relative;
    z-index: 1;
    max-width: 7.2rem;
    padding: 0.58rem;
}

.subian-concept--limik .subian-limik-oem-title {
    margin-top: 0.12rem;
    font-size: var(--subian-concept-section-title);
    color: #fff;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-oem-description {
    max-width: 6.6rem;
    margin-top: 0.18rem;
    color: rgba(255, 255, 255, 0.72);
}

.subian-concept--limik .subian-limik-oem-description + .subian-limik-oem-description {
    margin-top: 0.12rem;
    color: rgba(255, 255, 255, 0.62);
}

.subian-concept--limik .subian-limik-oem-copy .subian-limik-button {
    margin-top: 0.3rem;
}

.subian-concept--limik .subian-limik-oem-reasons {
    padding: 0.52rem 0.5rem;
    background: #fff;
}

.subian-concept--limik .subian-limik-oem-reasons-heading {
    max-width: 6.4rem;
}

.subian-concept--limik .subian-limik-oem-reasons-title {
    margin-top: 0.1rem;
    color: #0a2140;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-oem-reason-grid {
    margin-top: 0.32rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.34rem;
}

.subian-concept--limik .subian-limik-oem-reason {
    min-width: 0;
    padding: 0.3rem 0 0.34rem;
    border-top: 1px solid #dce5ec;
}

.subian-concept--limik .subian-limik-oem-reason svg {
    width: 0.46rem;
    height: 0.46rem;
    fill: none;
    stroke: #0b83cc;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-oem-reason-title {
    margin-top: 0.17rem;
    color: #0a2140;
    font-weight: 850;
}

.subian-concept--limik .subian-limik-oem-reason-description {
    margin-top: 0.1rem;
    color: #65748a;
}

.subian-concept--limik .subian-limik-oem-scope {
    margin-top: 0.24rem;
    padding: 0.38rem 0.42rem;
    display: grid;
    grid-template-columns: 3.8rem minmax(0, 1fr);
    align-items: center;
    gap: 0.3rem;
    background: #fff;
	display: none;
}

.subian-concept--limik .subian-limik-oem-scope-title {
    margin-top: 0.08rem;
    color: #0a2140;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-oem-scope-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* column-gap: 0.08rem; */
    row-gap: 0;
    align-items: stretch;
    color: #0a2140;
    font-weight: 800;
}

.subian-concept--limik .subian-limik-oem-scope-item {
    min-height: 0.78rem;
    padding: 0.14rem 0.22rem;
    display: flex;
    align-items: center;
    line-height: 1.35;
    border-left: 1px solid #dce5ec;
}

.subian-concept--limik .subian-limik-oem-scope-item:nth-child(3n + 1) {
    border-left: 0;
}

.subian-concept--limik .subian-limik-oem-scope-item:nth-child(n + 4) {
    border-top: 1px solid #dce5ec;
}

.subian-concept--limik .subian-limik-oem-cta {
    margin-top: 0.22rem;
    min-height: 1.64rem;
    padding: 0.34rem 0.42rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    color: #fff;
    background: #061a33;
	display: none;
}

.subian-concept--limik .subian-limik-oem-cta-copy {
    max-width: 10.2rem;
}

.subian-concept--limik .subian-limik-oem-cta-title {
    color: #fff;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-oem-cta-description {
    margin-top: 0.09rem;
    color: rgba(255, 255, 255, 0.66);
}

.subian-concept--limik .subian-limik-oem-cta .subian-limik-button {
    flex: 0 0 auto;
}

/* Platform */
.subian-concept--limik .subian-limik-platform {
    background: #fff;
}

.subian-concept--limik .subian-limik-platform-container {
    position: relative;
    min-height: 6.6rem;
}

.subian-concept--limik .subian-limik-platform-visual {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0.15rem;
    width: 7.8rem;
    box-shadow: 0 0.24rem 0.56rem rgba(7, 25, 52, 0.18);
}

.subian-concept--limik .subian-limik-platform-image {
    object-fit: cover;
}

.subian-concept--limik .subian-limik-platform-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 9.5rem;
    min-height: 5.5rem;
    padding: 0.7rem 0.78rem 0.72rem 2.8rem;
    color: #fff;
    background: #061a33;
    clip-path: polygon(0.25rem 0, 100% 0, 100% 100%, 0 100%, 0 0.25rem);
}

.subian-concept--limik .subian-limik-platform-title {
    font-size: var(--subian-concept-section-title);
    font-weight: 900;
    letter-spacing: 0;
    color: #fff;
}

.subian-concept--limik .subian-limik-platform-description {
    margin-top: 0.22rem;
    color: rgba(255, 255, 255, 0.68);
}

.subian-concept--limik .subian-limik-platform-panel .subian-limik-button {
    margin-top: 0.3rem;
}

/* Proof */
.subian-concept--limik .subian-limik-proof-container {
    width: 11.2rem;
    max-width: 82%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #dfe6ed;
}

.subian-concept--limik .subian-limik-proof-item {
    padding: 0.34rem;
}

.subian-concept--limik .subian-limik-proof-item:not(:last-child) {
    border-right: 1px solid #dfe6ed;
}

.subian-concept--limik .subian-limik-proof-icon {
    width: 0.48rem;
    height: 0.48rem;
    fill: none;
    stroke: #0b83cc;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-concept--limik .subian-limik-proof-title {
    margin-top: 0.14rem;
    font-weight: 800;
}

.subian-concept--limik .subian-limik-proof-description {
    margin-top: 0.12rem;
    color: #65748a;
}

/* News */
.subian-concept--limik .subian-limik-news {
    background: #f2f5f8;
}

.subian-concept--limik .subian-limik-news-heading {
    margin-bottom: 0.48rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.7rem;
}

.subian-concept--limik .subian-limik-news-heading-copy {
    max-width: 10.5rem;
}

.subian-concept--limik .subian-limik-news-title {
    font-size: var(--subian-concept-section-title);
    font-weight: 900;
    letter-spacing: 0;
}

.subian-concept--limik .subian-limik-news-all {
    padding-bottom: 0.15rem;
    color: #fff;
}

.subian-concept--limik .subian-limik-news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
    gap: 0.28rem;
}

.subian-concept--limik .subian-limik-news-feature,
.subian-concept--limik .subian-limik-news-item {
    color: #0a2140;
    background: #fff;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.subian-concept--limik .subian-limik-news-feature:hover,
.subian-concept--limik .subian-limik-news-item:hover {
    transform: translateY(-0.06rem);
    box-shadow: 0 0.18rem 0.44rem rgba(8, 34, 66, 0.11);
}

.subian-concept--limik .subian-limik-news-feature-media {
    position: relative;
    overflow: hidden;
    background: #dce5ec;
}

.subian-concept--limik .subian-limik-news-image {
    object-fit: cover;
    transition: transform 0.55s ease;
}

.subian-concept--limik .subian-limik-news-feature:hover .subian-limik-news-image {
    transform: scale(1.035);
}

.subian-concept--limik .subian-limik-news-feature-copy {
    padding: 0.32rem 0.36rem 0.38rem;
}

.subian-concept--limik .subian-limik-news-meta {
    color: #0b83cc;
    font-weight: 800;
    text-transform: uppercase;
}

.subian-concept--limik .subian-limik-news-feature-title {
    margin-top: 0.15rem;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-news-description {
    max-width: 7.8rem;
    margin-top: 0.14rem;
    color: #65748a;
}

.subian-concept--limik .subian-limik-news-list {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.22rem;
}

.subian-concept--limik .subian-limik-news-item {
    position: relative;
    padding: 0.88rem 0.4rem 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.subian-concept--limik .subian-limik-news-date {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    color: #fff;
    background: linear-gradient(110deg, #0b74c8, #18b8e8);
    box-shadow: 0 0.12rem 0.3rem rgba(5, 35, 63, 0.2);
}

.subian-concept--limik .subian-limik-news-date strong {
    font-size: 0.3rem;
    font-weight: 900;
    line-height: 1;
}

.subian-concept--limik .subian-limik-news-date span {
    font-size: var(--f16);
    font-weight: 750;
    line-height: 1.15;
}

.subian-concept--limik .subian-limik-news-date--feature {
    right: 0.22rem;
    bottom: 0.22rem;
    min-width: 1.12rem;
    min-height: 0.7rem;
    padding: 0.1rem 0.13rem;
    gap: 0.1rem;
    border-radius: 0.04rem;
}

.subian-concept--limik .subian-limik-news-date--item {
    top: 0.3rem;
    right: 0.34rem;
    gap: 0.12rem;
    color: #0b74c8;
    background: transparent;
    box-shadow: none;
}

.subian-concept--limik .subian-limik-news-date--item::before {
    content: "";
    width: 0.36rem;
    height: 0.04rem;
    background: linear-gradient(90deg, #0b74c8, #18b8e8);
}

.subian-concept--limik .subian-limik-news-date--item strong {
    font-size: 0.24rem;
}

.subian-concept--limik .subian-limik-news-item-title {
    margin-top: 0.18rem;
    font-weight: 900;
}

.subian-concept--limik .subian-limik-news-item-footer {
    margin-top: 0.28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0b74c8;
    font-weight: 800;
}

.subian-concept--limik .subian-limik-news-item-footer svg {
    width: 0.36rem;
    height: 0.36rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.3s ease;
}

.subian-concept--limik .subian-limik-news-item:hover .subian-limik-news-item-footer svg {
    transform: translateX(0.06rem);
}

/* CTA */
.subian-concept--limik .subian-limik-cta {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0.68rem 0;
    overflow: hidden;
    /* background: linear-gradient(110deg, #061a33 0%, #092b4f 58%, #0b74c8 135%); */
	background: var(--subian-limik-cta-bg) no-repeat center/cover;
}

.subian-concept--limik .subian-limik-cta::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.45rem;
    width: 6.8rem;
    height: 2.8rem;
    /* background: url("../images/subian-substation-line.svg") center / contain no-repeat; */
    opacity: 0.18;
    transform: translateY(-50%);
}

.subian-concept--limik .subian-limik-cta-container {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
}

.subian-concept--limik .subian-limik-cta-copy {
    max-width: 9.4rem;
}

.subian-concept--limik .subian-limik-cta-title {
    max-width: 7.8rem;
    font-size: 0.48rem;
    font-weight: 900;
    color: #fff;
}

.subian-concept--limik .subian-limik-cta-description {
    max-width: 8.5rem;
    margin-top: 0.15rem;
    color: rgba(255, 255, 255, 0.72);
}

.subian-concept--limik .subian-limik-cta-actions {
    min-width: 3.35rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.subian-concept--limik .subian-limik-cta-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.06rem;
}

.subian-concept--limik .subian-limik-cta-contact-label {
    color: rgba(255, 255, 255, 0.55);
}

.subian-concept--limik .subian-limik-cta-email {
    color: rgba(255, 255, 255, 0.78);
}

.subian-concept--limik .subian-limik-cta-email:hover {
    color: #fff;
}

.subian-concept--limik .subian-limik-cta .subian-limik-button {
    color: #fff;
    background: linear-gradient(110deg, #0b74c8 0%, #18b8e8 100%);
    /* box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.16); */
}

/* Header cue for concept B */
.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) {
    border-top: 0;
    background: transparent;
    box-shadow: none;
}

.subian-concept-active--limik .Header-wrapper.on {
    border-top: 0;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0.08rem 0.28rem rgba(6, 26, 51, 0.1);
}

.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) .Header-container .c-nav > li .c-title-box,
.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) .subian-site-header-search {
    color: #fff;
}

.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) .subian-site-header-switch {
    color: #fff;
}

.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) .Header-container .c-nav > li.active .c-title-box {
    color: #fff !important;
}

.subian-concept-active--limik .Header-wrapper .Header-container .logo a img {
    transition: filter 0.3s ease;
}

.subian-concept-active--limik .Header-wrapper.white_bg:not(.on) .Header-container .logo a img {
    filter: brightness(0) invert(1);
}

.subian-concept-active--limik .Header-wrapper.on .Header-container .c-nav > li .c-title-box,
.subian-concept-active--limik .Header-wrapper.on .subian-site-header-search {
    color: #102a4c;
}

.subian-concept-active--limik .Header-wrapper.on .Header-container .logo a img {
    filter: none;
}

.subian-concept-active--limik .Header-wrapper .subian-site-header-quote {
    border-radius: 0.05rem;
}

.subian-concept-active--limik .Header-wrapper .Header-container .c-nav > li > ul {
    border-radius: 0.05rem;
    background: #fff;
    box-shadow: 0 0.12rem 0.32rem rgba(6, 26, 51, 0.12);
}

.subian-concept-active--limik .Header-wrapper .Header-container .c-nav > li > ul > li > a {
    color: #102a4c;
}

.subian-concept-active--limik .Header-wrapper .Header-container .c-nav > li > ul > li:hover > a {
    color: #0b74c8;
}

@media screen and (max-width: 1440px) {
    .subian-concept--limik .subian-limik-hero {
        height: 6.2rem;
        min-height: 550px;
    }

    .subian-concept--limik .subian-limik-story-panel {
        width: 7rem;
    }

    .subian-concept--limik .subian-limik-story-visual {
        width: 8rem;
    }

    .subian-concept--limik .subian-limik-platform-visual {
        width: 7rem;
    }

    .subian-concept--limik .subian-limik-platform-panel {
        width: 9rem;
        padding-left: 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .subian-concept--limik .subian-limik-product-series-tabs {
        scroll-behavior: auto;
    }

    .subian-concept--limik .subian-limik-hero-image,
    .subian-concept--limik .subian-limik-hero-content,
    .subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet-active::after,
    .subian-concept--limik .subian-limik-global-marker i::before,
    .subian-concept--limik .subian-limik-global-marker i::after,
    .subian-concept--limik .subian-limik-oem-image {
        animation: none;
        transition: none;
    }
}

/* Mobile layout: preserve the LIMIK visual language without squeezing desktop columns. */
@media screen and (max-width: 767px) {
    .subian-concept--limik {
        --subian-concept-section-title: 0.56rem;
    }

    .subian-concept--limik .subian-limik-label {
        margin-bottom: 0.2rem;
        font-size: var(--f16);
        line-height: 1.35;
    }

    .subian-concept--limik .subian-limik-button {
        min-height: 0.92rem;
        padding: 0.25rem 0.34rem;
    }

    .subian-concept--limik .subian-limik-hero {
        height: 10.8rem;
        min-height: 540px;
    }

    .subian-concept--limik .subian-limik-hero-mask {
        background: linear-gradient(90deg, rgba(4, 20, 43, 0.96) 0%, rgba(4, 24, 53, 0.78) 72%, rgba(4, 24, 53, 0.48) 100%);
    }

    .subian-concept--limik .subian-limik-hero-container {
        align-items: center;
    }

    .subian-concept--limik .subian-limik-hero-content,
    .subian-concept--limik .subian-limik-hero-description {
        width: 100%;
    }

    .subian-concept--limik .subian-limik-hero-title {
        font-size: 0.62rem;
        line-height: 1.12;
    }

    .subian-concept--limik .subian-limik-hero-description {
        margin-top: 0.28rem;
        font-size: var(--f16);
        line-height: 1.6;
    }

    .subian-concept--limik .subian-limik-hero-content .subian-limik-button {
        width: 100%;
        margin-top: 0.4rem;
    }

    .subian-concept--limik .subian-limik-hero-controls {
        bottom: 0.34rem;
    }

    .subian-concept--limik .subian-limik-hero-pagination .swiper-pagination-bullet {
        width: 0.56rem;
    }

    .subian-concept--limik .subian-limik-hero-navigation {
        gap: 0.1rem;
    }

    .subian-concept--limik .subian-limik-hero-arrow {
        width: 0.84rem;
        height: 0.84rem;
    }

    .subian-concept--limik .subian-limik-hero-arrow svg{
		width: 0.42rem;
		height: 0.42rem;
	}

    .subian-concept--limik .subian-limik-intro-container {
        width: auto;
        max-width: 92%;
    }

    .subian-concept--limik .subian-limik-intro-copy,
    .subian-concept--limik .subian-limik-intro-title {
        width: 100%;
        max-width: none;
    }

    .subian-concept--limik .subian-limik-intro-title {
        font-size: 0.48rem;
        line-height: 1.38;
        text-wrap: balance;
    }

    .subian-concept--limik .subian-limik-stats {
        margin-top: 0.58rem;
    }

    .subian-concept--limik .subian-limik-stat {
        min-height: 1.9rem;
        padding: 0.28rem 0.24rem;
    }

    .subian-concept--limik .subian-limik-stat-number {
        font-size: 0.64rem;
    }

    .subian-concept--limik .subian-limik-stat-unit {
        font-size: var(--f16);
    }

    .subian-concept--limik .subian-limik-stat-text {
        margin-top: 0.14rem;
        line-height: 1.5;
    }

    .subian-concept--limik .subian-limik-story-container {
        min-height: 0;
    }

    .subian-concept--limik .subian-limik-story-panel {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        min-height: 0;
        padding: 0.54rem 0.42rem 0.92rem;
        clip-path: none;
    }

    .subian-concept--limik .subian-limik-story-title,
    .subian-concept--limik .subian-limik-story-description {
        width: 100%;
        max-width: none;
    }

    .subian-concept--limik .subian-limik-story-visual {
        position: relative;
        top: auto;
        right: auto;
        width: calc(100% - 0.48rem);
        margin: -0.56rem 0 0 auto;
        box-shadow: 0 0.18rem 0.4rem rgba(5, 24, 49, 0.18);
    }
.subian-concept--limik .subian-limik-products-heading,
    .subian-concept--limik .subian-limik-markets-heading,
    .subian-concept--limik .subian-limik-news-heading {
        margin-bottom: 0.5rem;
        align-items: stretch;
        flex-direction: column;
        gap: 0.28rem;
    }

    .subian-concept--limik .subian-limik-products-heading-copy,
    .subian-concept--limik .subian-limik-products-title,
    .subian-concept--limik .subian-limik-markets-heading-copy,
    .subian-concept--limik .subian-limik-markets-heading-description,
    .subian-concept--limik .subian-limik-markets-title,
    .subian-concept--limik .subian-limik-news-heading-copy,
    .subian-concept--limik .subian-limik-news-title {
        width: 100%;
        max-width: none;
    }

    .subian-concept--limik .subian-limik-products-title,
    .subian-concept--limik .subian-limik-markets-title,
    .subian-concept--limik .subian-limik-news-title {
        font-size: 0.56rem;
        line-height: 1.2;
        text-wrap: balance;
    }

    .subian-concept--limik .subian-limik-products-heading .subian-limik-button,
    .subian-concept--limik .subian-limik-news-all {
        width: 100%;
    }

    .subian-concept--limik .subian-limik-product-series.pc,
    .subian-concept--limik .subian-limik-v2-promo.pc {
        display: none;
    }

    .subian-concept--limik .subian-limik-products-v2-heading {
        margin-bottom: 0.4rem;
        grid-template-columns: 1fr;
        align-items: start;
        row-gap: 0.2rem;
    }

    .subian-concept--limik .subian-limik-products-v2-heading .subian-limik-label,
    .subian-concept--limik .subian-limik-products-v2-title {
        grid-column: 1;
    }

    .subian-concept--limik .subian-limik-products-v2-title {
        font-size: 0.56rem;
        line-height: 1.2;
    }

    .subian-concept--limik .subian-limik-products-v2-description {
        font-size: var(--f16);
        line-height: 1.6;
    }

	.subian-concept--limik .subian-limik-products-v2-stage {
		padding-left: 0;
		padding-bottom: 1.92rem;
    }

	.subian-concept--limik .subian-limik-product-v2-swiper {
		height: auto;
		border-radius: 0.06rem;
	}

	.subian-concept--limik .subian-limik-product-v2-slide {
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}

	.subian-concept--limik .subian-limik-product-v2-media {
		grid-column: 1;
		grid-row: 1;
		padding: 0.32rem;
		aspect-ratio: 4 / 3;
		min-height: 0;
    }

    .subian-concept--limik .subian-limik-product-v2-image {
        height: 100%;
    }

    .subian-concept--limik .subian-limik-product-v2-copy {
        grid-column: 1;
        grid-row: 2;
        padding: 0.42rem 0.34rem;
        justify-content: flex-start;
    }

    .subian-concept--limik .subian-limik-product-v2-icon {
        width: 0.58rem;
        height: 0.58rem;
        margin-bottom: 0.18rem;
    }

	.subian-concept--limik .subian-limik-product-v2-name {
		display: -webkit-box;
		min-height: 2.4em;
		font-size: 0.48rem;
		line-height: 1.2;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
    }

    .subian-concept--limik .subian-limik-product-v2-text {
        margin-top: 0.18rem;
        font-size: var(--f16);
        line-height: 1.55;
    }

    .subian-concept--limik .subian-limik-product-v2-specs {
        margin-top: 0.22rem;
        grid-template-columns: 1fr 1fr;
    }

    .subian-concept--limik .subian-limik-product-v2-specs span {
        min-height: 0.72rem;
        border-bottom: 1px solid rgba(215, 245, 255, 0.18);
    }

    .subian-concept--limik .subian-limik-product-v2-specs span:last-child {
        grid-column: 1 / -1;
    }

    .subian-concept--limik .subian-limik-product-v2-copy .subian-limik-button {
        width: 100%;
        margin-top: 0.26rem;
    }

	.subian-concept--limik .subian-limik-products-v2-controls {
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1.68rem;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: 1fr;
		border-radius: 0.05rem;
		border: 1px solid #e2e8ef;
		box-shadow: 0 0.12rem 0.3rem rgba(6, 26, 51, 0.08);
		background: #fff;
	}

	.subian-concept--limik .subian-limik-products-v2-arrow {
		display: none;
		color: #31506d;
		background: #fff;
	}

	.subian-concept--limik .subian-limik-products-v2-arrow:first-child {
		border-right: 1px solid #e2e8ef;
	}

	.subian-concept--limik .subian-limik-products-v2-arrow:last-child {
		border-left: 1px solid #e2e8ef;
	}

	.subian-concept--limik .subian-limik-products-v2-arrow svg {
		width: 0.32rem;
		height: 0.32rem;
	}

	.subian-concept--limik .subian-limik-products-v2-pagination {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.subian-concept--limik .subian-limik-products-v2-pagination::-webkit-scrollbar {
		display: none;
	}

	.subian-concept--limik .subian-limik-products-v2-pagination .swiper-pagination-bullet {
		width: auto;
		min-width: 2.45rem;
		height: 100%;
		padding: 0.16rem 0.12rem;
		flex: 0 0 auto;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 0.08rem;
		scroll-snap-align: center;
		color: #5a6b7d;
		border-right: 1px solid #edf1f4;
		background: #fff;
	}

	.subian-concept--limik .subian-limik-products-v2-pagination b {
		display: block;
		max-width: 100%;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.15;
		text-align: center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.subian-concept--limik .subian-limik-products-v2-pagination-icon {
		width: 0.54rem;
		height: 0.54rem;
		color: #0b74c8;
	}

	.subian-concept--limik .subian-limik-products-v2-pagination .swiper-pagination-bullet-active {
		color: #102a4c;
		background: #f3f8fb;
		box-shadow: inset 0 -3px 0 #18a8dc;
	}

	.subian-concept--limik .subian-limik-products-v2-pagination .swiper-pagination-bullet-active .subian-limik-products-v2-pagination-icon {
		color: #0b74c8;
	}

    .subian-concept--limik .subian-limik-oem-main {
        grid-template-columns: 1fr;
    }

    .subian-concept--limik .subian-limik-oem-visual {
        min-height: 9.6rem;
    }

    .subian-concept--limik .subian-limik-oem-copy {
        width: 100%;
        max-width: none;
        padding: 0.56rem 0.42rem;
    }

    .subian-concept--limik .subian-limik-oem-title,
    .subian-concept--limik .subian-limik-oem-description,
    .subian-concept--limik .subian-limik-oem-reasons-heading,
    .subian-concept--limik .subian-limik-oem-reasons-title {
        width: 100%;
        max-width: none;
    }

    .subian-concept--limik .subian-limik-oem-title {
        font-size: 0.56rem;
        line-height: 1.22;
        text-wrap: balance;
    }

    .subian-concept--limik .subian-limik-oem-description {
        font-size: var(--f16);
        line-height: 1.65;
    }

    .subian-concept--limik .subian-limik-oem-copy .subian-limik-button {
        width: 100%;
        margin-top: 0.4rem;
    }

    .subian-concept--limik .subian-limik-oem-reasons {
        padding: 0.5rem 0.4rem;
    }

    .subian-concept--limik .subian-limik-oem-reasons-title {
        font-size: 0.48rem;
        line-height: 1.3;
    }

    .subian-concept--limik .subian-limik-oem-reason-grid {
        margin-top: 0.34rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 0.28rem;
    }

    .subian-concept--limik .subian-limik-oem-reason {
        padding: 0.3rem 0 0.34rem;
    }

    .subian-concept--limik .subian-limik-oem-reason svg {
        width: 0.72rem;
        height: 0.72rem;
    }

    .subian-concept--limik .subian-limik-oem-reason-title {
        font-size: 0.36rem;
        line-height: 1.4;
    }

    .subian-concept--limik .subian-limik-oem-reason-description {
        font-size: var(--f16);
        line-height: 1.55;
    }

    .subian-concept--limik .subian-limik-global-heading,
    .subian-concept--limik .subian-limik-global-map {
        width: 100%;
        max-width: 100%;
    }

    .subian-concept--limik .subian-limik-global-title {
        font-size: 0.56rem;
        line-height: 1.2;
    }

    .subian-concept--limik .subian-limik-global-map {
        margin-top: 0.5rem;
    }

    .subian-concept--limik .subian-limik-global-marker {
        gap: 0;
    }

    .subian-concept--limik .subian-limik-global-marker span {
        display: none;
    }

    .subian-concept--limik .subian-limik-global-marker i {
        width: 0.18rem;
        height: 0.18rem;
    }

    .subian-concept--limik .subian-limik-global-legend {
        margin-top: 0.32rem;
        flex-wrap: wrap;
        gap: 0.18rem 0.3rem;
        line-height: 1.45;
    }

    .subian-concept--limik .subian-limik-global-experience {
        margin-top: 0.36rem;
        display: block;
        line-height: 1.55;
    }

    .subian-concept--limik .subian-limik-global-experience i {
        display: none;
    }

    .subian-concept--limik .subian-limik-markets-heading-description {
        padding-bottom: 0;
        font-size: var(--f16);
        line-height: 1.6;
    }

    .subian-concept--limik .subian-limik-market-feature.is-active {
        display: block;
    }

    .subian-concept--limik .subian-limik-market-copy {
        padding: 0.48rem 0.4rem;
    }

    .subian-concept--limik .subian-limik-market-feature-icon {
        width: 0.82rem;
        height: 0.82rem;
    }

    .subian-concept--limik .subian-limik-market-title {
        width: 100%;
        font-size: 0.48rem;
        line-height: 1.3;
    }

    .subian-concept--limik .subian-limik-market-description {
        font-size: var(--f16);
        line-height: 1.65;
    }

    .subian-concept--limik .subian-limik-market-nav {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .subian-concept--limik .subian-limik-market-nav::-webkit-scrollbar {
        display: none;
    }

    .subian-concept--limik .subian-limik-market-nav-item {
        min-width: 3.5rem;
        min-height: 1.2rem;
        padding: 0.22rem 0.28rem;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .subian-concept--limik .subian-limik-platform-container {
        min-height: 0;
    }

    .subian-concept--limik .subian-limik-platform-visual {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
    }

    .subian-concept--limik .subian-limik-platform-panel {
        position: relative;
        top: auto;
        right: auto;
        width: calc(100% - 0.48rem);
        min-height: 0;
        margin: -0.3rem 0 0 auto;
        padding: 0.54rem 0.42rem;
        clip-path: none;
    }

    .subian-concept--limik .subian-limik-platform-title,
    .subian-concept--limik .subian-limik-platform-description {
        width: 100%;
        max-width: none;
    }

    .subian-concept--limik .subian-limik-platform-title {
        font-size: 0.54rem;
        line-height: 1.25;
    }

    .subian-concept--limik .subian-limik-platform-panel .subian-limik-button {
        width: 100%;
        margin-top: 0.38rem;
    }

    .subian-concept--limik .subian-limik-proof-container {
        width: auto;
        max-width: 92%;
        grid-template-columns: 1fr;
    }

    .subian-concept--limik .subian-limik-proof-item {
        padding: 0.4rem;
    }

    .subian-concept--limik .subian-limik-proof-item:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #dfe6ed;
    }

    .subian-concept--limik .subian-limik-news-layout {
        grid-template-columns: 1fr;
        gap: 0.32rem;
    }

    .subian-concept--limik .subian-limik-news-feature-copy {
        padding: 0.36rem 0.34rem 0.4rem;
    }

    .subian-concept--limik .subian-limik-news-feature-title,
    .subian-concept--limik .subian-limik-news-item-title {
        width: 100%;
        font-size: 0.44rem;
        line-height: 1.38;
    }

    .subian-concept--limik .subian-limik-news-description {
        font-size: var(--f16);
        line-height: 1.6;
    }

    .subian-concept--limik .subian-limik-news-list {
        grid-template-rows: none;
        gap: 0.28rem;
    }

    .subian-concept--limik .subian-limik-news-item {
        min-height: 3.9rem;
        padding: 1.02rem 0.36rem 0.36rem;
    }

    .subian-concept--limik .subian-limik-news-date--item {
        top: 0.32rem;
        right: 0.34rem;
    }

    .subian-concept--limik .subian-limik-cta {
        padding: 1rem 0;
    }

    .subian-concept--limik .subian-limik-cta-container {
        align-items: stretch;
        flex-direction: column;
        gap: 0.48rem;
    }

    .subian-concept--limik .subian-limik-cta-copy,
    .subian-concept--limik .subian-limik-cta-title,
    .subian-concept--limik .subian-limik-cta-description,
    .subian-concept--limik .subian-limik-cta-actions {
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .subian-concept--limik .subian-limik-cta-title {
        font-size: 0.56rem;
        line-height: 1.25;
        text-wrap: balance;
    }

    .subian-concept--limik .subian-limik-cta-description {
        font-size: var(--f16);
        line-height: 1.65;
    }

    .subian-concept--limik .subian-limik-cta .subian-limik-button {
        width: 100%;
    }
}

.subian-oem {
    --subian-oem-blue: #0b74c8;
    --subian-oem-cyan: #18b8e8;
    --subian-oem-navy: #061a33;
    --subian-oem-navy-2: #0a2846;
    --subian-oem-ink: #10283f;
    --subian-oem-body: #53677a;
    --subian-oem-soft: #f3f7fa;
    --subian-oem-line: #dce6ed;
    overflow: hidden;
    color: var(--subian-oem-ink);
    background: #fff;
}

.subian-oem #subian-oem-inquiry {
    scroll-margin-top: 1.2rem;
}

.subian-oem.mt {
    margin-top: var(--nav_height);
}

.subian-oem *,
.subian-oem *::before,
.subian-oem *::after {
    box-sizing: border-box;
}

/* .subian-oem h1,
.subian-oem h2,
.subian-oem h3,
.subian-oem button,
.subian-oem input,
.subian-oem textarea {
    font-family: "Poppins", "DR", Arial, sans-serif;

} */

.subian-oem h1,
.subian-oem h2,
.subian-oem h3 {
    margin: 0;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.subian-oem svg {
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.subian-oem-kicker {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    margin-bottom: 0.18rem;
    color: var(--subian-oem-blue);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.subian-oem-kicker::before {
    width: 0.34rem;
    height: 0.03rem;
    border-radius: 0.03rem;
    background: linear-gradient(90deg, var(--subian-oem-blue), var(--subian-oem-cyan));
    content: "";
}

.subian-oem-kicker-light {
    color: #7de0f8;
}

.subian-oem-title {
    max-width: 9.6rem;
    color: var(--subian-oem-ink);
	font-weight: 700;
}

.subian-oem-desc {
    max-width: 8.8rem;
    margin-top: 0.2rem;
    color: var(--subian-oem-body);
}

.subian-oem-head {
    margin-bottom: 0.5rem;
}

.subian-oem-head-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.5rem;
}

.subian-oem-head-copy {
    min-width: 0;
}

.subian-oem-head-center {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.subian-oem-head-center .subian-oem-title,
.subian-oem-head-center .subian-oem-desc {
    margin-right: auto;
    margin-left: auto;
}

.subian-oem-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.12rem;
}

.subian-oem-btn {
    display: inline-flex;
    min-width: 2.1rem;
    min-height: 0.54rem;
    align-items: center;
    justify-content: center;
    padding: 0.14rem 0.25rem;
    border-radius: 0.06rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-oem-btn-main {
    color: #fff;
    background: linear-gradient(112deg, var(--subian-oem-blue), var(--subian-oem-cyan));
    box-shadow: 0 0.12rem 0.24rem rgba(11, 116, 200, 0.22);
}

.subian-oem-btn-main:hover {
    color: #fff;
    box-shadow: 0 0.16rem 0.32rem rgba(11, 116, 200, 0.3);
    transform: translateY(-0.03rem);
}

.subian-oem-btn-ghost {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 0.01rem rgba(255, 255, 255, 0.5);
}

.subian-oem-btn-ghost:hover {
    color: var(--subian-oem-navy);
    background: #fff;
}

.subian-oem-btn-white {
    color: var(--subian-oem-blue);
    background: #fff;
}

.subian-oem-btn-white:hover {
    color: var(--subian-oem-navy);
    box-shadow: 0 0.14rem 0.28rem rgba(3, 25, 48, 0.2);
    transform: translateY(-0.03rem);
}

.subian-oem-text-link {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.1rem;
    padding: 0.14rem 0.2rem;
    border-radius: 0.06rem;
    color: #fff;
    background: var(--subian-oem-navy);
    font-weight: 600;
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.subian-oem-text-link svg {
    width: 0.2rem;
    height: 0.2rem;
    transition: transform 0.3s ease;
}

.subian-oem-text-link:hover {
    color: #fff;
    background: var(--subian-oem-blue);
    transform: translateY(-0.03rem);
}

.subian-oem-text-link:hover svg {
    transform: translateX(0.04rem);
}

.subian-oem-hero {
    position: relative;
    min-height: 7.4rem;
    overflow: hidden;
    color: #fff;
    background: var(--subian-oem-navy);
}

.subian-oem-hero-media,
.subian-oem-hero-mask {
    position: absolute;
    inset: 0;
}

.subian-oem-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.88) contrast(1.04);
}

.subian-oem-hero-mask {
    background: linear-gradient(90deg, rgba(3, 21, 44, 0.98) 0%, rgba(5, 31, 62, 0.92) 42%, rgba(5, 31, 62, 0.44) 70%, rgba(5, 31, 62, 0.12) 100%);
}

.subian-oem-hero-in {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 7.4rem;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0.72rem 0 1.75rem;
}

.subian-oem-hero-copy {
    width: 8.8rem;
    max-width: 62%;
}

.subian-oem-hero-title {
    max-width: 8.6rem;
	font-weight: 700;
    color: #fff;
}

.subian-oem-hero-lead {
    max-width: 7.8rem;
    margin-top: 0.25rem;
    color: #fff;
    font-weight: 500;
}

.subian-oem-hero-desc {
    max-width: 8rem;
    margin: 0.16rem 0 0.32rem;
    color: rgba(255, 255, 255, 0.76);
}

.subian-oem-trust {
    position: absolute;
    right: 0;
    bottom: 0.34rem;
    left: 0;
    display: grid;
    overflow: hidden;
    border-radius: 0.1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: rgba(5, 27, 53, 0.78);
    box-shadow: 0 0.16rem 0.4rem rgba(1, 17, 35, 0.24);
    backdrop-filter: blur(0.1rem);
}

.subian-oem-trust-item {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.14rem;
    padding: 0.24rem;
}

.subian-oem-trust-item + .subian-oem-trust-item {
    box-shadow: inset 0.01rem 0 0 rgba(255, 255, 255, 0.14);
}

.subian-oem-trust-icon {
    width: 0.42rem;
    height: 0.42rem;
    flex: 0 0 auto;
    color: #60d8f4;
}

.subian-oem-trust-copy {
    min-width: 0;
}

.subian-oem-trust-title,
.subian-oem-trust-text {
    display: block;
}

.subian-oem-trust-title {
    color: #fff;
}

.subian-oem-trust-text {
    margin-top: 0.05rem;
    color: rgba(255, 255, 255, 0.62);
}

.subian-oem-advantages,
.subian-oem-products,
.subian-oem-partners {
    background: #fff;
}

.subian-oem-adv-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-oem-adv-card {
    min-width: 0;
    min-height: 3.5rem;
    padding: 0.34rem 0.3rem;
    border-radius: 0.1rem;
    background: var(--subian-oem-soft);
    transition: color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.subian-oem-adv-card:hover {
    background: #fff;
    box-shadow: 0 0.18rem 0.42rem rgba(23, 65, 97, 0.13);
    transform: translateY(-0.05rem);
}

.subian-oem-adv-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.28rem;
}

.subian-oem-adv-num {
    color: #cbd9e4;
    font-size: 0.42rem;
    font-weight: 700;
    line-height: 1;
    transition: color 0.35s ease;
}

.subian-oem-adv-icon {
    width: 0.46rem;
    height: 0.46rem;
    color: var(--subian-oem-blue);
}

.subian-oem-adv-card:hover .subian-oem-adv-num {
    color: var(--subian-oem-cyan);
}

.subian-oem-card-title {
    min-height: 0.58rem;
    color: var(--subian-oem-ink);
}

.subian-oem-card-desc {
    margin-top: 0.16rem;
    color: var(--subian-oem-body);
}

.subian-oem-scope,
.subian-oem-process {
    background: var(--subian-oem-soft);
}

.subian-oem-scope-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.48fr) minmax(3.8rem, 0.72fr);
    gap: 0.18rem;
}

.subian-oem-scope-main,
.subian-oem-scope-side {
    min-width: 0;
    border-radius: 0.12rem;
}

.subian-oem-scope-main {
    padding: 0.42rem;
    color: #fff;
    background: var(--subian-oem-navy);
}

.subian-oem-scope-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.3rem;
    margin-bottom: 0.3rem;
}

.subian-oem-scope-label {
    color: #79def5;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.subian-oem-scope-note {
    max-width: 5.6rem;
    color: rgba(255, 255, 255, 0.6);
    text-align: right;
}

.subian-oem-option-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.12rem;
}

.subian-oem-option-item {
    min-width: 0;
    padding: 0.24rem;
    border-radius: 0.08rem;
    background: rgba(255, 255, 255, 0.08);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.subian-oem-option-item:hover {
    background: rgba(24, 184, 232, 0.16);
    transform: translateY(-0.03rem);
}

.subian-oem-option-num {
    display: block;
    margin-bottom: 0.15rem;
    color: #4bd0f2;
    font-weight: 700;
}

.subian-oem-option-title {
    color: #fff;
}

.subian-oem-option-desc {
    margin-top: 0.12rem;
    color: rgba(255, 255, 255, 0.66);
}

.subian-oem-scope-side {
    padding: 0.42rem;
    background: #fff;
    box-shadow: 0 0.12rem 0.3rem rgba(21, 61, 91, 0.08);
}

.subian-oem-scope-side-title {
    margin-bottom: 0.22rem;
    color: var(--subian-oem-ink);
}

.subian-oem-check-list {
    display: grid;
}

.subian-oem-check-item {
    display: flex;
    align-items: flex-start;
    gap: 0.12rem;
    padding: 0.145rem 0;
    color: var(--subian-oem-body);
    box-shadow: inset 0 -0.01rem 0 var(--subian-oem-line);
}

.subian-oem-check-item:last-child {
    box-shadow: none;
}

.subian-oem-check-item svg {
    width: 0.22rem;
    height: 0.22rem;
    flex: 0 0 auto;
    margin-top: 0.01rem;
    color: var(--subian-oem-cyan);
    stroke-width: 2.2;
}

.subian-oem-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.18rem;
}

.subian-oem-product-card {
    min-width: 0;
    padding: 0.42rem;
    border-radius: 0.12rem;
}

.subian-oem-product-card-light {
    background: var(--subian-oem-soft);
}

.subian-oem-product-card-blue {
    color: #fff;
    background: linear-gradient(132deg, #0b74c8 0%, #16a8dc 100%);
}

.subian-oem-product-card-head {
    display: flex;
    align-items: center;
    gap: 0.16rem;
    margin-bottom: 0.28rem;
}

.subian-oem-product-icon {
    width: 0.46rem;
    height: 0.46rem;
    flex: 0 0 auto;
    color: var(--subian-oem-blue);
}

.subian-oem-product-card-blue .subian-oem-product-icon {
    color: #fff;
}

.subian-oem-product-title {
    color: var(--subian-oem-ink);
}

.subian-oem-product-card-blue .subian-oem-product-title {
    color: #fff;
}

.subian-oem-product-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.12rem 0.24rem;
}

.subian-oem-product-item {
    position: relative;
    padding-left: 0.18rem;
    color: var(--subian-oem-body);
    line-height: 1.5;
}

.subian-oem-product-item::before {
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background: var(--subian-oem-cyan);
    content: "";
}

.subian-oem-product-card-blue .subian-oem-product-item {
    color: rgba(255, 255, 255, 0.86);
}

.subian-oem-product-card-blue .subian-oem-product-item::before {
    background: #fff;
}

.subian-oem-app-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.1rem;
    margin-top: 0.24rem;
}

.subian-oem-app-item {
    padding: 0.12rem 0.18rem;
    border-radius: 0.06rem;
    color: var(--subian-oem-ink);
    background: #eef4f8;
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.subian-oem-app-item:hover {
    color: #fff;
    background: var(--subian-oem-blue);
    transform: translateY(-0.03rem);
}

.subian-oem-quality {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: var(--subian-oem-navy);
}

.subian-oem-quality-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(90deg, rgba(6, 26, 51, 0.99), rgba(6, 26, 51, 0.93)), var(--subian-quality-center-bg);
    background-position: center;
    background-size: cover;
}

.subian-oem-quality-grid {
    position: relative;
    z-index: 2;
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: 0.7rem;
}

.subian-oem-quality-copy {
    min-width: 0;
}

.subian-oem-quality-title {
    color: #fff;
}

.subian-oem-quality-lead {
    margin-top: 0.2rem;
    color: #fff;
}

.subian-oem-quality-desc {
    margin-top: 0.15rem;
    color: rgba(255, 255, 255, 0.66);
}

.subian-oem-doc-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.08rem;
    margin-top: 0.28rem;
}

.subian-oem-doc-item {
    padding: 0.1rem 0.14rem;
    border-radius: 0.05rem;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.09);
}

.subian-oem-quality-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.14rem;
}

.subian-oem-quality-card {
    min-width: 0;
    min-height: 2.72rem;
    padding: 0.3rem;
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.08);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.subian-oem-quality-card:hover {
    background: rgba(24, 184, 232, 0.16);
    transform: translateY(-0.04rem);
}

.subian-oem-quality-icon {
    width: 0.44rem;
    height: 0.44rem;
    margin-bottom: 0.2rem;
    color: #64daf5;
}

.subian-oem-quality-card-title {
    color: #fff;
}

.subian-oem-quality-card-desc {
    margin-top: 0.12rem;
    color: rgba(255, 255, 255, 0.64);
}

.subian-oem-process-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-oem-process-list::before {
    position: absolute;
    top: 0.26rem;
    right: 0.6rem;
    left: 0.6rem;
    height: 0.02rem;
    background: #cfdee8;
    content: "";
}

.subian-oem-process-item {
    position: relative;
    z-index: 1;
    min-width: 0;
    text-align: center;
}

.subian-oem-process-num {
    display: flex;
    width: 0.54rem;
    height: 0.54rem;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.2rem;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--subian-oem-blue), var(--subian-oem-cyan));
    box-shadow: 0 0.1rem 0.24rem rgba(11, 116, 200, 0.2);
    font-weight: 600;
}

.subian-oem-process-title {
    min-height: 0.52rem;
    color: var(--subian-oem-ink);
	font-weight: 700;
}

.subian-oem-process-desc {
    margin-top: 0.12rem;
    color: var(--subian-oem-body);
}

.subian-oem-process-action {
    display: flex;
    justify-content: center;
    margin-top: 0.4rem;
}

.subian-oem-partner-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-oem-partner-card {
    min-width: 0;
    min-height: 3.2rem;
    padding: 0.32rem;
    border-radius: 0.1rem;
    background: var(--subian-oem-soft);
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-oem-partner-card:hover {
    background: #fff;
    box-shadow: 0 0.16rem 0.38rem rgba(20, 61, 92, 0.12);
    transform: translateY(-0.05rem);
}

.subian-oem-partner-icon {
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.22rem;
    color: var(--subian-oem-blue);
}

.subian-oem-partner-title {
    color: var(--subian-oem-ink);
}

.subian-oem-partner-desc {
    margin-top: 0.14rem;
    color: var(--subian-oem-body);
}

.subian-oem-cta {
    background: #fff;
}

.subian-oem-cta-panel {
    position: relative;
    display: grid;
    overflow: hidden;
    padding: 0.7rem;
    border-radius: 0.14rem;
    grid-template-columns: minmax(0, 0.84fr) minmax(5.4rem, 1.16fr);
    gap: 0.7rem;
    color: #fff;
    background: linear-gradient(122deg, #061a33 0%, #092b4d 50%, #087abd 100%);
}

.subian-oem-cta-mark {
    position: absolute;
    right: 5.2rem;
    bottom: -0.8rem;
    width: 4.6rem;
    height: 4rem;
    color: rgba(255, 255, 255, 0.07);
    stroke-width: 1.2;
}

.subian-oem-cta-copy,
.subian-oem-form {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.subian-oem-cta-copy {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.subian-oem-cta-title {
    max-width: 6.4rem;
    color: #fff;
}

.subian-oem-cta-desc {
    max-width: 6.3rem;
    margin-top: 0.2rem;
    color: rgba(255, 255, 255, 0.7);
}

.subian-oem-cta-points {
    display: grid;
    gap: 0.1rem;
    margin: 0.26rem 0 0.32rem;
}

.subian-oem-cta-point {
    position: relative;
    padding-left: 0.2rem;
    color: rgba(255, 255, 255, 0.84);
    line-height: 1.5;
}

.subian-oem-cta-point::before {
    position: absolute;
    top: 0.09rem;
    left: 0;
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    background: var(--subian-oem-cyan);
    content: "";
}

.subian-oem-form {
    padding: 0.38rem;
    border-radius: 0.1rem;
    color: var(--subian-oem-ink);
    background: #fff;
    box-shadow: 0 0.2rem 0.48rem rgba(2, 20, 40, 0.2);
}

.subian-oem-form-head {
    margin-bottom: 0.24rem;
}

.subian-oem-form-title {
    color: var(--subian-oem-ink);
}

.subian-oem-form-note {
    margin-top: 0.06rem;
    color: var(--subian-oem-body);
}

.subian-oem-fluent .ff-t-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-oem-fluent .ff-t-cell {
    width: 100% !important;
    padding: 0 !important;
}

.subian-oem-fluent .ff-el-group {
    margin-bottom: 0.16rem;
}

.subian-oem-fluent .ff-el-input--label label {
    margin-bottom: 0.08rem;
    color: var(--subian-oem-ink);
    font-size: var(--f16);
    font-weight: 500;
    line-height: 1.3;
}

.subian-oem-fluent .ff-el-form-control {
    width: 100%;
    border: 0;
    border-radius: 0.05rem;
    outline: 0;
    color: var(--subian-oem-ink);
    background: #f1f5f8;
    font-family: inherit;
    font-size: var(--f16);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.subian-oem-fluent input.ff-el-form-control {
    height: 0.52rem;
    padding: 0 0.16rem;
}

.subian-oem-fluent textarea.ff-el-form-control {
    min-height: 1.25rem;
    padding: 0.15rem 0.16rem;
    line-height: 1.5;
    resize: vertical;
}

.subian-oem-fluent .ff-el-form-control:focus {
    border: 0;
    background: #fff;
    box-shadow: 0 0 0 0.02rem rgba(11, 116, 200, 0.25);
}

.subian-oem-fluent .ff-btn-submit {
    display: inline-flex;
    min-width: 2.3rem;
    min-height: 0.54rem;
    align-items: center;
    justify-content: center;
    padding: 0.14rem 0.24rem;
    border: 0;
    border-radius: 0.06rem;
    color: #fff;
    background: linear-gradient(112deg, var(--subian-oem-blue), var(--subian-oem-cyan));
    font-family: inherit;
    font-size: var(--f16);
    font-weight: 600;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-oem-fluent .ff-btn-submit:hover {
    color: #fff;
    box-shadow: 0 0.14rem 0.3rem rgba(11, 116, 200, 0.28);
    transform: translateY(-0.03rem);
}

.subian-oem-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem;
}

.subian-oem-field {
    min-width: 0;
}

.subian-oem-field-full {
    grid-column: 1 / 3;
}

.subian-oem-label {
    display: block;
    margin-bottom: 0.08rem;
    color: var(--subian-oem-ink);
    font-weight: 500;
}

.subian-oem-input,
.subian-oem-textarea {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0.05rem;
    outline: 0;
    color: var(--subian-oem-ink);
    background: #f1f5f8;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.subian-oem-input {
    height: 0.52rem;
    padding: 0 0.16rem;
}

.subian-oem-textarea {
    min-height: 1.25rem;
    padding: 0.15rem 0.16rem;
    line-height: 1.5;
    resize: vertical;
}

.subian-oem-input:focus,
.subian-oem-textarea:focus {
    background: #fff;
    box-shadow: 0 0 0 0.02rem rgba(11, 116, 200, 0.25);
}

.subian-oem-input::placeholder,
.subian-oem-textarea::placeholder {
    color: #8292a0;
}

.subian-oem-submit-wrap {
    display: flex;
    justify-content: flex-end;
}

.subian-oem-submit {
    display: inline-flex;
    min-width: 2.3rem;
    min-height: 0.54rem;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.14rem 0.24rem;
    border: 0;
    border-radius: 0.06rem;
    color: #fff;
    background: linear-gradient(112deg, var(--subian-oem-blue), var(--subian-oem-cyan));
    font-weight: 600;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.subian-oem-submit svg {
    width: 0.2rem;
    height: 0.2rem;
}

.subian-oem-submit:hover {
    box-shadow: 0 0.14rem 0.3rem rgba(11, 116, 200, 0.28);
    transform: translateY(-0.03rem);
}

@media screen and (max-width: 1400px) {
    .subian-oem-hero-copy {
        max-width: 66%;
    }

    .subian-oem-card-title,
    .subian-oem-partner-title {
        font-size: var(--f20);
    }

    .subian-oem-cta-panel {
        gap: 0.48rem;
    }
}

@media screen and (max-width: 1200px) {
    .subian-oem-hero {
        min-height: 7rem;
    }

    .subian-oem-hero-in {
        min-height: 7rem;
        padding-bottom: 2rem;
    }

    .subian-oem-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-oem-trust-item:nth-child(3) {
        box-shadow: inset 0 0.01rem 0 rgba(255, 255, 255, 0.14);
    }

    .subian-oem-trust-item:nth-child(4) {
        box-shadow: inset 0.01rem 0.01rem 0 rgba(255, 255, 255, 0.14);
    }

    .subian-oem-adv-grid,
    .subian-oem-partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-oem-scope-grid,
    .subian-oem-quality-grid,
    .subian-oem-cta-panel {
        gap: 0.4rem;
    }

    .subian-oem-process-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.36rem 0.2rem;
    }

    .subian-oem-process-list::before {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .subian-oem-hero,
    .subian-oem-hero-in {
        min-height: 6.6rem;
    }

    .subian-oem-hero-in {
        padding: 0.68rem 0;
    }

    .subian-oem-hero-copy {
        width: 100%;
        max-width: 78%;
    }

    .subian-oem-trust {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        margin-top: 0.44rem;
    }

    .subian-oem-scope-grid,
    .subian-oem-quality-grid,
    .subian-oem-cta-panel {
        grid-template-columns: 1fr;
    }

    .subian-oem-product-card {
        padding: 0.34rem;
    }

    .subian-oem-quality-grid {
        gap: 0.48rem;
    }

    .subian-oem-cta-panel {
        padding: 0.52rem;
    }

    .subian-oem-cta-mark {
        right: -0.6rem;
        bottom: 2.8rem;
    }
}

@media screen and (max-width: 767px) {
    .subian-oem {
        --f18: clamp(16px, 0.34rem, 17px);
        --f20: clamp(18px, 0.38rem, 19px);
        --f22: clamp(19px, 0.4rem, 20px);
        --f24: clamp(21px, 0.44rem, 22px);
        --f28: clamp(23px, 0.48rem, 24px);
        --f44: clamp(27px, 0.56rem, 30px);
        --f54: clamp(30px, 0.64rem, 32px);
    }

    .subian-oem .pt-120 {
        padding-top: 0.8rem;
    }

    .subian-oem .pb-120 {
        padding-bottom: 0.8rem;
    }

    .subian-oem-kicker,
    .subian-oem-desc,
    .subian-oem-hero-desc,
    .subian-oem-card-desc,
    .subian-oem-option-desc,
    .subian-oem-quality-desc,
    .subian-oem-quality-card-desc,
    .subian-oem-process-desc,
    .subian-oem-partner-desc,
    .subian-oem-cta-point,
    .subian-oem-form-note {
        font-size: var(--f16);
    }

    .subian-oem-title,
    .subian-oem-quality-title,
    .subian-oem-cta-title {
        font-size: var(--f44);
    }

    .subian-oem-head {
        margin-bottom: 0.38rem;
    }

    .subian-oem-head-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.24rem;
    }

    .subian-oem-hero {
        min-height: 0;
    }

    .subian-oem-hero-media img {
        object-position: 58% center;
    }

    .subian-oem-hero-mask {
        background: linear-gradient(90deg, rgba(3, 21, 44, 0.98) 0%, rgba(5, 31, 62, 0.84) 100%);
    }

    .subian-oem-hero-in {
        min-height: 0;
        padding: 0.72rem 0;
    }

    .subian-oem-hero-copy {
        max-width: 100%;
    }

    .subian-oem-hero-title {
        font-size: var(--f54);
    }

    .subian-oem-hero-lead {
        font-size: var(--f18);
    }

    .subian-oem-actions,
    .subian-oem-btn {
        width: 100%;
    }

    .subian-oem-trust {
        grid-template-columns: 1fr;
        backdrop-filter: none;
    }

    .subian-oem-trust-item + .subian-oem-trust-item,
    .subian-oem-trust-item:nth-child(3),
    .subian-oem-trust-item:nth-child(4) {
        box-shadow: inset 0 0.01rem 0 rgba(255, 255, 255, 0.14);
    }

    .subian-oem-adv-grid,
    .subian-oem-product-grid,
    .subian-oem-quality-cards,
    .subian-oem-partner-grid,
    .subian-oem-form-grid,
    .subian-oem-fluent .ff-t-container {
        grid-template-columns: 1fr;
    }

    .subian-oem-adv-card,
    .subian-oem-partner-card {
        min-height: 0;
    }

    .subian-oem-card-title {
        min-height: 0;
    }

    .subian-oem-scope-main,
    .subian-oem-scope-side,
    .subian-oem-product-card,
    .subian-oem-cta-panel,
    .subian-oem-form {
        padding: 0.3rem;
    }

    .subian-oem-scope-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .subian-oem-scope-note {
        text-align: left;
    }

    .subian-oem-option-grid,
    .subian-oem-product-list {
        grid-template-columns: 1fr;
    }

    .subian-oem-product-card-blue {
        background: linear-gradient(145deg, #0b74c8, #139fd5);
    }

    .subian-oem-app-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subian-oem-app-item {
        text-align: center;
    }

    .subian-oem-process-list {
        grid-template-columns: 1fr;
        gap: 0.24rem;
    }

	.subian-oem-process-num{
		width: 0.64rem;
		height: 0.64rem;
	}

    .subian-oem-process-item {
        display: grid;
        align-items: start;
        grid-template-columns: 0.64rem minmax(0, 1fr);
        gap: 0 0.16rem;
        text-align: left;
    }

    .subian-oem-process-num {
        grid-row: 1 / 3;
        margin: 0;
    }

    .subian-oem-process-title {
        min-height: 0;
    }

    .subian-oem-process-desc {
        margin-top: 0.08rem;
    }

    .subian-oem-cta-panel {
        border-radius: 0.1rem;
        gap: 0.42rem;
    }

    .subian-oem-cta-mark {
        display: none;
    }

    .subian-oem-field-full {
        grid-column: auto;
    }

    .subian-oem-submit-wrap,
    .subian-oem-submit,
    .subian-oem-fluent .ff-btn-submit {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .subian-oem *,
    .subian-oem *::before,
    .subian-oem *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media screen and (max-width: 767px) {
    .w16,
    .subian-concept--limik .subian-limik-hero-container,
    .subian-concept--limik .subian-limik-intro-container {
        width: calc(100% - 0.4rem);
        max-width: none;
        min-width: 0;
    }

    .subian-concept--limik .subian-limik-hero-content,
    .subian-concept--limik .subian-limik-hero-title,
    .subian-concept--limik .subian-limik-hero-description,
    .subian-pg .subian-pg-heading,
    .subian-pg .subian-pg-lead {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .subian-concept--limik .subian-limik-hero-title br {
        display: none;
    }

    .subian-concept--limik .subian-limik-hero-title {
        max-width: 5.8rem;
        font-size: 0.52rem;
        line-height: 1.16;
        text-wrap: initial;
    }

    .subian-concept--limik .subian-limik-intro-title,
    .subian-concept--limik .subian-limik-story-title,
    .subian-concept--limik .subian-limik-product-title,
    .subian-pg .subian-pg-heading,
    .subian-pg .subian-pg-family-title,
    .subian-pd .subian-pd-title {
        text-wrap: initial;
        word-break: break-word;
    }

    .subian-concept--limik .subian-limik-intro-title {
        max-width: 6.1rem;
        font-size: 0.42rem;
        line-height: 1.3;
    }

    .subian-pg .subian-pg-heading {
        max-width: 5.8rem;
        font-size: 0.4rem;
        line-height: 1.3;
    }

    .subian-pg .subian-pg-lead,
    .subian-pg .subian-pg-family-desc,
    .subian-pg .subian-pg-family-link {
        max-width: 6.2rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .subian-pg .subian-pg-directory-link {
        min-width: 0;
        text-align: center;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .subian-pd .subian-pd-title {
        max-width: 6rem;
        font-size: 0.44rem;
        line-height: 1.22;
    }

    .subian-pg .subian-pg-intro-row {
        display: block;
    }

    .subian-pg .subian-pg-lead {
        margin-top: 0.2rem;
    }

    .subian-case-card-top {
        flex-wrap: wrap;
    }

    .subian-case-place {
        min-width: 0;
        max-width: 100%;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .subian-pd-crumb .w16 {
        width: calc(100% - 0.4rem);
        max-width: none;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .subian-pd-hero-grid,
    .subian-pd-info-grid,
    .subian-pd-maker-stage,
    .subian-pd-factory-grid,
    .subian-pd-craft-row,
    .subian-pd-global-grid,
    .subian-pd-records-grid,
    .subian-pd-inquiry-grid {
        min-width: 0;
    }

    .subian-pd-gallery,
    .subian-pd-summary,
    .subian-pd-main,
    .subian-pd-thumbs {
        width: 100%;
        min-width: 0;
    }
}


.subian-dms-info{max-width:520px}
.subian-dms-info-subtitle{font-size:18px;font-weight:600;color:#1e478f;margin:0 0 8px}
.subian-dms-info-desc{font-size:15px;color:#555;margin:0 0 20px;line-height:1.6}
.subian-dms-info-label{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#1e478f;margin:0 0 10px}
.subian-dms-info-model{display:flex;align-items:center;gap:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;padding:12px 14px;margin-bottom:24px}
.subian-dms-info-model-check{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#1e478f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.subian-dms-info-model-name{font-size:15px;font-weight:600;color:#111;line-height:1.4}
.subian-dms-info-model-code{display:block;font-size:13px;font-weight:400;color:#6b6b6b}
.subian-dms-info-benefits{display:flex;gap:12px;margin:24px 0;padding-top:20px;border-top:1px solid #eee}
.subian-dms-info-benefit{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px;font-weight:600;color:#333!important}
.subian-dms-info-list{list-style:none;margin:0;padding:0}
.subian-dms-info-list li{position:relative;padding:7px 0 7px 24px;font-size:14px;color:#444;border-bottom:1px solid #f0f0f0}
.subian-dms-info-list li:last-child{border-bottom:0}
.subian-dms-info-list li::before{content:"✓";position:absolute;left:0;top:7px;color:#1e478f;font-weight:700}
.subian-dms-info-list strong{color:#111}
@media (max-width:560px){.pronto-dms-info{max-width:100%}}
.subian-dms-info-benefit svg,
.subian-dms-info-benefit svg path {
    fill: none !important;
}
.subian-sp-product-subhead {
    font-size: var(--f18);
    color: #6e6e73;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid #d2d2d7;
    padding-bottom: 0.24rem;
}

.subian-sp-product-badge {
    color: #1458a6;
    font-weight: 500;
}

.subian-sp-product-lead {
    font-size: var(--f18);
    margin-bottom: 0.32rem;
}

.subian-sp-product-divider {
    border: none;
    border-top: 1px solid #d2d2d7;
    margin: 29px 0;
}

.subian-sp-product-media-row {
    display: flex;
    gap: 40px;
    align-items: center;
    margin: 50px 0;
}

.subian-sp-product-media-row.reverse {
    flex-direction: row-reverse;
}

.subian-sp-product-media-image {
    flex: 1 1 45%;
}

.subian-sp-product-media-image img {
    width: 100%;
    height: auto;
    display: block;
}

.subian-sp-product-media-text {
    flex: 1 1 45%;
}

.subian-sp-product-media-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.subian-sp-product-media-text ul li {
    padding: 6px 0;
    border-bottom: 1px solid #e5e5ea;
}

.subian-sp-product-media-text ul li:last-child {
    border-bottom: none;
}


.subian-sp-product-btn {
    display: inline-block;
    background: #1458a6;
    color: #fff !important;
    padding: 11px 35px;
    margin-top: 18px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.01em;
    transition: background 0.2s;
}

.subian-sp-product-btn:hover {
    background: #0d417e;
    color: #fff !important;
}


.subian-sp-faq-question {
    margin: 24px 0 3px;
    font-weight: 500;
    color: #1d1d1f;
}

.subian-sp-faq-answer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: #3a3a3e;
}

.subian-sp-faq-answer br {
    display: none !important;
}

@media (max-width: 768px) {

    .subian-sp-product-media-row,
    .subian-sp-product-media-row.reverse {
        flex-direction: column !important;
        gap: 20px;
        margin: 30px 0;
    }

}