/* Original 1920px canvas. Public header/footer keep their existing font and layout. */
.aboutpage {
    background: #fff;
    color: #333
}

.aboutpage>section {
    font-family: SourceHan, 'PingFang SC', 'Microsoft YaHei', sans-serif
}

.aboutpage section[id],
.aboutpage article[id] {
    scroll-margin-top: calc(var(--header-height) + 24px)
}

.aboutpage-banner {
    height: calc(992 * var(--u));
    background: #000
}

.aboutpage-outline ,.apppage-outline3{
    position: absolute;
    left: calc(96 * var(--u));
    top: calc(384 * var(--u));
    width: calc(546 * var(--u));
    height: calc(110 * var(--u));
    max-width: none
}
.apppage-outline6,.apppage-outline5 {
    width: calc(755 * var(--u));
    height: auto;
    max-width: none;
}
.aboutpage-banner h1 {
    position: absolute;
    left: calc(100 * var(--u));
    top: calc(459 * var(--u));
    font-size: calc(50 * var(--u));
    line-height: calc(78 * var(--u));
    font-weight: 500
}

.aboutpage-banner>p {
    position: absolute;
    left: calc(98 * var(--u));
    top: calc(583 * var(--u));
    font-size: calc(22 * var(--u));
    line-height: calc(36 * var(--u))
}

.aboutpage-story {
    height: calc(2306 * var(--u));
    margin-top: calc(-24 * var(--u));
    background: #fff url('../image/about/story-bg.jpg') center/100% 100%;
    border-radius: calc(22 * var(--u)) calc(22 * var(--u)) 0 0;
    overflow: hidden;
    z-index: 1
}

.aboutpage-wordmark {
    position: absolute;
    left: calc(100 * var(--u));
    top: calc(233 * var(--u));
    width: calc(718 * var(--u));
    height: calc(214 * var(--u))
}

.aboutpage-timeline {
    position: absolute;
    left: calc(948 * var(--u));
    top: calc(83 * var(--u));
    width: calc(19 * var(--u));
    height: calc(2223 * var(--u))
}

.aboutpage-timeline::after {
    content: '';
    position: absolute;
    left: calc(7 * var(--u));
    top: calc(17 * var(--u));
    height: calc(2204 * var(--u));
    width: calc(4 * var(--u));
    background: linear-gradient(#d49ba9 0%, #dfc1ca 25%, #d4d4d4 52%, #ffffff14 65%, #ffffff14)
}

.aboutpage-timeline i {
    display: block;
    width: 100%;
    height: calc(19 * var(--u));
    border: calc(4 * var(--u)) solid #f6dce4;
    border-radius: 50%;
    background: #a50840
}

.aboutpage-introduction,
.aboutpage-brand {
    position: absolute;
    left: calc(1010 * var(--u));
    width: calc(852 * var(--u));
    height: calc(430 * var(--u))
}

.aboutpage-introduction {
    top: calc(226 * var(--u))
}

.aboutpage-brand {
    top: calc(697 * var(--u))
}

.aboutpage-introduction h2,
.aboutpage-brand h2,
.aboutpage-company h2 {
    font-size: calc(40 * var(--u));
    line-height: calc(60 * var(--u));
    font-weight: 500
}
.aboutpage-brand h2 {
    font-size: calc(30 * var(--u));
}
.aboutpage-introduction h3,
.aboutpage-brand h3 {
    position: absolute;
    left: 0;
    top: calc(84 * var(--u));
    font-size: calc(26 * var(--u));
    line-height: calc(39 * var(--u));
    font-weight: 500;
    white-space: nowrap
}

.aboutpage-brand h3 {
    top: calc(81 * var(--u))
}

.aboutpage-description {
    font-size: calc(17 * var(--u));
    line-height: calc(42 * var(--u));
    font-weight: 400
}

.aboutpage-description p {
    margin: 0
}

.aboutpage-introduction .aboutpage-description {
    position: absolute;
    left: calc(1 * var(--u));
    top: calc(161 * var(--u));
    /*width: calc(804 * var(--u));*/
    color: #000
}

.aboutpage-brand .aboutpage-description {
    position: absolute;
    left: calc(1 * var(--u));
    top: calc(167 * var(--u));
    /*width: calc(804 * var(--u))*/
}

.aboutpage-company {
    position: absolute;
    left: calc(98 * var(--u));
    top: calc(1082 * var(--u));
    width: calc(1724 * var(--u));
    height: calc(690 * var(--u))
}

.aboutpage-company>.aboutpage-company-photo {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(677 * var(--u));
    height: calc(487 * var(--u));
    border-radius: calc(18 * var(--u));
    object-fit: cover
}

.aboutpage-company h2 {
    position: absolute;
    left: calc(5 * var(--u));
    top: calc(540 * var(--u))
}

.aboutpage-company h3 {
    position: absolute;
    left: calc(6 * var(--u));
    top: calc(634 * var(--u));
    font-size: calc(30 * var(--u));
    line-height: calc(32 * var(--u));
    font-weight: 500;
    white-space: nowrap
}

.aboutpage-company .aboutpage-description {
    position: absolute;
    left: calc(913 * var(--u));
    top: calc(374 * var(--u));
    width: calc(841 * var(--u));
    font-size: calc(17 * var(--u));
    line-height: calc(42 * var(--u))
}

.aboutpage-stats {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.aboutpage-stats::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(1852 * var(--u));
    width: 100%;
    height: calc(4 * var(--u));
    background: #ffffff10
}

.aboutpage-stat {
    position: absolute;
    left: calc(var(--stat-x) * var(--u));
    top: calc(1982 * var(--u));
    color: #fff
}

.aboutpage-stat-value {
    position: relative
}

.aboutpage-stat-value strong {
    font-family: SourceHan, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-size: calc(80 * var(--u));
    line-height: calc(100 * var(--u));
    display: block;
    font-kerning: none
}

.aboutpage-stat-value small {
    position: absolute;
    left: calc(var(--unit-x) * var(--u));
    top: calc(62 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: calc(28 * var(--u));
    font-weight: 400;
    white-space: nowrap
}

.aboutpage-stat>p {
    position: absolute;
    left: 0;
    top: calc(124 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: calc(28 * var(--u));
    white-space: nowrap;
    opacity: .36
}

.aboutpage-section-title {
    position: absolute;
    font-size: calc(44 * var(--u));
    line-height: calc(66 * var(--u));
    font-weight: 500;
    color: #000
}

.aboutpage-manufacturing {
    height: calc(1427 * var(--u));
    background: #fff url('../image/about/manufacturing-bg.jpg') center/100% 100%;
    overflow: hidden
}

.aboutpage-manufacturing>.aboutpage-section-title {
    left: calc(103 * var(--u));
    top: calc(79 * var(--u))
}

.aboutpage-gallery {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.aboutpage-gallery-peek {
    position: absolute;
    left: 0;
    top: calc(302 * var(--u));
    width: calc(71 * var(--u));
    height: calc(375 * var(--u));
    object-fit: cover;
    object-position: right center;
    border-radius: 0 calc(15 * var(--u)) calc(15 * var(--u)) 0
}

.aboutpage-gallery-swiper {
    position: absolute;
    left: calc(99 * var(--u));
    top: calc(245 * var(--u));
    width: calc(828 * var(--u));
    height: calc(485 * var(--u));
    border-radius: calc(16 * var(--u));
    overflow: hidden;
    pointer-events: auto
}

.aboutpage-gallery-swiper .swiper-slide {
    height: 100%;
    overflow: hidden
}

.aboutpage-gallery-swiper button {
    position: absolute;
    top: calc(50% - 24px);
    z-index: 4;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    background: #fffc;
    color: #333;
    border-radius: 50%;
    font: 32px/1 Arial, sans-serif;
    opacity: 0;
    transition: opacity .2s, background .2s
}

.aboutpage-gallery-prev {
    left: 18px
}

.aboutpage-gallery-next {
    right: 18px
}

.aboutpage-gallery-swiper:hover button,
.aboutpage-gallery-swiper:focus-within button {
    opacity: 1
}

.aboutpage-gallery-swiper button:hover {
    background: #fff
}

.aboutpage-manufacturing-copy {
    position: absolute;
    left: calc(1006 * var(--u));
    top: calc(379 * var(--u));
    width: calc(686 * var(--u))
}

.aboutpage-manufacturing-copy h3 {
    font-size: calc(28 * var(--u));
    line-height: calc(42 * var(--u));
    font-weight: 500;
    color: #000;
    white-space: nowrap
}

.aboutpage-manufacturing-copy>p {
    position: absolute;
    left: calc(2 * var(--u));
    top: calc(81 * var(--u));
    width: calc(684 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: calc(42 * var(--u))
}

.aboutpage-capabilities {
    position: absolute;
    left: calc(103 * var(--u));
    top: calc(856 * var(--u));
    width: calc(1716 * var(--u));
    height: calc(433 * var(--u))
}

.aboutpage-rings {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.aboutpage-capability-grid {
    position: absolute;
    inset: 0;
    grid-template-columns: repeat(4, calc(426 * var(--u)));
    column-gap: calc(6 * var(--u))
}

.aboutpage-capability-grid article {
    position: relative
}

.aboutpage-capability-grid h3 {
    position: absolute;
    left: calc(-4 * var(--u));
    top: calc(129 * var(--u));
    width: 100%;
    text-align: center;
    font-size: calc(26 * var(--u));
    line-height: calc(42 * var(--u));
    font-weight: 500;
    white-space: nowrap
}

.aboutpage-capability-grid p {
    position: absolute;
    left: calc(45 * var(--u));
    top: calc(196 * var(--u));
    width: calc(355 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: calc(33 * var(--u));
    /*text-align: center;*/
    color: #666
}

.aboutpage-industry {
    height: calc(966 * var(--u));
    background: #000 url('../image/about/industry-bg.jpg') center/100% 100%;
    overflow: hidden
}

.aboutpage-industry::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(494 * var(--u));
    width: 100%;
    height: calc(4 * var(--u));
    background: #ffffff10
}

.aboutpage-industry::after {
    content: '';
    position: absolute;
    left: calc(957 * var(--u));
    top: calc(495 * var(--u));
    width: calc(4 * var(--u));
    height: calc(494 * var(--u));
    background: #ffffff10
}

.aboutpage-industry>.aboutpage-section-title {
    left: calc(103 * var(--u));
    top: calc(116 * var(--u));
    color: #fff
}

.aboutpage-industry-copy {
    position: absolute;
    left: calc(100 * var(--u));
    top: calc(607 * var(--u));
    width: calc(700 * var(--u))
}

.aboutpage-industry-copy h3 {
    font-size: calc(28 * var(--u));
    line-height: calc(42 * var(--u));
    font-weight: 500;
    white-space: nowrap
}

.aboutpage-industry-copy>p {
    position: absolute;
    left: calc(2 * var(--u));
    top: calc(110 * var(--u));
    width: calc(693 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: calc(42 * var(--u));
    opacity: .36
}

.aboutpage-industry-stat {
    position: absolute;
    left: calc(1050 * var(--u));
    top: calc(578 * var(--u));
    width: calc(300 * var(--u))
}

.aboutpage-industry-stat-2 {
    left: calc(1483 * var(--u))
}

.aboutpage-industry-stat strong {
    font: calc(100 * var(--u))/calc(120 * var(--u)) SourceHan, 'PingFang SC', 'Microsoft YaHei', sans-serif
}

.aboutpage-industry-stat>p>span {
    position: absolute;
    left: calc(86 * var(--u));
    top: calc(75 * var(--u));
    font-size: calc(22 * var(--u));
    line-height: calc(33 * var(--u));
    font-weight: 400;
    white-space: nowrap
}

.aboutpage-cities {
    position: absolute;
    left: calc(-2 * var(--u));
    top: calc(142 * var(--u));
    gap: calc(12 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: calc(30 * var(--u));
    opacity: .36;
    white-space: nowrap
}

.aboutpage-cities i {
    font-style: normal
}

.aboutpage-quality {
    height: calc(951 * var(--u));
    background: #fff
}

.aboutpage-quality>.aboutpage-section-title {
    left: calc(97 * var(--u));
    top: calc(89 * var(--u))
}

.aboutpage-quality-photo {
    position: absolute;
    left: calc(98 * var(--u));
    top: calc(264 * var(--u));
    width: calc(830 * var(--u));
    height: calc(556 * var(--u));
    object-fit: cover;
    border-radius: calc(16 * var(--u))
}

.aboutpage-quality-copy article {
    position: absolute;
    left: calc(1005 * var(--u));
    top: calc(337 * var(--u));
    width: calc(803 * var(--u))
}

.aboutpage-quality-copy h3 {
    font-size: calc(28 * var(--u));
    line-height: calc(42 * var(--u));
    font-weight: 500;
    white-space: nowrap
}

.aboutpage-quality-copy p {
    position: absolute;
    left: calc(-1 * var(--u));
    top: calc(59 * var(--u));
    width: calc(803 * var(--u));
    font-size: calc(18 * var(--u));
    line-height: calc(42 * var(--u));
    color: #000;
    opacity: .5
}

.aboutpage-quality-copy .aboutpage-quality-item-2 {
    left: calc(1003 * var(--u));
    top: calc(599 * var(--u))
}

.aboutpage-quality-item-2 p {
    left: calc(2 * var(--u));
    top: calc(61 * var(--u))
}

@media(max-width:1199px) {
    .aboutpage-banner {
        height: 600px
    }

    .aboutpage-outline {
        left: 5%;
        top: 220px;
        width: 364px;
        height: auto
    }

    .aboutpage-banner h1 {
        left: 5%;
        top: 285px;
        font-size: 36px;
        line-height: 1.6
    }

    .aboutpage-banner>p {
        left: 5%;
        top: 385px;
        font-size: 18px;
        line-height: 1.8
    }

    .aboutpage-story {
        height: auto;
        margin-top: -20px;
        padding: 60px 5% 0;
        border-radius: 18px 18px 0 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        background: #fff
    }

    .aboutpage-wordmark {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        grid-column: 1;
        grid-row: 1/3;
        align-self: start;
        margin-top: 20px
    }

    .aboutpage-timeline {
        display: none
    }

    .aboutpage-introduction,
    .aboutpage-brand {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        grid-column: 2
    }

    .aboutpage-introduction h2,
    .aboutpage-brand h2,
    .aboutpage-company h2 {
        font-size: 30px;
        line-height: 1.6
    }
   
    .aboutpage-introduction h3,
    .aboutpage-brand h3 {
        position: relative;
        inset: auto;
        font-size: 20px;
        line-height: 1.8;
        white-space: normal;
        margin-top: 20px
    }

    .aboutpage-description,
    .aboutpage-introduction .aboutpage-description,
    .aboutpage-brand .aboutpage-description {
        position: relative;
        inset: auto;
        width: 100%;
        font-size: 15px;
        line-height: 2.1;
        margin-top: 25px
    }

    .aboutpage-company {
        position: relative;
        inset: auto;
        width: calc(100% + 11.111%);
        height: auto;
        margin: 15px -5.555% 0;
        padding: 50px 5%;
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: 42% 1fr;
        gap: 0 40px;
        background: #000
    }

    .aboutpage-company>.aboutpage-company-photo {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 677/487;
        grid-column: 1;
        grid-row: 1/4;
        border-radius: 14px
    }

    .aboutpage-company h2,
    .aboutpage-company h3,
    .aboutpage-company .aboutpage-description {
        position: relative;
        inset: auto;
        width: 100%;
        grid-column: 2
    }

    .aboutpage-company h2 {
        font-size: 27px
    }

    .aboutpage-company h3 {
        font-size: 17px;
        line-height: 1.9;
        white-space: normal;
        margin-top: 14px
    }

    .aboutpage-company .aboutpage-description {
        font-size: 14px;
        line-height: 2.1;
        margin-top: 22px
    }

    .aboutpage-stats {
        position: relative;
        inset: auto;
        pointer-events: auto;
        grid-column: 1/-1;
        width: calc(100% + 11.111%);
        padding: 45px 5% 60px;
        margin: -40px -5.555% 0;
        background: #000;
        gap: 30px;
        border-top: 1px solid #1a1a1a
    }

    .aboutpage-stats::before {
        display: none
    }

    .aboutpage-stat {
        position: relative;
        inset: auto
    }

    .aboutpage-stat-value {
        display: flex;
        align-items: baseline;
        gap: 10px
    }

    .aboutpage-stat-value strong {
        font-size: 50px;
        line-height: 1.4
    }

    .aboutpage-stat-value small {
        position: relative;
        inset: auto;
        font-size: 14px;
        line-height: 1.8
    }

    .aboutpage-stat>p {
        position: relative;
        inset: auto;
        font-size: 13px;
        line-height: 1.9;
        white-space: normal;
        margin-top: 16px
    }

    .aboutpage-section-title {
        position: relative;
        inset: auto;
        font-size: 32px;
        line-height: 1.6
    }

    .aboutpage-manufacturing {
        height: auto;
        padding: 60px 5% 75px;
        background-size: cover
    }

    .aboutpage-manufacturing>.aboutpage-section-title {
        inset: auto
    }

    .aboutpage-gallery {
        position: relative;
        inset: auto;
        height: 400px;
        width: 100%;
        margin-top: 35px;
        pointer-events: auto
    }

    .aboutpage-gallery-peek {
        display: none
    }

    .aboutpage-gallery-swiper {
        left: 0;
        top: 0;
        width: 55%;
        height: 350px;
        border-radius: 14px
    }

    .aboutpage-gallery-swiper button {
        width: 42px;
        height: 42px;
        top: calc(50% - 21px)
    }

    .aboutpage-manufacturing-copy {
        left: 60%;
        top: 200px;
        width: 35%
    }

    .aboutpage-manufacturing-copy h3 {
        font-size: 22px;
        line-height: 1.8;
        white-space: normal
    }

    .aboutpage-manufacturing-copy>p {
        position: relative;
        inset: auto;
        width: 100%;
        font-size: 15px;
        line-height: 2.1;
        margin-top: 24px
    }

    .aboutpage-capabilities {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        margin-top: 35px
    }

    .aboutpage-rings {
        display: none
    }

    .aboutpage-capability-grid {
        position: relative;
        inset: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px
    }

    .aboutpage-capability-grid article {
        border: 1px solid #eee;
        border-radius: 50%;
        min-height: 340px;
        padding: 60px 35px
    }

    .aboutpage-capability-grid h3,
    .aboutpage-capability-grid p {
        position: relative;
        inset: auto;
        width: 100%
    }

    .aboutpage-capability-grid h3 {
        font-size: 22px;
        line-height: 1.8;
        white-space: normal
    }

    .aboutpage-capability-grid p {
        font-size: 14px;
        line-height: 2;
        margin-top: 22px
    }

    .aboutpage-industry {
        height: auto;
        min-height: 760px;
        padding: 60px 5% 85px;
        background-size: cover;
        background-position: center;
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 0 35px;
        align-content: start
    }

    .aboutpage-industry::before,
    .aboutpage-industry::after {
        display: none
    }

    .aboutpage-industry>.aboutpage-section-title {
        position: relative;
        inset: auto;
        grid-column: 1/-1;
        margin-bottom: 260px
    }

    .aboutpage-industry-copy,
    .aboutpage-industry-stat,
    .aboutpage-industry-stat-2 {
        position: relative;
        inset: auto;
        width: 100%
    }

    .aboutpage-industry-copy h3 {
        font-size: 23px;
        line-height: 1.8;
        white-space: normal
    }

    .aboutpage-industry-copy>p {
        position: relative;
        inset: auto;
        width: 100%;
        font-size: 15px;
        line-height: 2.1;
        margin-top: 25px
    }

    .aboutpage-industry-stat>p {
        display: flex;
        align-items: baseline;
        gap: 14px
    }

    .aboutpage-industry-stat strong {
        font-size: 70px;
        line-height: 1.3
    }

    .aboutpage-industry-stat>p>span {
        position: relative;
        inset: auto;
        font-size: 17px;
        line-height: 1.8
    }

    .aboutpage-cities {
        position: relative;
        inset: auto;
        font-size: 13px;
        line-height: 1.9;
        gap: 5px;
        margin-top: 20px
    }

    .aboutpage-quality {
        height: auto;
        padding: 60px 5% 75px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px
    }

    .aboutpage-quality>.aboutpage-section-title {
        position: relative;
        inset: auto;
        grid-column: 1/-1
    }

    .aboutpage-quality-photo {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 830/556;
        border-radius: 14px
    }

    .aboutpage-quality-copy article,
    .aboutpage-quality-copy .aboutpage-quality-item-2 {
        position: relative;
        inset: auto;
        width: 100%
    }

    .aboutpage-quality-copy h3 {
        font-size: 22px;
        line-height: 1.8;
        white-space: normal
    }

    .aboutpage-quality-copy p,
    .aboutpage-quality-item-2 p {
        position: relative;
        inset: auto;
        width: 100%;
        font-size: 14px;
        line-height: 2.1;
        margin-top: 17px
    }

    .aboutpage-quality-copy .aboutpage-quality-item-2 {
        margin-top: 30px
    }
}

@media(max-width:767px) {
    .aboutpage-banner {
        height: 470px
    }

    .aboutpage-banner>img:first-child {
        object-position: center
    }

    .aboutpage-outline {
        left: 5%;
        top: 175px;
        width: 260px
    }

    .aboutpage-banner h1 {
        top: 220px;
        font-size: 30px
    }

    .aboutpage-banner>p {
        top: 310px;
        font-size: 14px;
        max-width: 88%;
        line-height: 1.9
    }

    .aboutpage-story {
        display: block;
        padding: 45px 5% 0
    }

    .aboutpage-wordmark {
        width: 90%;
        max-width: 520px;
        margin: 0 0 40px
    }

    .aboutpage-introduction h2,
    .aboutpage-brand h2 {
        font-size: 27px
    }

    .aboutpage-introduction h3,
    .aboutpage-brand h3 {
        font-size: 20px;
        margin-top: 15px
    }

    .aboutpage-introduction .aboutpage-description,
    .aboutpage-brand .aboutpage-description {
        font-size: 14px;
        line-height: 2.1;
        margin-top: 20px
    }

    .aboutpage-brand {
        margin-top: 40px
    }

    .aboutpage-company {
        display: block;
        margin-top: 45px;
        padding: 35px 5% 45px
    }

    .aboutpage-company h2 {
        font-size: 26px;
        margin-top: 28px
    }

    .aboutpage-company h3 {
        font-size: 16px;
        margin-top: 14px
    }

    .aboutpage-company .aboutpage-description {
        font-size: 14px;
        margin-top: 24px
    }

    .aboutpage-stats {
        margin-top: 0;
        padding: 35px 5% 50px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 35px 20px
    }

    .aboutpage-stat-value {
        gap: 8px
    }

    .aboutpage-stat-value strong {
        font-size: 43px
    }

    .aboutpage-stat-value small {
        font-size: 12px
    }

    .aboutpage-stat>p {
        font-size: 12px;
        margin-top: 12px
    }

    .aboutpage-section-title {
        font-size: 27px
    }

    .aboutpage-manufacturing {
        padding: 45px 5% 55px
    }

    .aboutpage-gallery {
        height: auto;
        aspect-ratio: 828/485;
        margin-top: 28px
    }

    .aboutpage-gallery-swiper {
        width: 100%;
        height: 100%
    }

    .aboutpage-manufacturing-copy {
        position: relative;
        inset: auto;
        width: 100%;
        margin-top: 30px
    }

    .aboutpage-manufacturing-copy h3 {
        font-size: 22px
    }

    .aboutpage-manufacturing-copy>p {
        font-size: 14px;
        line-height: 2;
        margin-top: 18px
    }

    .aboutpage-capabilities {
        margin-top: 35px
    }

    .aboutpage-capability-grid {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .aboutpage-capability-grid article {
        border-radius: 22px;
        min-height: 0;
        padding: 32px 25px
    }

    .aboutpage-capability-grid h3 {
        font-size: 21px
    }

    .aboutpage-capability-grid p {
        font-size: 14px;
        margin-top: 17px
    }

    .aboutpage-industry {
        padding: 45px 5% 60px;
        min-height: 0;
        grid-template-columns: 1fr 1fr;
        gap: 35px 20px;
        background-position: center
    }

    .aboutpage-industry>.aboutpage-section-title {
        margin-bottom: 140px
    }

    .aboutpage-industry-copy {
        grid-column: 1/-1
    }

    .aboutpage-industry-copy h3 {
        font-size: 22px
    }

    .aboutpage-industry-copy>p {
        font-size: 14px;
        margin-top: 20px
    }

    .aboutpage-industry-stat>p {
        gap: 10px;
        flex-wrap: wrap
    }

    .aboutpage-industry-stat strong {
        font-size: 60px
    }

    .aboutpage-industry-stat>p>span {
        font-size: 15px
    }

    .aboutpage-cities {
        font-size: 11px;
        gap: 4px;
        margin-top: 12px
    }

    .aboutpage-quality {
        padding: 45px 5% 55px;
        grid-template-columns: 1fr;
        gap: 28px
    }

    .aboutpage-quality>.aboutpage-section-title {
        grid-column: 1
    }

    .aboutpage-quality-copy h3 {
        font-size: 21px
    }

    .aboutpage-quality-copy p {
        font-size: 14px;
        line-height: 2
    }

    .aboutpage-gallery-swiper button {
        opacity: .85;
        width: 36px;
        height: 36px;
        font-size: 27px
    }
}

/* Fine alignment to original glyph bounds. */
@media(min-width:1200px) {
    .aboutpage-desktop-line {
        display: block;
        white-space: nowrap
    }

    .aboutpage-introduction .aboutpage-description,
    .aboutpage-brand .aboutpage-description {
        letter-spacing: calc(-.1 * var(--u))
    }

    .aboutpage-introduction h2 {
        position: relative;
        left: calc(1 * var(--u));
        top: calc(1 * var(--u))
    }

    .aboutpage-introduction h3 {
        top: calc(80 * var(--u))
    }

    .aboutpage-introduction .aboutpage-description {
        left: calc(2 * var(--u));
        top: calc(160 * var(--u))
    }

    .aboutpage-brand h2 {
        position: relative;
        top: calc(2 * var(--u))
    }

    .aboutpage-brand h3 {
        top: calc(80 * var(--u))
    }

    .aboutpage-brand .aboutpage-description {
        top: calc(166 * var(--u))
    }

    .aboutpage-company h2 {
        left: calc(4 * var(--u));
        top: calc(543 * var(--u))
    }

    .aboutpage-company h3 {
        left: calc(5 * var(--u));
        top: calc(633 * var(--u))
    }

    .aboutpage-company .aboutpage-description {
        top: calc(373 * var(--u))
    }

    .aboutpage-stat-value strong {
        position: relative;
        top: calc(3 * var(--u))
    }

    .aboutpage-stat:first-child .aboutpage-stat-value strong {
        left: calc(-1 * var(--u))
    }

    .aboutpage-stats::before {
        background: #ffffff2e
    }

    .aboutpage-manufacturing>.aboutpage-section-title {
        top: calc(82 * var(--u))
    }

    .aboutpage-manufacturing-copy h3 {
        position: relative;
        top: calc(1 * var(--u))
    }

    .aboutpage-manufacturing-copy>p {
        left: calc(3 * var(--u));
        top: calc(79 * var(--u))
    }

    .aboutpage-capability-grid article:nth-child(n+3) h3 {
        left: calc(-8 * var(--u))
    }

    .aboutpage-capability-grid article:nth-child(n+3) p {
        left: calc(41 * var(--u))
    }

    .aboutpage-industry>.aboutpage-section-title {
        top: calc(119 * var(--u))
    }

    .aboutpage-industry-copy h3 {
        position: relative;
        left: calc(1 * var(--u));
        top: calc(-1 * var(--u))
    }

    .aboutpage-industry-stat strong {
        position: relative;
        top: calc(5 * var(--u));
        font-size: calc(95 * var(--u))
    }

    .aboutpage-industry-stat>p>span {
        top: calc(73 * var(--u))
    }

    .aboutpage-quality>.aboutpage-section-title {
        top: calc(92 * var(--u))
    }

    .aboutpage-quality-copy p,
    .aboutpage-quality-item-2 p {
        margin-top: calc(-1 * var(--u))
    }
}

.aboutpage-timeline {
    background: none;
    pointer-events: none;
    --timeline-progress: 0
}

.aboutpage-timeline::before,
.aboutpage-timeline::after {
    content: '';
    position: absolute;
    left: calc(9 * var(--u) - .5px);
    top: calc(17 * var(--u));
    bottom: 0;
    width: 1px;
    height: auto;
}

.aboutpage-timeline::before {
    background: #a0a0a0;
    width: 1px;
    left: calc(9 * var(--u) - .5px);
}

.aboutpage-timeline::after {
    display: block;
    background: #a50840;
    transform: scaleY(var(--timeline-progress));
    transform-origin: center top;
}

.aboutpage-timeline i {
    display: block;
    position: relative;
    z-index: 1
}

/* Keep the industry backdrop anchored to the viewport as its content scrolls. */
.aboutpage-industry {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media(prefers-reduced-motion:reduce) {
    .aboutpage-industry {
        background-attachment: scroll
    }
}
/* 母公司统计四项：坐标按序号定位，模板循环里不再写内联变量（否则四条叠在同一 x） */
@media(min-width:1200px) {
    .aboutpage-stat:nth-child(1) {
        --stat-x: 98;
        --unit-x: 196
    }

    .aboutpage-stat:nth-child(2) {
        --stat-x: 652;
        --unit-x: 96
    }

    .aboutpage-stat:nth-child(3) {
        --stat-x: 1158;
        --unit-x: 130
    }

    .aboutpage-stat:nth-child(4) {
        --stat-x: 1616;
        --unit-x: 162
    }
}