.swiper-container {
    height: 46.875vw;
}
/* .swiper-container2 .swiper-slide {
 overflow: hidden;
} */
.swiper-container img {
    height: 100%;
}
.section2 {
    height: 53.3333vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section2-mask {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 21.1458vw;
    transition: padding-top 0.85s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.section1 {
    height: 46.875vw;
}
.section1 video {
    width: 100%;
    height: 100%;
}

/* 滚动动画相关样式 */
.scroll-hidden {
    opacity: 0;
    transform: translateY(2vw);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), 
                transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    will-change: opacity, transform;
}

.scroll-visible {
    opacity: 1;
    transform: translateY(0);
}

/* 标题容器样式 */
.section2-titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3vw;
    transition: opacity 0.6s ease-out;
    opacity: 0;
}

.section2-titles.scroll-visible {
    opacity: 1;
}

/* 优化标题和项目的过渡效果 */
.section2-sup,
.section2-sub,
.section2-item {
    transition-delay: 0.1s;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* 确保section2区域在滚动锁定时正确显示 */
.section2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* 优化遮罩层过渡效果 */
.section2-mask {
    transition: background 0.8s ease, padding-top 0.85s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.section2-item {
    height: 7.6563vw;
    margin-bottom: 0.6771vw;
}
.section2-mask.mask_0 .section2-sup,
.section2-mask.mask_0 .section2-sub {
    display: none;
}
.section2-mask.mask_1 {
    background: linear-gradient(0.71deg, rgba(210, 240, 255, 0.04) 0.56%, rgba(0, 6, 12, 0.8) 90.8%);
    background-blend-mode: multiply;
}
.section2-mask.mask_2 {
    background: linear-gradient(0.71deg, rgba(210, 240, 255, 0.05) 0.56%, #00060c 90.8%);
    background-blend-mode: multiply;
    padding-top: 0;
}

.section2-sup {
    font-weight: 700;
    font-size: 5vw;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.section2-sub {
    font-weight: 700;
    font-size: 2.1875vw;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.9792vw;
}
.section2-item {
    height: 7.6563vw;
    margin-bottom: 0.6771vw;
}
.section2-item-title {
    font-weight: 700;
    font-size: 2.1875vw;
    text-align: center;
    color: #fff;
}
.section2-item-desc {
    font-weight: 700;
    font-size: 3.3333vw;
    text-align: center;
    line-height: 100%;
    /* text-transform: uppercase; */
    color: #fff;
}

.section3 {
    padding-top: 7.4479vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 12.4479vw;
}

.sup {
    font-weight: 700;
    font-size: 3.3333vw;
    text-align: center;
    text-transform: uppercase;
}

.section3-list {
    margin-top: 5.0521vw;
}

.section3-item {
    display: flex;
    margin-bottom: 3.125vw;
}
.section3-item-img {
    width: 54.1667vw;
    height: 37.5vw;
    overflow: hidden;
}
.section3-item-img img {
    width: 100%;
    transition: all 0.3s;
}
.section3-item-img:hover img {
    transform: scale(1.05);
}
.section3-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30.5729vw;
    padding-left: 3.5417vw;
    background: #f5f7f9;
}
.section3-item-title {
    font-family: Inter;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 1.4063vw;
}
.section3-item-title-num {
    font-size: 5vw;
}
.section3-item-title-text {
    font-size: 3.125vw;
    line-height: 1.6667vw;
}
.section3-item-desc {
    font-family: Inter;
    font-size: 1.1458vw;
    line-height: 1.4063vw;
    letter-spacing: -2%;
}
.section3-item-desc span {
    font-weight: 700;
}

.section3-item-title2 {
    display: flex;
    align-items: center;
}
.section3-item-title-text2 {
    font-size: 1.7708vw;
    line-height: 1.6667vw;
}

.section4 {
    position: relative;
    height: 51.5104vw;
    overflow: hidden;
}
.section4 video {
    width: 100%;
    height: 100%;
}
.section4-text-mask {
    position: absolute;
    top: 0;
    left: 0;
    color: black;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    /* 文字背景色 */
    mix-blend-mode: lighten;
    text-align: center;
    font-size: 6.25vw;
    font-weight: 700;
    z-index: 1;
}
.section4-text-mask.expand {
    padding-top: 0;
    transform-origin: 50.5vw 2.0833vw;
    transform: scale(100);
    opacity: 0;
    transition: transform 4s ease-in,opacity 2s ease-in;
    transition-delay: .2s;
}
.section4-text-mask-text {
    position: absolute;
    width: 100%;
    top: 11.9792vw;
}
.section4-text-mask.expand .section4-text-mask-text {
    top: -0.5208vw;
    transition: top .5s linear;
}
.section4-btn {
    position: absolute;
    top: 28.6458vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 5.9375vw;
    height: 5.9375vw;
    cursor: pointer;
}
.section4-btn.btn_center {
    top: 50%;
    transform: translate(-50%, -50%);
}
.section4-btn img {
    width: 100%;
    height: 100%;
}
.section4-btn img.hide {
    display: none;
}
.section4-btn.hide {
    display: none;
}

.section5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 7.8125vw;
    padding-bottom: 9.2188vw;
}

.section5 .sub {
    margin-top: 1.3021vw;
    font-size: 1.5625vw;
    text-align: center;
}

.section5-map {
    position: relative;
    margin-top: 11.7708vw;
    width: 70.7813vw;
    height: 36.3542vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section5-address {
    position: absolute;
    width: 6.8229vw;
    height: 6.6667vw;
}
.section5-address-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}
.section5-address-name {
    font-weight: 800;
    font-size: 0.9375vw;
    white-space: nowrap;
    position: absolute;
    top: 3.2292vw;
    z-index: 3;
    cursor: pointer;
}
.section5-address-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.9167vw;
    height: 3.2292vw;
    z-index: 3;
    cursor: pointer;
}
.section5-address-box {
    position: absolute;
    /* width: 21.25vw;
    height: 13.3333vw; */
    width: 23.4375vw;
    height: 15.625vw;
    box-shadow: -0.0521vw .1042vw .4167vw 0vw #98989840;
    background-color: #fff;
    /* left: -21.25vw; */
    left: -23.4375vw;
    bottom: 1.6667vw;
    display: none;
    z-index: 4;
}

.section5-address-img {
    /* height: 7.8646vw; */
    height: 8.8542vw;
    overflow: hidden;
}
.section5-address-img img {
    width: 100%;
}
.section5-address-content {
    padding-top: 0.8333vw;
    padding-left: 2.2396vw;
}
.section5-address-title {
    font-weight: 800;
    font-size: 0.9375vw;
    line-height: 100%;
    white-space: nowrap;
}
.section5-address-desc {
    font-size: 0.7292vw;
    /* margin-top: 0.1042vw; */
    margin-top: .5208vw;
}

.section5-address .aperture {
    right: 0;
    top: 1.5625vw;
    display: none;
}

.section5-address.active .section5-address-box {
    display: block;
}
.section5-address.active .aperture {
    display: block;
}
.section5-address_1 {
    top: 2.9688vw;
    left: 18.2292vw;
}
.section5-address_1 .section5-address-name {
    left: 1.4583vw;
}

.section5-address_2 {
    top: 10.9375vw;
    left: 20.599vw;
}
.section5-address_2 .section5-address-name {
    left: 2.1875vw;
}
.section5-address_2 .section5-address-content {
    padding-left: 2.2135vw;
}

.section5-address_3 {
    top: 4.2708vw;
    left: 30.0781vw;
}
.section5-address_3 .section5-address-name {
    left: 1.7188vw;
}
.section5-address_3 .section5-address-content {
    padding-left: 1.3802vw;
}

.section5-address_4 {
    top: 7.0313vw;
    left: 38.8802vw;
}
.section5-address_4 .section5-address-name {
    left: 2.5vw;
}
.section5-address_4 .section5-address-content {
    padding-left: 1.3802vw;
}

.section5-address_5 {
    top: 7.9167vw;
    left: 44.2969vw;
}
.section5-address_5 .section5-address-name {
    left: 2.6042vw;
    white-space: initial;
    text-align: center;
}
.section5-address_5 .section5-address-content {
    padding-left: 1.3802vw;
}

/* 光圈效果 */
.aperture {
    position: absolute;
    width: 3.125vw;
    height: 3.125vw;
    z-index: 1;
}
/* 多层光圈层 */
.ripple-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    animation: ripple 2s infinite linear;
}
/* 光圈1：最内层 */
.ripple-layer:nth-child(1) {
    background: rgba(0, 113, 227, 0.4);
    animation-delay: 0s; /* 立即启动 */
}
/* 光圈2：中间层 */
.ripple-layer:nth-child(2) {
    background: rgba(0, 113, 227, 0.3);
    animation-delay: 0.66s; /* 延迟1秒 */
}
/* 光圈3：最外层 */
.ripple-layer:nth-child(3) {
    background: rgba(0, 113, 227, 0.1);
    animation-delay: 1.32s; /* 延迟2秒 */
}
/* 关键帧动画：扩散+透明度变化 */
@keyframes ripple {
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }
    70% {
        opacity: 0.4; /* 扩散过程中透明度降低 */
    }
    100% {
        transform: scale(3);
        opacity: 0; /* 完全消失 */
    }
}