body {
    background: #F0F4F9;
}

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

.showpage {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    /* width: 1200rem;
    margin: 0 360rem 0 360rem  */
}

.topBox {
    position: fixed;

    width: 100%;
    height: 64rem;
    z-index: 999;
}

.scrolled {
    background: #f8f9ff;
    box-shadow: 0rem 3rem 6rem 0rem rgba(0, 0, 0, 0.04);
}

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

.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: 120rem;
    height: 40rem;
    background: linear-gradient(222deg, #396AFC 0%, #2948FF 100%);
    border-radius: 20rem;
    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(222deg, #2948FF 0%, #396AFC 100%);

}

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

}

.bannerImg {
    position: absolute;
    height: 720rem;
    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;
}



.bannerRight {
    position: absolute;
    margin-top: 75rem;

}

.bannerRight img {
    width: 586rem;
    height: 397rem;
    box-shadow: 0rem 4rem 14rem 0rem rgba(18, 94, 217, 0.07);
    border-radius: 8rem;
}

.bannerBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100rem;
    margin-top: 120rem;
}

.bannerBottomLeft {
    width: 60rem;
    height: 60rem;
}

.bannerBottomLeft img {
    width: 60rem;
    height: 60rem;
}

.bannerBottomRight {
    display: flex;
    flex-direction: column;
    gap: 16rem;
}

.bannerBottomRightTop {
    height: 18rem;
    font-size: 18rem;
    color: #333333;
}

.bannerBottomRightBottom {
    height: 16rem;
    font-weight: bold;
    font-size: 16rem;
    color: #333333;
}

.bannerBottomBox {
    display: flex;
    height: 60rem;
    gap: 20rem;
}

.bannerTitle {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    position: relative;
    font-weight: bold;
    font-size: 48rem;
    /* width: 406rem; */
    color: #333;
    height: 48rem;
    line-height: 48rem;
    margin-top: 110rem;
    /* 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; */
}
.bannerTime{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 157rem;
height: 44rem;
margin-left: 8rem;
background: linear-gradient( 135deg, #F55225 0%, #FD874A 100%);
border-radius: 24rem 0rem 24rem 0rem;
font-size: 20rem;
font-weight: 800;
color: #FFFFFF;
line-height: 20rem;
border: 1rem solid rgba(255,255,255,0.62);
}
.bannerList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: baseline;
    width: 580rem;
    gap: 12rem 0;
    margin-top: 40rem;
    /* margin-left: 28rem; */
}

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

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

.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(222deg, #396AFC 0%, #2948FF 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: 8rem;
    line-height: 60rem;
    text-align: center;
    color: #fff;
    font-size: 20rem;
    margin-top: 70rem;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

/* .bannerBtn:hover {
    background: linear-gradient(137deg, #125ED9 0%, #15AAED 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;
}





.functionBox {
    margin-top: 120rem;
    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-color: #125ED9;
    border-radius: 4rem;
    margin-top: 12rem;
}

.evaluaTetitleLine {
    background: linear-gradient(123deg, #F8FF00 0%, #3EFCD0 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: 110rem;
    width: 217rem;
    height: 60rem;
    background: #FFFFFF;
    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: #125ED9;
    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;
}



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

.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: 56rem;
}

.sceneLeft {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 260rem;
    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;

}

.sceneLeft:hover {
    transform: scale(1.05);
    transition: all 200ms linear;
}

.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: 40rem;
    font-size: 16rem;
    color: #058D5A;
    font-style: normal;
}

.sceneLeftTit {
    position: absolute;

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

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

}

.sceneStart span {
    color: #A16BFF;
}

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

.sceneMiddle span {
    color: #125ED9;
}

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

.sceneRight span {
    color: #FF6000;
}


.compress {
    margin-top: 120rem;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.compressBox {
    display: flex;
    gap: -38rem;
    margin-top: 96rem;
    width: 1200rem;
}

.compressLeft {
    position: relative;
    width: 638rem;
    height: 564rem;
    background-image: url('../img/bg3@2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: -38rem;
}

.compressLeftTitle {
    position: absolute;
    top: 32rem;
    left: 201rem;
    height: 24rem;
    font-weight: bold;
    font-size: 24rem;
    color: #FFFFFF;
}

.compressLeftTxt {
    position: absolute;
    font-size: 20rem;
    color: #FFFFFF;
    line-height: 30rem;
}

.compressLeftTxt:nth-of-type(2) {
    top: 124rem;
    left: 319rem;
}

.compressLeftTxt:nth-of-type(3) {
    width: 373rem;
    text-align: right;
    top: 188rem;
    left: 94rem;
}

.compressLeftTxt:nth-of-type(4) {
    top: 292rem;
    left: 213rem;
}

.compressLeftTxt:nth-of-type(5) {
    top: 378rem;
    left: 201rem;
}

.compressLeftTxt:nth-of-type(6) {
    top: 460rem;
    left: 253rem;
}

.compressRight {
    position: relative;
    width: 638rem;
    height: 564rem;
    background-image: url('../img/bg4@2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: -38rem;
}

.compressRightTxt {
    position: absolute;
    font-size: 20rem;
    color: #FFFFFF;
    line-height: 30rem;
}

.compressRightTxt:nth-of-type(2) {
    top: 124rem;
    left: 91rem;
}

.compressRightTxt:nth-of-type(3) {
    width: 380rem;
    top: 188rem;
    left: 111rem;
}

.compressRightTxt:nth-of-type(4) {
    width: 361rem;
    top: 282rem;
    left: 121rem;
}

.compressRightTxt:nth-of-type(5) {
    top: 386rem;
    left: 151rem;
}

.compressRightTxt:nth-of-type(6) {
    width: 360rem;
    top: 450rem;
    left: 195rem;
}

.compressRightTitle {
    position: absolute;
    top: 32rem;
    left: 91rem;
    height: 24rem;
    font-weight: bold;
    font-size: 24rem;
    color: #FFFFFF;
}

.compressImgBox {
    width: 1200rem;
    height: 394rem;
    margin-top: 72rem;
    background-image: url('../img/bg6.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.compressDownoladBtn {
    cursor: pointer;
    margin-top: 72rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20rem;
    color: #FFFFFF;
    line-height: 20rem;
    width: 220rem;
    height: 60rem;
    background: linear-gradient(222deg, #396AFC 0%, #2948FF 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: 30rem;
}
.compressDownoladBtn:hover{
    background: linear-gradient(222deg, #2948FF 0%, #396AFC 100%);

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

.scenarioBox {
    display: flex;
    flex-wrap: wrap;
    gap: 48rem;
    width: 1200rem;
    margin-top: 96rem;

}

.scenarioItem {
    cursor: pointer;
    width: 368rem;
    height: 368rem;
    padding: 0 20rem;
    background: #F5F5F5;
    border-radius: 8rem;
    border: 1rem solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.scenarioItem:hover {
    transform: scale(1.05);
    transition: all 200ms linear;
}

.scenarioItemTitle {
    margin-top: 258rem;
    font-weight: bold;
    font-size: 20rem;
    color: #333333;
}

.scenarioItemTxt {
    margin-top: 16rem;
    font-weight: 500;
    font-size: 14rem;
    color: #333333;
}

.scenarioItem:nth-of-type(1) {
    background-image: url('../img/Map1@2x.png');

}

.scenarioItem:nth-of-type(2) {
    background-image: url('../img/Map2@2x.png');
}

.scenarioItem:nth-of-type(3) {
    background-image: url('../img/Map3@2x.png');
}

.scenarioItem:nth-of-type(4) {
    background-image: url('../img/Map4@2x.png');
}

.scenarioItem:nth-of-type(5) {
    background-image: url('../img/Map5@2x.png');
}

.scenarioItem:nth-of-type(6) {
    background-image: url('../img/Map6@2x.png');
}

.select {
    width: 100%;
    height: 836rem;
    margin-top: 120rem;
    padding-top: 72rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('../img/bg2@2x.png');
}

.selectBox {
    display: flex;
    gap: 48rem;
    width: 1200rem;
    margin-top: 100rem;
}

.selectLeft {
    display: flex;
    flex-wrap: wrap;
    width: 784rem;
    gap: 48rem;
}

.selectLeftItem {
    cursor: pointer;
    width: 368rem;
    height: 256rem;
    padding: 24rem;
    background: #FFFFFF;
    box-shadow: 0rem 20rem 56rem 0rem rgba(154, 154, 154, 0.09);
    border-radius: 8rem;
    box-sizing: border-box;
}

.selectLeftItem:hover {
    transform: scale(1.05);
    transition: all 200ms linear;
}

.selectLeftItemTitle {
    display: flex;
    align-items: center;
    gap: 16rem;
    font-weight: 500;
    font-size: 20rem;
    color: #333333;
    line-height: 20rem;
}

.selectLeftItemTitle img {
    width: 32rem;
    height: 32rem;
}

.selectLeftItemTitle span {
    height: 20rem;
    font-weight: 500;
    font-size: 20rem;
    color: #333333;
    line-height: 20rem;
}

.selectLeftItemList {
    display: flex;
    flex-direction: column;
    gap: 14rem;
    margin-top: 32rem;
}

.selectLeftItemIcon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #396AFC;
}

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

.selectMoveIocn {
    margin-top: -20rem;
}

.selectListItemTxt {
    width: 288rem;
    /* height: 14rem; */
    line-height: 21rem;
    font-size: 14rem;
    color: #333333;
}

.selectRight {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    gap: 68rem 20rem;
    padding: 24rem;
    width: 368rem;
    height: 560rem;
    background: #FFFFFF;
    box-shadow: 0rem 20rem 56rem 0rem rgba(154, 154, 154, 0.09);
    border-radius: 8rem;
    box-sizing: border-box;
}

.selectRightItem {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20rem;
    color: #125ED9;
    width: 150rem;
    height: 48rem;
    border-radius: 8rem;
    border: 1rem solid #125ED9;
    box-sizing: border-box;
}

.selectRightItem:hover {
    background-color: #125ED9;
    color: #fff;
}

.problem {
    margin-top: 120rem;
    /* height: 720rem; */
    margin-bottom: 136rem;
}

.problemBox {
    width: 1200rem;
    gap: 32rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 96rem;
}

.problemItem {
    cursor: pointer;
    width: 584rem;
    padding: 0rem 32rem;
    background: #F8F9FB;
    box-shadow: 0rem 10rem 41rem 0rem rgba(0, 0, 0, 0.15);
    border-radius: 8rem;
    border: 1rem solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.problemFlex {
    display: flex;
    flex-direction: column;
    gap: 48rem;
}

.problemItemTitle {
    height: 80rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.problemItemIcon {
    width: 20rem;
    height: 20rem;
    position: relative;
}

.problemItemIcon img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.problemItemContent {
    display: none;
    font-size: 16rem;
    color: #666666;
    line-height: 24rem;
    margin-bottom: 32rem;
}

.OpenTitle {
    color: #125ED9;
}


/* 底部 */

.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: 48rem;
    background: linear-gradient(222deg, #396AFC 0%, #2948FF 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: 24rem;
    color: #fff;
    font-size: 16rem;
    margin-top: 32rem;
}

.bottomBtn:hover {
    background: linear-gradient(222deg, #2948FF 0%, #396AFC 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);
    }
}