html{

}
.banner-module{
    width: 100%;
    height: 500px;
    position: relative;
}
.banner-module .swiper{
    width: 100%;
    height: 100%;
}
.banner-module .bg{
    width: 100%;
    height: 100%;
    background: #FFF;
}
.banner-module .bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-module .banner-content{
    display: block;
    width: 100%;
    height: 100%;
    padding: 70px 0 0;
    box-sizing: border-box;

    position: absolute;
    left: 0;
    top: 0;
}
.banner-module .title{
    font-family: PingFangSC-Light;
    width: 580px;
    font-size: 48px;
    font-weight: 300;
    color: #333333;
    line-height: 54px;
    background: linear-gradient(131deg, #2B78FF 0%, #4B4FE1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-module .title p{
    display: block;
}
.banner-module .description{
    font-family: PingFangSC-Light;
    min-height: 84px;
    width: 435px;
    font-size: 16px;
    font-weight: 300;
    color: #5A6779;
    line-height: 28px;
    margin-top: 12px;
}
.banner-module .btn{
    display: block;
    width: 120px;
    height: 40px;
    background: #2773FF;
    border-radius: 20px;

    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;

    margin-top: 45px;
}
.banner-module .menu{
    width: 100%;
    height: 120px;

    position: absolute;
    left: 0;
    bottom: -27px;
    z-index: 99;
}
.banner-module .menu-content{
    width: 100%;
    height: 120px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px -4px rgba(201,210,225,0.53);
    padding: 35px 60px;
    box-sizing: border-box;

    display: flex;
}
.banner-module .menu .menu-item{
    display: block;
    width: 20%;
}
.banner-module .menu .menu-item-title{
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    font-weight: 600;
    color: #4561A7;
    line-height: 25px;
}
.banner-module .menu .menu-item:hover .menu-item-title{
    color: #2773FF;
}
.banner-module .menu .menu-item-descrption{
    font-size: 14px;
    font-weight: 400;
    color: #868F9A;
    line-height: 20px;

    margin-top: 4px;
}
.banner-module .banner-pagination{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 80px;
}
.banner-module .swiper-pagination{
    text-align: left;
    margin: 0 -1px;
}
.banner-module .swiper-pagination .swiper-pagination-bullet{
    width: 100px;
    height: 6px;
    border-radius: unset;
    background: rgba(196,217,255);
    opacity: 0.3;
    margin: 0 1px;

    transition: all 0.3s;
}
.banner-module .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: linear-gradient(90deg, #09B7FF 0%, #4573FE 100%) #3EC1F8;
    opacity: 1;
}
.banner-module .swiper-slide-active .title{
    animation: banner-fade-in 0.6s 0.4s ease-out 1 both;
}
.banner-module .swiper-slide-active .description{
    animation: banner-fade-in 0.6s 0.5s ease-out 1 both;
}
.banner-module .swiper-slide-active .btn{
    animation: banner-fade-in 0.6s 0.6s ease-out 1 both;
}
@-webkit-keyframes banner-fade-in {
    0% {transform: translateY(40px);opacity: 0}
    100% {transform: translateY(0); opacity: 1}
}
@media screen and (max-width: 767px) {
    .banner-module{
        height: 4rem;
    }
    .banner-module .banner-content{
        padding: .7rem 0 0;
    }
    .banner-module .title{
        width: 4rem;
        font-size: .35rem;
        line-height: .54rem;
    }
    .banner-module .description{
        min-height: unset;
        width: 4rem;
        font-size: .22rem;
        line-height: .34rem;
        margin-top: .15rem;
    }
    .banner-module .btn{
        display: none
    }

    .banner-module .menu{
        height: 1.38rem;

        position: absolute;
        left: 0;
        bottom: -1rem;
        z-index: 99;
    }
    .banner-module .menu .safe-content{
        width: 100%;
    }
    .banner-module .menu-content{
        height: 1.38rem;
        background: unset;
        padding: unset;
        padding-left: .3rem;

        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;
    }
    .banner-module .menu-content::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .banner-module .menu .menu-item{
        flex-shrink: 0;
        background: #FFF;
        width: 2.85rem;
        height: 1.38rem;
        padding: .35rem;
        box-sizing: border-box;
        margin-right: .1rem;
        box-shadow: 0px 4px 12px -4px rgba(201,210,225,0.53);
    }
    .banner-module .menu .menu-item-title{
        font-size: .24rem;
        line-height: .33rem;
        text-align: center;
    }
    .banner-module .menu .menu-item:hover .menu-item-title{
        color: #2773FF;
    }
    .banner-module .menu .menu-item-descrption{
        font-size: .2rem;
        line-height: .28rem;
        text-align: center;

        margin-top: .05rem;
    }

    .banner-module .banner-pagination{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .banner-module .swiper-pagination{
        text-align: left;
        margin: 0 -.01rem;
        bottom: 0;
    }
    .banner-module .swiper-pagination .swiper-pagination-bullet{
        width: 1rem;
        height: .1rem;
        margin: 0 .01rem;
    }
}

/*数字基础设施*/
.product-module{
    padding-bottom: 90px;
}
.product-module .module-title{
    color: #2D4789;
}
.product-module .module-body{
    margin-top: 55px;
}
.product-module .list{
    display: flex;
    margin: 0 -10px;
    box-sizing: border-box;
}
.product-module .item{
    display: block;
    width: 20%;
    height: 220px;
    background: linear-gradient(142deg, #E9EDF8 0%, #F9FBFE 100%);
    /*background: url("../image/index_product_cover.png") no-repeat center;*/
    background-size: cover;
    border-radius: 12px;
    padding: 25px 45px 20px 20px;
    box-sizing: border-box;
    margin: 0 10px;

    position: relative;
}
.product-module .item .title{
    font-family: PingFangSC-Light;
    font-size: 24px;
    font-weight: 300;
    color: #1E316C;
    line-height: 30px
}
.product-module .item .subtitle{
    font-family: PingFangSC-Light;
    font-size: 14px;
    font-weight: 300;
    color: #5A6779;
    line-height: 20px;
}
.product-module .item .description{
    font-size: 12px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #5A6779;
    line-height: 20px;
    margin-top: 14px;

    opacity: 0;
    transition: all 0.3s ease-out;
}
.product-module .item .icon{
    width: 72px;
    height: 72px;
    position: absolute;
    right: 18px;
    bottom: 20px;
}
.product-module .item .icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-module .item .btn{
    display: block;
    width: fit-content;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #2773FF;
    line-height: 30px;

    position: absolute;
    left: 20px;
    bottom: 20px;

    display: flex;
    align-items: center;

    opacity: 0;
    transition: all 0.3s ease-out;
}
.product-module .item .btn:after{
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    border-right: 1px solid #2773FF;;
    border-bottom: 1px solid #2773FF;;
    transform: rotate(-45deg);
    margin-left: 2px;
}
.product-module .item.active{
    background: linear-gradient(39deg, #F6FAFE 0%, #F9FCFF 36%, #CFEFFF 76%, #9BD4FE 90%, #8DB9FE 100%);
    border-radius: 12px;
    border-image: linear-gradient(216deg, rgba(149, 202, 255, 1), rgba(230, 255, 253, 0)) 1 1;
    /*transition: all 0.3s ease-out;*/
}
.product-module .item.active .title{
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #2773FF;
}
.product-module .item.active .subtitle{
    color: #2773FF;
}
.product-module .item.active .description,
.product-module .item.active .btn{
    opacity: 1;
}
.product-module .item.active .icon{
    /*width: 110px;*/
    /*height: 110px;*/
    opacity: 0.2;
}
@media screen and (max-width: 767px) {
    .product-module{
        padding-top: 1.6rem;
        padding-bottom: .8rem;
    }
    .product-module .module-body{
        margin-top: .4rem;
    }
    .product-module .list{
        display: flex;
        flex-wrap: wrap;
        margin: -.1rem;
        box-sizing: border-box;
    }
    .product-module .item{
        box-sizing: border-box;
        width: calc((100% - .4rem) / 2 );
        height: 2.2rem;
        border-radius: .15rem;
        padding: .2rem;
        margin: .1rem;
    }
    .product-module .item .title{
        font-size: .3rem;
        line-height: 1.6;
    }
    .product-module .item .subtitle{
        font-size: .2rem;
        line-height: 1.6;
    }
    .product-module .item .description{
        display: none;
    }
    .product-module .item .icon{
        width: .7rem;
        height: .7rem;
        right:  .2rem;
        bottom:  .2rem;
    }
    .product-module .item .icon img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .product-module .item .btn{
        display: none;
    }
    .product-module .item.active{
        background: linear-gradient(142deg, #E9EDF8 0%, #F9FBFE 100%);
        border-radius: .15rem;
        border-image: unset;
    }
    .product-module .item.active .title{
        font-family: unset;
        font-weight: unset;
        color: unset;
    }
    .product-module .item.active .subtitle{
        color: unset;
    }
    .product-module .item.active .description,
    .product-module .item.active .btn{
        opacity: 1;
    }
    .product-module .item.active .icon{
        opacity: 1;
    }
}

/*解决方案*/
.solution-module{
    background: linear-gradient(180deg, #CAE1FC 0%, #FFFFFF 75%);
}
.solution-module .module-title{
    font-size: 36px;
    font-weight: 300;
    color: #215BC0;
    line-height: 44px;
    background: linear-gradient(90deg, #4B68E3 0%, #209FFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    width: fit-content;
    margin: auto;
}
.solution-module .module-body{
    margin-top: 55px;
}
.solution-module .solution-tab{
    /*height: 92px;*/
    background: #FFFFFF;
    box-shadow: 0px 4px 8px -4px rgba(219,231,244,0.4);
    border-radius: 8px;
    padding: 4px;
    box-sizing: border-box;

    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;

    display: flex;
    flex-wrap: wrap;
}
.solution-module .solution-tab .item{
    display: block;
    width: calc((100% - (8px * 8)) / 8);
    height: 36px;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    margin: 4px;
}
.solution-module .solution-tab-content{
    margin-top: 60px;
    height: 230px;
}
.solution-module .solution-tab-content .item{
    height: 230px;
    display: flex;
    box-sizing: border-box;
    border-radius: 8px;
    background: linear-gradient(90deg, #DEEFFF 30%, #F7FBFF 100%);
}
.solution-module .solution-tab-content .cover{
    width: 480px;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.solution-module .solution-tab-content .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solution-module .solution-tab-content .content{
    width: calc(100% - 480px);
    height: 100%;
    padding: 30px 90px 30px 40px;
    box-sizing: border-box;
}
.solution-module .solution-tab-content .title{
    font-family: PingFangSC-Light;
    font-size: 20px;
    font-weight: 300;
    color: #0063B6;
    line-height: 28px;
}
.solution-module .solution-tab-content .content ul{
    display: flex;
    margin: 0px -35px;
}
.solution-module .solution-tab-content .content ul li{
    margin: 0 35px;
    width: 50%;
}
.solution-module .solution-tab-content .content ul li.big{
    width: 100%;
}
.solution-module .solution-tab-content .content ul li .name{
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #1E316C;
    line-height: 32px;
}
.solution-module .solution-tab-content .content ul li .description{
    height: 66px;
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.solution-module .solution-tab-content .content ul li .btn{
    font-family: PingFangSC-Semibold;
    display: block;
    width: fit-content;
    height: 32px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #2773FF;
    padding: 0px 20px;
    margin-top: 25px;

    font-size: 14px;
    font-weight: 600;
    color: #2773FF;
    line-height: 32px;
}
.solution-module .solution-tab-content .block{
    display: none;
    transform: translateY(100px);
    opacity: 0;
}
.solution-module .solution-tab-content .content ul li .btn:hover{
    background: #2773FF;
    color: #FFF;
}

/*状态*/
.solution-module .solution-tab .item:hover{
    font-weight: 600;
    color: #0E8BFF;
    /*background: #E3F2FF;*/
}
.solution-module .solution-tab .item.active{
    font-size: 14px;
    font-weight: 600;
    color: #0E8BFF;
    background: #E3F2FF;
}
.solution-module .solution-tab-content .block.active{
    display: block;
    animation: solution-tab-content-item 0.7s ease-in-out 1 both;
}
@-webkit-keyframes solution-tab-content-item {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0); opacity: 1}
}
@media screen and (max-width: 767px) {

    .solution-module .safe-content{
        width: 100%;
    }
    .solution-module .module-title{
        font-size: .36rem;
        line-height: .44rem;
    }
    .solution-module .module-body{
        margin-top: .4rem;
    }
    .solution-module .solution-tab{

        border-radius: .08rem;
        padding: .25rem .3rem;
        font-size: .24rem;
        line-height: .28rem;
        overflow-x: scroll;
        scrollbar-width: none;
        flex-wrap: unset;
    }
    .solution-module .solution-tab::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .solution-module .solution-tab .item{
        flex-shrink: 0;
        width: fit-content;
        height: .52rem;
        padding: 0 .2rem;
        border-radius: .04rem;
        line-height: .52rem;
        margin: .04rem;
    }
    .solution-module .solution-tab-content{
        margin-top: .4rem;
        height: fit-content;
    }
    .solution-module .solution-tab-content .item{
        height: 2.5rem;
        display: flex;
        box-sizing: border-box;
        border-radius: 8px;
        background: unset;
    }
    .solution-module .solution-tab-content .cover{
        display: none;
    }
    .solution-module .solution-tab-content .content{
        width: 100%;
        height: 100%;
        padding: 0 .3rem;
    }
    .solution-module .solution-tab-content .title{
        font-size: .26rem;
        line-height: 1.6;
    }
    .solution-module .solution-tab-content .content ul{
        display: flex;
        margin: 0px -.35rem;
    }
    .solution-module .solution-tab-content .content ul li{
        margin: 0 .35rem;
        width: 50%;
    }
    .solution-module .solution-tab-content .content ul li.big{
        width: 100%;
    }
    .solution-module .solution-tab-content .content ul li .name{
        font-size: .26rem;
        line-height: 1.6;
    }
    .solution-module .solution-tab-content .content ul li .description{
        height: .84rem;
        font-size: .2rem;
        line-height: .28rem;
        margin-top: .1rem;
    }
    .solution-module .solution-tab-content .content ul li .btn{
        height: .4rem;
        border-radius: .2rem;
        border: .01rem solid #2773FF;
        padding: 0 .2rem;
        margin-top: .25rem;

        font-size: .2rem;
        line-height: .4rem;
    }
}

/*数字CEC*/
.aptitude-module{
    background: url("../image/index_aptitude.jpg") no-repeat center;
    background-size: cover;

}
.aptitude-module .module-title{
    width: fit-content;
    font-size: 42px;
    font-weight: 600;
    color: #23CCF5;
    line-height: 59px;
    background: linear-gradient(143deg, #817AFF 0%, #09B7FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
}
.aptitude-module .module-body{
    margin-top: 0;
}
.aptitude-module .aptitude-content{
    display: flex;
}
.aptitude-module .info{
    width: 390px;
    flex-shrink: 0;
    margin-right: 50px;
}
.aptitude-module .info .title{
    font-size: 28px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
}
.aptitude-module .info .description{
    font-family: PingFangSC-Light;
    height: 137px;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 45px;
}
.aptitude-module .info .btn{
    display: block;
    width: 150px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 16px;
    margin-top: 7px;

    font-size: 14px;
    font-weight: 600;
    color: #2773FF;
    line-height: 32px;
    text-align: center;
}
.aptitude-module .list{
    width: 100%;
    display: flex;
    margin: 0 -10px;
}
.aptitude-module .item {
    width: 100%;
    height: 300px;
    background: linear-gradient(180deg, #FFFFFF 0%, #E3F2FF 100%);
    box-shadow: 0px 4px 12px -4px rgba(201,210,225,0.53);
    border-radius: 12px;

    margin: 0 10px;
    padding: 40px;
    box-sizing: border-box;
}
.aptitude-module .item .icon{
    display: block;
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin: auto;
}
.aptitude-module .item .name{
    font-size: 48px;
    font-weight: 300;
    color: #4561A7;
    line-height: 67px;
    text-align: center;

    margin-top: 30px;
}
.aptitude-module .item .name span{
    font-size: 24px;
}
.aptitude-module .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #35353F;
    line-height: 22px;
    text-align: center;
}

.aptitude-module .info .btn:hover{
    color: #FFFFFF;
    background: #2773FF;
}
@media screen and (max-width: 767px) {
    .aptitude-module{
        background-position: left;
    }
    .aptitude-module .module-title{
        font-size: .44rem;
        line-height: 1.6;
    }
    .aptitude-module .aptitude-content{
        flex-wrap: wrap;
    }
    .aptitude-module .info{
        width: 100%;
        margin-right: unset;
    }
    .aptitude-module .info .title{
        font-size: .34rem;
        line-height: 1.6;
    }
    .aptitude-module .info .description{
        height: fit-content;
        font-size: .2rem;
        line-height: 1.6;
        margin-top: .2rem;
    }
    .aptitude-module .info .btn{
        display: block;
        width: 2.2rem;
        height: .5rem;
        border-radius: .25rem;
        margin-top: .2rem;

        font-size: .2rem;
        line-height: .5rem;
    }

    .aptitude-module .list{
        width: 100%;
        display: flex;
        margin: .4rem -.1rem 0;
    }
    .aptitude-module .item {
        height: 3rem;
        border-radius: .15rem;

        margin: 0 .1rem;
        padding: .3rem;
    }
    .aptitude-module .item .icon{
        display: block;
        width: .65rem;
        height: .65rem;
    }
    .aptitude-module .item .name{
        font-size: .5rem;
        line-height: 1.2;
        text-align: center;

        margin-top: .2rem;
    }
    .aptitude-module .item .name span{
        font-size: .3rem;
    }
    .aptitude-module .item .description{
        font-size: .18rem;
        line-height: 1.6;
        text-align: center;
    }
}

/*客户案例*/
.customer-module{
    background: linear-gradient(180deg, #CAE1FC 0%, #E1F6FF 60%,#FFFFFF 90%);
    padding: 75px 0 35px;
}
.customer-module .module-title{
    width: fit-content;
    font-size: 32px;
    font-weight: 300;
    color: #0C55AA;
    margin: auto;
}
.customer-module .module-body{
    margin-top: 50px;
}
.customer-module .carousel{
    position: relative;
}
.customer-module .swiper{
    margin: -10px;
}
.customer-module .swiper-slide{
    padding: 10px;
    box-sizing: border-box;
}
.customer-module .item{
    height: 270px;
    background: rgba(250,253,255, 0.6);
    box-shadow: 0px 4px 12px -4px rgba(206,213,225,0.53);
    border-radius: 12px;

    padding: 34px 28px;
    box-sizing: border-box;
    cursor: pointer;

    transition: all 0.3s ease-out;
}
.customer-module .item .title{
    height: 72px;
    font-size: 24px;
    font-weight: 400;
    color: #35353F;
    line-height: 36px;
    padding-right: 30px;

    /*transition: all 0.3s ease-out;*/
}
.customer-module .item .description{
    font-family: PingFangSC-Light PingFang SC;
    height: 66px;
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;

    display: -webkit-box;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    line-clamp: 3;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;

    margin-top: 12px;

    transition: all 0.3s ease-out;
}
.customer-module .item .btn{
    display: block;
    width: fit-content;
    height: 32px;
    background: rgba(43,117,255, 0.1);
    border-radius: 16px;
    padding: 0 19px;
    margin-top: 17px;

    font-size: 14px;
    font-weight: 600;
    color: #2773FF;
    line-height: 32px;

    transition: all 0.3s ease-out;
}
.customer-module .more{
    height: 260px;
    background: #FFF;
    padding: 35px 30px;
    box-sizing: border-box;
    margin-top: 20px;
    display: flex;
}
.customer-module .more .info{
    width: 370px;
    flex-shrink: 0;
}
.customer-module .more .title{
    font-size: 20px;
    font-weight: 400;
    color: #0D68BA;
    line-height: 24px;
}
.customer-module .more .description{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;
    margin-top: 7px;
}
.customer-module .more .btn{
    display: block;
    width: fit-content;
    height: 32px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #2773FF;
    padding: 0 19px;

    font-size: 14px;
    font-weight: 600;
    color: #2773FF;
    line-height: 30px;

    margin-top: 28px;
}
.customer-module .more .list{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 35px 0;
    margin: -5px;
}
.customer-module .more ul li{
    margin: 5px;
    width: calc((100% - 60px) / 3);

    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 20px;
}
.customer-module .more  ul li:before{
    content:'·'
}
.customer-module .more  ul li:hover{
    color: #2A75FF;
}
/*.customer-module .more .list .icon-item{*/
/*    width: 20%;*/
/*    height: 50px;*/
/*    object-fit: contain;*/
/*    margin-bottom: 30px;*/
/*}*/
.customer-module .item:hover{
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F8FF 100%);
    box-shadow: 0px 4px 12px -4px rgba(206,213,225,0.53);
    /*transform: translateY(-5px);*/
}
.customer-module .item:hover .title{
    color: #2773FF;
}
.customer-module .item:hover .description{
    color: #2D3849;
}
.customer-module .item:hover .btn{
    background: #2773FF;
    color: #FFF;
}
.customer-module .more .btn:hover{
    background: #2773FF;
    color: #FFF;
}
@media screen and (max-width: 767px) {
    .customer-module{
        background: linear-gradient(180deg, #CAE1FC 0%, #E1F6FF 60%,#FFFFFF 90%);
        padding: .6rem 0 .6rem;
    }
    .customer-module .module-title{
        font-size: .32rem;
    }
    .customer-module .module-body{
        margin-top: .5rem;
    }

    .customer-module .more .list{
        display: none;
    }
    .customer-module .item{
        height: 3rem;
        border-radius: .15rem;
        padding: .3rem .25rem;
    }
    .customer-module .item .title{
        height: fit-content;
        font-size: .3rem;
        line-height: 1.6;
        padding-right: unset;
    }
    .customer-module .item .description{
        height: .96rem;
        font-size: .2rem;
        line-height: 0.32rem;

        margin-top: .15rem;
    }
    .customer-module .item .btn{
        height: .5rem;
        border-radius: .25rem;
        padding: 0 .2rem;
        margin-top: .2rem;

        font-size: .2rem;
        line-height: .5rem;
    }
    .customer-module .more{
        height: 2.5rem;
        padding: .35rem .3rem;
        margin-top: .3rem;
    }
    .customer-module .more .info{
        width: 100%;
    }
    .customer-module .more .title{
        font-size: .26rem;
        line-height: 1.6;
    }
    .customer-module .more .description{
        font-size: .2rem;
        line-height: 1.6;
        margin-top: .1rem;
    }
    .customer-module .more .btn{
        height: .5rem;
        border-radius: .25rem;
        border: .01rem solid #2773FF;
        padding: 0 .2rem;

        font-size: .2rem;
        line-height: .5rem;

        margin-top: .3rem;
    }

}
/*活动专题*/
.activity-module{
    background: linear-gradient(180deg, #D8DFFF 0%, #FFFFFF 50%);
    padding: 80px 0 10px;
}
.activity-module .module-title{
    font-size: 24px;
    font-weight: 600;
    color: #5B5ECA;
    width: fit-content;
}
.activity-module .module-body{
    margin-top: 10px;
}
.activity-module .cover{
    display: block;
    height: 340px;
    background: url("../image/index_activity.png") no-repeat center;
    background-size: cover;
    padding: 45px 60px;
    box-sizing: border-box;
    border-radius: 12px;
}
.activity-module .cover .title{
    width: 650px;
    font-size: 36px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 46px;
}
.activity-module .cover .link{
    display: flex;
    margin-top: 12px;
}
.activity-module .cover .link .link-item{
    height: 20px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #C8C3FF;
    line-height: 20px;

    margin-right: 35px;
    display: flex;
    align-items: center;
}
.activity-module .cover .link .link-item img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 8px;
}
.activity-module .cover .description{
    width: 558px;
    height: 89px;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 22px;

    margin-top: 45px;
}
.activity-module .list{
    display: flex;
    margin: 20px -10px 0px;
}
.activity-module .list .item{
    width: calc((100% - 80px) /4);
    height: 306px;
    background: #F8F9FB;
    border-radius: 12px;
    margin: 0 10px;
    padding: 25px 45px 25px 20px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;

    position: relative;
}
.activity-module .list .item .bottom{
    position: absolute;
    left: 20px;
    bottom: -20px;
}
.activity-module .list .item:hover .bottom{
    bottom: 20px;
    transition: all 0.3s ease-out;
}
.activity-module .list .item .title{
    font-size: 20px;
    font-weight: 400;
    color: #35353F;
    line-height: 28px;
}
.activity-module .list .item .description{
    height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;
    margin-top: 22px;

    display: -webkit-box;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    line-clamp: 2;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}
.activity-module .list .item .date{
    font-size: 14px;
    font-weight: 400;
    color: #B8BEC6;
    line-height: 22px;
    margin-top: 70px;

}
.activity-module .list .item .btn{
    display: block;
    width: fit-content;
    height: 32px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #2B78FF;
    padding: 0 19px;

    font-size: 14px;
    font-weight: 600;
    color: #2B78FF;
    line-height: 32px;
    margin-top: 13px;

    opacity: 0;

}
.activity-module .more{
    display: block;
    width: fit-content;
    height: 32px;
    background: rgba(43,120,255, 0.1);
    border-radius: 16px;
    padding: 0 20px;

    font-size: 14px;
    font-weight: 600;
    color: #2B78FF;
    line-height: 32px;

    margin: 40px auto 0;
}
.activity-module .list .item:hover{
    background: #F4FBFE;
    /*transform: translateY(-5px);*/
    transition: all 0.3s ease-out;
}
.activity-module .list .item:hover .title{
    color: #2773FF;
}
.activity-module .list .item:hover .date{
    margin-top: 20px;
    transition: all 0.3s ease-out;
}
.activity-module .list .item:hover .btn{
    opacity: 1;
    transition: opacity 0.6s ease-out;
}
.activity-module .list .item .btn:hover{
    background: #2773FF;
    color: #FFF;
}
.activity-module .more:hover{
    background: #2773FF;
    color: #FFF;
}
@media screen and (max-width: 767px) {
    .activity-module{
        background: linear-gradient(180deg, #D8DFFF 0%, #FFFFFF 50%);
        padding: 0;
    }
    .activity-module .safe-content{
        width: 100%;
    }
    .activity-module .module-title{
        font-size: 24px;
        font-weight: 600;
        color: #5B5ECA;
        width: fit-content;

        display: none;
    }
    .activity-module .module-body{
        margin-top: unset;
    }
    .activity-module .cover{
        height: 3.5rem;
        padding: .4rem;
        box-sizing: border-box;
        border-radius: unset;
    }
    .activity-module .cover .title{
        width: 5.4rem;
        font-size: .36rem;
        line-height: .46rem;
    }
    .activity-module .cover .link{
        display: none;
    }
    .activity-module .cover .description{
        width: 5.5rem;
        height: 1rem;
        font-size: .2rem;
        line-height: .32rem;

        margin-top: .3rem;

        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .activity-module .list{
        display: flex;
        margin: 20px 10px 0px;
    }
    .activity-module .list .item{
        width: calc((100% - .4rem) /2);
        height: 3rem;
        border-radius: .15rem;
        margin: 0 .1rem;
        padding: .25rem;
    }
    .activity-module .list .item .bottom{
        position: absolute;
        left: .2rem;
        bottom: .2rem;
    }
    .activity-module .list .item .title{
        font-size: .26rem;
        line-height: 1.6;
    }
    .activity-module .list .item .description{
        height: .56rem;
        font-size: .2rem;
        line-height: 0.28rem;
        margin-top: .2rem;

    }
    .activity-module .list .item .date{
        font-size: .2rem;
        line-height: 1.6;
        margin-top: unset;

    }
    .activity-module .list .item .btn{
        display: none;
    }
    .activity-module .more{
        height: .5rem;
        border-radius: .25rem;
        padding: 0 .2rem;

        font-size: .2rem;
        line-height: .5rem;

        margin: .4rem auto 0;
    }
    .activity-module .list .item:nth-child(n+3){
        display: none;
    }
}

/*合作伙伴*/
.partner-module{
    background: linear-gradient(180deg, #FFFFFF 0%, #F5FAFF 34%, #E5F3FF 100%);
    position: relative;
}
.partner-module .module-title{
    width: fit-content;
    font-size: 32px;
    font-weight: 300;
    color: #29406A;
    line-height: 44px;
    background: linear-gradient(148deg, #509CFF 0%, #2C55FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: auto;
}
.partner-module .module-description{
    font-size: 18px;
    font-weight: 400;
    color: #225192;
    line-height: 18px;
    text-align: center;

    margin-top: 23px;
}
.partner-module .module-body{
    margin-top: 60px;
    position: relative;
}
.partner-module::before{
    content: "";
    width: calc((100% - var(--safe-content-width))/2 + 100px );
    height: 100%;
    background: linear-gradient(-90deg, rgba(229,244,255,0) 0%, rgba(229,243,255,0.94) 72%, #E5F3FF 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.partner-module::after{
    content: "";
    width: calc((100% - var(--safe-content-width))/2 + 100px );
    height: 100%;
    background: linear-gradient(90deg, rgba(229,244,255,0) 0%, rgba(229,243,255,0.94) 72%, #E5F3FF 100%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.partner-module .logo{
    width: 5640px;
    height: 273px;
    background: url("../image/index_partner_logo.png");
    background-size: auto 100%;
    animation: partner-module-logo 60s linear infinite;
}
@-webkit-keyframes partner-module-logo {
    0% {transform: translateX(0)}
    100% {transform: translateX(-2820px)}
}
@media screen and (max-width: 767px) {
    .partner-module .module-title{
        font-size: .32rem;
        line-height: .44rem;
    }
    .partner-module .module-description{
        font-size: .24rem;
        line-height: .24rem;
        margin-top: .25rem;
    }
    .partner-module .module-body{
        margin-top: .4rem;
    }
    .partner-module .logo{
        width: 5640px;
        height: 273px;
        background: url("../image/index_partner_logo.png");
        background-size: auto 100%;
        animation: partner-module-logo 60s linear infinite;
    }
}
/*学习平台*/
.learn-module{
    background: #F2F5F9;
}
.learn-module .module-body{
    margin-top: 50px;
}
.learn-module .list{
    height: 280px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px -4px rgba(242,246,252,0.51);
    border-radius: 12px;

    display: flex;
}
.learn-module .list .item{
    width: 50%;
    padding: 30px 40px;
    box-sizing: border-box;
    position: relative;
    background-size: 50%;
    background-position: top right;
    background-repeat: no-repeat;
}
.learn-module .list .item:first-child{
    border-right: 1px solid #F2F5F9;
}
.learn-module .item .icon{
    width: 130px;
    height: 130px;
    object-fit: contain;
    position: absolute;
    top: 55px;
    right: 40px;

    opacity: 0;
}
.learn-module .item .tag{
    width: fit-content;
    height: 20px;
    background: linear-gradient(110deg, #4BDDFF 0%, #3173FF 100%);
    border-radius: 4px;
    padding: 0 14px;

    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 20px;
}
.learn-module .item .title{
    font-family: PingFangSC-Light;
    font-size: 24px;
    font-weight: 300;
    color: #35353F;
    line-height: 33px;

    margin-top: 17px;
}
.learn-module .item .description{
    width: 350px;
    height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #868F9A;
    line-height: 22px;

    margin-top: 7px;
}
.learn-module .item .link{
    margin-top: 66px;
    height: 30px;
    display: flex;
}
.learn-module .item .link .btn{
    display: block;
    font-size: 14px;

    color: #297BFF;
    line-height: 30px;
    margin-right: 35px;
}
.learn-module .item.active{
    background-image: url("../image/learn_bg.png");
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.learn-module .item.active .title{
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #2773FF;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.learn-module .item.active .icon{
    opacity: 1;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.learn-module .item .link .btn:hover{
    font-family: PingFangSC-Semibold;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .learn-module .list{
        flex-wrap: wrap;
        height: fit-content;
        border-radius: .15rem;
        overflow: hidden;
    }
    .learn-module .list .item{
        width: 100%;
        padding: .3rem;
        background-image: url("../image/learn_bg.png");
    }
    .learn-module .list .item:first-child{
        border-right: unset;
        border-bottom: .01rem solid #F2F5F9;
    }
    .learn-module .item .icon{
        width: 1rem;
        height: 1rem;
        top: .5rem;
        right: .4rem;

        opacity: 1;
    }
    .learn-module .item .tag{
        height: .3rem;
        border-radius: .05rem;
        padding: 0 .15rem;

        font-size: .18rem;
        line-height: .3rem;
    }
    .learn-module .item .title{
        font-size: .3rem;
        line-height: 1.6;
        margin-top: .2rem;
    }
    .learn-module .item .description{
        width: 5rem;
        height: 44px;
        font-size: .2rem;
        line-height: 1.6;

        margin-top: .1rem;
    }
    .learn-module .item .link{
        margin-top: .5rem;
        height: .3rem;
    }
    .learn-module .item .link .btn{
        font-size: .2rem;

        color: #297BFF;
        line-height: .3rem;
        margin-right: .3rem;
    }
}