.downLoad {
    display: inline-block;
    cursor: pointer;
}

.showpage {
    display: flex;
    flex-direction: column;
    align-items: center;

    /* width: 1200rem;
    margin: 0 360rem 0 360rem  */
}


.topBox {
    width: 100%;
    background-color: #fff;
    height: 64rem;
}

.topWidth {
    width: 1200rem;
    height: 64rem;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    z-index: 99;
    position: relative;

}

.topMiddle {
    display: flex;
    gap: 40rem;
}

.topMiddle div:hover {
    cursor: pointer;
    color: #04E19E;
}

.is_border {
    border-bottom: 1rem solid #D8D8D8;
}

.topLeft>img {
    width: 32rem;
    height: 32rem;
    /* vertical-align: middle; */
    /* margin-left: -8rem; */
}

.topLeft {
    display: flex;
    align-items: center;
    gap: 12rem;
}

.topLeft span {
    font-weight: bold;
}

.topRight {
    display: flex;
    align-items: center;
    justify-content: center;
}

.topRightBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    width: 129rem;
    height: 40rem;
    background: linear-gradient(136deg, #04E19E 0%, #06D0A3 100%);
    border-radius: 4rem;
    line-height: 40rem;
    font-size: 14rem;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    margin-left: 40rem;
    overflow: hidden;
    position: relative;
    /* margin-top: 12rem; */

}

.topRight img {
    width: 18rem;
    height: 18rem;
}



.topRightBtn:hover {
    background: linear-gradient(137deg, #06D0A3 0%, #04E19E 100%);

}


.banner {
    display: flex;
    justify-content: center;
    height: 642rem;
    width: 100%;
    position: relative;

}

.bannerImg {
    position: absolute;
    height: 720rem;
    width: 100%;
    background: linear-gradient(133deg, #FCFDFF 0%, #DEEBFF 100%);
    z-index: -1;
}

.bannercontain {
    display: flex;
    position: absolute;
    z-index: 9;
    top: -64rem;
    width: 1200rem;
    height: 706rem;
}

.bannerLeft {
    display: flex;
    flex-direction: column;
    z-index: 9;
    top: -64rem;
    width: 1200rem;
    height: 780rem;
    /* margin-top: 61rem; */
}

.bannerRight {

    width: 600rem;
}

.homeImg {
    margin-top: 172rem;
    width: 613rem;
    height: 455rem;
}

.bannerTitle {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    position: relative;
    font-size: 48rem;
    color: #333333;
    height: 48rem;
    line-height: 48rem;
    margin-top: 184rem;
    font-weight: 600;
}

.bannerTitle .titlec {
    font-size: 48rem;
    color: #04E19E;
    font-weight: bold;
    margin-left: 12rem;
}

.bannerList {
    display: flex;
    flex-direction: column;
    gap: 24rem;
    margin-top: 32rem;
}

.bannerList img {
    width: 16rem;
    height: 16rem;
    margin-right: 8rem;
}

.bannnerListTXT{
    font-size: 20rem;
    /* height: 20rem; */
    line-height: 30rem;
    font-weight: 500;
}

.bannerTxt {
    margin-top: 12rem;
    height: 40rem;
    font-size: 32rem;
    font-weight: 400;
    color: #333333;
    line-height: 32rem;
}

.bannerBtn {
    position: relative;
    cursor: pointer;
    width: 217rem;
    height: 60rem;
    background: linear-gradient(136deg, #04E19E 0%, #06D0A3 100%);
    box-shadow: 0rem 11rem 30rem 0rem rgba(4, 225, 158, 0.3), 0rem 4rem 10rem 0rem rgba(4, 225, 158, 0.17);
    border-radius: 4rem;
    line-height: 60rem;
    text-align: center;
    color: #FFFFFF;
    font-size: 20rem;
    margin-top: 40rem;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.bannerQiu {

    position: absolute;
    top: 13rem;
    width: 302rem;
    height: 326rem;
    right: 260rem;
    z-index: 0;
}

.bannerTime {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 76rem;
    left: 750rem;
    width: 157rem;
    height: 44rem;
    background: linear-gradient(136deg, #06D0A3 0%, #04E19E 100%);
    border-radius: 24rem 0rem 24rem 0rem;
    border: 1rem solid rgba(255, 255, 255, 0.62);
    font-weight: 800;
    font-size: 20rem;
    color: #FFFFFF;
}

.dwon-an {
    position: absolute;
    width: 220rem;
    height: 220rem;

    background: #fff;
    opacity: 0.1;
    z-index: 1;
    animation: bigyuan 1.2s infinite;
    -webkit-animation: bigyuan 1.2s infinite;
    border-radius: 100%;
}

@keyframes bigyuan {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.bannerBtn:hover {
    background: linear-gradient(137deg, #06D0A3 0%, #04E19E 100%);
}

.bannerBtn img {
    width: 24rem;
    height: 24rem;
    margin-right: 12rem;
}

.bannerSuit {
    font-weight: 400;
    font-size: 14rem;
    color: #666666;
    line-height: 14rem;
    margin-top: 32rem;
}

.bannerNewTime {
    font-weight: 400;
    font-size: 14rem;
    color: #666666;
    line-height: 14rem;
    margin-top: 12rem;
}

.bannerNumberBox {
    margin-top: 56rem;
    gap: 66rem;
}

.downLoadNumberBox {
    display: flex;
    font-weight: bold;
    font-size: 16rem;
    color: #333333;
}

.downLoadNumber {
    color: #04E19E;
    font-size: 24rem;
    font-weight: bold;
}


.digit {
    display: inline-block;
    position: relative;
    overflow: hidden;
    top: -6rem;
    height: 40rem;

    width: 18rem;
    /* 根据字体调整宽度 */
    text-align: center;
}

.digit span {
    display: block;
    position: absolute;
    color: #04E19E;
    font-weight: bold;
    font-size: 24rem;
    width: 100%;
    animation: roll-up 0.5s ease-in-out;
}

@keyframes roll-up {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}


.functionBox {
    margin-top: 120rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.functionToolBox {
    display: flex;
    gap: 120rem;
    margin-bottom: 120rem;
}

.functionTool {
    display: flex;
    gap: 20rem;
    flex-direction: column;
    align-items: center;
}

.functionToolBox img {
    width: 120rem;
    height: 120rem;
}

.functionToolTxt {
    font-weight: 500;
    font-size: 20rem;
    color: #333333;
}

.functionTitle {
    text-align: center;
    font-weight: 500;
    font-size: 32rem;
    color: #333333;
    height: 32rem;
    width: 1200rem;
    line-height: 32rem;
    position: relative;
    display: flex;
    justify-content: center;
}


.titleImg {

    position: absolute;
    width: 422rem;
    height: 32rem;
    top: 16rem;

}

.describe {
    margin-top: 24rem;
    width: 798rem;
    height: 72rem;
    font-weight: 500;
    font-size: 16rem;
    color: #333333;
    line-height: 24rem;
    text-align: center;
    font-style: normal;
}

.describeImg {
    margin-top: 48rem;
    width: 1200rem;
    height: 600rem;
}

.functionCardBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40rem 20rem;
    width: 1200rem;
    margin: 0 auto;

    /* margin: 48rem 36rem 0 36rem; */
    margin-top: 43rem;
}

.functionCard {
    cursor: pointer;
    border-radius: 8rem;
    width: 285rem;
    height: 232rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 24rem;
}

.functionactive {
    border-radius: 8rem;
    width: 285rem;
    height: 232rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 24rem;
    box-shadow: 0rem 4rem 12rem 0rem rgba(0, 0, 0, 0.06);
    transform: scale(1.05);
    transition: all 200ms linear;

}


.functionCard>img {
    width: 60rem;
    height: 60rem;
}

.functionCardTit {
    text-align: center;
    height: 20rem;
    font-size: 20rem;
    font-weight: 500;
    color: #333333;
    line-height: 20rem;
    margin-top: 26rem;
}

.functionCardTxt {
    text-align: center;
    max-width: 256rem;
    font-size: 16rem;
    font-weight: 400;
    color: #666666;
    line-height: 24rem;
    margin: 0 auto;
    margin-top: 8rem;
}

.functionBtn {
    position: relative;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 72rem;
    width: 217rem;
    height: 60rem;
    background: linear-gradient(137deg, #15AAED 0%, #04E19E 100%);
    box-shadow: 0rem 11rem 30rem 0rem rgba(18, 94, 217, 0.3), 0rem 4rem 10rem 0rem rgba(18, 94, 217, 0.17);
    border-radius: 4rem;
    font-weight: 500;
    font-size: 20rem;
    color: #FFFFFF;
    line-height: 20rem;
    overflow: hidden;
}

.functionBtn:hover {
    background: linear-gradient(137deg, #04E19E 0%, #15AAED 100%);
}

.functionBtn img {
    width: 24rem;
    height: 24rem;
    margin-right: 12rem;
}

.introduce {
    width: 100%;
    margin-top: 120rem;
    /* height: 961rem; */
    background: #F2F6F9;
    padding-top: 72rem;
    position: relative;
    display: flex;
    padding-bottom: 60rem;
    flex-direction: column;
    align-items: center;
}

.TxtLeft {
    width: 4rem;
    height: 22rem;
    background: linear-gradient(163deg, #0FEFB5 0%, #06D6A0 100%);
    box-shadow: 0rem 2rem 12rem 0 #0BE3AB;
    display: inline-block;
    position: absolute;
    margin-left: -12rem;
}

.introducebox {
    display: flex;
    justify-content: space-between;
    width: 1200rem;
    margin-top: 72rem;
}

.introduceLeft {

    padding-left: 12rem;
}

.introduceRight {
    width: 637rem;
    height: 220.5rem;

}

.introduceTitle {
    height: 24rem;
    font-size: 24rem;
    font-weight: 500;
    color: #333333;
    line-height: 24rem;
}

.introduceTxt {
    margin-top: 24rem;
    font-size: 18rem;
    width: 420rem;
    color: #666666;
    font-weight: 400;
    line-height: 32rem;
}




.introduceBtn {
    display: inline-block;
    width: 228rem;
    height: 60rem;
    background: linear-gradient(163deg, #0FEFB5 0%, #06D6A0 100%);
    box-shadow: 0rem 11rem 95rem 0rem rgba(15, 239, 181, 0.39), 0rem 4rem 28rem 0rem rgba(6, 214, 160, 0.17), inset 1rem 1rem 1rem 0rem rgba(255, 255, 255, 0.15);
    border-radius: 8rem;
    margin-top: 32rem;
    /* margin-left: -0.12rem; */
    font-size: 20rem;
    text-align: center;
    line-height: 60rem;
    color: #FFFFFF;
    cursor: pointer;
}

.introduceBtn:hover {
    background: linear-gradient(163deg, #06D6A0 0%, #0FEFB5 100%);

}

.introduceBtn a {
    font-size: 20rem;
    text-align: center;
    line-height: 60rem;
    color: #FFFFFF;
}



.introduceTwoImg {
    width: 685rem;
    height: 450rem;
    position: absolute;
    left: 300rem;
    top: 499rem;
}

.introduceTxtTwoBox {
    position: absolute;
    top: 615rem;
    left: 1173rem;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
}

.introduceTxtTwoBox .introduceTxtThree {
    width: 387rem;
}


.evaluate {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    /* margin-top: 120rem; */
    /* min-height: 423rem; */
    padding-top: 32rem;
}

.evtitle {
    position: absolute;
    z-index: 9;

}

.swipers {
    margin-top: 52rem;
}

.evaluateImg {
    position: absolute;
    height: 423rem;
    width: 100%;
    top: 0;
    margin: 0 auto;
    object-fit: cover;
    z-index: 1;
}

.swiperBox {
    margin-top: 88rem;
    /* margin-left: 36rem; */
    display: flex;
    position: relative;
}

.swiperCard {
    width: 400rem;
    height: 188rem;
    background: #FFFFFF;
    box-shadow: 0rem 5rem 10rem 0rem rgba(0, 0, 0, 0.11);
    border-radius: 8rem;
    position: absolute;
    border-top: 10rem solid #fff;
    cursor: pointer;
    /* transition: width 1s,height 1s,top 1s,left 1s,z-index 1s,opacity 1s;  */
}

.swiperCard>img {
    position: absolute;
    width: 64rem;
    height: 64rem;
    left: 168rem;
    top: -40rem;
}

.startBox {
    margin-top: 42rem;
    padding: 0 135rem;
    display: flex;
    gap: 11rem;
}

.startBox img {
    width: 24rem;
    height: 24rem;
}

.swiperCardTxt {
    margin: 21rem 40rem 0rem 40rem;
    font-size: 14rem;
    font-weight: 400;
    color: #1A1A1A;
    height: 66rem;
}

.swiperCardName {
    text-align: center;
    font-size: 13rem;
    font-weight: 400;
    color: #000000;
}

.swiperBox {
    width: 1200rem;
    overflow: hidden;
    margin: 0 auto;
    height: 340rem;

}

.swiper-slide {
    width: 40rem;
    transition: 300ms, visibility 0s;
    transform: scale(1);
    opacity: 0.8;
    height: 188rem !important;
    text-align: center;
}

.swiper-wrapper {

    margin-top: 88rem;
}

.swiper-slide-active,
.swiper-slide-duplicate-active {

    transform: scale(1.25);
    opacity: 1;
    z-index: 999;
}




/* 底部 */

.bottom {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    height: 223rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bottomImg {
    position: absolute;
    height: 223rem;
    width: 100%;
    top: 0;
    margin: 0 auto;
    object-fit: cover;
    z-index: 1;
}

.bottomBox {
    position: absolute;
    z-index: 9;
}

.bottom>div {
    text-align: center;
    /* margin: 0 auto; */
}

.bottomTitle {
    height: 30rem;
    font-size: 30rem;
    font-weight: 500;
    color: #fff;
    line-height: 30rem;
}

.bottomTxt {
    height: 20rem;
    font-size: 20rem;
    font-weight: 400;
    color: #fff;
    margin-top: 19rem;
}

.bottomBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 40rem;
}

.bottomBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170rem;
    height: 47rem;
    background: linear-gradient(163deg, #0FEFB5 0%, #06D6A0 100%);
    box-shadow: 0rem 11rem 95rem 0rem rgba(15, 239, 181, 0.39), 0rem 4rem 28rem 0rem rgba(6, 214, 160, 0.17), inset 1rem 1rem 1rem 0rem rgba(255, 255, 255, 0.15);
    border-radius: 3rem;
    color: #fff;
    font-size: 16rem;
    margin-top: 32rem;
}

.bottomBtn:hover {
    background: linear-gradient(137deg, #06D6A0 0%, #0FEFB5 100%);
}

.bottomBtn img {
    width: 24rem;
    height: 24rem;
    margin-right: 12rem;
}

.bottomDownBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18rem;
    height: 48rem;
    background: linear-gradient(210deg, #4AE59D 0%, #30CF85 100%);
    box-shadow: 0 11rem 95rem 0 rgba(48, 207, 133, 39), 0 4rem 28rem 0 rgba(48, 207, 133, 17);
    border-radius: 08rem;
    color: #FFFFFF;
    line-height: 48rem;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    margin: 0rem auto;
    margin-top: 32rem;
}

.bottomDownBtn a {
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
}

.bottomDownBtn:hover {
    background: linear-gradient(210deg, #30CF85 0%, #4AE59D 100%);

}

.company {
    margin-top: 2rem;
}

.footerTxt {
    margin-top: 8rem;
}

.footer {
    height: 71rem;
    background: #000;
    font-size: 14rem;
    text-align: center;
    color: #fff;
    overflow: hidden;
    width: 100%;
}

.footer div {
    color: #fff;
    opacity: 0.6;
}

.footerTxt {
    margin-top: 19rem;
}

.footerTxt span {
    margin: 0 4rem;
    color: #fff;
    font-size: 12rem;
}

.footerTxt a {
    margin: 0 04rem;
    color: #fff;
    font-size: 12rem;
}

.footerTxt a:hover {
    color: #30CF85;
}

.Divider {
    display: inline-block;
    width: 01rem;
    height: 12rem;
    font-size: 12rem;
    font-weight: 400;
    background-color: #FFFFFF;
    line-height: .17rem;
    vertical-align: middle;
    margin-left: 08rem;
}

.rightFixed {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    right: 0;
    width: 52rem;
    height: 103rem;
    z-index: 999;
    /* background-color: green; */
    top: 730rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 10rem 0rem rgba(18, 94, 217, 0.07);
    border-radius: 8rem;
    border: 1rem solid #EFEFEF;
}

.customer {
    background-image: url('../img/icon_customer_service_nor@2x.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 19rem;
    height: 20rem;
    margin: 0 auto;
    margin-top: 8rem;
    cursor: pointer;
}

.customer:hover {
    color: #04E19E;

}

.customerTxt {
    /* width: .2rem; */
    height: 10rem;
    font-size: 12rem;
    transform: scale(0.82);
    font-weight: 400;
    color: #1A1A1A;
    line-height: 22rem;
    text-align: center;
    margin-left: 3rem;
}

.customerBox {
    cursor: pointer;
}

.customerBox:hover .QRcode {
    display: block;
}

.QRcode span {
    font-size: 12rem;
}

.customerBox:hover div {
    color: #04E19E
}

.customerBox:hover a {
    color: #04E19E
}

.customerBox:hover .customer {
    background-image: url('../img/icon_Customer_service_hover@2x.png');
}

.solids {
    width: 44rem;
    height: 1rem;
    background: #EFEFEF;
    margin: 0 auto;
    margin-top: 12rem;

}

.downLoadimg {
    background-image: url('../img/global_icon_download@2x.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20rem;
    height: 20rem;
    margin: 0 auto;
    margin-top: 8rem;
    cursor: pointer;
}

.downLoadTXt {
    height: 10rem;
    font-size: 12rem;
    transform: scale(0.82);
    font-weight: 400;
    color: #1A1A1A;
    line-height: 22rem;
    text-align: center;
    margin-left: 3rem;
}

.downLoadimg:hover {
    background-image: url('../img/global_icon_download_hover@2x.png');
}

.downLoadBox {
    cursor: pointer;
}

.downLoadBox:hover div,
a {
    color: #04E19E
}

.downLoadBox:hover a {
    color: #04E19E
}

.downLoadBox:hover .downLoadimg {
    background-image: url('../img/global_icon_download_hover@2x.png');
}

.QRcode {
    width: 140rem;
    height: 173rem;
    background-color: #fff;
    position: absolute;
    left: -152rem;
    top: 0;
    display: none;
    border-radius: 8rem;
    border: 1rem solid #EFEFEF;
    box-shadow: 0rem 0rem 10rem 0rem rgba(18, 94, 217, 0.07);
    text-align: center;
}

.QRcode>img {
    width: 124rem;
    height: 124rem;
    margin: 8rem;
}

.rightBackTopBox {
    position: fixed;
    right: 0;
    width: 52rem;
    height: 53rem;
    z-index: 999;
    /* background-color: green; */
    top: 850rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 10rem 0rem rgba(18, 94, 217, 0.07);
    border-radius: 8rem;
    border: 1rem solid #EFEFEF;

}


.backTopimg {
    background-image: url('../img/global_icon_uptop@2x.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20rem;
    height: 20rem;
    margin: 0 auto;
    margin-top: 8rem;
    cursor: pointer;
}

.backTopTXt {
    height: 10rem;
    font-size: 12rem;
    transform: scale(0.82);
    font-weight: 400;
    color: #1A1A1A;
    line-height: 22rem;
    text-align: center;
    /* margin-left: -03rem; */
}

.backTopimg:hover {
    background-image: url('../img/global_icon_up_hover@2x.png');
}

.backTopBox {
    cursor: pointer;
}

.backTopBox:hover div {
    color: #04E19E
}

.backTopBox:hover .backTopimg {
    background-image: url('../img/global_icon_up_hover@2x.png');
}




/* 政策 */
p {
    margin-bottom: 2rem !important;
    line-height: .26rem;
}

.Breadcrumbs {
    width: 12rem;
    margin: 0 auto;
    color: #999999;
    margin-top: .14rem;
    font-size: .14rem;
}

.Breadcrumbs a {
    font-size: .14rem;
    font-weight: 400;
    color: #333333;
    line-height: .14rem;
}

.Breadcrumbs a:hover {
    color: #04E19E;
}

.article_title {
    font-size: .26rem;
    color: #4d4d4d;
    text-align: left;
    margin-bottom: .3rem;
    margin-top: .20rem;
    border-left: .02rem #04E19E solid;
    padding-left: .10rem;
}

.container {
    width: 12.00rem;
    margin: 0 auto;
}



#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none;
}

#loading-spinner {
    border: 8rem solid #f3f3f3;
    border-top: 8rem solid #0FEFB5;
    border-radius: 50%;
    width: 50rem;
    height: 50rem;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}