.mainContentBox{
    margin: 160px auto 0;
    /* position: relative; */
    max-width: 1520px;
    font-family: 'Avenir' !important;
}
.mainContentBox .homeBannerBox{
    display: flex;
    margin: 0 auto 113px;
    justify-content: space-between;
    max-width: 1373px;
}
.mainContentBox .homeBannerBox .bannerLeftBox{
    margin-top: 20px;
    min-height: 490px;
    margin-left: 130px;
}
.mainContentBox .homeBannerBox .bannerLeftBox .bannerTitle{
    font-weight: 900;
    font-size: 66px;
    line-height: 72px;
    color: rgba(41, 45, 112, 1);
    width: 500px;
    min-height: 216px;
    margin-bottom: 40px;
}
.mainContentBox .homeBannerBox .bannerLeftBox .bannerTitle span{
    color: rgba(255, 169, 36, 1);
}
.mainContentBox .homeBannerBox .bannerLeftBox .bannerText{
    color: rgba(41, 45, 112, 1);
    font-weight: 400;
    font-size: 22px;
    width: 470px;
    line-height: 28px;
}
.mainContentBox .homeBannerBox .bannerLeftBox a button{
    font-family: 'Avenir';
    padding: 16px 50px;
    background-color: rgba(23, 26, 82, 1);
    border-radius: 70px;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 38px;
    border: none;
    cursor: pointer;
}

.mainContentBox .homeBannerBox .bannerRightBigBox{
    position: relative;
    width: 748px;
    height: 492px;
    right: -73px;
}
.mainContentBox .bannerRight{
    position: absolute;
    /* right: 0; */
    /* width: 683px;
    height: 515px; */
    /* width: 748px; */
    width: 50vw;
    height: 492px;
    border-radius: 257.5px 0px 0px 72px;
    background-color: rgba(246, 242, 235, 1);
    /* box-shadow: 0px 23px 32px 0px rgba(0, 0, 0, 0.05) inset; */
}
.mui-hidden {
    display: none;
    
}
.mui-opacity {
    opacity: 0;
}
@keyframes home1-bgc-appear{
    0%{transform:translate3d(-70%,-70%,0);opacity:0;}
    /* 50%{transform:translate3d(-35%,-35%,0);opacity:.3;} */
    100%{transform:translate3d(0,0,0);opacity:1;}
}
@keyframes home2-bgc-appear{
    0%{transform:translate3d(-70%,70%,0);opacity:0;}
    /* 50%{transform:translate3d(-35%,35%,0);opacity:.3;} */
    100%{transform:translate(0,0,0);opacity:1;}
}
@keyframes home3-bgc-appear{
    0%{transform:translate3d(70%,70%,0);opacity:0;}
    /* 50%{transform:translate3d(35%,35%,0);opacity:.3;} */
    100%{transform:translate3d(0,0,0);opacity:1;}
}
@keyframes home4-bgc-appear{
    0%{transform:translate3d(70%,-70%,0);opacity:0;}
    /* 50%{transform:translate3d(35%,-35%,0);opacity:.3;} */
    100%{transform:translate3d(0,0,0);opacity:1;}
}
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg1,
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg2,
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg3,
.mainContentBox .homeBannerBox .bannerRightBigBox .homeContent{
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
}
/* 
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg1{
    position: absolute;
    width: 261px;
    height: auto;
    top: 212px;
    left: -17px;
    z-index: 2;
} */
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg2{
    position: absolute;
    width: 251px;
    height: auto;
    top: 107px;
    left: 398px;
    z-index: 2;
    border-radius: 15px;
    box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.12);
    /* animation-name: home2-bgc-appear; */
}
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg3{
    position: absolute;
    /* width: 174px;
    height: auto; */
    width: 490px;
    height: 347.16px;
    /* top: 300px;
    left: 453px; */
    top: 57px;
    right: 46px;
    left: 207px;
    /* z-index: 1; */
    /* border-radius: 20px; */
    /* box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.12); */
    /* animation-name: home3-bgc-appear; */
}
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg4{
    position: absolute;
    /* width: 205px;
    height: auto; */
    width: 242.11px;
    height: 483.5px;
    top: -30px;
    left: 108px;
    /* top: 48px;
    left: 220px; */
    z-index: 1;
    border-radius: 25px;
    box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.12);
}
.mainContentBox .homeBannerBox .bannerRightBigBox .homeImg5 {
    display: none;
}
.mainContentBox .homeBannerBox .bannerRightBigBox .homeContent{
    position: absolute;
    width: 261px;
    height: auto;
    top: 229px;
    left: -17px;
    border-radius: 20px;
    background-color: #fff;
    z-index: 2;
    padding: 14px 21px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #291B6A;
    box-sizing: border-box;
    box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.12);

    /* animation-name: home4-bgc-appear; */
}
.mainContentBox .homeBannerBox .bannerRightBigBox .homeContent .first{
    color: #857468;
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 13px;
}

.mainContentBox .titleVideo{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 173px;
    /* margin-top: 60px; */
    min-height: 720px;
}
.mainContentBox .titleVideo .title{
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #292D70;
}
.mainContentBox .titleVideo .videoImg{
    margin-top: 57px;
    position: relative;
    width: 965px;
    height: 580px;
    display: none;
}
.mainContentBox .titleVideo .videoImg .colorBorder{
    width: 965px;
    height: 543px;
    border: 4.75px solid rgba(206, 196, 253, 1);
    border-radius: 22.5px;
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 1;
}
.mainContentBox .titleVideo .videoImg .videoBox{
    width: 965px;
    height: 543px;
    /* border: 4.75px solid #ccc; */
    border-radius: 22.5px;
    position: absolute;
    top: 0;
    left: 27px;
    z-index: 2;
}
.mainContentBox .titleVideo .videoImg .videoBox video{
    width: 965px;
    height: 543px;
    border-radius: 22.5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.mainContentBox .titleVideo .videoImg .videoBox .play div{
    width: 965px;
    height: 543px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.mainContentBox .titleVideo .videoImg .videoBox:hover .play span{
    display: inline-block;
}
.mainContentBox .titleVideo .videoImg .videoBox .play span{
    width: 185px;
    height: 185px;
    background-image: url(../img/v3/video_play@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    display: none;
}

.mainContentBox .iconBox{
    margin: 100px 0;
}
.mainContentBox .iconBox .title{
    font-weight: 900;
    font-size: 44px;
    color: rgba(1, 4, 66, 1);
    text-align: center;
    margin-bottom: 80px;
    line-height: 61px;
}
.mainContentBox .iconBox .logosOutBox{
    width: 100%;
    height: 110px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.mainContentBox .iconBox .logosOutBox .imgOutBox{
    display: flex;
    width: 5500px;
    height: 110px;
    position: absolute;
    box-sizing: border-box;
}
.mainContentBox .iconBox .logosOutBox .imgOutBox .desaturateBox{
    width: 100%;
    height: 110px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    z-index: 5;
}
.mainContentBox .iconBox .logosOutBox .desaturate {
	filter: grayscale(100%);
}

/* 主要内容标题 */
.mainContentBox .mainTopBox {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* width: 961px; */
    height: 349px;
    padding: 45px;
    box-sizing: content-box;
    margin-bottom: 105px;
}
.mainContentBox .mainTopBox .topBgcImg {
    position: absolute;
    z-index: -1;
    /* width: 961px; */
    width: 50vw;
    height: 349px;
    /* left: 0; */
    right: 50%;
    top: 0;
    background: #EAF5FF;
    border-radius: 257.5px 0px 0px 70px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.mainContentBox .mainTopBox .mainTopTitle {
    width: 507px;
    height: 104px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    color: #292D70;
}
.mainContentBox .mainTopBox .mainTopText {
    width: 950px;
    height: 90px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #000341;
    margin-top: 44px;
}

/* 内容详情区 */
.mainContentBox .mainCenterBox {
    margin-top: 105.95px;
    display: flex;
}
/* 左边文字 */
.mainContentBox .mainCenterBox .mainLeftBox {
    width: 40%;
    margin-left: 200px;
}
/* 单个容器 */
.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart {
   width: 422px;
   /* height: 411px; */
}
.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart .contentTitle {
    width: 325px;
    height: 57px;
    display: flex;
    align-items: center;
    background-color:#f3f2f8;
    color: #6051A6;
    border-radius: 80px;
    text-align: center;
    
}
.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart .contentTitle .contentTitleText {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #6051A6;
}
.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart .contentTitle .icon {
    width: 45px;
    height: 45px;
    padding: 6px;
}
.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart .contentTitle img {
    width: 100%;
    height: 100%;
}

.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart .moduleContent {
    width: 410px;
    /* width: 412px; */
    margin-bottom: 34px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 44px;
    color: #292D70;
    margin-top: 32px;
}
.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart .moduleContent span {
    color:  #FFA924;
}
.mainContentBox .mainCenterBox .mainLeftBox .leftThreePart .moduleDescript {
    width: 399px;
    margin-bottom: 250px;
    font-family: 'Avenir';
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    color: #000341;
}
/* 右边图表 */
.mainContentBox .mainCenterBox .mainRightBox {
    width: 60%;
    text-align: center;
}
.mainContentBox .mainCenterBox .mainRightBox .rightImg1 {
    width: 657px;
    height: 403.93px;
    margin-right: 183px;
}
.mainContentBox .mainCenterBox .mainRightBox .rightImg1 img {
    width: 212px;
    height: 459px;
    box-shadow: 0px 18px 20px rgba(0, 1, 32, 0.18);
    border-radius: 25px;
}
.mainContentBox .mainCenterBox .mainRightBox .rightImg1 .img-2 {
    position: relative;
    top: -80.5px;
    left: -39.42px;
}
.mainContentBox .mainCenterBox .mainRightBox .rightImg1 .img-3 {
    position: relative;
    top: 30px;
    left: -78.86px;
}
/* 第二张 */
.mainContentBox .mainCenterBox .mainRightBox .rightImg2 {
    width: 657px;
    height: 403.93px;
    margin-top: 280px;
    margin-right: 153px;
    box-shadow: 0px 18px 20px rgba(0, 1, 32, 0.18);
    border-radius: 14px;
}
.mainContentBox .mainCenterBox .mainRightBox .rightImg2 img {
    width: 100%;
    height: 100%;
}
/* 第三张 */
.mainContentBox .mainCenterBox .mainRightBox .rightImg3 {
    position: relative;
    width: 448px;
    height: 448px;
    margin-top: 257.07px;
    margin-left: 95px;
    
}

/* .img3Box {
    transform: rotate(-50deg);
} */

.mainContentBox .mainCenterBox .mainRightBox .rightImg3 .rightImg3-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 166px;
    height: 48px;
    font-style: italic;
    font-weight: 800;
    font-size: 23px;
    
}
.mainContentBox .mainCenterBox .mainRightBox .rightImg3 img {
    width: 100%;
    
}

/* 斜图详情*/
.mainContentBox .mainBottomBox  {
   margin-top: -60px; 
}
.mainContentBox .mainBottomBox .mainBottomTitleBox {
    background-color: #eee;
    width: 100vw;
    height: 378px;
    background: url('../img/home/long_belt@2x.png') no-repeat  top left / 100% 100% ;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50%;
    transform: translateX(-50%);
}
.mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent .title1 {
    font-family: 'Avenir';
    font-style: italic;
    font-weight: 300;
    font-size: 63px;
    /* transform: rotate(-5deg) ; */
    color: #FFFFFF;
}
.mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent {
    transform: rotate(-4deg) ;
}
.mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent .title1 .title1-text {
    color: #FFA924;
}
.mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent .title2 {
    font-family: 'Avenir';
    font-style: italic;
    font-weight: 800;
    font-size: 63px;
    text-align: center;
    /* transform: rotate(-5deg) ; */
    color: #FFFFFF;
}
.mainContentBox .mainBottomBox .mainBottomContentBox {
    margin-top: 189px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail {
    padding: 0 125px;
    display: flex;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailLeftBox {
    width: 663px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailLeftBox .detailLeftTitle {
    width: 581px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 33px;
    line-height: 49px;
    color: #292D70;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailLeftBox .detailLeftTitle span {
    color: #FFA924;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailLeftBox .detailContent1 {
    box-sizing: border-box;
    width: 663px;
    height: 182px;
    background: #EAF5FF;
    border-radius: 90px 40px 40px 40px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    /* line-height: 182px; */
    color: #000341;
    padding: 46px 96px;
    margin-top: 51px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailContent2 {
    box-sizing: border-box;
    width: 497px;
    height: 325px;
    background: #EAF5FF;
    border-radius: 40px 120px 40px 40px;
    margin-left: 30px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #000341;
    padding: 85.63px 64.06px 84.06px 65.01px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData {
    display: flex;
    align-items: center;
    margin-left: 70px;
    /* width: 1355px; */
    width: 100vw;
    height: 260px; 
    background: #F6F2EB;
    border-radius: 120px 40px 40px 40px;
    margin-top: 30px;
    padding-left: 70px;
    margin-left: 125px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataTitle {
    width: 245px;
    height: 82px;
    font-weight: 800;
    font-size: 38px;
    line-height: 41px;
    display: flex;
    align-items: center;
    color: #F1836F;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent {
    display: flex;
    text-align: center;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent .data1{
    width: 238px;
    height: 210px;
    background: #FABB64;
    border-radius: 38px 94px 38px 38px;
    margin-left: 86px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent .data2 {
    width: 238px;
    height: 210px;
    background: #F1836F;
    border-radius: 38px 38px 38px 89px;
    margin-left: 20px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent .data3 {
    width: 238px;
    height: 210px;
    background: #C05C7E;
    border-radius: 102px 38px 38px 38px;
    margin-left: 20px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .specific {
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
    color: #FFFFFF;
    margin-top: 30%;
    margin-left: -80px;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .specific .inNumZoomIn {
   display: none;
}
.mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .desc {
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
}


/* 
mix-width:设置>1520px
*/
/* .mainContentBox .mainBottomBox .mainBottomContentBox {
    display: flex;
    align-items: center;
    justify-self: center;
    flex-direction: column;
} */



/* .logos */
@keyframes banner-logo-scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}
.mainContentBox .iconBox .logosOutBox .logosImg{
    width: auto;
    height: 110px;
    max-width: none;
    display: inline-block;
    vertical-align: middle;
    border-style: none;
    animation-name: banner-logo-scroll;
    animation-duration: 80s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.mainContentBox .iconBox .logosOutBox .logosImg .logos{
    height: 100%;
    opacity: 0.35;
    margin: 0 15px;
}
.mainTopBox{}
.mainTopBox .topBgcImg{}
.mainTopBox .mainTopTitle{}
.mainTopBox .mainTopText{}

@media only screen and (max-width:1240px){
    .mainContentBox{
        max-width: 1240px;
    }
    .mainContentBox .homeBannerBox{
        margin: 0 0 180px 30px;
    }
    
}
@media only screen and (min-width:999px){
    /* 影藏移动图表 */
    .mainContentBox .mobile-mainCenterBox {
        display: none;
    }
    
}
@media only screen and (max-width:999px){
    .mainContentBox{
        margin-top: 60px;
    }
    .mainContentBox .homeBannerBox{
        display: block;
        justify-content: none;
        /* margin: 0 auto 80px; */
        margin: 0 auto 53px;
        margin-bottom: 0;

    }
    .mainContentBox .bannerRight{
        display: none;
    }
    .mainContentBox .homeBannerBox .bannerLeftBox{
        width: 100%;
        padding: 0 20px;
        margin: 100px 0 50px;
        min-height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mainContentBox .homeBannerBox .bannerLeftBox .bannerTitle{
        width: 100%;
        min-height: auto !important;
        margin-bottom: 0;
        font-weight: 800;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        color: #292D70;

    }
    .mainContentBox .homeBannerBox .bannerLeftBox .bannerText{
        width: 100%;
        padding: 0;
        margin-top: 24px;
        text-align: center;
    }
    .mainContentBox .homeBannerBox .bannerRightBigBox{
       width: 100%;
       height: auto;
       position: static;
    }
    .mainContentBox .homeBannerBox .bannerRightBigBox .homeContent,
    .mainContentBox .homeBannerBox .bannerRightBigBox .homeImg1,
    .mainContentBox .homeBannerBox .bannerRightBigBox .homeImg2,
    .mainContentBox .homeBannerBox .bannerRightBigBox .homeImg3{
        display: none;
    }
    .mainContentBox .homeBannerBox .bannerRightBigBox .homeImg4{
        display: none !important;
    }
    .mainContentBox .homeBannerBox .bannerRightBigBox .homeImg5 {
        display: block;
        /* width: 376px; */
        /* height: 457.04px; */
        width: 100%;
      
        margin: 20px auto 0;
    }
    .mainContentBox .titleVideo .title{
        width: 100%;
        padding: 0 20px;
        font-size: 28px;
        line-height: 38px;
        text-align: center;
    }
    
    /* 
    首页移动轮播-换
    .mainContentBox .iconBox .title{
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 40px;
    }
    .mainContentBox .iconBox .logosOutBox{
        width: 320px;
      
        height: 342px;
        background-image: url(../img/newWebSite/client_logo_mobile@2x.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: block;
        margin: 0 auto;
    }
    .mainContentBox .iconBox .logosOutBox .logosImg{
        display: none;
    } 
    
    */
    .mainContentBox .iconBox .logosOutBox .logosImg {
        height: 54px;
    }
    .mainContentBox .iconBox .logosOutBox {
        height: 54px;
    }
    .mainContentBox .iconBox .logosOutBox .imgOutBox {
        height: 54px;
    }
    .mainContentBox .iconBox {
        margin: 0 0 40px 0;
    }





    .mainContentBox .titleVideo{
        min-height: 0;
        margin-top: 60px;
    }
    .mainContentBox .titleVideo .videoImg{
        margin: 30px 0 0;
        width: 100%;
        height: 450px;
    }
    .mainContentBox .titleVideo .videoImg .colorBorder{
        display: none;
    }
    .mainContentBox .titleVideo .videoImg .videoBox{
        width: 100%;
        box-sizing: border-box;
        left: 0;
        position: relative;
        padding: 15px;
        height: 100%;
    }
    .mainContentBox .iconBox{
        /* margin-top: 60px; */
        margin-top: 53px;
    }
    #iframeId{
        width: 100%;
        height: 100%;
    }
    
    .mainContentBox .mainTopBox {
        width: 100%; 
        height: auto;
        padding: 20px;
        box-sizing: border-box;
    }
    .mainContentBox .mainTopBox .topBgcImg {
        width: 70%;
        height: 139px;
        top: 150px;

    }
    .mainContentBox .mainTopBox .mainTopTitle {
        width: 100% !important;
        font-size: 28px;
        text-align: center;
    }
    .mainContentBox .mainTopBox .mainTopText {
        width: 100%;
        font-size: 16px;
    }
    /* 斜图 */
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .initialValue {
        display: none;
    }
    /* .mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent .title1 ,
    .mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent .title2{
        transform: rotate(0) !important;
    } */
    .mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent {
        transform: rotate(0);
    }
    
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .inNumZoomIn {
        display: inline-block !important;
    }
    .mainContentBox .mainBottomBox .mainBottomTitleBox {
        width: 100%;
        height: 190px;
        background-color: #291b6a;
    }
    .mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent .title1 {
        font-size: 30px;
    }
    .mainContentBox .mainBottomBox .mainBottomTitleBox .bottomtitleContent .title2 {
        font-size: 30px;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
        /* width: 100%; */
        flex-wrap: wrap;

    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailLeftBox {
        width: 100%;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailLeftBox .detailLeftTitle {
        width: 100%;
        padding: 20px;
        font-size: 28px;
        text-align: center;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailLeftBox .detailContent1 {
        width: 335px;
        padding: 25px;
        margin: 20px;
        border-radius: 30px;
        font-size: 16px;
        font-weight: 500;
        height: auto;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomDetail .detailContent2 {
        width: 335px;
        height: 170px;
        border-radius: 30px;
        font-size: 16px;
        padding: 25px;
        margin: 0 20px;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData {
        flex-wrap: wrap;
        width: 335px;
        height: 542px;
        padding: 20px;
        margin: 20px;
        border-radius: 30px;
        align-items: initial;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent {
        flex-wrap: wrap;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataTitle {
        width: 100%;
        height: 32px;
        font-size: 24px;
        text-align: center;
        justify-content: center;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent .data1,
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent .data2,
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .mainDataContent .data3 {
        width: 295px;
        height: 130px;
        border-radius: 25px;
        margin: 0;
        padding-top: 20px;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .specific {
        font-size: 40px;
        margin: 0;
        text-align: center !important;
        padding-left: 0 !important;
    }
    .mainContentBox .mainBottomBox .mainBottomContentBox .mainBottomData .desc {
        text-align: center !important;
        padding-left: 0 !important;
    }

    /* 主要内容标题详细-移动 */
    .mainContentBox .mainCenterBox {
        display: none;  
    }
    .mainContentBox .mobile-mainCenterBox {
        margin-top: 60px;
        width: 100%;
        margin-bottom: 130px;
        
    }
    .mainContentBox .mobile-mainCenterBox .mobile-phoneBoxText {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .mobile-mainCenterBox .mobile-phoneBoxText .contentTitle{
        display: flex;
        align-items: center;
        text-align: center;
        Width: 257px;
        height: 47px;
        font-size: 17px;
        color:#6051A6;
        background-color: #f3f2f8;
        border-radius: 80px;
    }
    .mobile-mainCenterBox .mobile-phoneBoxText .contentTitle .icon {
        margin: 0 6px;
    }
    .mobile-mainCenterBox .mobile-phoneBoxText .contentTitle .icon img {
        width: 35px;
        height: 35px;
        margin-top: 6px;
    }
    .mobile-mainCenterBox .mobile-phoneBoxText .moduleContent {
        font-family: 'Avenir';
        font-style: normal;
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        text-align: center;
        color: #292D70;
        margin: 20px;
    }
    .mobile-mainCenterBox .mobile-phoneBoxText .moduleDescript {
        font-family: 'Avenir';
        font-style: italic;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #000341;
        margin: 0 20px 30px 20px;
    }

    /* phone图表 */
   /* .mobile-mainCenterBox .mobile-phoneBox .mobile-phoneBoxChart {
        margin-bottom: 10px;
   } */
   .mobile-mainCenterBox .mobile-phoneBox .mobile-phoneBoxChart img {
        width: 200px;
        height: 381.62px;
        margin-left: 50%;
        transform: translateX(-50%);
        box-shadow: 0px 18px 20px rgba(0, 1, 32, 0.18);
        border-radius: 25px;
   }
   .mobile-mainCenterBox .mobile-pageChartBoxText {
        margin-top: 60.38px;
   }
   .mobile-mainCenterBox .mobile-phoneBox .mobile-phoneBoxChart .swiper-phone-prev {
        top: 50% !important;
        /* color: #000341; */
   }
   .mobile-mainCenterBox .mobile-phoneBox .mobile-phoneBoxChart .swiper-button-next:after,.mobile-phoneBoxChart .swiper-button-prev:after {
     font-size: 12px;
     color: #000341;
   }
   .mobile-mainCenterBox .mobile-phoneBox .mobile-phoneBoxChart .swiper-button-prev {
    left: 20px;
   }
   .mobile-mainCenterBox .mobile-phoneBox .mobile-phoneBoxChart .swiper-button-next {
    right: 20px;
   }
   /* 第二组图表 */
    .mobile-mainCenterBox .mobile-pageChartBoxText .mobile-pageChartBoxChart img {
        /* width: 330px; */
        width: 88%;
        /* height: 213.56px; */
        margin-left: 50%;
        transform: translateX(-50%);
        box-shadow: 0px 18px 20px rgba(0, 1, 32, 0.18);
        border-radius: 14px;
    }
    .mobile-pageChartBoxText .mobile-phoneBoxText .moduleContent {
        padding: 0 2px;
    }
    /* 第三组图 */
    .mobile-mainCenterBox .mobile-PieBox .mobile-PieBoxChart img {
        width: 270px;
        height: 270px;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .mobile-mainCenterBox .mobile-PieBox {
        margin-top: 60.44px;
        
    }
    .mobile-mainCenterBox .mobile-PieBox .mobile-PieBoxChart {
        position: relative;
    }
    .mobile-mainCenterBox .mobile-PieBox .mobile-PieBoxChart .mobile-Pietext {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 95px;
        transform: translate(-50%,-50%);
        font-family: 'Avenir';
        font-style: italic;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }
    .mainContentBox .mobile-mainCenterBox .mobileTextOrange {
        color: #FFA924;
    }

    /* 视频 */ 
    .mainContentBox .titleVideo .videoImg {
        display: block;
    }
    /* 隐藏白线 */
    .bottomLine {
        height: 0;
    }
   
    .mainContentBox-imdex .tabBox{
        padding: 0 20px !important;
        justify-content:space-between !important;
    }
    .mainContentBox-imdex .concatBox .demoPage .eachtab{
        padding:20px !important;
        width: 45% !important;
        text-align: center;
    }
    
    .mainContentBox-imdex .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 10px;
    }
    .concatBox .swiper .swiper-pagination{
        width: 100px !important;
        margin-left: -50px !important;
        bottom: 26px !important;
    }
    .concatBox .swiper-button-prev{
        margin-left: -80px !important;
    }
    .concatBox .swiper-button-next {
        margin-left: 80px !important;
    }
    .concatBox .swiper-button-next:after, .concatBox .swiper-button-prev:after{
        font-size: 16px !important;
    }
}

@media only screen and (max-width:500px){
    
    .mainContentBox .titleVideo .videoImg{
        height: 280px;
    }
   
    .mainContentBox-imdex .tabBox{
        padding: 0 20px !important;
        justify-content:space-between !important;
    }
    .mainContentBox-imdex .concatBox .demoPage .eachtab{
        padding:10px !important;
        width: 45% !important;
        text-align: center;
    }
    
    .mainContentBox-imdex .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 10px;
    }
    .concatBox .swiper .swiper-pagination{
        width: 100px !important;
        margin-left: -50px !important;
        bottom: 26px !important;
    }
    .concatBox .swiper-button-prev{
        margin-left: -80px !important;
    }
    .concatBox .swiper-button-next {
        margin-left: 80px !important;
    }
    .concatBox .swiper-button-next:after, .concatBox .swiper-button-prev:after{
        font-size: 16px !important;
    }
}