/**
    产品通用详情页-核心优势
 */
.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;

    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.schema .wrapper{
    /*width: 1000px;*/
    height: fit-content;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E9ECEF;
}

/*产品配置*/
.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;
}
@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;
    }
}


/*产品新特性*/
.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/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;
}
.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;
    }
    .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;
    }
    .core-module .item .description{
        font-size: 0.2rem;
        line-height: 1.6;
        margin-top: 0.15rem;
    }
}

/**
    专属云专题页-客户案例
 */
.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{
        height: 6rem;
        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{
        height: 0.96rem;
        font-size: 0.2rem;
        line-height: 0.32rem;

        margin: 0.15rem 0.05rem 0;
    }
}


/*专属云专题页-相关产品*/
.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/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/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/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/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;
}
.certificate-module_2 .item:before{
    display: block;
    content: '';
    background: url("../image/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/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/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;
    }
}