body {
    background: #F0F4F9;
}

.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;
    align-items: center;
}

.topMiddle div {
    font-size: 16rem;
}

.topMiddle span {
    color: #125ED9;
    font-size: 24rem;
}
.digit {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 28rem;

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

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

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

    to {
        transform: translateY(0);
    }
}
.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(137deg, #15AAED 0%, #125ED9 100%);
    border-radius: 4rem;
    line-height: 40rem;
    font-size: 14rem;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    margin-left: 40rem;
    /* margin-top: 12rem; */

}

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

.topRight a {
    font-size: 14rem;
    font-weight: 500;
    color: #FFFFFF;
}

.topRightBtn:hover {
    background: linear-gradient(137deg, #125ED9 0%, #15AAED 100%);

}


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

}

.bannerImg {
    position: absolute;
    height: 656rem;
    width: 100%;
    top: 0;
    margin: 0 auto;

    object-fit: cover;
    z-index: 1;
}

.bannerLeft {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    position: absolute;

    z-index: 9;
    /* margin-left: 100rem; */
    width: 1200rem;
    height: 656rem;
    /* margin-top: 61rem; */
}

.whiteTxt {
    color: #FFF;
}

.blueTxt {
    color: #125ED9;
}

.txt_3 {
    color: #333;
}

.bannerTxtBack {
    margin-top: 40rem;
    padding-left: 24rem;
    width: 452rem;
    height: 48rem;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 32rem;
    font-weight: 600;
    background: linear-gradient(270deg, rgba(205, 176, 255, 0) 0%, #A16BFF 100%);
    box-sizing: border-box;
}

.bannerTxtBackSpan {
    color: #125ED9;
    font-size: 32rem;
    font-weight: 600;
}


.bannerRight {
    position: relative;
    margin-top: 61rem;
  
}

.bannerRight img {
    position: absolute;
    width: 580rem;
    height: 393rem;
    border-radius: 8rem;
    z-index: 100;
}
.bannerRight video{
    position: absolute;
    height: 381rem;
    top: 8rem;
    left: 5rem;
    pointer-events: none;
    z-index: 1;

}
.bannerTime {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16rem;
    width: 177rem;
    height: 48rem;
    background: linear-gradient(270deg, #FA9691 0%, #FA5789 100%);
    border-radius: 28rem 0rem 28rem 0rem;
    border: 1rem solid rgba(255, 255, 255, 0.62);
    font-weight: bold;
    font-size: 24rem;
    color: #FFFFFF;
}

.bannerTitle {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    position: relative;
    font-weight: bold;
    font-size: 48rem;
    /* width: 406rem; */
    color: transparent;
    height: 48rem;
    line-height: 48rem;
    margin-top: 110rem;
    /* --vp-home-hero-name-color: transparent; */
  /* 兼容旧版 WebKit (Chrome 10-25, Safari 5.1-6) */
  background: linear-gradient(120deg, #125ED9 65%, #41d1ff);
  background: -webkit-linear-gradient(120deg, #125ED9 65%, #41d1ff);
  background: -moz-linear-gradient(120deg, #125ED9 65%, #41d1ff);
  background: -ms-linear-gradient(120deg, #125ED9 65%, #41d1ff);
  background: -o-linear-gradient(120deg, #125ED9 65%, #41d1ff);

    background-clip: text;
    /* background-image: url('../img/line.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: -34rem 0 ; */
    text-align: left;
}

.bannerTitle .titlec {
    font-size: 48rem;
    color: #125ED9;
    font-weight: bold;
    /* margin-left: 12rem; */
}

.bannerList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: baseline;
    width: 580rem;
    gap: 12rem 0;
    margin-top: 26rem;
    /* margin-left: 28rem; */
}

.bannerList img {
    width: 16rem;
    height: 16rem;
    vertical-align: middle;
    margin-right: 12rem;
}

.bannerList div {
    width: 530rem;
    line-height: 30rem;
    font-size: 20rem;
    color: #333333;
}

.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(137deg, #15AAED 0%, #125ED9 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;
    line-height: 60rem;
    text-align: center;
    color: #fff;
    font-size: 20rem;
    margin-top: 40rem;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

/* .bannerBtn:hover {
    background: linear-gradient(137deg, #125ED9 0%, #15AAED 100%);
} */


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

.bannerSuit {
    display: flex;
        flex-direction: column;
        gap: 20rem;
    margin-top: 32rem;
}

.bannerSuit>div{
    display: flex;
    gap: 20rem;

}

 .bannerSuit div{
    font-weight: 400;
    font-size: 14rem;
    color: #999999;
    line-height: 14rem;
 }
.bannerbgLeft {
    position: absolute;
    width: 190rem;
    height: 190rem;
    top: 98rem;
    left: 14rem;
}
.bannerbgRight{
    position: absolute;
    width: 226rem;
    height: 312rem;
    top: 360rem;
    right: 0rem;
}
.technologybgRight{
    position: absolute;
    width: 240rem;
    height: 254rem;
    top: 1236rem;
    left: 0rem;
}
.scenebgLeft{
    position: absolute;
    width: 285rem;
    height: 586rem;
    overflow: hidden;
    top: 1844rem;
    right: 0rem;
}
.scenebgLeft img{
    width: 586rem;
    height: 586rem;

}
.functionBox {

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.functionTitle {
    text-align: center;
    font-weight: 500;
    font-size: 32rem;
    color: #333333;
    /* width: 128rem; */
    line-height: 32rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}


.titleLine {
    width: 72rem;
    height: 8rem;
    background: linear-gradient( 137deg, #15AAED 0%, #125ED9 100%);
    border-radius: 4rem;
    margin-top: 12rem;
}

.evaluaTetitleLine {
    background: linear-gradient( 137deg, #15AAED 0%, #125ED9 100%);
}



.functionCardBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 48rem;
    width: 1200rem;
    margin: 0 auto;
    /* margin: 48rem 36rem 0 36rem; */
    margin-top: 56rem;
}

.functionCard {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 156rem;
    height: 156rem;
    background: #FFFFFF;
    box-shadow: 0rem 4rem 12rem 0rem rgba(0, 0, 0, 0.06);
    border-radius: 8rem;
    border: 1rem solid #F0F4F9;
}

.functionCard:hover {

    transform: scale(1.05);
    transition: all 200ms linear;
}


.functionCard>img {
    width: 64rem;
    height: 64rem;
    margin-top: 28rem;
}

.functionBtn {
    position: relative;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 91rem;
    width: 217rem;
    height: 60rem;
    background: linear-gradient( 137deg, #15AAED 0%, #125ED9 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;
}

.dwon-an {
    position: absolute;
    width: 220rem;
    height: 220rem;
    background: #fff;
    opacity: 0.2;
    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);
    }
}

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

.functionCardTxt {
    text-align: center;
    max-width: 256rem;
    font-size: 20rem;
    font-weight: 500;
    color: #333333;
    margin: 0 auto;
    margin-top: 20rem;
}

.technology {
    margin-top: 120rem;
}

.technologyCardBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 54rem;
    width: 1200rem;
    margin: 0 auto;
    /* margin: 48rem 36rem 0 36rem; */
    margin-top: 48rem;
box-sizing: border-box;
}

.technologyCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 259rem;
    /* height: 230rem; */
    /* background: #FFFFFF; */
    /* box-shadow: 0rem 4rem 12rem 0rem rgba(0, 0, 0, 0.06);
    border-radius: 8rem; */
    /* border: 1rem solid #F0F4F9; */
    cursor: pointer;

}

.technologyCardImg{
    width: 260rem;
    height: 212rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.technologyCard:nth-child(1) .technologyCardImg{
    background-image: url('../img/technology1.png');
}
.technologyCard:nth-child(1) .technologyCardImg:hover{
    background-image: url('../img/technology5.png');
}
.technologyCard:nth-child(2) .technologyCardImg{
    background-image: url('../img/technology2.png');
}
.technologyCard:nth-child(2) .technologyCardImg:hover{
    background-image: url('../img/technology6.png');
}
.technologyCard:nth-child(3) .technologyCardImg{
    background-image: url('../img/technology3.png');
}
.technologyCard:nth-child(3) .technologyCardImg:hover{
    background-image: url('../img/technology7.png');
}
.technologyCard:nth-child(4) .technologyCardImg{
    background-image: url('../img/technology4.png');
}
.technologyCard:nth-child(4) .technologyCardImg:hover{
    background-image: url('../img/technology8.png');
}
/* .technologyCard>img:hover {
    transform: scale(1.05);
    transition: all 200ms linear;
} */

.technologyCard>img {
    width: 231rem;
    height: 124rem;
}

.technologyCardTitle {
    font-weight: 500;
    font-size: 20rem;
    color: #333333;
    line-height: 20rem;
    margin-top: 20rem;
}

.technologyCardTxt {
    font-weight: 400;
    font-size: 16rem;
    line-height: 24rem;
    color: #666666;
    text-align: center;
    margin-top: 8rem;
}

.introduce {
    display: flex;
    justify-content: center;
    margin-top: 48rem;
    height: 836rem;
    width: 100%;

    padding-top: 72rem;
    position: relative;
    box-sizing: border-box;
}

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

.introduceContain {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 1200rem;
    z-index: 9;
}

.scene {
    margin-top: 48rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 120rem;
}

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

.sceneContain {
    display: flex;
    gap: 53rem;
    width: 1200rem;
    margin-top: 72rem;
}

.sceneLeft {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 365rem;
    height: 254rem;
    background-image: url('../img/1@2x.png');
    background-size: 100% 100%;
    border-radius: 20rem;
    background-repeat: no-repeat;
    padding-top: 32rem;
    left: 20rem;
    box-sizing: border-box;

}

.sceneLeftTxt {
    /* position: relative; */
    display: flex;
    flex-wrap: wrap;
    font-weight: normal;
    gap: 20rem;
    margin-top: 12rem;
    margin-left: 20rem;
    height: 20rem;
    font-weight: 500;
    font-size: 20rem;
    color: #333333;
    line-height: 20rem;

}

.sceneLeftTxt span {
    display: inline-block;
    width: 47rem;
    font-size: 20rem;
    color: #058D5A;
    font-style: normal;
}

.sceneLeftTit {
    position: absolute;

    font-weight: bold;
    font-size: 24rem;
    color: #333333;
    top: 200rem;
    /* text-align: justify; */
}

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

.sceneMiddle span {
    color: #125ED9;
}

.sceneRight {
    background-image: url('../img/3@2x.png');
}

.sceneRight span {
    color: #FF6000;
}


.muchtxt {
    padding-top: 12rem;

}


.forthleft {
    left: 49rem;
    top: 71rem;
    font-weight: 600;
}

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

}

.tabBox div {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18rem;
    color: #333333;
    width: 266rem;
    height: 60rem;
    border-radius: 4rem;
    background: #fff;
}





.tabBottom {
    display: flex;
    justify-content: space-between;
    margin-top: 62rem;
    width: 1200rem;

}

.tabBottom .current>div {
    color: #125ED9;
    color: #125ED9;
}

.tabBottomRight>img {
    display: none;
    box-shadow: 0rem 5rem 20rem 0rem rgba(0, 0, 0, 0.15);
    border-radius: 8rem;
}

.tabBottomRight .current {
    display: flex;
}

.introduceTit {
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 40rem;
    font-weight: 500;
    font-size: 40rem;
    color: #125ED9;
    line-height: 40rem;
}

.introduceTitImg {
    position: absolute;
    width: 423rem;
    height: 32rem;
    top: 28rem;
}

.introduceList {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    margin-top: 48rem;
    gap: 56rem;

}

.listnumber {
    width: 63rem;
    height: 63rem;
    margin-right: 11rem;

}

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

.listTxt {
    width: 396rem;
    height: 54rem;
    font-weight: 400;
    font-size: 18rem;
    color: #666666;
    line-height: 27rem;
    margin-top: 12rem;
}

.tabBottomRight {
    margin-top: 24rem;
}

.tabBottomRight img {
    width: 645rem;
    height: 414rem;
}

.tabBottomLeft {
    margin-right: 27rem;
}

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

.evtitle {
    position: absolute;
    z-index: 9;
    color: #333333;
}

.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(137deg, #15AAED 0%, #125ED9 100%);
    box-shadow: 0rem 9rem 24rem 0rem rgba(18, 94, 217, 0.3), 0rem 3rem 8rem 0rem rgba(18, 94, 217, 0.17);
    border-radius: 3rem;
    color: #fff;
    font-size: 16rem;
    margin-top: 32rem;
}

.bottomBtn:hover {
    background: linear-gradient(137deg, #125ED9 0%, #15AAED 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: #125ED9;
    background-image: url('../img/icon_customer_service_hov@2x.png');

}

.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: #125ED9
}

.customerBox:hover a {
    color: #125ED9
}

.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: #125ED9
}

.downLoadBox:hover a {
    color: #125ED9
}

.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: #125ED9
}

.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: #125ED9;
}

.article_title {
    font-size: .26rem;
    color: #4d4d4d;
    text-align: left;
    margin-bottom: .3rem;
    margin-top: .20rem;
    border-left: .02rem #125ED9 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);
    }
}