/* 移动端样式 */
@media (max-width:750px) {

    html{
        font-size: -webkit-calc(100vw/7.5);
        font-size: calc(100vw/7.5);
    }

    body{
        font-size: 0.24rem;
    }
    .main-body{
        padding-top: 0.88rem;
    }

    .header{
        width: 100%;
        height: 0.88rem;
        background-color: #fcfcfc;
    }
    .header .container{
        padding: 0 0.2rem;
    }
    .header-logo{
        width: 3rem;
        font-size: 0.22rem;
    }
    .header-nav{
        display: block !important;
        width: 4.4rem;
        height: 98%;
        white-space: nowrap;
        margin-top: 0;
        overflow-x: auto;
    }
    .header-nav::after{
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .header-nav li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.16rem;
    }
    .header-nav li>a{
        font-size: 0.22rem;
    }

    .banner{
        width: 100%;
        height: 4rem;
    }
    .banner-swiper-container .swiper-button-prev,
    .banner-swiper-container .swiper-button-next{
        width: 0.24rem;
        height: 0.4rem;
        background-size: 0.24rem 0.4rem;
    }
    .banner-swiper-container .swiper-button-prev{
        left: 0.3rem;
    }
    .banner-swiper-container .swiper-button-next{
        right: 0.3rem;
    }

    .section-title{
        font-size: 0.4rem;
    }
    .section-title::before,
    .section-title::after{
        width: 0.26rem;
        height: 0.2rem;
        position: relative;
        bottom: 1px;
    }
    .section-title::before{
        margin-right: 0.3rem;
    }
    .section-title::after{
        margin-left: 0.3rem;
    }

    .company-profile{
        padding-top: 1rem;
    }
    .profile-box{
        width: 100%;
        padding: 0.2rem;
        margin-top: 0.4rem;
    }
    .profile-box-title{
        font-size: 0.32rem;
    }
    .title-line{
        width: 0.4rem;
    }
    .profile-box-imgs{
        width: 100%;
        margin-top: 0.3rem;
    }
    .profile-box-imgs img{
        width: 1.3rem;
        height: 1.1rem;
    }

    .business-idea{
        margin-top: 1rem;
    }
    .business-idea-box{
        width: 100%;
        margin-top: 0.6rem;
    }
    .business-idea-box ul{
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        -webkit-justify-content: center!important;
        justify-content: center!important;
    }
    .business-idea-box ul li>img{
        width: 1.66rem;
        height: 1.86rem;
    }
    .business-idea-box ul li:nth-child(2n){
        margin-top: 0.4rem;
    }
    .business-idea-box ul li>p{
        font-size: 0.36rem;
        bottom: 0.7rem;
    }

    .product-introduction{
        padding-top: 1rem;
    }
    .product-introduction-bg{
        margin-top: 0.4rem;
    }
    .product-introduction-box{
        height: auto;
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column-reverse!important;
        -webkit-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important;
        padding: 0.4rem 0 0.5rem;
    }
    .introduction-box-right{
        width: 100%;
    }
    .introduction-box-right img{
        width: 2.6rem;
        margin: 0 auto;
    }
    .introduction-box-left{
        width: 98%;
        margin: 0.3rem auto 0;
    }
    .introduction-box-left .try-btn{
        width: 2.2rem;
        height: 0.7rem;
        line-height: 0.7rem;
        font-size: 0.28rem;
        margin-top: 0.4rem;
    }
    
    .product-function{
        margin-top: 1rem;
    }
    .product-function .container{
        /* padding: 0; */
    }
    .product-function-box{
        margin-top: 0.4rem;
    }
    .function-list{
        width: 100%;
        display: block !important;
    }
    .function-list li{
        width: 100%;
        height: 3rem;
        margin-bottom: 0.16rem;
        border-radius: 0.08rem;
    }
    .function-list li:last-child{
        margin-bottom: 0;
    }
    .function-title-box{
        background-size: cover;
    }
    .function-title-name{
        display: none;
    }
    .function-content-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-color: transparent;
        padding: 0.2rem 0.3rem;
        top: 0;
    }
    .function-content-tit{
        display: inline-block;
        vertical-align: middle;
        font-size: 0.32rem;
        letter-spacing: 3px;
        writing-mode:vertical-lr;
        margin-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        position: relative;
    }
    .function-content-tit::before{
        content: '';
        display: block;
        width: 0.2rem;
        height: 0.2rem;
        border: 1px solid #FBFDFF;
        border-bottom: none;
        border-right: none;
        position: absolute;
        left: -2px;
        top: -6px;
    }
    .function-content-tit::after{
        content: '';
        display: block;
        width: 0.2rem;
        height: 0.2rem;
        border: 1px solid #FBFDFF;
        border-top: none;
        border-left: none;
        position: absolute;
        bottom: 0px;
        right: -2px;
    }
    .function-content-p{
        display: inline-block;
        vertical-align: middle;
        font-size: 0.24rem;
        margin-top: 0;
        margin-left: 1rem;
    }
    .function-list li:nth-child(even) .function-content-box{
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .function-list li:nth-child(even) .function-content-p{
        margin-left: 0;
        margin-right: 0.8rem;
    }

    .product-advantage{
        margin-top: 1rem;
    }
    .product-advantage-box{
        margin-top: 0.4rem;
    }
    .product-advantage-list{
        width: 100%;
    }
    .product-advantage-list li{
        width: 24%;
        height: 3.4rem;
        padding: 0.1rem;
    }
    .product-advantage-list .advantage-icon{
        width: 0.7rem;
        height: 0.7rem;
        margin-top: 0.2rem;
    }
    .product-advantage-list .advantage-title{
        font-size: 0.28rem;
        margin-top: 0.4rem;
    }
    .product-advantage-list .advantage-desc{
        font-size: 0.24rem;
        margin-top: 0.2rem;
    }

    .business-cooperation{
        padding-top: 1rem;
        margin-top: 0;
    }
    .business-cooperation .container{
        padding: 0;
    }
    .business-cooperation-box{
        display: block !important;
        margin-top: 0.4rem;
        position: relative;
    }
    .business-cooperation-img{
        width: 100%;
        height: 3.6rem;
    }
    .business-cooperation-content{
        width: 100%;
        height: 100%;
        background-color: rgba(249, 250, 255, 0.6);
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .business-cooperation-content p{
        width: 80%;
        font-size: 0.28rem;
        margin: 0 auto;
    }

    .cooperation-method{
        margin-top: 1rem;
    }
    .cooperation-method-bg{
        margin-top: 0.4rem;
    }
    .method-list{
        padding: 0.6rem 0 0.4rem;
        margin-left: 0.3rem;
    }
    .method-list li{
        margin: 0;
    }
    .method-list li::before{
        width: 15px;
        height: 15px;
        top: 0px;
        left: -7px;
    }
    .method-list-box{
        left: 0.3rem;
        width: 6.2rem;
        padding: 0.16rem 0 0.4rem;
    }
    .method-list li:nth-child(odd) .method-list-box{
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row !important;
        flex-direction: row !important;
        left: 0.3rem;
    }
    .method-list-box::before{
        left: -0.3rem;
    }
    .method-list li:nth-child(odd) .method-list-box::before{
        right: auto;
        left: -0.3rem;
    }
    .method-list-icon{
        width: 3rem;
    }
    .method-list li:nth-child(odd) .method-list-desc{
        text-align: left;
    }
    .method-list-desc{
        width: 2.8rem;
    }
    .method-list-desc h6{
        font-size: 0.3rem;
    }
    .method-list-desc p{
        font-size: 0.24rem;
        margin-top: 0.14rem;
        line-height: 1.4;
    }

    .business-partner{
        margin-top: 1rem;
    }
    .business-partner-box{
        margin-top: 0.4rem;
        padding: 0.3rem 0 0;
    }
    .partner-list{
        width: 86%;
        margin: 0 auto;
    }
    .partner-list.list-2{
        margin-top: 0;
    }
    .partner-list li{
        width: 2.6rem;
        height: 0.92rem;
        margin-bottom: 0.3rem;
    }
    .partner-list li>img{
        width: 82%;
    }

    .experience{
        padding-top: 1rem;
    }
    .experience-bg{
        height: auto;
        margin-top: 0.4rem;
        background-color: #5F90EE;
        background-image: none;
        background-size: cover;
        background-position: center;
    }
    .experience-box{
        width: 100%;
    }
    .experience-left{
        display: none;
    }
    .experience-right{
        width: 100%;
        margin-top: 0.5rem;
        padding-bottom: 0.6rem;
    }
    .experience-title{
        font-size: 0.36rem;
        font-weight: normal;
        text-align: center;
    }
    .experience-title>span{
        font-size: 0.36rem;
        margin-left: 0.2rem;
    }
    .experience-right-bottom{
        margin-top: 0.4rem;
    }
    .downloadQrcode-wrap{
        width: 2.4rem;
        height: 2.4rem;
        margin: 0 auto;
    }
    .app-download-device{
        padding-right: 0.6rem;
    }
    .app-download-device .download-btn{
        display: inline-block;
        vertical-align: middle;
        width: 2.4rem;
        height: 0.72rem;
        border-width: 1px;
        line-height: 0.56rem;
    }
    .app-download-device .download-btn>img{
        width: 0.32rem;
    }
    .app-download-device .download-btn>span{
        line-height: normal;
        font-size: 0.28rem;
        margin-left: 0.2rem;
    }

    .contact-us .container{
        padding: 0 8px;
    }
    .contact-us-box{
        height: auto;
        padding: 0.3rem 0;
    }
    .contact-us-box p{
        font-size: 0.26rem;
    }
    .contact-us-box p:nth-child(1){
        margin-bottom: 0.1rem;
    }

    .footer{
        height: auto;
        padding: 0.2rem 0;
    }
    .footer .container{
        padding: 0 8px;
    }
    .footer-box p{
        font-size: 0.24rem;
    }
    .footer-box p>span:nth-child(1){
        display: block;
        text-align: center;
    }

}