.page-banner {
    height: auto;
    overflow: hidden;
}

.page-banner .page-banner__content {
    width: max-content;
    left: 0;
    transform: translate(0, -50%);
    z-index: 2;
}

.page-banner .page-banner__content .page-banner__wrapper {
    width: 100%;
}

.page-banner .page-banner__content .page-banner__section {
    --x: max(var(--space-16), calc((100vw - var(--max-content-width)) / 2));
    position: absolute;
    left: var(--x);
    top: 50%;
    transform: translateY(-50%);
}

.page-banner .page-banner__content .page-banner__wrapper-bg {
    max-width: calc(1343 / 1920 * 100vw);
    height: calc(200 * var(--rpx));
}

.page-banner .page-banner__float {
    /* width: calc(1268 * var(--rpx)); */
    width: calc(1100 / 1920 * 100vw);
    max-height: calc(1282 / 1080 * 100vh);
    position: absolute;
    bottom: calc(-1 * clamp(calc(80 * var(--rpx)), 13.02083vw, calc(250 * var(--rpx))));
    right: calc(-359 / 1920 * 100vw);
    z-index: 3;
}

.layer-contact-us {
    background: #fff;
}

.layer-contact-us .layer-header__section,
.layer-contact-us .cell-box .cell,
.input-field .input-field__label {
    color: #000;
}

.layer-contact-us .cell .cell-left .icon img {
    filter: url(#primary-overlay);
}

.input-field .input-field__content {
    background: rgba(20, 40, 160, 0.05);
}

.input-field .input-field__value,
.select-wrap .select-checked {
    color: #252525;
}

@media screen and (max-width: 1024px) {
    .page-banner .page-banner__content .page-banner__wrapper-bg {
        height: calc(160 * var(--rpx));
    }
}

@media screen and (max-width: 750px) {
    .page-banner {
        height: calc(400 * var(--rpx));
    }
}