/**
    产品通用详情页-核心优势
 */
.A{

}
.A .list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.A .item{
    width: calc((100% - 60px) /3);
    min-height: 140px;
    background:  #F8F9FB;
    border-radius: 12px;

    box-sizing: border-box;
    margin: 10px;
    padding: 30px;
    position: relative;
}
.A .item .icon{
    width: 72px;
    height: 72px;
    position: absolute;
    right: 30px;
    top: 30px;
}
.A .item .icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.A .item .title{
    width: calc(100% - 80px);
    font-size: 20px;
    font-weight: 400;
    color: #2D3849;
    line-height: 32px;
}
.A .item .description{
    width: calc(100% - 80px);
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;
    text-align: justify;

    margin-top: 15px;
}
.A.col2 .item{
    width: calc((100% - 40px) /2);
}
.A.col2 .item .title,
.A.col2 .item .description{
    width: calc(100% - 90px);
}
.A.col3 .item{
    width: calc((100% - 60px) /3);
}
.A.col4 .item{
    width: calc((100% - 80px) /4);
}

@media screen and (max-width: 767px) {
    .A .list{
        margin: -0.1rem 0;
    }
    .A .item{
        width: 100% !important;
        margin: 0.1rem 0;
        padding: 0.3rem 0.2rem;
        min-height: 0.12rem;
        border-radius: 0.1rem;
    }
    .A .item .icon{
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: 0.3rem;
        right: 0.3rem;
    }
    .A .item .title{
        width: calc(100% - 1.1rem) !important;
        font-size: 0.28rem;
        line-height: 1.6;
    }
    .A .item .description{
        width: calc(100% - 1.3rem) !important;
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.1rem;
    }
}

/**
    超融合聚合页-价值主张
 */
.A1{
}
.A1 .list{
    display: flex;
    margin: 0 -10px;
    box-sizing: border-box;
}
.A1 .item{
    display: block;
    width: calc((100% - 60px) /4);
    height: 150px;
    background:  #F8F9FB;
    border-radius: 12px;
    padding: 28px 30px;
    box-sizing: border-box;
    margin: 0 10px;
    position: relative;
}
.A1 .item .title{
    font-size: 20px;
    font-weight: 400;
    color: #35353F;
    line-height: 32px;
}
.A1 .item .description{
    width: calc(100% - 80px);
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;
    padding-top: 10px;
    width: 150px;
}
.A1 .item .icon{
    width: 68px;
    height: 68px;
    position: absolute;
    right: 28px;
    top: 30px;
}
.A1 .item .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.A1 .item:hover{
    height: 147px;
    background: linear-gradient(43deg, #C4F2E7 0%, #ECF2FB 23%, #F9FCFF 41%, #CFEFFF 69%, #8DCCFE 100%);
    border-radius: 12px;
    border-image: linear-gradient(216deg, rgba(149, 202, 255, 1), rgba(230, 255, 253, 0)) 1 1;
}


/**
    超融合聚合页-产品特性
 */
.A3{

}
.A3 .list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.A3 .item{
    width: calc((100% - 40px) /2);
    background:  #F8F9FB;
    border-radius: 12px;

    box-sizing: border-box;
    margin: 10px;
    padding: 30px;
    position: relative;
}
.A3 .item .icon{
    width: 30px;
    height: 30px;
}
.A3 .item .icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.A3 .item .title{
    width: calc(100% - 110px);
    font-size: 20px;
    font-weight: 400;
    color: #2D3849;
    line-height: 32px;

    margin-top: 10px;
}
.A3 .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;

    margin-top: 10px;
}
.A3.gary .item{
    background: #FFF;
}
@media screen and (max-width: 767px) {
    .A3 .list{
        margin: -0.1rem 0;
    }
    .A3 .item{
        width: 100%;
        margin: 0.1rem 0;
        padding: 0.3rem;
        min-height: 0.12rem;
    }
    .A3 .item .icon{
        width: 0.5rem;
        height: 0.5rem;
    }
    .A3 .item .title{
        font-size: 0.28rem;
        line-height: 1.6;
    }
    .A3 .item .description{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.15rem;
    }
}
/**
    解决方案详情页-行业优势
 */
.A2{

}
.A2 .list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.A2 .item{
    width: calc((100% - 40px) /2);
    background:  #FFF;
    border-radius: 12px;

    box-sizing: border-box;
    margin: 10px;
    padding: 30px 30px 30px 130px;
    position: relative;
    border: 1px solid #E9EFF6;
}
.A2 .item .icon{
    width: 72px;
    height: 72px;
    position: absolute;
    left: 30px;
    top: 30px;
}
.A2 .item .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.A2 .item .title{
    font-size: 20px;
    font-weight: 400;
    color: #2D3849;
    line-height: 32px;
}
.A2 .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;

    margin-top: 15px;
}
/* 迁云工具 */
.A5 .list{
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
}
.A5 .item{
    width: calc((100% - 40px) /2);
    background: linear-gradient(142deg, #F6F8FF 0%, #FFFFFF 100%);
    border-radius: 12px;
    padding: 27px 30px;
    margin: 10px;
    box-sizing: border-box;
}
.A5 .item .title{
    font-size: 24px;
    font-weight: 400;
    color: #2D3849;
    line-height: 36px;
}
.A5 .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;

    margin-top: 19px;
}
@media screen and (max-width: 767px) {
    .A5 .item{
        width: 100%;
        padding: 0.25rem 0.3rem;
        border-radius: 0.1rem;
    }
    .A5 .item .title{
        font-size: 0.28rem;
        line-height: 1.6;
    }
    .A5 .item .description{
        font-size:0.24rem;
        line-height: 1.6;
        margin-top: 0.1rem;
    }
}
/**
    架构图
 */

.C{

}
.C .wrapper{
    margin: auto;
}
.C .wrapper img{
    width: 100%;
}
.C .wrapper{
    /*width: 1000px;*/
    height: fit-content;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E9ECEF;
    overflow: hidden;
}

/*产品配置*/
.config-module{
    background: linear-gradient(180deg, #DBEDFE 10%, #F9FCFF 100%);
}
.config-module .config-content{
    margin-top: 40px;
}
.config-module .item{
    height: 172px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(237,246,254,0.5);
    border-radius: 12px;

    margin-bottom: 17px;
    overflow: hidden;

    display: flex;
}
.config-module .item-info{
    width: 280px;
    height: 100%;

    padding: 58px 34px 50px;
    box-sizing: border-box;
    background: linear-gradient(215deg, #E8F0FC 0%, #F7FAFE 100%);

    position: relative;
    flex-shrink: 0;
}
.config-module .item .tag{
    width: 100px;
    height: 20px;
    background: #09B7FF;

    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;

    transform: rotate(-45deg);
    transform-origin: center center;
    position: absolute;
    left: -25px;
    top: 15px;
}
.config-module .item .title{
    font-size: 20px;
    font-weight: 400;
    color: #2D3849;
    line-height: 32px;
}
.config-module .item .description{
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;

    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.config-module .item-content {
    width: calc(100% - 280px);
    height: 100%;
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
}
.config-module .left{
    box-sizing: border-box;
    display: flex;
}

.config-module .config{
    margin-right: 30px;
    flex-shrink: 0;

}
.config-module .config-list{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin: -5px;

}
.config-module .config-item{
    width: 164px;
    height: 87px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E9ECEF;
    padding: 17px 20px;
    box-sizing: border-box;

    margin: 0 5px;
}
.config-module .config-item .name{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;
}
.config-module .config-item .val{
    font-size: 24px;
    font-weight: 600;
    color: #2D3849;
    line-height: 32px;
    margin-top: 2px;
}
.config-module .config-item .val span{
    font-size: 16px;
}
.config-module .scen{
}
.config-module .scen .name{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 14px;
}
.config-module .scen-list{
    display: flex;
    flex-wrap: wrap;
    margin: 15px -5px 0;
}
.config-module .scen-item{
    width: fit-content;
    height: 24px;
    background: #F4F6FB;
    border-radius: 13px;
    padding: 2px 20px;
    margin: 5px;
    box-sizing: border-box;

    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 20px;
}

.config-module .right{
    display: none;
}

/*active*/
.config-module .item.active{
    height: 300px;
}
.config-module .item.active .tag{
    background: #2773FF;
}
.config-module .item.active .description{
    height: 132px;
    -webkit-line-clamp: 6;
    line-clamp: 6;
}
.config-module .item.active .item-content{
    justify-content: space-between;
}
.config-module .item.active .left{
    width: 525px;
    display: block;
}
.config-module .item.active .config{
    margin-right: unset;
}
.config-module .item.active .scen{
    margin-top: 35px;
}

.config-module .item.active .right{
    width: calc(100% - 545px);
    padding-left: 40px;
    box-sizing: border-box;

    border-left: 1px solid #E8EBEE;
    display: block;
}
.config-module .item .right .filter-item{
    display: flex;
    margin-bottom: 16px;
}

.config-module .item .right .filter-item .name{
    height: 40px;
    width: 200px;
    font-size: 14px;
    font-weight: 600;
    color: #2D3849;
    line-height: 40px;
}
.config-module .item .right .filter-item .val{
    width: 192px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #D6D6D6;
    padding: 0px 15px;
    box-sizing: border-box;

    flex-shrink: 0;
}
.config-module .item .right .filter-item .val select{
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
}
.config-module .item .right .btn{
    width: 100%;
    height: 40px;
    background: #2773FF;
    border-radius: 20px;

    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
}
/*应用场景*/
.scenario-module{
    overflow: hidden;
}
.scenario-module .scenario-content{
    margin-top: 40px;
}
.scenario-module .item{
    display: flex;
    /*justify-content: space-between;*/
}
.scenario-module .item .cover{
    /*width: 810px;*/
    width: 100%;
    min-height: 500px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E9ECEF;
    box-sizing: border-box;
    overflow: hidden;

    position: relative;
}
.scenario-module .item .cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
}
.scenario-module .item .cover img,
.scenario-module .item .cover.img-contain img,
.scenario-module .item .cover img.img-contain{
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    box-sizing: border-box;
}
.scenario-module .item .cover.img-cover img,
.scenario-module .item .cover img.img-cover{
    width: 100%;
    height: 100%;
    margin: 0;
}
.scenario-module .item .title{
    font-size: 14px;
    font-weight: 400;
    color: #7080C3;
    line-height: 22px;
    margin-top: 20px;
}
.scenario-module .item .title:nth-child(1){
    margin-top: 0;
}
.scenario-module .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;
}
.scenario-module .item .description p{
    white-space:pre-line;
}
.scenario-module .item .content{
    flex-shrink: 0;
    width: 330px;
    min-height: 500px;
    box-sizing: border-box;
    padding: 35px 0px;
    box-sizing: border-box;
    margin-left: 60px;
}
.scenario-module .scen-list{
    display: flex;
    flex-wrap: wrap;
    margin: 5px -5px 0;
}
.scenario-module .scen-item{
    width: fit-content;
    height: 24px;
    background: #E5EAF3;
    border-radius: 13px;
    padding: 2px 20px;
    box-sizing: border-box;
    margin: 5px;

    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 20px;
}
.scenario-module .advantage-list{
    margin-top: 12px;
    margin-bottom: -10px;
}
.scenario-module .advantage-item{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;
    margin-bottom: 10px;
}
.scenario-module .advantage-item .name{
    width: fit-content;
    height: 22px;
    padding:  0px 10px;
    border-radius: 11px;
    margin-bottom: 5px;

    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;
    background: #D3EBFF;
}
.scenario-module .product-list{
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}
.scenario-module .product-item{
    width: calc((100% - 20px) /2);
    height: 60px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E9ECEF;
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin: 5px;
}
.scenario-module .product-item .icon{
    width: 27px;
    height: 27px;
    margin-right: 8px;
    flex-shrink: 0;
}
.scenario-module .product-item .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.scenario-module .product-item .name{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 20px;
}
.scenario-module .product-item:hover .name{
    color: #2773FF;
}

.scenario-module.th2 .item{
    padding: 30px;
    background: #fff;
    border-radius: 12px;
}
.scenario-module.th2 .item .cover{
    min-height: 385px;
}
.scenario-module.th2 .item .content{
    min-height: 385px;
}
@media screen and (max-width: 767px) {
    .scenario-module .scenario-content{
        margin-top: 0.4rem;
    }
    .scenario-module .item{
        background: #FFF;
        padding: 0.3rem;
        border-radius: 0.15rem;
        display: block;
        justify-content: unset;
        border: 0.01rem solid #E9ECEF;
    }
    .scenario-module .item .cover{
        width: 100%;
        height: 4rem;
        min-height: 4rem;
        background: #FFFFFF;
        border-radius: unset;
        border: 1px solid #E9ECEF;
        overflow: hidden;

        position: relative;
    }
    .scenario-module .item .cover img{
        width: 100%;
        object-fit: contain;
        position: unset;
        left: unset;
        top: unset;
    }
    .scenario-module .item .cover img,
    .scenario-module .item .cover.img-contain img,
    .scenario-module .item .cover img.img-contain{
        width: calc(100% - 0.3rem);
        height: calc(100% - 0.3rem);
        margin: 0.15rem;
        box-sizing: border-box;
    }
    .scenario-module .item .content{
        width: 100%;
        min-height: unset;
        box-sizing: border-box;
        padding: unset;
        margin-top: 0.2rem;
        margin-left: unset;
    }
    .scenario-module .item .title{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.2rem;
    }
    .scenario-module .item .description{
        font-size: 0.2rem;
        line-height: 1.6;
    }
    .scenario-module .product-item {
        width: calc((100% - 0.2rem) /2);
        height: 1rem;
        background: #FFFFFF;
        border-radius: 0.15rem;
        border: 0.01rem solid #E9ECEF;
        padding: 0.1rem 0.15rem;
        margin: 0.05rem;
    }
    .scenario-module .product-item .name {
        font-size: 0.22rem;
        line-height: 1.6;
    }
    .scenario-module .advantage-list{
        margin-top: 0.12rem;
        margin-bottom: -0.1rem;
    }
    .scenario-module .advantage-item{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-bottom: 0.1rem;
    }
    .scenario-module .advantage-item .name{
        height: 0.32rem;
        padding:  0 0.1rem;
        border-radius: 0.16rem;
        margin-bottom: 0.05rem;

        font-size: 0.2rem;
        line-height: 1.6;
    }
    .scenario-module.th2 .item .cover{
        min-height: unset;
    }
    .scenario-module.th2 .item .content{
        min-height: unset;
    }
}


/*产品新特性*/
.characteristic-module{
    height: 599px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F5FAFF 34%, #E5F3FF 100%);
    position: relative;
}
.characteristic-module .module-title{
    color: #29406A;
    background: linear-gradient(148deg, #509CFF 0%, #2C55FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.characteristic-module::before{
    display: block;
    content: '';
    width: calc((100% - var(--safe-content-width))/2 + 100px );
    height: 100%;
    background: linear-gradient(-90deg, rgba(229,244,255,0) 0%, rgba(229,244,255,0) 0%, rgba(229,243,255,0.94) 72%, #E5F3FF 100%);
    position: absolute;
    left: 0;
    top: 0;

    z-index: 1;
}
.characteristic-module::after{
    display: block;
    content: '';
    width: calc((100% - var(--safe-content-width))/2 + 100px );
    height: 100%;
    background: linear-gradient(90deg, rgba(229,244,255,0) 0%, rgba(229,244,255,0) 0%, rgba(229,243,255,0.94) 72%, #E5F3FF 100%);
    position: absolute;
    right: 0;
    top: 0;

    z-index: 1;
}
.characteristic-module .swiper{
    z-index: 2;
}

.characteristic-module .item{
    cursor: pointer;
    transition: all 0.5s;
}
.characteristic-module .item .card{
    width: 100%;
    height: 267px;
    /*box-shadow: 0px 4px 20px 0px rgba(196,236,253,0.53);*/
    border-radius: 12px;
    box-sizing: border-box;
    border: 4px solid transparent;

    padding: 35px 30px;
    box-sizing: border-box;
}
.characteristic-module .item .title{
    font-size: 18px;
    font-weight: 400;
    color: #5A6779;
    line-height: 26px;
}
.characteristic-module .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;

    margin-top: 18px;
}
.characteristic-module .item .time{
    width: 209px;
    height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #2D3849;
    line-height: 24px;

    margin: 40px auto 0;
    position: relative;

    transition: all 0.5s;
}
.characteristic-module .item .time:before{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: #3B72FF;
    border: 4px solid #E5F3FF;
    border-radius: 8px;
    position: absolute;
    top: -23px;
    left: 0;
}
.characteristic-module .container{
    position: relative;
}
.characteristic-module .timeline{
    width: 100%;
    height: 5px;
    background: linear-gradient(-90deg, #4C4EE0 0%, #3C72FF 20%, #03BDFF 80%, #20D0FF 100%);
    position: absolute;
    left: 0;
    top: 432px;
}

/*.characteristic-module .swiper-button-prev{*/
/*    left: -68px;*/
/*}*/
/*.characteristic-module .swiper-button-next{*/
/*    right: -68px;*/
/*}*/
/*.characteristic-module .swiper-button-prev,*/
/*.characteristic-module .swiper-button-next{*/
/*    width: 48px;*/
/*    height: 48px;*/
/*    background: #FFFFFF;*/
/*    box-shadow: 0px 4px 12px -4px rgba(201,225,214,0.53);*/
/*    border-radius: 24px;*/

/*    top: 110px;*/
/*}*/
/*.characteristic-module .swiper-button-prev::after,*/
/*.characteristic-module .swiper-button-next::after{*/
/*    font-size: 14px;*/
/*    color: #5A6779;*/
/*}*/
/*.characteristic-module .swiper-button-disabled {*/
/*    opacity: unset !important;*/
/*    cursor: auto;*/
/*    pointer-events: none;*/
/*}*/
/*.characteristic-module .swiper-button-disabled::after {*/
/*    opacity: 0.2;*/
/*}*/

.characteristic-module .item:hover .card{
    border: 4px solid #fff;
    background: url("/image/product/characteristic_item_hover_bg.png") no-repeat center;
    background-size: cover;
}
.characteristic-module .item:hover .time{
    font-size: 20px;
    color: #333333;
    background: linear-gradient(90deg, #209FFF 0%, #4B68E3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*文档中心*/
.document-module{
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F6F8 50%);
}
.document-module .list{
    display: flex;
    justify-content: center;
    margin: 0 8px;
}
.document-module .block{
    width: 33.33%;
    padding: 0 8px;
}
.document-module .item{
    width: 100%;
    height: 230px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px -4px rgba(242,246,252,0.51);
    border-radius: 12px;
    padding: 30px;
    box-sizing: border-box;

    display: flex;
    position: relative;
}
.document-module .item .cover{
    width: 125px;
    height: 167px;
    background: linear-gradient(224deg, #366CFF 0%, #45E8CF 100%);
    border-radius: 2px;

    padding: 35px 15px 0px;
    box-sizing: border-box;

    flex-shrink: 0;
    margin-right: 20px;
}
.document-module .item .cover .title{
    font-size: 20px;
    font-weight: 600;
    color: #DBF1FF;
    line-height: 28px;
}
.document-module .item .link-list{
    margin-top: 24px;
}
.document-module .item .link-list .link-item{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 28px;
    padding-left: 11px;
    position: relative;
}
.document-module .item .link-list .link-item::before{
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    background: #AED5E8;
    position: absolute;
    left: 0;
    top: 12px;
}

.document-module .item .link-list .link-item:hover{
    color: #2773FF;
}
.document-module .item .btn{
    display: block;
    height: 32px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #2773FF;
    padding: 0 20px;
    box-sizing: border-box;

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

    position: absolute;
    bottom: 30px;
    left: 175px;
}

/*通用产品详情页-核心功能*/

.core-module{

}
.core-module .safe-content{
    display: flex;
}
.core-module .core-module-title{
    width: 300px;
    margin-right: 10px;
    flex-shrink: 0;
    text-align: left;
}
.core-module .core-module-body{
    width: calc( 100% - 310px);
}
.core-module .list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;

}
.core-module .item{
    width: calc((100% - 40px)/2);
    min-height: 157px;
    background: #F8F9FB;
    border-radius: 12px;
    padding: 30px 28px;
    box-sizing: border-box;
    margin: 10px;
}
.core-module .item .title{
    font-size: 20px;
    font-weight: 400;
    color: #2D3849;
    line-height: 32px;
}
.core-module .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;
    margin-top: 15px;
    text-align: justify;
}
.core-module.gradient .item{
    background: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .core-module .safe-content{
        display: block;
    }
    .core-module .core-module-title{
        width: 100%;
        text-align: center;
    }
    .core-module .core-module-body{
        margin-top: 0.4rem;
        width: 100%;
    }
    .core-module .list{
        margin: -0.1rem 0;
    }
    .core-module .item{
        width: 100%;
        min-height: 1.5rem;
        border-radius: 12px;
        padding: 0.3rem;
        margin: 0.1rem 0;
    }
    .core-module .item .title{
        font-size: 0.28rem;
        line-height: 1.6;
        /*text-align: center;*/
    }
    .core-module .item .description{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.15rem;
        /*text-align: center;*/
    }
}

/**
    专属云专题页-客户案例
 */
.customer-module{
}
.customer-module .carousel{
    position: relative;
}
.customer-module .swiper{
    margin: -10px;
}
.customer-module .swiper-slide{
    padding: 10px;
    box-sizing: border-box;
}
.customer-module .item{
    display: block;
    height: 370px;
    background: #F8F9FB;
    border-radius: 12px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;

    transition: all 0.3s ease-out;
}
.customer-module .item .cover{
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.customer-module .item .title{
    height: 56px;
    font-size: 20px;
    font-weight: 400;
    color: #2D3849;
    line-height: 28px;
    padding-right: 30px;
    margin: 20px 5px 0;

    transition: all 0.3s ease-out;
}
.customer-module .item .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;

    margin: 12px 5px 0;

    transition: all 0.3s ease-out;
}

.customer-module a.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{*/
/*    font-weight: 600;*/
/*    color: #2773FF;*/
/*}*/
.customer-module .item:hover .description{
    /*color: #2773FF;*/
}
@media screen and (max-width: 767px) {
    .customer-module .swiper{
        margin: -0.1rem;
    }
    .customer-module .swiper-slide{
        padding: 0.1rem;
    }
    .customer-module .item{
        min-height: 6rem;
        height: fit-content;
        border-radius: 0.15rem;
        padding: 0.3rem;
    }
    .customer-module .item .cover{
        height: 3rem;
    }
    .customer-module .item .title{
        height: 0.9rem;
        font-size: 0.28rem;
        line-height: 1.6;
        padding-right: 0.3rem;
        margin: 0.2rem 0.05rem 0;
    }
    .customer-module .item .description{
        min-height: 0.96rem;
        height: fit-content;
        font-size: 0.2rem;
        line-height: 0.32rem;

        margin: 0.15rem 0.05rem 0;

        overflow: unset;
        text-overflow: unset;
        line-clamp: unset;
     -webkit-line-clamp: unset;
     -webkit-box-orient: unset;
    }
}


/*专属云专题页-相关产品*/
.related-module{

}
.related-module .list{
    display: flex;
    margin: 0 -10px;
}
.related-module .item{
    display: block;
    width: calc((100% - 80px)/4);
    height: 260px;
    padding: 25px 20px;
    margin: 0px 10px;
    box-sizing: border-box;
    background: linear-gradient(142deg, #E9EDF8 0%, #F9FBFE 100%);
    border-radius: 12px;
    overflow: hidden;
    position: relative;

    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.related-module .title{
    font-size: 24px;
    font-weight: 300;
    color: #1E316C;
    line-height: 30px;

    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.related-module .subtitle{
    font-size: 14px;
    font-weight: 300;
    color: #5A6779;
    line-height: 20px;
    margin-top: 4px;

    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.related-module .btn{
    width: fit-content;
    height: 32px;
    background: #E5F0FA;
    border-radius: 16px;
    padding: 0 14px;

    margin-top: 20px;

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

    opacity: 0;

    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.related-module .icon{
    width: 70px;
    height: 70px;
    position: absolute;
    right: 45px;
    bottom: 35px;
    object-fit: contain;

    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.related-module .item:hover{
    background: url("../image/related_bg_hover.png") no-repeat;
    background-size: cover;
    transform: translateY(-5px);
}
.related-module .item:hover .title{
    font-weight: 600;
    color: #2773FF;
}
.related-module .item:hover .subtitle{
    color: #2773FF;
}
.related-module .item:hover .btn{
    opacity: 1;
}
.related-module .item:hover .icon{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/**
    专属云专题页-核心优势
 */
.advantage-module_2{

}
.advantage-module_2 .ability {
    margin-top: 60px;
}
.advantage-module_2 .ability .ability-title{
    font-size: 26px;
    font-weight: 300;
    color: #215BC0;
    text-align: center;
    line-height: 44px;
    background: linear-gradient(90deg, #4B68E3 0%, #209FFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.advantage-module_2 .ability .list{
    display: flex;
    flex-wrap: wrap;
    margin: 25px -10px 0px;
}
.advantage-module_2 .ability .item{
    width: calc((100% - 80px) /4);
    background: linear-gradient(142deg, #E9EDF8 0%, #F9FBFE 100%);
    border-radius: 12px;
    padding: 25px 20px 85px;
    margin: 0 10px;
    box-sizing: border-box;
    position: relative;

    font-family: PingFangSC-Light, PingFang SC;

    cursor: pointer;
}
.advantage-module_2 .ability .no{
    font-size: 24px;
    font-weight: 300;
    color: #1E316C;
    line-height: 30px;
}
.advantage-module_2 .ability .title{
    font-size: 24px;
    font-weight: 300;
    color: #2D3849;
    line-height: 32px;
    margin-top: 15px;
}
.advantage-module_2 .ability .title.small{
    font-size: 18px;
}
.advantage-module_2 .ability .description{
    font-size: 14px;
    font-weight: 300;
    color: #2D3849;
    line-height: 22px;
    margin-top: 12px;
}
.advantage-module_2 .ability .icon{
    width: 60px;
    height: 60px;
    object-fit: contain;

    position: absolute;
    right: 20px;
    bottom: 20px;
}
.advantage-module_2 .ability .item,
.advantage-module_2 .ability .item .no,
.advantage-module_2 .ability .item .title,
.advantage-module_2 .ability .item .description{
    /*transition: 0.3s;*/
    /*-webkit-transition: 0.3s;*/
}
.advantage-module_2 .ability .item:hover{
    background: #F4FBFE;
}
.advantage-module_2 .ability .item:hover .no,
.advantage-module_2 .ability .item:hover .title,
.advantage-module_2 .ability .item:hover .description{
    color: #2773FF;
}
.advantage-module_2 .floor{
    position: relative;
}
.advantage-module_2 .floor::after{
    display: block;
    content: '';
    background: url("../image/product/advantage_2_floor_slide.png") no-repeat;
    background-size: contain;
    width: 113px;
    height: 92px;
    margin-left: -56px;

    position: absolute;
    bottom: -54px;
    left: 50%;
}
.advantage-module_2 .floor .info{
    width: 248px;
    height: 248px;
    margin-left: -124px;
    background: linear-gradient(43deg, #C4F2E7 0%, #ECF2FB 6%, #F9FCFF 18%, #CFEFFF 69%, #8DCCFE 100%);
    border: 10px solid #FFFFFF;
    border-radius: 124px;
    box-sizing: border-box;

    position: absolute;
    left: 50%;
    top: 30px;
}
.advantage-module_2 .floor .info .title{
    font-size: 32px;
    font-weight: 600;
    color: #2773FF;
    line-height: 30px;
    margin-top: 9px;
    text-align: center;
}
.advantage-module_2 .floor .info .subtitle{
    font-size: 20px;
    font-weight: 300;
    color: #2773FF;
    line-height: 28px;
    margin-top: 80px;
    text-align: center;
}
.advantage-module_2 .floor .list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -10px;
}
.advantage-module_2 .floor .item{
    width: 500px;
    height: 167px;
    background: #F8F9FB;
    margin: 10px;
    padding: 30px 110px 30px 30px;
    box-sizing: border-box;
    border-radius: 12px 12px 12px 40px;

    position: relative;
}
.advantage-module_2 .floor .item:nth-child(2n){
    padding: 30px 30px 30px 110px;
}

.advantage-module_2 .floor .item:nth-child(2){
    border-radius: 12px 12px 40px 12px;
}
.advantage-module_2 .floor .item:nth-child(3){
    border-radius: 40px 12px 12px 12px;
}
.advantage-module_2 .floor .item:nth-child(4){
    border-radius: 12px 40px 12px 12px;
}
.advantage-module_2 .floor .title{
    font-size: 20px;
    font-weight: 400;
    color: #35353F;
    line-height: 32px;
}
.advantage-module_2 .floor .description{
    height: 66px;
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;
    margin-top: 8px;
}
.advantage-module_2 .floor .icon{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 30px;
    right: 35px;
}
.advantage-module_2 .floor .item:nth-child(2n) .icon{
    left: 35px;
    right: unset;
}
@media screen and (max-width: 767px) {
    .advantage-module_2 .floor .info{
        display: none;
    }
    .advantage-module_2 .floor::after {
        display: none;
    }
    .advantage-module_2 .floor .list{
        margin: -10px;
    }
    .advantage-module_2 .floor .item{
        width: 100%;
        height: fit-content !important;
        margin: 0.1rem;
        padding: 0.3rem 1.2rem 0.3rem 0.3rem !important;
        border-radius: 0.15rem !important;
    }
    .advantage-module_2 .floor .title{
        font-size: 0.24rem;
        line-height: 1.6;
    }
    .advantage-module_2 .floor .description{
        height: fit-content;
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.1rem;
    }
    .advantage-module_2 .floor .icon{
        width: 0.8rem;
        height: 0.8rem;
        position: absolute;
        top: 0.3rem !important;
        right: 0.3rem !important;
        left: unset!important;;
    }

    .advantage-module_2 .ability {
        margin-top: .5rem;
    }
    .advantage-module_2 .ability .ability-title{
        font-size: .32rem;
        line-height: 1.6;
    }
    .advantage-module_2 .ability .list{
        margin: .25rem 0px;
    }
    .advantage-module_2 .ability .item{
        width: 100%;
        border-radius: .15rem;
        padding: .25rem .20rem .85rem;
        margin: .1rem 0;
    }
    .advantage-module_2 .ability .no{
        font-size: .30rem;
        line-height: 1.6;
    }
    .advantage-module_2 .ability .title{
        font-size: .3rem;
        line-height: 1.6;
        margin-top: .15rem;
    }
    .advantage-module_2 .ability .title.small{
        font-size: .24rem;
    }
    .advantage-module_2 .ability .description{
        font-size: .2rem;
        line-height: 1.6;
        margin-top: .2rem;
    }
    .advantage-module_2 .ability .icon{
        width: .8rem;
        height: .8rem;
        right: .2rem;
        bottom: .2rem;
    }
}


/**
    专属云专题页-发展历程
 */
.course-module{
    /*background: linear-gradient(180deg, #FFFFFF 0%, #F5FAFF 34%, #E5F3FF 100%);*/
    background: #E5F3FF;
    position: relative;
}
.course-module::before{
    display: block;
    content: '';
    width: calc((100% - var(--safe-content-width))/2 + 100px );
    height: 100%;
    background: linear-gradient(-90deg, rgba(229,244,255,0) 0%, rgba(229,244,255,0) 0%, rgba(229,243,255,0.94) 72%, #E5F3FF 100%);
    position: absolute;
    left: 0;
    top: 0;

    z-index: 1;
}
.course-module::after{
    display: block;
    content: '';
    width: calc((100% - var(--safe-content-width))/2 + 100px );
    height: 100%;
    background: linear-gradient(90deg, rgba(229,244,255,0) 0%, rgba(229,244,255,0) 0%, rgba(229,243,255,0.94) 72%, #E5F3FF 100%);
    position: absolute;
    right: 0;
    top: 0;

    z-index: 1;
}
.course-module .swiper{
    z-index: 2;
}
.course-module .module-title{
    color: #29406A;
    background: linear-gradient(148deg, #509CFF 0%, #2C55FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.course-module .item{
    /*cursor: pointer;*/
    transition: all 0.5s;
}
.course-module .item .card{
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px 0px rgba(196,236,253,0.53);
    border-radius: 12px;
    border: 4px solid #FFFFFF;
    background: url("../image/product/characteristic_item_hover_bg.png") no-repeat right bottom;
    background-size: contain;
    overflow: hidden;
}
.course-module .item .card .card-wrapper{
    width: 100%;
    height: 100%;
    padding: 8px 18px;
    box-sizing: border-box;
    background: rgba(255,255,255,1);
}
.course-module .item .cover{
    width: calc(100% + 20px);
    height: 135px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 -10px;
}
.course-module .item .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.course-module .item .title{
    font-size: 16px;
    font-weight: 400;
    color: #2D3849;
    line-height: 30px;

    margin-top: 18px;
}
.course-module .item .subtitle{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;

    margin-top: 20px;
}
.course-module .split{
    width: 100%;
    height: 1px;
    background: rgba(221,229,243, 0.48);
    margin: 20px 0 5px;
}
.course-module .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 20px;
    padding-top: 5px;
}
.course-module .item .description p{
    margin-top: 15px;
}
.course-module .item .time{
    /*width: 209px;*/
    height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #2D3849;
    line-height: 24px;
    text-align: center;

    margin: 50px auto 0;
    position: relative;

    /*transition: all 0.5s;*/
}
.course-module .item .time:before{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: #3B72FF;
    border: 4px solid #E5F3FF;
    border-radius: 8px;
    position: absolute;
    top: -25px;
    left: calc(50% - 6px);
}
.course-module .item:hover .card .card-wrapper{
    background: rgba(255,255,255,0.2);
}
.course-module .item:hover .title{
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #2773FF;
}
.course-module .item:hover .time{
    font-size: 20px;
    color: #333333;
    background: linear-gradient(90deg, #209FFF 0%, #4B68E3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.course-module .container{
    position: relative;
}
.course-module .timeline{
    width: 100%;
    height: 5px;
    background: linear-gradient(-90deg, #4C4EE0 0%, #3C72FF 20%, #03BDFF 80%, #20D0FF 100%);
    position: absolute;
    left: 0;
    top: 494px;
}
@media screen and (max-width: 767px) {
    .course-module .item .card{
        width: 100%;
        height: 6rem;
        box-shadow: 0px 4px 20px 0px rgba(196,236,253,0.53);
        border-radius: 12px;
        border: 0.01rem solid #FFFFFF;
    }
    .course-module .item .card .card-wrapper{
        width: 100%;
        height: 100%;
        padding: 0.2rem;
    }
    .course-module .item .cover{
        width: 100%;
        height: 4rem;
        border-radius: 0.1rem;
        overflow: hidden;
        margin: 0 ;
    }
    .course-module .item .title{
        font-size: 0.22rem;
        line-height: 1.6;
        margin-top: 0.15rem;
    }
    .course-module .item .subtitle{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.15rem;
    }
    .course-module .item .time{
        /*width: 209px;*/
        height: 0.24rem;
        font-size: 0.2rem;
        line-height: 0.24rem;
        text-align: center;

        margin: 0.75rem auto 0;
        position: relative;

        /*transition: all 0.5s;*/
    }

    .course-module .item .time:before{
        display: block;
        content: '';
        width: 0.16rem;
        height: 0.16rem;
        background: #3B72FF;
        border: 0.1rem solid #E5F3FF;
        border-radius: 0.18rem;
        position: absolute;
        top: -0.5rem;
        left: calc(50% - 6px);
    }
    .course-module .timeline{
        height: 0.08rem;
        top: 7.8rem;
    }
}

/**
    存储聚合页-获奖和证书
    超融合聚合页-获奖和证书
 */
.certificate-module{
}
.certificate-module .list{
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}
.certificate-module .list .item{
    width: calc((100% - 90px) /3);
    height: 100px;
    border-radius: 12px;
    box-sizing: border-box;
    margin: 15px;
    text-align: center;
    background: #FFFFFF;
    position: relative;
}
.certificate-module .item:before{
    display: block;
    content: '';
    background: url("../image/product/certificate_wheat.svg") no-repeat;
    background-size: contain;
    width: 40px;
    height: 70px;
    position: absolute;
    left: 15px;
    top: 16px;
}
.certificate-module .item:after{
    display: block;
    content: '';
    background: url("../image/product/certificate_wheat.svg") no-repeat;
    background-size: contain;
    width: 40px;
    height: 70px;
    position: absolute;
    right: 15px;
    top: 16px;

    transform: rotateY(180deg);
}

.certificate-module .list .item .title{
    font-size: 20px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #35353F;
    line-height: 26px;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
    .certificate-module .list{
        margin: -0.15rem;
    }
    .certificate-module .list .item{
        width: 100%;
        height: 1.3rem;
        border-radius: 0.12rem;
        margin: 0.15rem;
    }
    .certificate-module .item:before{
        width: 0.5rem;
        height: 1rem;
        left: 0.15rem;
        top: 0.20rem;
    }
    .certificate-module .item:after{
        width: 0.5rem;
        height: 1rem;
        right: 0.15rem;
        top: 0.20rem;
    }
    .certificate-module .list .item .title {
        font-size: 0.3rem;
    }
}
/**
    专属云专题页-屡获业界权威认证
 */
.certificate-module_2{

}
.certificate-module_2 .list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.certificate-module_2 .item{
    width: calc((100% - 60px) /3);
    height: 80px;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 10px;
    background: #FFFFFF;

    padding: 15px 30px;
    position: relative;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.certificate-module_2 .item:before{
    display: block;
    content: '';
    background: url("../image/product/certificate_wheat.svg") no-repeat;
    background-size: contain;
    width: 25px;
    height: 46px;
    position: absolute;
    left: 15px;
    top: 16px;
}
.certificate-module_2 .item:after{
    display: block;
    content: '';
    background: url("../image/product/certificate_wheat.svg") no-repeat;
    background-size: contain;
    width: 25px;
    height: 46px;
    position: absolute;
    right: 15px;
    top: 16px;

    transform: rotateY(180deg);
}
.certificate-module_2 .title{
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #2D3849;
    line-height: 32px;
    text-align: center;

    position: relative;
    z-index: 1;
}
.certificate-module_2 .subtitle{
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;
    text-align: center;

    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .certificate-module_2 .list{
        margin: -0.15rem;
    }
    .certificate-module_2 .list .item{
        width: 100%;
        height: 1.3rem;
        border-radius: 0.12rem;
        margin: 0.15rem;
    }
    .certificate-module_2 .item:before{
        width: 0.5rem;
        height: 1rem;
        left: 0.15rem;
        top: 0.20rem;
    }
    .certificate-module_2 .item:after{
        width: 0.5rem;
        height: 1rem;
        right: 0.15rem;
        top: 0.20rem;
    }
    .certificate-module_2 .subtitle{
        font-size: .2rem;
        line-height: .32rem;

    }
    .certificate-module_2 .list .item .title {
        font-size: 0.3rem;
    }
}


/**
    专属云专题页-广泛的生态沉淀
 */
.eco-module{
}
.eco-module .list{
    display: flex;
    margin: 0 -10px;
    padding-top: 20px;
}
.eco-module .list .item{
    width: calc((100% - 100px)/5);
    height: 80px;
    margin: 0 10px;
}
.eco-module .num{
    font-size: 38px;
    font-weight: 600;
    color: #3B72FF;
    line-height: 32px;
    text-align: center;
}
.eco-module .name{
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    line-height: 30px;
    margin-top: 12px;
    text-align: center;
}
.eco-module .logo{
    display: flex;
    flex-wrap: wrap;
    margin: 35px -10px -10px;
}
.eco-module .logo .item{
    width: calc((100% - 100px)/5);
    height: 80px;
    background: #FFFFFF;
    box-shadow: 4px 4px 16px -4px rgba(143,177,207,0.2);
    margin: 10px;
}
.eco-module .logo .item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.eco-module .join{
    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: #2773FF;
    line-height: 32px;

    margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
    .eco-module .logo{
        margin: 0.3rem -0.1rem -0.1rem;
    }
    .eco-module .logo .item{
        width: calc((100% - 0.6rem)/3);
        height: 0.8rem;
        margin: 0.1rem;
    }
}



/**
    解决方案详情页-典型实践
 */
.B1{

}
.B1 .tab-content{
    margin-top: 40px;
}
.B1 .item{
    height: 445px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E9ECEF;

    padding: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.B1 .cover{
    width: 650px;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.B1 .cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.B1 .content{
    width: 450px;
}
.B1 .title{
    font-size: 14px;
    font-weight: 400;
    color: #7080C3;
    line-height: 22px;
    margin-top: 15px;
}
.B1 .description{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;
    margin-top: 15px;
}
.B1 .btn{
    display: block;
    width: fit-content;
    height: 40px;
    background: #2773FF;
    border-radius: 20px;
    padding: 0 35px;

    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;

    margin-top: 25px;
    margin-bottom: 30px;
}
.B1 ul li{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;
    margin-top: 12px;
}
@media screen and (max-width: 767px) {
    .B1 .tab-content{
        margin-top: 0.4rem;
    }
    .B1 .item {
        height: fit-content;
        border-radius: 0.15rem;

        padding: 0.3rem;
        /*flex-direction: column-reverse;*/
        flex-wrap: wrap;
    }
    .B1 .cover{
        width: 100%;
        height: 3rem;
        border-radius: 0.1rem;
    }
    .B1 .content{
        width: 450px;
    }
    .B1 .title{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.15rem;
    }
    .B1 .description{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.15rem;
    }
    .B1 .btn{
        height: 0.5rem;
        border-radius: 0.25rem;
        padding: 0 0.35rem;

        font-size: 0.2rem;
        line-height: 0.5rem;

        margin-top: 0.25rem;
        margin-bottom: 0.30rem;
    }
    .B1 ul li{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.1rem;
    }
}
/**
    解决方案详情页-服务模式
 */
.B2{

}
.B2 .item{
    height: 445px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F8FF 100%);
    box-shadow: 0px 0px 40px 0px rgba(212,218,240,0.5);
    border-radius: 12px;

    padding: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.B2 .cover{
    width: 650px;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.B2 .cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.B2 .content{
    width: 440px;
    padding-top: 35px;
}
.B2 .title{
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 24px;
    font-weight: 500;
    color: #35353F;
    line-height: 32px;
}
.B2 .description{
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;

    margin-top: 25px;
}
.B2 .btn{
    display: block;
    width: fit-content;
    height: 40px;
    background: #2773FF;
    border-radius: 20px;
    padding: 0 35px;

    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;

    margin-top: 40px;
}
.B2 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 30px -4px 0;
}
.B2 ul li{
    height: 24px;
    background: #E7F3FF;
    border-radius: 13px;
    padding: 0 20px;
    margin: 4px;

    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 24px;
}
@media screen and (max-width: 767px) {
    .B2 .item{
        height: fit-content;
        border-radius: 0.15rem;

        padding: 0.3rem;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .B2 .cover{
        width: 100%;
        height: 3rem;
        border-radius: 0.15rem;
    }
    .B2 .content{
        width: 100%;
        padding-top: 0.35rem;
    }
    .B2 .title{
        font-size: 0.3rem;
        line-height: 1.6;
    }
    .B2 .description{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.25rem;
    }
    .B2 .btn{
        height: 0.5rem;
        border-radius: 0.25rem;
        padding: 0 0.3rem;

        font-size: 0.2rem;
        line-height: 0.5rem;

        margin-top: 0.4rem;
    }
    .B2 ul{
        margin: 0.3rem -0.05rem 0;
    }
    .B2 ul li{
        height: 0.4rem;
        border-radius: 0.2rem;
        padding: 0 0.2rem;
        margin: 0.05rem;

        font-size:  0.2rem;
        line-height: 0.4rem;
    }
}
/* 增值服务-服务对象 */
.B3  .module-title{
    width: fit-content;
    margin: auto;
    font-weight: 300;
    color: #215BC0;
    background: linear-gradient(90deg, #4B68E3 0%, #209FFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.B3  .item{
    background: #FFFFFF;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.B3 .item .cover{
    width: 611px;
    height: 358px;
    margin-right: 46px;
}
.B3 .item .cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.B3 .item .content p{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;

    margin-bottom: 30px;
}
.B3 .item .content p::before{
    display: inline-block;
    content: '';
    width: 18px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAAAXNSR0IArs4c6QAAAutJREFUWEftlk1rE1EUht+btLEi2Cqif8Qu3Jl/IIVSFcEqEpGC6KK6rF0IoUUKopK60IIbhaGLboRkoT9jFi4juCgWpdI0yZxX7p25MzdfzWdDFw2EQMjkPvOc95wzCifspU4YD06BdEXmn3M6yGCrnsLyzqr64VZp7IYMzBmURDArgjIE2Z18AjVWoPk8p4MDlEjMUoBAAArKKSRQYwO6scKZNFDUMCKAECABCcxnmcC1r2uqPBYgbQaHKAUSmjFA2o4GCqG8yjnc+r6q6scO1AxjIFwYgXdwNoTR4T5WIAtjyuSChNnRb++fA9MClNvk5PkM8gpYX7+nfg0zNDWMqobd1GDF5kfDTCVm7FmxIQMzhc8UzInAn0ghOyiUhknVUBJtJgxtmBcLE8DbbwMTG4phiDlzcdiSfr2K7Lul/kwtrnCmkkExCJrMBGGAFeH9zbSaiQ2tfOPEwU98kQBzcQckd+RLvXcoCxOXKbJjzUDDTHaGCQ2RavkTChTkzKCy4Utmha+naTdTFsbOGXNzjbOmK0wSalI9/YgCiFxDre3MIPy06gylYaoZFHVm2l4v3c20hFqbevIBBRHk4jkRGYsmql87RHbrWWOmFjc4U62g6JbJmHEC/KdLmTovV1I9fo+CWFO2M5JB5ks1gbIwIGajvZSUPITy9tJHZ6Z5tLQORlItbYam2uRAt67JFCZRqVWi3WSNuBkkvL1UfzCdJzWpHr1FQdBUvuhAPRJI7FNw1ZbHNkTUqQPBHL06SJV7k5iKw+rsIWvQZC753vuN/s20hrrdniDVg9coSBB1n7OPnOcZdwoPBdPbciXV/Y323RcvzNCOt8vBzfRmyP6KVHdfReVzOy8J8fYusWAfIYZZyr0/fpDqzhoKJHJmYSJeltsXr+Dm+4eqNgxIf4YcU7fzDSNh+8IIYXrLUPNtk2rhpVkzl6Yvj87MYIYcU9dfID2KzHSf1KMIwhD/0Xuohzikn0tPgbrZ+g90d6A/rAumnAAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 6px;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .B3  .item{
        flex-wrap: wrap;
        padding: 0.2rem;
        border-radius: 0.1rem;
    }
    .B3 .item .cover {
        width: 100%;
        height: 3.5rem;
        margin-bottom: 0.2rem;
        margin-right: unset;
    }
    .B3 .item .content p{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-bottom: 0.2rem;
    }

    .B3 .item .content p::before{
        width: 0.18rem;
        height: 0.16rem;
        margin-right: 0.1rem;
    }
}

/* 资料下载 */

.download-module .list{
    display: flex;
    flex-wrap: wrap;
    margin:-10px;
    box-sizing: border-box;

}
.download-module .list::after{
    display: block;
    content: '';
    clear: both;
}
.download-module .item{
    width: calc((100% - 60px) /3);
    height: 140px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(227,233,239,0.72);
    border-radius: 12px;

    padding: 25px 35px 25px 30px;
    box-sizing: border-box;
    margin:10px;

    display: flex;
    align-items: center;
}
.download-module .item .content{
    width: 100%;
    padding: 0 20px;
}
.download-module .item .title{
    height: 66px;

    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 22px;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.download-module .item .subtitle{
    font-size: 14px;
    font-weight: 400;
    color: #B8BEC6;
    line-height: 18px;
}
.download-module .item .btn_download{
    flex-shrink: 0;

    width: fit-content;
    height: 32px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #2773FF;
    padding: 0 20px;

    font-size: 14px;
    font-weight: 600;
    color: #2773FF;
    line-height: 30px;
}
.download-module .item .icon{
    width: 72px;
    height: 72px;

    flex-shrink: 0;
}
.download-module .item .icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.download-module .item:hover .title{
    color: #2773FF;
}
.download-module .item:hover .btn_download{

    background: #2773FF;
    color: #ffffff;
}
.download-module .more{
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: -40px;
}
.download-module .more button{
    width: 120px;
    height: 40px;
    background:#DEE7F9;
    border-radius: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #2773FF;
    line-height: 18px;
    border: none;
}
.document-module.gary .item{
    background:  #FFFFFF;
}
@media screen and (max-width: 767px) {
    .download-module .list{
        margin: -0.1rem 0;
    }
    .download-module .item {
        width: 100%;
        margin: 0.1rem 0;
        padding: 0.3rem;
        height: 1.8rem;
    }
    .download-module .item .content{
        padding: 0 20px;
    }
    .download-module .item .title{
        width: 100%;
        height: fit-content;
        font-size: 0.28rem;
        line-height: 1.6;
    }
    .download-module .item .subtitle{
        font-size: 0.2rem;
        line-height: 1.6;
    }
    .download-module .item .icon{
        width: 0.8rem;
        height: 0.8rem;
    }
    .download-module .item .btn_download{
        height: 0.5rem;
        padding: 0 0.3rem;

        font-size: 0.22rem;
        line-height: 0.5rem;
    }
}

.H{

}
.H .group{
    background: #F3F4F8 linear-gradient(180deg, #F4FAFF 0%, #E1F1FF 100%);
    padding: 35px 40px 40px;
    box-sizing: border-box;
    border-radius: 10px;
}
.H .content{
    margin-top: 40px;
}
.H .group-title{
    font-size: 18px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #2773FF;
    line-height: 25px;
    text-align: center;
}
.H .list{
    margin: 15px -10px -10px;
    display: flex;
    flex-wrap: wrap;
}
.H .item{
    display: block;
    width: calc((100% - 60px) /3);
    margin: 10px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
}
.H .item .icon{
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.H .item .icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.H .item .name{
    font-size: 20px;
    font-weight: 400;
    color: #2D3849;
    line-height: 32px;

    margin-top: 15px;
}
.H .item .description{
    font-size: 14px;
    font-weight: 400;
    color: #5A6779;
    line-height: 22px;

    margin-top: 10px;
}
.H .item:hover{
    box-shadow: 0px 12px 20px 0px rgba(172, 172, 172, 0.25);
    transition: all 0.3s;
}
.H .item:hover .name{
    color: #2773FF;
}
@media screen and (max-width: 767px) {
    .H .group{
        padding: 0.35rem 0.4rem 0.4rem;
        border-radius: 0.1rem
    }
    .H .content{
        margin-top: 0.4rem;
    }
    .H .group-title{
        font-size: 0.24rem;
        line-height: 1.6;
    }
    .H .list{
        /*display: block;*/
        /*flex-wrap: unset;*/
        margin: 0.15rem -0.1rem -0.1rem;
    }
    .H .item{
        width: 100%;
        padding: 0.3rem;
        border-radius: 0.1rem;
        margin: 0.1rem;
    }
    .H .item .icon{
        display: block;
        width: 0.5rem;
        height: 0.5rem;
    }
    .H .item .name{
        font-size: 0.28rem;
        font-weight: 400;
        color: #2D3849;
        line-height: 1.6;

        margin-top: 0.15rem;
    }
    .H .item .description{
        font-size: 0.2rem;
        line-height: 1.6;

        margin-top: 0.1rem;
    }
}

.H1{
    background: linear-gradient(131deg, #1A2BA9 0%, #09B7FF 60%, #3A5CEB 100%) rgba(0,34,104,0.2);
}
.H1 .module-title{
    color: #ffffff;
}
.H1 .list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    box-sizing: border-box;
}
.H1 .list::after{
    display: block;
    content: '';
    clear: both;
}
.H1 .module-body{
    margin-top: 55px;
}

.H1 .item{
    display: block;
    width: calc((100% - 60px) /3);
    background:  #FFFFFF;
    border-radius: 12px;
    padding: 10px 10px 40px;
    box-sizing: border-box;
    margin: 10px;
    position: relative;
    overflow: hidden;

    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
}
.H1 .item .item-top{
    height: 190px;
    position: relative;
}
.H1 .item .item-top img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.H1 .item .item-top .title{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
    
    font-size: 24px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #0c5cb5;
    line-height: 28px;
    text-align: center;
}
.H1 .item .item-center{
    margin-top: 25px;
    padding: 0px 19px;
}
.H1 .item .item-center .title{
    font-size: 20px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #2D3849;
    line-height: 28px;
}
.H1 .item .item-center .introduce{
    min-height: 66px;
    font-size: 14px;
    font-weight: 400;
    color: #2D3849;
    line-height: 22px;
    margin-top: 15px;
}
.H1 .item .btn{
    width: fit-content;
    height: 32px;
    padding: 0 20px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #2773FF;
    margin-top: 20px;

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

}
.H1 .item:hover{
    box-shadow: 0px 4px 12px -4px rgba(206,213,225,0.53);
    /*transform: translateY(-5px);*/
    /*-webkit-transform: translateY(-5px);*/
    /*-moz-transform: translateY(-5px);*/
    /*-o-transform: translateY(-5px);*/
}
.H1 .item:hover .title{
    color: #2B75FF;
}
.H1 .item:hover .btn{
    background:#2773FF;
    color: #ffffff;
}

.H1.s{
    background: unset;
}
.H1.s .list{
    background: #F3F4F8 linear-gradient(180deg, #F4FAFF 0%, #E1F1FF 100%);
    padding: 35px 40px 40px;
    box-sizing: border-box;
    border-radius: 10px;
}
@media screen and (max-width: 767px) {

    .H1 .list{
        display: flex;
        flex-wrap: wrap;
        margin: -.1rem 0;
        box-sizing: border-box;
    }
    .H1 .module-body{
        margin-top: .5rem;
    }

    .H1 .item{
        width: 100%;
        background:  #FFFFFF;
        border-radius: .15rem;
        padding: .1rem .1rem .4rem;
        margin: .1rem 0;
    }
    .H1 .item .item-top{
        height: 2.5rem;
    }
    .H1 .item .item-center{
        margin-top: .25rem;
        padding: 0px .2rem;
    }
    .H1 .item .item-center .title{
        font-size: .26rem;
        line-height: 1.6;
    }
    .H1 .item .item-center .introduce{
        min-height: 1rem;
        font-size: .2rem;
        line-height: 1.6;
        margin-top: .15rem;
    }
    .H1 .item .btn{
        height: .5rem;
        padding: 0 .2rem;
        border-radius: .25rem;
        border: .01rem solid #2773FF;
        margin-top: .2rem;

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

    }
}


.service-module{
    background-size: cover !important;
    min-height: 450px;
}
.service-module .subtitle{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #35353F;
    line-height: 22px;
    text-align: center;

    margin-top: 26px;
}
.service-module .description{
    width: 520px;

    font-size: 14px;
    font-weight: 400;
    color: #35353F;
    line-height: 22px;
    text-align: center;

    margin: 20px auto 0;
}
.service-module .btn-group{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.service-module .btn{
    display: block;
    cursor: pointer;
    height: 32px;
    background: #2773FF;
    border-radius: 16px;
    padding: 0 20px;
    background: rgba(43,117,255, 0.1);

    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 30px;
    color: #2773FF;

    margin: 0 15px;
}
.service-module .btn:hover{
    background: #2773FF;
    color: #FFFFFF;
}
.service-module.no1 .module-title{
    color: #2773FF;
}
.service-module.no2 .module-title{
    width: fit-content;
    margin: auto;
    background: linear-gradient(90deg, #2152E8 0%, #3399FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.service-module.no3 .module-title{
    width: fit-content;
    margin: auto;
    background: linear-gradient(90deg, #4A4AD3 0%, #9C67FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.service-module.no4 .module-title{
    width: fit-content;
    margin: auto;
    background: linear-gradient(90deg, #3399FF 0%, #38BE9D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
    .service-module{
        min-height: 4rem;
    }
    .service-module .subtitle{
        font-size: 0.22rem;
        line-height: 1.6;
        margin-top: 0.2rem;
    }
    .service-module .description{
        width: 100%;
        font-size: 0.2rem;
        line-height: 1.6;
        margin: 0.2rem auto 0;
    }
    .service-module .btn-group{
        margin-top: 0.5rem;
    }
    .service-module .btn{
        height: 0.5rem;
        border-radius: 0.25rem;
        padding: 0 0.2rem;

        font-size: 0.2rem;
        line-height: 0.5rem;

        margin: 0 0.15rem;
    }
}



/* 证书查询 */
.seach-content{
    padding-top: 60px;
    height: 116px;
    background: url(../image/support/bg_zhengshu.png) no-repeat center center;
    background-size: 100% 100%;
    border-radius: 12px;
}
.seach-content .seach-bg{
    height: 56px;
    margin: 0 180px;
    background: #FEFFFF;
    border-radius: 33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.seach-content input{
    margin: 0 30px;
    width: calc(100% - 192px);
}
.seach-content .btn{
    cursor: pointer;
    height: 56px;
    background: #2773FF;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 56px;
    border: none;
    padding:0 30px;
    flex-shrink: 0;
}
@media screen and (max-width: 767px) {
    .seach-content{
        padding-top: 0.6rem;
        height: 1.5rem;
        border-radius: 0.15rem;
    }
    .seach-content .seach-bg{
        height: 0.8rem;
        margin: 0 0.3rem;
        border-radius: 0.4rem;
    }
    .seach-content input{
        margin: 0 0.3rem;
        width: 100%;
    }
    .seach-content .btn{
        height: 0.8rem;
        border-radius: 0.4rem;
        font-size: 0.24rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.8rem;
        padding:0 0.3rem;
    }
}

.certificate-list-module{

}
.certificate-list-module table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}
.certificate-list-module table thead tr{
    height: 64px;
    background: #EDF1F7;
    border-radius: 12px 12px 0px 0px;

    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 28px;
}
.certificate-list-module table tbody tr{
    height: 64px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333F50;
    line-height: 22px;
}
.certificate-list-module table th,
.certificate-list-module table td{
    text-align: left;
   padding-left: 20px;
}
.certificate-list-module table td a{
    color: #2773FF;
}
.certificate-list-module table td p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .certificate-list-module table{
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: auto;
    }
    .certificate-list-module table thead tr{
        height: fit-content;
        background: #EDF1F7;
        border-radius: 12px 12px 0px 0px;

        font-size: 0.2rem;
        line-height: 1.6;
    }
    .certificate-list-module table tbody tr{
        height: fit-content;
        font-size: 0.2rem;
        line-height: 1.6;
    }
    .certificate-list-module table th,
    .certificate-list-module table td{
        padding: 0.1rem;
    }
    .certificate-list-module table td p{
        display: inline;
    }
}
.certificate-detail-module{

}
.certificate-detail-module .wrapper{
    height: 468px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #D6D6D6;

    padding: 80px 100px;
    box-sizing: border-box;

    display: flex;
}
.certificate-detail-module .cover{
    width: 448px;
    height: 100%;
}
.certificate-detail-module .cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.certificate-detail-module .info{
    width: calc(100% - 448px);
    padding-right: 100px;
}
.certificate-detail-module .info li{
    margin: 4px 0;
    display: flex;
}
.certificate-detail-module .info .label{
    height: 28px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    color: #35353F;
    line-height: 28px;

    display: flex;
    align-items: center;

    margin-right: 20px;
}
.certificate-detail-module .info .label .icon{
    width: 15px;
    height: 15px;
    margin-right: 7px;
}
.certificate-detail-module .info .text{
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
}
.certificate-detail-module .share-btn{
    cursor: pointer;
    width: fit-content;
    height: 32px;
    background: #2773FF;
    border-radius: 16px;

    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 32px;

    padding: 0 20px;

    position: absolute;
    right: 100px;
    top: 30px;
}
@media screen and (max-width: 767px) {
    .certificate-detail-module .wrapper{
        height: fit-content;
        border-radius: 0.15rem;
        border: 0.01rem solid #D6D6D6;
        padding: 0.4rem;
        display: block;
    }
    .certificate-detail-module .cover{
        width: 100%;
        height: unset;
        margin-top: 0.2rem;
    }
    .certificate-detail-module .cover img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .certificate-detail-module .info{
        width: 100%;
        padding-right: unset;
    }
    .certificate-detail-module .info li{
        margin: 0.1rem 0;
    }
    .certificate-detail-module .info .label{
        height: 0.28rem;
        flex-shrink: 0;
        font-size: 0.22rem;
        line-height: 0.28rem;
        margin-right: 0.2rem;
    }
    .certificate-detail-module .info .label .icon{
        width: 0.2rem;
        height: 0.2rem;
        margin-right: 0.05rem;
    }
    .certificate-detail-module .info .text{
        font-size: 0.2rem;
        line-height: 0.28rem;
    }
    .certificate-detail-module .share-btn{
        height: 0.5rem;
        border-radius: 0.25rem;
        font-size: 0.22rem;
        line-height: 0.5rem;
        padding: 0 0.2rem;

        right: 0.3rem;
        top: 0.3rem;
    }
}

.news-list{
    background: #F3F4F8;;
}
.news-list .item{
    width: 100%;
    height: 195px;
    padding: 30px;
    box-sizing: border-box;
    background: #FAFDFF;
    border-radius: 12px;

    display: flex;
    align-items: center;

    margin-bottom: 20px;
}
.news-list .item .cover{
    flex-shrink: 0;
    width: 240px;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.news-list .item .cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-list .item .content{
    width: calc(100% - 240px);
    box-sizing: border-box;
    padding: 0 50px 0 30px;
}
.news-list .item .title{
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #5A6779;
    line-height: 20px;
}
.news-list .item .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;

    margin-top: 18px;
}
.news-list .item .date{
    font-size: 14px;
    font-weight: 400;
    color: #B9B9B9;
    line-height: 14px;

    margin-top: 5px;
}
.news-list .item .btn{
    flex-shrink: 0;
    display: block;
    width: fit-content;
    height: 32px;
    padding: 1px 20px;
    border-radius: 16px;
    background: rgba(43,117,255,0.1);

    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #2773FF;
    line-height: 32px;
}
.news-list .item:hover{
    background: #FFF;
}
.news-list .item:hover .title{
    color: #333;
}
.news-list .item:hover .description{
    color: #35353F;
}
.news-list .item:hover .btn{
    color: #FFFFFF;
    background: #2773FF;
}

.news-list .pagination{
    margin-top: 50px;
}
.news-list .pagination ul{
    display: flex;
    justify-content: center;
}
.news-list .pagination .prev::after{
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(135deg);
}
.news-list .pagination .next::after{
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(-45deg);
}
.news-list .pagination li{
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid transparent;

    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-align: center;

    margin: 0 10px;
}
.news-list .pagination li.active{
    background: #FFFFFF;
    border: 1px solid #2773FF;

    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #2773FF;
}
@media screen and (max-width: 767px) {
    .news-list .item{
        height: 2rem;
        padding: 0.2rem;
        border-radius: 0.1rem;
        margin-bottom: 0.2rem;
    }
    .news-list .item .cover{
        width: 2rem;
        border-radius: 0.1rem;
    }
    .news-list .item .content{
        padding: 0 0 0 0.2rem;
    }
    .news-list .item .title{
        min-height: 0.72rem;
        font-size: 0.24rem;
        line-height: 1.5;
    }
    .news-list .item .description{
        display: none;
    }
    .news-list .item .date{
        font-size: 0.18rem;
    }
    .news-list .item .btn{
        display: none;
    }
    .news-list .pagination{
        margin-top: 1rem;
    }
    .news-list .pagination li{
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 0.05rem;
        border: 0.01rem solid transparent;

        font-size: 0.2rem;
        font-weight: 600;
        color: #333333;
        line-height: 0.6rem;
        text-align: center;

        margin: 0 0.15rem;
    }
}
.news-detail{
    background: #F3F4F8;;
}
.news-detail .wrapper{
    display: flex;
}
.news-detail .main{
    background: #FFFFFF;
    border-radius: 12px;
    padding: 30px 45px 80px;
}
.news-detail .main .title{
    font-size: 32px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #35353F;
    line-height: 44px;
}
.news-detail .main .date{
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #B8BEC6;
    line-height: 22px;

    margin-top: 20px;
}
.news-detail .main .richtext{
    margin-top: 20px;

    line-height: 1.6;
}
.news-detail .main .richtext img{
    max-width: 100% !important;
}
.news-detail .main .pagination{
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #35353F;
    line-height: 32px;

    margin-top: 120px;
}
.news-detail .main .pagination span{
    color: #5A6779;
    font-family: unset;
    font-weight: unset;
}
.news-detail .main .pagination li:hover span{
    color: #35353F;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
}

.news-detail .new{
    flex-shrink: 0;
    width: 340px;
    height: fit-content;
    margin-left: 30px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 40px 30px;
    box-sizing: border-box;
}
.news-detail .new .name{
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
}
.news-detail .new .item{
    display: block;
    margin-top: 28px;
}
.news-detail .new .title{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}
.news-detail .new .date{
    font-size: 14px;
    font-weight: 400;
    color: #B9B9B9;
    line-height: 14px;

    margin-top: 6px;
}

@media screen and (max-width: 767px) {
    .news-detail .wrapper{
        flex-wrap: wrap;
    }
    .news-detail .main{
        padding: 0;
        background: unset;
    }
    .news-detail .main .title{
        font-size: 0.4rem;
        line-height: 1.6;
    }
    .news-detail .main .date{
        font-size: 0.2rem;
        margin-top: 0.2rem;
    }
    .news-detail .main .richtext{
        font-size: 0.24rem;
        margin-top: 0.2rem;
    }
    .news-detail .main .pagination{
        font-size: 0.2rem;
        line-height: 1.6;
    }
    .news-detail .new{
        display: none;
    }
}

.unit-module{
    background: #E5F3FF;
}
.unit-module .list{
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
}
.unit-module .list .item{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 108px;
    font-size: 16px;

    border-right: 1px solid #EAEEF3;
    border-bottom: 1px solid #EAEEF3;

    position: relative;
}
.unit-module .list .item::after{
    content: "了解更多 >";
    display: none;
    margin-left: -30px;

    font-size: 14px;
    color: #2773FF;

    position: absolute;
    left: 50%;
    bottom: 10px;
}
.unit-module .list .item:hover{
    background: linear-gradient(00deg, #FFFFFF 0%, #F5FAFF 34%, #E5F3FF 100%);
    color: #2773FF;
}
.unit-module .list .item:hover::after{
    display: block;
}

.ai.page{
    min-width: 1500px;
}
.ai .safe-content{
    width: 1440px;
}
.ai .banner{
    height: 700px;
    margin-bottom: 140px;
}
.ai .banner  .pc{
    display: block;
}
.ai .banner .mobile{
    display: none;
}
.ai .banner .link{
    width: fit-content;
    height: 40px;
    border-radius: 25px;
    border: 1px solid #FFFFFF;
    padding: 0 8px;

    font-size: 14px;
    line-height: 40px;
    background: linear-gradient( 270deg, #F4FBFF 0%, rgba(219,241,255,0.65) 100%);


    border-radius: 43px 43px 43px 43px;
    border: 1px solid #FFFFFF;

    display: flex;
    align-items: center;
}
.ai .banner .link .icon{
    height: 24px;
    background: linear-gradient( 144deg, #0044FF 0%,#0044FF 30%, #00FFEE 100%);
    border-radius: 25px 25px 25px 25px;
    border: 0px solid #FFFFFF;

    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    padding: 0 8px;
    margin-right: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.ai .banner .link .icon::before{
    display: block;
    content: '';
    background: url("../image/ai/fire.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: contain;
}
.ai .banner .link::after{
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url("../image/ai/跳转@2x.png") no-repeat;
    background-size: contain;

    margin-left: 8px;
}
.ai .banner .link .text{
    /*background: linear-gradient(53.75779647824152deg, #0044FF 0%, #00FFEE 100%);*/

}
.ai .banner .link .text div{
    background: linear-gradient(270deg, #00B1F4 0%, #0045FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ai .banner .title{
    font-weight: 600;
    font-size: 56px;
    color: #000000;

    margin-top: 30px;
}
.ai .banner .description{
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    margin-top: 32px;
}
.ai .banner .banner-container{
    padding: 165px 0;
}
.ai .banner .description{
    height: fit-content;
    min-height: unset;
}
.ai .banner .btn-group {
    margin: 45px -5px 0;
}
.ai .banner .btn-group .item{
    display: block;
    width: 174px;
    height: 50px;

    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
}
.ai .banner .btn-group .item.primary{
    background: linear-gradient(270deg, #00B0F5 0%, #0047FF 100%);
    border-radius: 8px 8px 8px 8px;
}
.ai .banner .menu{
    width: 100%;
    height: 120px;

    position: absolute;
    left: 0;
    bottom: -60px;
    z-index: 99;
}
.ai .banner .menu-content{
    width: 100%;
    height: 125px;

    background: rgba(255,255,255,0.64);
    box-shadow: 0px 3px 10px 0px rgba(0,27,56,0.06);
    border-radius: 8px;
    border: 1px solid #FFFFFF;

    padding: 30px 60px;
    box-sizing: border-box;

    display: flex;
    gap: 10px;
}
.ai .banner .menu .menu-item{
    display: block;
    width: 25%;
}
.ai .banner .menu .menu-item-title{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    width: fit-content;

    display: flex;
    align-items: center;
}
.ai .banner .menu .menu-item-title .icon{
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
.ai .banner .menu .menu-item-title .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ai .banner .menu .menu-item-descrption{
    font-weight: 400;
    font-size: 14px;
    color: #868F9A;
    line-height: 20px;

    margin-top: 8px;
}
.ai .banner .menu .menu-item:hover .menu-item-title{
    background: linear-gradient(270deg, #00ABF6 0%, #0048FE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ai .banner .menu .menu-item:hover .menu-item-descrption{
    background: linear-gradient(270deg, #00ABF6 0%, #0048FE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ai .banner::after {
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,#FFFF 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.ai .module{
    padding: 40px 0 80px 0;
}
.ai .module-body{
    margin-top: 80px;
}
.ai .module .module-title{
    font-weight: 600;
    font-size: 40px;
}

@media screen and (min-width: 1200px) and (max-width : 1500px){
    .ai .safe-content {
        width: 1100px;
    }
    .ai.page {
        min-width: 1200px;
    }
    .ai .module .module-body{
        /*margin-top: .3rem;*/
    }

    .ai .banner .menu-content{
        padding: 30px 20px 30px 40px;
        gap: 10px;
    }

    .ai .banner .menu .menu-item-descrption{
        font-size: 12px;
        margin-top: 8px;
    }
}

@media screen and (min-width: 992px) and (max-width : 1200px) {
    .ai .safe-content {
        width: 970px;
    }
    .ai.page {
        min-width: 992px;
    }
    .ai .module .module-body{
        /*margin-top: .3rem;*/
    }

    .ai .banner .menu-content{
        padding: 30px 20px 30px 40px;
        gap: 10px;
    }

    .ai .banner .menu .menu-item-descrption{
        font-size: 12px;
        margin-top: 8px;
    }
}

@media screen and (max-width: 767px) {
    .ai .module{
        padding: .2rem 0 .6rem 0;
    }
    .ai .module .module-title{
        font-weight: 600;
        font-size: 0.28rem;
    }
    .ai .safe-content {
        width: calc(100vw - 0.4rem);
        height: 100%;
        margin: auto;
        position: relative;
    }
    .ai.page {
        min-width: unset;
    }
    .ai .module .module-body{
        margin-top: .3rem;
    }


    .ai .banner{
        height: fit-content;
        margin-bottom: .6rem;
        overflow: hidden;
        background: #f2f7fe;
    }
    .ai .banner .bg{
        height: 7rem;
    }
    .ai .banner .pc{
        display: none;
    }
    .ai .banner .mobile{
        display: block;
    }
    .ai .banner .bg .mobile{
        margin-top: .88rem;
    }
    .ai .banner .link{
        width: calc(100% + .4rem);
        height: .88rem;
        overflow: hidden;
        border-radius: unset;
        border: unset;
        padding: .24rem;
        margin: 0 -.2rem;
        background: linear-gradient( 270deg, #F4FBFF 0%, rgba(219,241,255,1) 100%);

        font-size: .28rem;
        line-height: .48rem;

        border-radius: unset;
        border: unset;
        box-sizing: border-box;

        display: flex;
        align-items: center;
    }
    .ai .banner .link .icon{
        height: .32rem;
        border-radius: 25px 25px 25px 25px;
        border: 0px solid #FFFFFF;

        font-weight: 400;
        font-size: .2rem;
        color: #FFFFFF;
        line-height: 24px;
        padding: 0 8px;
        margin-right: 8px;

        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ai .banner .link .icon::before{
        display: none
    }
    .ai .banner .link::after{
        display: none;
    }
    .ai .banner .link .text{
        width: fit-content;
        overflow: hidden;
    }
    .ai .banner .link .text div{
        white-space: nowrap;
        width: fit-content;
        animation: banner-link 10s linear infinite;
    }
    @-webkit-keyframes banner-link {
        0% {transform: translateX(0)}
        10% {transform: translateX(0)}
        100% {transform: translateX(-100%)}
    }
    .ai .banner .title{
        font-size: .48rem;

        margin-top: .7rem;
    }
    .ai .banner .description{
        font-size: .24rem;
        line-height: .34rem;
        margin-top: .32rem;
    }
    .ai .banner .banner-container{
        padding: 0;
    }

    .ai .banner .btn-group {
        margin: .4rem -5px 0;
    }
    .ai .banner .btn-group .item{
        width: 1.6rem;
        height: .66rem;

        font-size: .24rem;
        line-height: .66rem;
    }
    .ai .banner .btn-group .item.primary{
        border-radius: .08rem;
    }


    .ai .banner .menu{
        width: 100%;
        height: fit-content;

        position: relative;
        left: unset;
        bottom: unset;
        z-index: 99;
    }
    .ai .banner .menu-content{
        width: 100%;
        height: fit-content;

        background: rgba(255,255,255,0.64);
        box-shadow: unset;
        border-radius: unset;
        border: unset;

        padding: unset;

        flex-wrap: wrap;
        gap: .2rem;
    }
    .ai .banner .menu .menu-item{
        width: calc(50% - .1rem);
        height: 1.8rem;
        background: rgba(255,255,255,0.64);
        box-shadow: 0px 6px 20px 0px rgba(0,27,56,0.06);
        border-radius: .08rem;
        border: .02rem solid #FFFFFF;

        padding: .32rem;
        box-sizing: border-box;
    }
    .ai .banner .menu .menu-item-title{
        font-size: .24rem;
        line-height: .32rem;
    }
    .ai .banner .menu .menu-item-title .icon{
        width: .4rem;
        height: .4rem;
        margin-right: .16rem;
    }
    .ai .banner .menu .menu-item-descrption{
        font-size: .24rem;
        line-height: .32rem;

        margin-top: .08rem;
    }
    .ai .banner::after {
        display: block;
        content: "";
        width: 100%;
        height: 50px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,#FFFF 100%);
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

/**
    AI-架构图
 */

.ai .C{
    /*padding-bottom: unset;*/
}
.ai .C .module-body{
    margin-bottom: -10px;
}
.ai .C .wrapper{
    margin: auto;
}
.ai .C .wrapper img{
    width: 1924px;
    margin-left: calc((100% - 1924px) / 2);
}

.ai .C .wrapper{
    /*width: 1000px;*/
    height: fit-content;
    background: unset;
    border-radius: unset;
    border: unset;
    overflow: unset;
    margin-top: -40px;
}
.ai .C .pc{
    display: block;
}
.ai .C .mobile{
    display: none;
}
@media screen and (min-width: 1200px) and (max-width : 1500px){
    .ai .C .module-body{
        /*margin-top: -20px;*/
        /*margin-bottom: -5px;*/
    }
    .ai .C .wrapper img{
        width: 1480px;
        margin-left: calc((100% - 1480px) / 2);
    }
}

@media screen and (min-width: 992px) and (max-width : 1200px) {
    .ai .C .module-body{
        /*margin-top: 0px;*/
        /*margin-bottom: 0px;*/
    }
    .ai .C .wrapper img{
        width: 1300px;
        margin-left: calc((100% - 1300px) / 2);
    }
}
@media screen and (max-width: 767px) {
    .ai .C{
        padding-bottom: .4rem;
    }
    .ai .C .module-body{
        margin-top: .3rem;
        margin-bottom: unset;
    }
    .ai .C .wrapper{
        margin-top: unset;
    }
    .ai .C .wrapper img{
        width: 9.10rem;
        margin-left: -1rem;
    }
    .ai .C .pc{
        display: none;
    }
    .ai .C  .mobile{
        display: block;
    }
}


.aip{
    /*background: url("../image/ai/aip-bg.png") no-repeat;*/
    background: linear-gradient( 180deg, #FFFFFF 0%, #DEEDFF 10%,#DEEDFF 40%, #FFFFFF 100%);
    background-size: 100% auto;
}
.aip-tab{
    display: flex;
}
.aip-tab .item{
    width: 33.33%;
    height: 75px;
    font-weight: 600;
    font-size: 28px;
    color: #5A6779;
    line-height: 75px;
    text-align: center;

    cursor: pointer;

    transition: 0.3s linear;
}
.aip-tab .item.active{
    background: linear-gradient(270deg, #00B1F4 0%, #0045FF 100%);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
}
.aip-tab .item .title{
    width: fit-content;
    margin: auto;
}
.aip-tab .item.active .title::after{
    display: block;
    content: '';
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg, #00B1F4 0%, #0045FF 100%);;

}
.aip .content{
    margin-top: 80px;
}
.aip .content .item{
    width: 100%;
    height: 640px;
    display: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 3px 10px 0px rgba(0,27,56,0.06);

    transform: translateY(100px);
    animation: aip-content 0.8s ease-in-out 1 both;

}

@keyframes aip-content {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0); opacity: 1}
}
@-webkit-keyframes aip-content {
    0% {transform: translateY(100px);opacity: 0}
    100% {transform: translateY(0); opacity: 1}
}

.aip .content .item.active{
    display: flex;
}

.aip .content .item .left{
    width: 625px;
    background: #FFFFFF;
    padding: 80px;
    box-sizing: border-box;

    position: relative;
}
.aip .content .item .right{
    width: calc(100% - 625px);
    background: #F7F9FC;
    padding: 100px 80px;
    box-sizing: border-box;
}
.aip .content .item .title{
    font-weight: 600;
    font-size: 28px;
    color: #333333;
    line-height: 44px;
}
.aip ul{
    margin-top: 30px;
}
.aip li{
    margin-bottom: 20px;
    display: flex;
}
.aip li::before{
    display: block;
    content: '';
    flex-shrink: 0;

    width: 18px;
    height: 18px;
    margin-top: 8px;
    margin-right: 8px;

    background: url("../image/ai/icon_right.png") no-repeat;
    background-size: contain;
}
.aip .li-title{
    font-size: 20px;
    color: #333333;
    font-weight: 600;
}
.aip .li-description{
    font-size: 16px;
    line-height: 28px;
    color: #5A6779;
}
.aip .btn{
    width: 112px;
    height: 44px;
    padding: 1.5px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(0, 172.00000494718552, 245.00000059604645, 1), rgba(0, 70.00000342726707, 254.00000005960464, 1));
    position: absolute;
    left: 80px;
    bottom: 80px;

    cursor: pointer;
}
.aip .btn .btn-wrap{
    background: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.aip .btn .btn-wrap .text{
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #00B1F4 0%, #0045FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.aip .right .cover img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.aip .list{
    margin-top: 120px;
    position: relative;
}
.aip .list .swiper{
    margin: -10px;
}
.aip .list .swiper-slide{
    padding: 10px;
    box-sizing: border-box;
}
.aip .list .item{
    width: 100%;
    height: 560px;
    background: #FFF;
    box-shadow: 4px 4px 10px 0px rgba(64,81,120,0.1);
    border-radius: 8px;
    overflow: hidden;
}
.aip .list .item .cover{
    height: 180px;
}
.aip .list .item .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.aip .list .item .title{
    font-weight: 600;
    font-size: 28px;
    color: #333333;
    line-height: 44px;
}
.aip .list .item .subtitle{
    font-weight: 600;
    font-size: 20px;
    color: #2D3849;
    line-height: 28px;
    margin-top: 8px;
}
.aip .list .item .description{
    font-size: 16px;
    color: #5A6779;
    line-height: 32px;
    text-align: justify;
    margin-top: 20px;
}
.aip .list .item .description b{
    color: #2D3849;
}
.aip .list .item .wrap{
    height: 380px;
    /*padding: 30px 40px;*/
    padding: 30px;
    box-sizing: border-box;
    position: relative;
}
.aip .list .btn{
    left: 30px;
    bottom: 30px;
}
@media screen and (min-width: 1200px) and (max-width : 1500px){
    .aip .content .item{
        height: 580px;
    }
    .aip .content .item .left{
        width: 480px;
        padding: 40px;
    }
    .aip .content .item .right{
        width: calc(100% - 480px);
        padding: 100px 40px;
    }
    .aip .content .btn{
        left: 40px;
        bottom: 60px;
    }

    .aip .list .item{
        height: 515px;
    }
    .aip .list .item .cover{
        height: 135px;
    }
    .aip .list .item .title{
        font-size: 26px;
        line-height: 1.6;
    }
    .aip .list .item .subtitle{
        font-size: 18px;
        line-height: 1.6;
        margin-top: 5px;
    }
    .aip .list .item .description{
        font-size: 14px;
        line-height: 1.8;
        margin-top: 15px;
    }
    .aip .list .item .description b{
        color: #2D3849;
    }
    .aip .list .item .wrap{
        height: 360px;
        padding: 30px;
    }
    .aip .list .btn{
        left: 30px;
        bottom: 20px;
    }

}

@media screen and (min-width: 992px) and (max-width : 1200px) {
    .aip .content .item{
        height: 460px;
    }
    .aip .content .item .left{
        width: 425px;
        padding: 40px;
    }
    .aip .content .item .right{
        width: calc(100% - 425px);
        padding: 50px 40px;
    }
    .aip .content .item .title{
        font-weight: 600;
        font-size: 24px;
        color: #333333;
        line-height: 1.6;
    }
    .aip ul{
        margin-top: 20px;
    }
    .aip li{
        margin-bottom: 15px;
        display: flex;
    }
    .aip li::before{
        width: 16px;
        height: 16px;
        margin-top: 6px;
        margin-right: 6px;
    }
    .aip .li-title{
        font-size: 18px;
    }
    .aip .li-description{
        font-size: 14px;
        line-height: 1.6;
    }
    .aip .btn{
        width: 90px;
        height: 34px;
        padding: 1.5px;
        border-radius: 17px;
        left: 40px;
        bottom: 40px;
    }
    .aip .btn .btn-wrap{
        background: #ffffff;
        width: 100%;
        height: 100%;
        border-radius: 16px;
    }
    .aip .btn .btn-wrap .text{
        font-size: 18px;
    }
    .aip .list .item{
        width: 100%;
        height: 460px;
        background: #FFF;
        box-shadow: 4px 4px 10px 0px rgba(64,81,120,0.1);
        border-radius: 16px;
        overflow: hidden;
    }
    .aip .list .item .cover{
        height: 140px;
    }
    .aip .list .item .title{
        font-size: 24px;
        line-height: 1.6;
    }
    .aip .list .item .subtitle{
        font-size: 18px;
        line-height: 1.6;
        margin-top: 8px;
    }
    .aip .list .item .description{
        font-size: 14px;
        line-height: 1.6;
        margin-top: 15px;
    }
    .aip .list .item .wrap{
        height: 320px;
        padding: 20px 20px;
        box-sizing: border-box;
        position: relative;
    }
    .aip .list .btn{
        left: 30px;
        bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .aip-tab .item{
        height: 0.68rem;
        font-weight: 600;
        font-size: 0.24rem;
        line-height: 0.68rem;
    }
    .aip-tab .item.active{
        font-size: 0.24rem;
    }
    .aip-tab .item .title{
        width: fit-content;
        margin: auto;
    }
    .aip-tab .item.active .title::after{
        height: 0.04rem;

    }

    .aip .content{
        margin-top: 0.48rem;
    }
    .aip .content .item{
        background: #FFF;
        height: fit-content;
        display: none;
        border-radius: 0.08rem;

        flex-wrap: wrap;
        flex-direction: column-reverse;

        position: relative;
    }
    .aip .content .item.active{
        display: flex;
    }

    .aip .content .item .left{
        width: 100%;
        padding: .4rem .3rem;
        position: unset;
    }
    .aip .content .item .right{
        width: 100%;
        background: #F7F9FC;
        padding: .15rem;
    }
    .aip .content .item .title{
        font-size: .24rem;
        line-height: .34rem;
    }
    .aip ul{
        margin-top: .2rem;
    }
    .aip li{
        margin-bottom: .15rem;
    }
    .aip li::before{
        width: .2rem;
        height: .2rem;
        margin-top: .08rem;
        margin-right: .08rem;
    }
    .aip .li-title{
        font-size: .24rem;
    }
    .aip .li-description{
        font-size: .24rem;
        line-height: .34rem;
    }
    .aip .btn{
        /*display: none;*/
        opacity: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .aip .list{
        margin-top: .8rem;
    }
    .aip .list .swiper{
        margin: -.10rem;
    }
    .aip .list .swiper-slide{
        padding: .1rem;
        width: fit-content;
    }
    .aip .list .item{
        width: 4rem;
        height: 6.2rem;
        box-shadow: 4px 4px 10px 0px rgba(64,81,120,0.1);
        border-radius: .08rem;
        position: relative;
    }
    .aip .list .item .cover{
        height: 1.6rem;
    }

    .aip .list .item .title{
        font-size: .24rem;
        line-height: .34rem;
    }
    .aip .list .item .subtitle{
        font-size: .24rem;
        line-height: .34rem;
        margin-top: .06rem;
    }
    .aip .list .item .description{
        font-size: .24rem;
        line-height: .34rem;
        margin-top: .24rem;
    }
    .aip .list .item .wrap{
        height: 4.6rem;
        padding: .28rem .24rem;
        position: unset;
    }
    .aip .list .btn{
        /*display: none;*/
        opacity: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .aip .list .swiper-button-prev, .aip .list .swiper-button-next{
        width: .6rem;
        height: .6rem;
        border-radius: .3rem;
        opacity: 0.8;
      }
    .aip .list .swiper-button-prev{
        left: 10px;
        background: #FFF;
    }
    .aip .list .swiper-button-next{
        right: 10px;
        background: #FFF;
    }
}
.aiz .list{
    margin-top: 80px;
}
.aiz .list .swiper{
    width: 1320px;
    margin: -10px auto;
    overflow: visible;
}
.aiz .list .swiper-slide{
    padding: 10px;
    box-sizing: border-box;
}
.aiz .list .item{
    width: 1280px;
    height: 503px;
    background: #FFFFFF;
    box-shadow: 4px 4px 26px 0px rgba(64,81,120,0.1);
    border-radius: 8px;

    padding: 40px;
    box-sizing: border-box;
    display: flex;

    align-items: center;
}
.aiz .list .item .title{
    font-weight: 600;
    font-size: 32px;
    color: #333333;
    line-height: 44px;
    /*margin-top: 100px;*/
}
.aiz .list .item .description{
    font-weight: 400;
    font-size: 18px;
    color: #2D3849;
    line-height: 32px;
    margin-top: 25px;
    text-align: justify;
}
.aiz .list .item .cover{
    width: 564px;
    height: 423px;
    flex-shrink: 0;

    border-radius: 8px;
    overflow: hidden;
    margin-left: 40px;
}
.aiz .list .item .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.aiz-tab .item{
    width: fit-content;
    font-weight: 600;
    font-size: 28px;

    line-height: 75px;
    text-align: center;
    color: rgba(65,65,65,0.2);

    cursor: pointer;
}
.aiz-tab .swiper-slide{
    width: fit-content;
}
.aiz-tab .swiper-slide-next .item,
.aiz-tab .swiper-slide-prev .item{
    color: #5A6779;
}
.aiz-tab .swiper-slide-active .item{
    background: linear-gradient(270deg, #00B1F4 0%, #0045FF 100%);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
}
.aiz-tab .item .title{
    width: fit-content;
    margin: auto;
}
.aiz-tab .swiper-slide-active .item .title::after{
    display: block;
    content: '';
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg, #00B1F4 0%, #0045FF 100%);

}
@media screen and (min-width: 1200px) and (max-width : 1500px){
    .aiz .list .swiper{
        width: 1170px;
        margin: -10px auto;
        overflow: visible;
    }
    .aiz .list .item{
        width: 1100px;
        height: 430px;
        background: #FFFFFF;
        box-shadow: 4px 4px 26px 0px rgba(64,81,120,0.1);
        border-radius: 12px;

        padding: 30px;
        box-sizing: border-box;
        display: flex;

        align-items: center;
    }
    .aiz .list .item .cover{
        width: 420px;
        height: 350px;
        flex-shrink: 0;

        border-radius: 10px;
        overflow: hidden;
        margin-left: 30px;
    }
}
@media screen and (min-width: 992px) and (max-width : 1200px) {
    .aiz .list .swiper{
        width: 970px;
        margin: -10px auto;
        overflow: visible;
    }
    .aiz .list .swiper-slide{
        padding: 10px;
        box-sizing: border-box;
    }
    .aiz .list .item{
        width: 900px;
        height: 420px;
        background: #FFFFFF;
        box-shadow: 4px 4px 26px 0px rgba(64,81,120,0.1);
        border-radius: 12px;

        padding: 30px;
        box-sizing: border-box;
        display: flex;

        align-items: center;
    }.aiz .list .item .title{
         font-size: 28px;
         line-height: 1.6;
     }
    .aiz .list .item .description{
        font-size: 16px;
        line-height: 1.6;
        margin-top: 20px;
    }
    .aiz .list .item .cover{
        width: 364px;
        height: 323px;
        flex-shrink: 0;

        border-radius: 10px;
        overflow: hidden;
        margin-left: 30px;
    }

}
@media screen and (max-width: 767px) {
    .aiz-tab .item {
        font-size: .24rem;
        line-height: .68rem;
    }

    .aiz-tab .swiper-slide-active .item {
        font-size: .24rem;
    }

    .aiz-tab .swiper-slide-active .item .title::after {
        height: .04rem;
    }

    .aiz .list {
        margin-top: .3rem;
    }

    .aiz .list .swiper {
        width: 7.1rem;
        margin: -.01rem auto;
        overflow: visible;
    }

    .aiz .list .swiper-slide {
        padding: .01rem;
        box-sizing: border-box;
    }

    .aiz .list .item {
        width: 6.7rem;
        height: 7.25rem;
        border-radius: .08rem;
        overflow: hidden;
        margin: auto;
        padding: unset;

        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;

        align-items: unset;
        justify-content: start;
    }

    .aiz .list .item .wrap {
        /*height: 4.85rem;*/
        padding: .4rem;
    }

    .aiz .list .item .title {
        font-size: .28rem;
        line-height: .35rem;
    }

    .aiz .list .item .description {
        font-size: .24rem;
        line-height: .40rem;
        margin-top: .08rem;
    }

    .aiz .list .item .cover {
        width: 100%;
        height: 2.4rem;
        flex-shrink: 0;

        border-radius: unset;
        overflow: unset;
        margin-left: unset;
    }
}
.ai-partner{
    position: relative;
}
.ai-partner::before{
    content: '';
    display: block;
    width: 1022px;
    height: 321px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background: url("../image/ai/点@2x.png") bottom;
    background-size: 100% auto;
}
.ai-partner::after{
    content: '';
    display: block;
    width: 1022px;
    height: 321px;
    position: absolute;
    right: 0;
    bottom: -20px;
    background: url("../image/ai/ai-partner-right@2x.png") bottom;
    background-size: 100% auto;
}
.ai-partner .logo-wrap{
    position: relative;
    z-index: 9;
    animation: partner-module-logo 60s linear infinite;
}
@-webkit-keyframes partner-module-logo {
    0% {transform: translateX(0)}
    100% {transform: translateX(-3360px)}
}
.ai-partner .list{
    width: fit-content;
    display: flex;
    gap: 30px;

}
.ai-partner .list.second{
    margin: 15px 0 15px -90px;
}
.ai-partner .item{
    width: 180px;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 4px 4px 12px 4px rgba(201,210,225,0.5);
    border-radius: 8px 8px 8px 8px;

    padding: 25px 34px;
    box-sizing: border-box;
}
.ai-partner .item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .ai-partner .list{
        gap: .16rem;
    }
    .ai-partner .list.second{
        margin: .16rem 0 .16rem -.9rem;
    }
    .ai-partner .item{
        width: 1.8rem;
        height: .8rem;
        border-radius: .08rem;

        padding: .25rem;
    }
    .ai-partner::before{
        content: '';
        display: block;
        width: 3.86rem;
        height: 1.82rem;
        position: absolute;
        left: 0;
        bottom: -20px;
        background: url("../image/ai/点@2x.png") bottom;
        background-size: 100% auto;
    }
    .ai-partner::after{
        content: '';
        display: block;
        width: 3.86rem;
        height: 1.82rem;
        position: absolute;
        right: 0;
        bottom: -20px;
        background: url("../image/ai/ai-partner-right@2x.png") bottom;
        background-size: 100% auto;
    }
}