@font-face {
    font-family: Alibaba-PuHuiTi-Heavy;
    src: url(../fonts/Alibaba-PuHuiTi-Heavy.9d328000.ttf)
}

/* banner begin */
.fangan-banner {
    background-image: linear-gradient(to top, #fff 1%, rgba(255, 255, 255, 0) 17%), linear-gradient(to right, rgba(125, 113, 255, .18) -2%, rgba(148, 174, 255, .18) 30%, rgba(143, 255, 253, .18) 101%);
    background-blend-mode: normal;
    height: 45.9702134567vw;
}

.banner-left {
    margin-top: 3.888888888888889vw;
}

.banner-text-h1 p {
    /* font-size: 80px;
    font-weight: 800; */
    /* font-family: Alibaba-PuHuiTi-Heavy; */
    /* height: 1.5277777777777777vw; */
    /* margin: 4.166666666666666vw 0 1.3888888888888888vw; */
    font-size: 4vw;
    line-height: 4.583333333333333vw;
    font-weight: 800;
}

.banner-text-h1 p:nth-child(1) {
    margin-top: 4.166666666666666vw;
}

.banner-text-p p {
    font-size: 1.3888888888888888vw;
    /* line-height: 1.9444444444444444vw; */
    color: #9292a6;
    margin: 1.166666666666666vw 0 4.166666666666666vw;
    width: 39.65277777777778vw;
}

.banner-text-link {
    gap: 3vw;
}

.banner-text-link .text-link-item p,
.banner-text-link .text-link-item a {
    margin: 0;
    cursor: pointer;
    border-radius: 1.1111111111111112vw;
    height: 3.566666666666666vw;
    padding: 0 2.083333333333333vw;
    font-weight: 800;
    font-size: 1.25vw;
    background: #fff;
    color: #446dff;
}

.banner-text-link .text-link-item a {
    text-decoration: none;
}

.banner-text-link .text-link-item:nth-child(1) p {
    color: #fff;
    background: linear-gradient(96.15deg, #446dff 2.85%, rgba(99, 125, 255, .75) 100%), #fff;
}

.banner-images-box .images-box-img01 {
    width: 29.872222222222224vw;
    height: 22.62430555555556vw;
    margin: 6.944444444444445vw 0 0 3.229166666666667vw;
}

.banner-images-box .images-box-img02 {
    width: 20.833333333333336vw;
    right: -7.638888888888889vw;
    top: 6.194444444444445vw;
}

.banner-images-content {
    width: 11.42361111111111vw;
    left: 11.11111111111111vw;
    top: 6.194444444444445vw;
}

.banner-images-list {
    top: 0;
    left: 0;
}

.banner-images-list .images-item-01 {
    width: 11.155555555555555vw;
    transform-origin: bottom right;
    opacity: 0;
    animation: _fadeIn_1w87n_1 5s ease-in-out infinite;
    top: -5.083333333333333vw;
    left: 6.944444444444445vw;
}

.banner-images-list .images-item-02 {
    width: 14.002777777777778vw;
    transform-origin: bottom left;
    opacity: 0;
    animation: _fadeIn2_1w87n_1 5s ease-in-out infinite;
    top: 0.697222222222222vw;
    right: -5.763888888888889vw;
}

.banner-images-list .images-item-03 {
    width: 14.002777777777778vw;
    transform-origin: bottom right;
    opacity: 0;
    animation: _fadeIn3_1w87n_1 5s ease-in-out infinite;
    top: 4.863888888888889vw;
    left: -3.8194444444444446vw;
}




@keyframes _fadeIn_1w87n_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes _fadeIn2_1w87n_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes _fadeIn3_1w87n_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes _wave_1w87n_143 {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -1600px
    }
}

@keyframes _swell_1w87n_1 {

    0%,
    100% {
        transform: translate(0, -30px)
    }

    50% {
        transform: translate(0, 5px)
    }
}


.banner-bottom {
    height: 198px;
    width: 100%;
    bottom: 0;
    left: 0;
    overflow: hidden;
    /* background: 0 0; */
}

.banner-bottom .banner-bottom-img {
    background: url("data: image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjE5OCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iLTEwLjk1OSUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDk5LDEyNSwyNTUsMC4xNSkiIHN0b3Atb3BhY2l0eT0iLjM1IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0icmdiYSg5OSwxMjUsMjU1LDAuMDAxKSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjAwNSAxMjFDMzExIDEyMSA0MDkuODk4LS4yNSA4MTEgMGM0MDAgMCA1MDAgMTIxIDc4OSAxMjF2NzdIMHMuMDA1LTQ4IC4wMDUtNzd6IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxNjAwIDApIi8+PC9zdmc+") repeat-x;
    position: absolute;
    width: 6400px;
    left: 0;
    height: 198px;
    bottom: 0;
    transform: translate(0, 0, 0);
    animation: _wave_1w87n_143 7s ease infinite
}

.banner-bottom .banner-bottom-img:nth-of-type(2) {
    background: url("data: image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjE5OCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iLTEwLjk1OSUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDMxLCAyMDMsIDI0NywwLjE1KSIgc3RvcC1vcGFjaXR5PSIuMzUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDMxLCAyMDMsIDI0NywwLjAwMykiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTS4wMDUgMTIxQzMxMSAxMjEgNDA5Ljg5OC0uMjUgODExIDBjNDAwIDAgNTAwIDEyMSA3ODkgMTIxdjc3SDBzLjAwNS00OCAuMDA1LTc3eiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYwMCAwKSIvPjwvc3ZnPg==");
    bottom: 0;
    animation: _swell_1w87n_1 4s ease infinite;
    opacity: 1
}

@keyframes _wave_1w87n_143 {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -1600px
    }
}

@keyframes _swell_1w87n_1 {

    0%,
    100% {
        transform: translate(0, -30px)
    }

    50% {
        transform: translate(0, 5px)
    }
}

/* banner end */

/* fangan-content begin */

.fangan-item-content {
    /* padding: 3.472222222222225vw 0; */
    padding: 5vw 0;

}

.fangan-item-con {
    gap: 6vw;
}

.fangan-item-con .fangan-text-box {
    width: 32.84722222222222vw;
}

.fangan-text-box .fangan-text-icon img {
    width: 5.8354166666666663vw;
}

.fangan-text-box .fangan-text-title {
    font-size: 3.75vw;
    font-weight: 800;
    letter-spacing: .02em;
    color: #161647;
    margin: 1.1111111111111112vw 0;
}

.fangan-text-box .fangan-text-desc {
    font-size: 1.3888888888888888vw;
    font-weight: 400;
    line-height: 150%;
    color: rgba(37, 38, 43, .72);
    margin-bottom: 4.444444444444445vw;
}

.fangan-img-box .fangan-img-con,
.fangan-img-box .fangan-img-con img {
    width: 100%;
}

.fangan-item-con .fangan-img-box {
    width: 40.25vw;
}




.fangan-button-box a {
    display: inline-block;
    border-radius: 1.1111111111111112vw;
    height: 2.0vw;
    line-height: 2.0vw;
    padding: 0 2.083333333333333vw;
    font-weight: 500;
    font-size: 1vw;
    border: .06944444444444445vw solid #637dff;
    background: rgba(99, 125, 255, .08);
    color: #446dff;
    text-decoration: none;
}

/* fangan-content end */