.page-banner {
    height: 100vh;
    height: 100dvh;
}
.page-banner .page-banner__title {
    text-align: left;
}
.feature-box {
    --g: calc(20 * var(--rpx));
    text-align: center;
}
.feature-box .feature-box__item {
    height: calc(380 * var(--rpx));
    box-shadow: 0px calc(4 * var(--rpx)) calc(20 * var(--rpx)) 0px rgba(0, 0, 0, 0.5);
    padding: calc(60 * var(--rpx)) calc(20 * var(--rpx));
    cursor: pointer;
    transition: box-shadow .3s linear;
}
.feature-box .feature-box__item .feature-box__item-img {
    --l: calc(130 * var(--rpx));
    width: var(--l);
    height: var(--l);
    margin: auto;
}
.feature-box .feature-box__item .feature-box__item-name {
    margin-top: auto;
}
.feature-box .feature-box__item .feature-box__item-name .inner-text{
    font-size: var(--font-size-24);
}
.feature-box .feature-box__item .feature-box__item-name .icon {
    height: calc(24 * var(--rpx));
    filter: url(#black-overlay);
    margin-left: calc(18 * var(--rpx));
}
.feature-box .feature-box__item:hover {
    box-shadow: 0px calc(4 * var(--rpx)) calc(20 * var(--rpx)) 0px rgba(0, 124, 186, .5);
}
.feature-box .feature-box__item:hover .inner-text {
    color: var(--primary);
    font-weight: 600;
}
.feature-box .feature-box__item:hover .icon {
    filter: url(#primary-overlay);
}
.layer-section {
    background: #f6f6f6;
    padding: clamp(calc(40 * var(--rpx)), 5.208333vw, calc(100 * var(--rpx))) 0;
}
.layer-section .section-box__text {
    margin-right: calc(80 * var(--rpx));
}
.layer-section .section-box__title {
    font-size: var(--font-size-24);
    font-weight: 600;
}
.layer-section .section-box__desc {
    font-size: var(--font-size-18);
    font-weight: 300;
    margin-top: calc(24 * var(--rpx));
}
.layer-section .section-box__desc p+p {
    margin-top: calc(20 * var(--rpx));
}

.layer-section .section-box__img {
    flex: 0 0 calc(760 * var(--rpx));
}

@media screen and (max-width: 750px) {
    .feature-box {
        --c: 2;
    }
    .layer-section .section-box {
        flex-direction: column;
    }
    .layer-section .section-box__text {
        width: 100%;
        margin-right: 0;
        margin-bottom: calc(32 * var(--rpx));
    }

    .layer-section .section-box__img {
        flex: 0 0 100%;
    }
}