.banner-box {
    width: 100vw;
    height: 5.59rem;
    background: url("../images/scrm-banner.jpg") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-content {
    margin-top: 2.07rem;
    width: 12rem;
}

.banner-title {
    font-weight: bold;
    font-size: 0.48rem;
    color: #FFFFFF;
}

.banner-tip {
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-top: 0.29rem;
}

.scrm-box {
    width: 100vw;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scrm {
    width: 12rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.scrm-title {
    font-weight: bold;
    font-size: 0.36rem;
    color: #202124;
}

.scrm-tip {
    font-weight: 500;
    font-size: 0.16rem;
    color: #202124;
    margin-top: 0.28rem;
}

.swiper {
    width: 100vw;
    height: 8.68rem;
}

.swiper-slide {
    background: #F0F2F5;
}

.swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.08rem;
    background: #D7D7D7;
    border-radius: 4px;
    opacity: 1
}

.swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 0.2rem !important;
}

.swiper-pagination-bullet-active {
    width: 0.44rem;
    height: 0.08rem;
    background: #305DFF;
    border-radius: 4px;
}

.swiper-pagination-bullets {
    height: auto;
    bottom: 1.05rem !important;
}

.product-box {
    width: 100vw;
    height: 6.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url("../images/product-bg.png") no-repeat;
    background-size: 100% 100%;
}

.product {
    width: 12rem;
    margin-top: 0.95rem;
}

.product-title {
    font-weight: bold;
    font-size: 0.3rem;
    color: #1C1F1B;
}

.product-content {
    margin-top: 0.46rem;
    width: 12rem;
    height: 4.95rem;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    position: relative;
}

.product-scrm-bg {
    position: absolute;
    top: 0.39rem;
    left: 0.45rem;
    width: 5.57rem;
    height: 1.33rem;
}
.product-scrm-bg-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12rem;
    height: 2.31rem;
}
.product-scrm-bg-3 {
    position: absolute;
    right: 0;
    top: 0;
    width:6.53rem;
    height: 4.32rem;
}
.zindex-1 {
    z-index: 1;
}

.product-content-left {
    width: 4.46rem;
    margin-top: 0.53rem;
    margin-left: 0.41rem;
    z-index: 1;
}

.product-content-title {
    font-weight: 500;
    font-size: 0.28rem;
    color: #1C1F1B;
}

.product-content-tip {
    margin-top: 0.28rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #5D5D5D;
}

.product-content-line {
    width: 0.3rem;
    height: 0.04rem;
    background: #305DFF;
    border-radius: 0.02rem;
    margin-top: 0.23rem;
}

.project-function-list {
    margin-top: 0.7rem;
}

.project-function-item {
    display: flex;
}

.project-function-item + .project-function-item {
    margin-top: 0.24rem;
}

.function-icon {
    width: 0.15rem;
    height: 0.15rem;
    margin-top: 3px;
}

.function-text {
    font-weight: 500;
    font-size: 0.18rem;
    color: #5D5D5D;
    margin-left: 0.12rem;
}

.product-content-img {
    width: 6.96rem;
    height: 4.39rem;
    margin-top: 0.46rem;
    z-index: 1;
}

.product-content-img.position {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 12rem;
    height: 4.48rem;
}

.zindex-0 {
    z-index: 0;
}