@media only screen and (max-width: 1024px) {
    .mainhb {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        overflow: hidden;
    }
    .mainhb .header{
        display: block;
        width: 100%;
        height: 6.125rem;
        overflow: hidden;
        margin-top: 2.13rem;
        position: fixed;
        top: 0;
        z-index: 10;
    }
    .mainhb .header .logo{
        width: 5.31rem;
        height: 2.5rem;
        position: absolute;
        left: 2.5rem;
    }
    .mainhb .header .menulistv{
        width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    right: 2.5rem;
    }
    .plr-158{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .card3, .card5{
        width: 100%;
        margin-bottom: 12px;
    }
    .pl-106{
        padding-left: 0;
    }
    .pr-106, .pr-24{
        padding-right: 0;
    }
    .pt-96, .pt-86{
        padding-top: 3rem;
    }
    .pb-96{
        padding-bottom: 3rem;
    }
    .mt-120{
        margin-top: 30px;
    }
    .lang{
        display: none;
    }
    .mobile-lang{
        width: 240px;
        height: 83px;
        margin: 0 auto 12px;
        background: url(https://cdn.oxcoder.com/index-jump/images/languages.png) no-repeat;
        background-size: auto 83px;
    }
    .lang1{
        background-position: 0 0;
    }
    .lang2{
        background-position: -320px 0;
    }
    .lang3{
        background-position: -634px 0;
    }
    .lang4{
        background-position: -917px 0;
    }
    .swiper-container{
        width: 100%;
        height: 340px;
    }
    .font-48{
        font-size: 3.25rem;
    }
    .font-24{
        font-size: 1.5rem;
        height: 40px;
        width: 36.25rem;
        margin: 0 auto;
        line-height: 24px;
    }
    .block{
        padding-top: 100px;
    }
    .btn-group{
        margin-top: 30px;
    }
    .pt-106{
        padding-top: 30px;
        padding-bottom: 12px;
    }
    .card{
        border: none;
        background-color: transparent;
        width: 100%;
        height: auto;
        display: block;
    }
    .card1, .card2{
        border: 1px solid rgba(28, 107, 255, 0.2);
        background-color: #fff;
        width: 100%;
        margin-top: 1.5rem;
        padding: 2rem;
        height: 41rem;
    }
    .card2{
        height: 29rem;
    }
    .card1 img{
        width: auto;
    }
    .api-title{
        font-size: 2.85rem;
        font-family: PingFangSC-Medium, PingFang SC;
    }
    .se-title{
        font-size: 2.25rem;
        font-family: PingFangSC-Medium, PingFang SC;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .api-title-2{
        font-size: 1.8rem;
        font-family: PingFangSC-Light, PingFang SC;
        line-height: 28px;
    }
    .se-desc, .item{
        width: auto;
        font-family: PingFangSC-Light, PingFang SC;
        font-size: 1.5rem;
    }
    .item{
        margin-bottom: 0.5rem;
    }
    .item div{
        width: 36rem;
    }
    .pl-35{
        padding-left: 0;
    }
    .pr-35{
        padding-right: 0;
    }
    .card3{
        padding-top: 3rem;
        height: 35rem;
    }
    .card3 .se-title{
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .under-blue-title{
        font-family: PingFangSC-Light, PingFang SC;
        font-size: 1.5rem;
        line-height: 28px;
    }
    .blue-title{
        font-size: 2.35rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .card5{
        height: 46rem;
    }
    .card5 .se-title{
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .card5 img{
        width: 100%;
    }
    .change{
        position: relative;
    }
    .changeA{
        height: 53rem;
        margin-top: 2rem !important;
    }
    .changeB{
        height: 110rem;
    }
    .change1{
        position: absolute;
        bottom: 0;
    }
    .change2{
        position: absolute;
        top: 0;
    }
    .api-btn{
        font-size: 1.5rem;
    }
    .line1 img, .line3 img{
        width: 80%;
        float: right;
    }
    .line2 img{
        width: 80%;
        float: left;
    }
    .line1{
        height: 59rem;
        margin-top: 3rem !important;
    }
    .line2{
        height: 56rem;
        margin-top: 2rem !important;
    }
    .line3{
        height: 41rem;
        margin-top: 3rem !important;
    }
    .card6 .item{
        padding: 0 2rem;
    }
    .card6 .item div{
        font-size: 1.6rem;
        width: 40rem;
    }
}
@media only screen and (min-width: 1025px){
    .mobile-lang{
        display: none;
    }
    .h-613{
        height: 613px;
    }
    .h-1853{
        height: 1853px;
    }
    .h-792{
        height: 792px;
    }
    .h-903{
        height: 903px;
    }
    .h-694{
        height: 694px;
    }
    .h-433{
        height: 433px;
    }
    .pl-158{
        padding-left: 158px;
    }
    .pr-158{
        padding-right: 158px;
    }
    .text-r{
        text-align: right;
    }
    .line1{
        /* margin-top: 102px !important; */
        height: 504px;
    }
    .line2{
        height: 575px;
    }
    .line3{
        height: 526px;
    }
    .line1 img{
        width: 467px;
    }
    .line2 img{
        width: 513px;
    }
    .line3 img{
        width: 574px;
    }
    .card6 .se-title{
        font-size: 24px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #071B3F;
        margin-bottom: 32px;
        margin-top: 53px;
        text-align: left;
        width: 456px;
    }
    .card6 .item{
        margin-bottom: 28px;
        width: 456px;
    }
    .line2 .card6 .item, .line2 .card6 .se-title{
        float: right;
    }
    .line3 .card6 .se-title{
        margin-top: 153px;
    }
    .card6 .item div{
        width: 458px;
        color: rgba(7, 27, 63, 0.8);
        font-size: 20px;
    }
    .card6 .item b{
        width: 6px;
        height: 6px;
        border-radius: 6px;
    }
    
}