.section1 {
    height: 46.875vw;
}
.section1 video {
    width: 100%;
    height: 100%;
}
.section2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4.2708vw;
    padding-bottom: 6.9271vw;
}
.sup {
    /* font-family: Inter; */
    font-weight: 700;
    font-size: 3.75vw;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.5729vw;
}
.sub {
    text-align: center;
    /* font-family: Inter; */
    font-size: 1.5625vw;
    text-align: center;
    color: #9d9d9d;
}
.section2-tag {
    display: flex;
    align-items: center;
    margin-top: 1.4583vw;
    padding: 0.2604vw 0.7813vw;
    background-color: #f4f4f6;
    border-radius: 1.1979vw;
}
.section2-tag-item {
    border-radius: 1.0417vw;
    min-width: 5.4167vw;
    padding: 0.4688vw 0.7813vw 0.4167vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5208vw;
    cursor: pointer;

    /* font-family: Inter; */
    font-size: 0.8333vw;
}

.section2-tag-item:last-child {
    margin-right: 0;
}

.section2-tag-item:hover {
    background-color: #fff;
}

.section2-tag-item.active {
    background: #2b2f36;
    color: #fff;
}

.section2-img {
    display: flex;
    margin-top: 3.2813vw;
    width: 75.1042vw;
    overflow: hidden;
}

.section2-img-box {
    display: flex;
    transition: all 0.3s ease-in-out;
}

.section2-img-container {
    position: relative;
    width: 23.9583vw;
    height: 16.25vw;
    margin-right: 1.6667vw;
    box-sizing: border-box;
    overflow: hidden;
}

.section2-img-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.section2-img-container:hover .section2-img-item {
    transform: scale(1.05);
}

.fullscreen-btn {
    position: absolute;
    bottom: 0.7813vw;
    right: 0.7813vw;
    width: 2.0833vw;
    height: 2.0833vw;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.section2-img-container:hover .fullscreen-btn {
    opacity: 1;
}

.fullscreen-btn svg {
    width: 1.0417vw;
    height: 1.0417vw;
    fill: #ffffff;
}

/* 全屏模态框 */
.fullscreen-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.fullscreen-modal.active {
    opacity: 1;
    visibility: visible;
}

.fullscreen-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.fullscreen-modal-img {
    width: 80vw;
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    user-select: none;
}

.fullscreen-close {
    position: fixed;
    top: .5208vw;
    right: .5208vw;
    width: 2.0833vw;
    height: 2.0833vw;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fullscreen-close svg {
    width: 1.0417vw;
    height: 1.0417vw;
    fill: #ffffff;
}

.fullscreen-nav {
    position: absolute;
    top: 50%;
    width: calc(100% + 3.125vw * 2 + 1.0417vw * 4);
    left: calc(-3.125vw - 1.0417vw * 2) ;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.fullscreen-nav-btn {
    width: 3.125vw;
    height: 3.125vw;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 1.0417vw;
}

.fullscreen-nav-btn svg {
    width: 1.5625vw;
    height: 1.5625vw;
    fill: #ffffff;
}

.fullscreen-prev {
    transform: rotate(180deg);
}

/* 合作商部分 */
.section3 {
    padding-top: 8.125vw;
    padding-bottom: 11.7708vw;
    background-color: #f8f8f8;
}

/* 容器样式：隐藏溢出内容 */
.section3-partners {
    width: 100%;
    overflow: hidden;
    margin-top: 3.2813vw;
}

/* 滚动轨道：双倍宽度容纳两套相同内容 */
.carousel-track {
    display: flex;
    width: fit-content; /* 关键：双倍宽度实现无缝衔接 */
    margin-bottom: 0.9375vw;
    animation: scroll 10s linear infinite; /* 控制滚动速度 */
}

.carousel-track:hover {
    animation-play-state: paused; /* 悬停时暂停动画 */
}

.carousel-track_1 {
    animation-duration: 20s;
}
.carousel-track_2 {
    animation-duration: 24s;
}

.partner-box {
    display: flex;
    align-items: center;
}

/* 每个Logo项 */
.partner-logo {
    width: 10.1042vw;
    height: 5vw;
    display: flex;
    align-items: center;
    margin-right: 0.8333vw;
}

.partner-logo img {
    width: 100%;
    height: 100%;
}

/* 关键帧动画：向左平移50%后重置 */
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    } /* 移动一半宽度 */
}

/* 评价部分 */
.section4 {
    padding-top: 8.2813vw;
    padding-bottom: 8.8021vw;
    padding-left: 11.1979vw;
}

.section4 .sup {
    text-align: left;
}
.section4 .sub {
    min-height: 13.0208vw;
    text-align: left;
}

.section4-evaluate {
    overflow: hidden;
}
.section4-evaluate-list {
    /* display: flex;
    width: fit-content;
    transition: all 0.3s ease-in-out; */
}
.section4-evaluate-item {
    position: relative;
    /* width: 21.7708vw; */
    height: 25vw;
    border-radius: 0.3125vw;
    background: #f8f8f8;
    padding: 2.7083vw 0 0 1.9792vw;
    /* margin-right: 1.25vw; */
}
.section4-evaluate-item-header {
    height: 6.25vw;
}
.section4-evaluate-item-logo {
    height: 100%;
}
.section4-evaluate-item-content {
    margin-top: 0.7292vw;
    font-size: 0.7292vw;
    line-height: 0.8854vw;
    min-height: 8.0729vw;
}
.section4-evaluate-item-content.size2 {
    font-size: 0.625vw;
    line-height: 0.8854vw;
}
.section4-evaluate-item-desc {
    font-weight: 600;
    font-size: 0.7292vw;
    line-height: 0.8854vw;
    color: #4e4e4e;
}
.section4-evaluate-item .section4-evaluate-item-more {
    position: absolute;
    bottom: 1.4583vw;
    font-weight: 600;
    font-size: 0.7292vw;
    line-height: 0.8854vw;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    height: 1.4583vw;
    color: #17bbef;
    cursor: pointer;
}

.section4-btns {
    margin-top: 2.3438vw;
    display: flex;
}
.section4-btn {
    background-color: #cecece;
    width: 1.9792vw;
    height: 1.9792vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.section4-btn > img {
    width: 1.56vw;
    height: 1.56vw;
}

.section4-btn:first-child {
    margin-right: 1.4063vw;
}
.arrow-icon {
    mask-repeat: no-repeat;
    mask-size: 100%;
    mask-position: center;
    width: 0.3646vw;
    height: 0.6771vw;
    background-color: #585858;
}
.arrow-right {
    transform: rotate(180deg);
}

.section4-btn.swiper-button-disabled {
    background-color: #ebebeb;
}
.section4-btn.swiper-button-disabled .arrow-icon {
    background-color: #b1b1b1;
}

/* 右侧按钮 */
.right-menu {
    position: fixed;
    right: 1.875vw;
    top: 33.2292vw;
    z-index: 667;
}
.right-menu > div {
    width: 2.2396vw;
    height: 2.2396vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.to-top img {
    width: 0.725vw;
    height: 0.3641vw;
}
.customer-service {
    background-color: #fff;
    margin-bottom: 0.7969vw;
}
.customer-service img {
    width: 1.0469vw;
    height: 1.0104vw;
}
.to-top {
    background-color: #17bbef;
}
.to-top img {
    width: 0.725vw;
    height: 0.3641vw;
}