/* 移动端 */
@media screen and (max-width: 768px){
    html{
        padding-top: 4rem;
    }
    .main{
        overflow: hidden;
    }
    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 1.5rem;
    }
    

    .hero{
        padding:3.12rem 1.5rem;
        gap:2.5rem;
        flex-direction: column;
        align-items:flex-start;
    }

    .hero-content{
        width: 100%;
        height: auto;
    }
    .hero h1{
        width: 100%;
        font-size: 2.3rem;
        font-weight: 600;
        line-height: 120%; /* 3.15rem */
        margin-bottom: 1rem;
    }
    .hero p{
        width: 100%;
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    .hero-r{
        width: 100%;
        height: 20.3rem;
        /* transform: scale(1.2); */
    }
    .hero-r .cross{
        position: absolute;
        width: 5.11rem;
        height:5.11rem;
        top:1rem;
        left:-.7rem
      }
    .hero-r .video{
        position: absolute;
        width: 3.24475rem;
        height: 2.8575904rem;
        top:2.3rem;
        right: 2.5rem;
      }
      .hero-r .comment{
        position: absolute;
        width: 5.47456rem;
        height: 2.256rem;
        top:9.8rem;
        right: 7.6rem;
      }
      .hero-r .chart{
        position: absolute;
        width: 2.256rem;
        height: 1.80481rem;
        top:14.65rem;
        right: 2.6rem;
      }
      
      .hero-r  .chart-b{
        position: absolute;
        width: 2.256rem;
        height: 1.80481rem;
        top:14.75rem;
        right: 2.5rem;
      }
      
      .hero-r .cube{
        position: absolute;
        width: 3.128rem;
        top:7.7rem;
        left:2.75rem
      }
      .hero-r .cub-r{
        position: absolute;
        width: 2.305rem;
        top: 11.55rem;
        left: 19rem;
      }
      .hero-r .dot{
        position: absolute;
        width: 0.96256rem;
        height: 0.48125rem;
      }
      .dot-1{
        top:5.58284rem;
        right: 3.705rem;
      }
      .dot-2{
        top:12.6rem;
        right: 11.1rem;
      }
      .dot-3{
        top: 17rem;
        right: 3.46rem;
      }
      


    .about-us {
        padding: 5rem 1.5rem 2.5rem;
        gap:.5rem;
    }
    .about-header{
        gap:.5rem;
    }
    .about-logo{
        width: 1rem;
        height: 1rem;
    }
    .about-header h3 {
        font-size: 1rem;
    }
    
    .about-description {
        font-size: 1.35rem;
        line-height: 1.4;
        width: 100%;
        letter-spacing: 0rem;
    }
    .about-footer{
        display: flex;
        flex-direction: column-reverse;
    }
    .about-footer{
        margin-top: 2rem;
    }
    .about-footer-r{
        width: 100%;
        margin-bottom: 2.5rem;
    }
    .about-stats-des{
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
    .about-stats{
        width: 100%;
        flex-direction: column;
        gap:1rem;
    }
    .stat-item h2{
        font-size: 2rem;
    }
    .stat-item p{
        font-size: 0.875rem;
        margin-top: .25rem;
    }

    .solution{
        padding:2.5rem 1.5rem;
        gap:.5rem;
    }

    .solution-subtitle{
        font-size: 1.8rem;
    }
    .solution-cards{
        width: 100%;
        display: block;
        margin-top: 1.5rem;
    }
    .solution-card{
        width: 100%;
        margin-bottom: 1rem;
        padding:1rem;
        height: auto;
    }
    .card-icon{
        width: 3rem;
        height: 3rem;
    }
    .card-content{
        margin-top: 1.5rem;
        gap:.5rem;
    }
    .card-content h4{
        font-size: 1.375rem;
    }
    .card-content p{
        font-size: 0.875rem;
    }
    .solution-card:hover {
        background: var(--primary-color);
    }
    .solution-card:hover .card-content{
        margin-top: 1.5rem;
    }
    .solution-card:hover .card-content-btn,.card-content-btn{
        margin-top: 1.5rem;
    }
    .solution-card .card-content-btn{
        background: transparent;
    }


    .ads{
        display: none;
    }
    .mobile.ads{
        display: block;
        height: auto;
    }
    .adsImgWrap{
       padding:1.66rem 3.44rem;
       background: #CDECFF;
    }
    .adsImgWrap .w100{
        width: 100%;
        height: 17.5rem;
    }
    .ads-content{
        width: 100%;
        padding:3.12rem 1.5rem;
    }
    .ads-content-inner-icon img{
        width:5rem;
        height:2rem;
    }
    .ads-content-inner-icon-img{
        width:5rem;
        height:2rem;
    }
    .ads-content-inner-title{
        margin-top: .63rem;
        font-size: 1.175rem;

    }
    .ads-content-inner-description,.ads-content-inner-description.active{
        padding-top: 1rem;
        height: auto;
    }
    .ads-content-inner-description li{
        font-size: 0.875rem;
        gap: .5rem;
        margin-bottom: .375rem;
    }
    .ads-content-inner-description img{
        width: 0.875rem;
        height: 0.875rem;
    }
    .ads-content-inner-description .btn{
        margin-top: 1.5rem;
    }
    .w100{
        width: 100%;
    }

    .advantages{
        padding: 5rem 1.5rem
    }
    .advantages-title{
        font-size: 2rem;
        margin-top: .5rem;
    }
    .advantages-content{
        flex-direction: column;
        margin-top: 2.5rem;
    }
    .advantages-content-left{
        width:21.375rem;
        height: 21.375rem;
        width:100%;
        margin-left: 0;
    }
    .advantages-content-left .imgEarth {
        width: 14.77475rem;
        height: 14.77681rem;
        top:3.3001250rem;
        left:3.3001250rem    
    }
    .earth-c1{
        width: 17.6903rem;
        height: 17.6903rem !important;
        top:1.84234rem;
        left:1.84234rem;
    }
    .flag{
        height:2.21591rem;
        width:2.21591rem;
        transform-origin: 1.10795rem 1.10795rem;
        gap: .39rem;
        font-size: 0.75rem;
        padding-left:0;
    }
    .flag:hover{
        background: #F4F4F4;
        width:auto;
        padding-left: .59rem;
        padding-right: .59rem;
        color: var(--Grayscale-100, #171717);
        justify-content: flex-start;
      }
    .flag img {
        width: 1.32956rem;
        height: 0.88638rem;
        margin-right: .038rem;
    }
    .flag.japan{
        top:6.5rem;
        left:-0.8rem;
    }
    .flag.indonesia{
        top:19.37rem;
        left:13.28rem;
    }
    .flag.southkorea{
        top:13.55rem;
        left:.82rem;
    }
    .flag.china{
        top:10.5rem;
        left:15.8rem;
    }
    .flag.singapore{
        top:-.6rem;
        left:11.06rem;
    }
    .advantages-des{
        margin-top: 1.5rem;
        gap:.5rem;
    }
    .advantages-des-item{
        width: 100%;
        padding:1rem  0;
        gap:.5rem;
    }
    .advantages-des-item-title{
        font-size: 1.375rem;
        gap:.5rem
    }
    .advantages-des-item-info{
        font-size: 0.875rem;
        line-height: 1.4;
    }
    .advantages-des-item.active .advantages-des-item-info{
        height: 5rem;
      }
    .testimonials{
        padding: 5rem 1.5rem;
    }
    .testimonials-container{
        padding-top:2.5rem;
        position: relative;
        gap:2.5rem;
    }
    .quoteMark{
        position: absolute;
        top:8.98rem;
        right:0;
        width: 4.57363rem;
        height: 3.75rem;
    }
    .testimonials-content{
        height: auto;
    }
    .testimonials .testimonials-item{
        padding:1.5rem;
        height: auto;
        margin-top: 1.5rem;
    }
    .testimonials-item-title{
        font-size: 1.375rem;
    }
    .testimonials-item-content{
        font-size: 0.875rem !important;
        margin-top: 1rem;
        flex-grow: 0;
        font-style: normal;
        font-weight: 300;
        line-height: 140%;
    }
    .testimonials-footer{
        gap:.5rem;
    }
    .testimonials-item-count{
        flex:1;
        flex-direction: column;
        margin-top: 2rem;
        gap:1rem;
    }
    .testimonials-item-count-item .valueWrap{
        font-size: 2rem;
        gap:.25rem;
    }
    .testimonials-item-count-item .label{
        font-size: 0.875rem;
        margin-top:0rem
    }
    .testimonials-item-count-item{
        gap:.25rem;
    }
    .valueWrap img{
        width: 1.5rem;
        height:1.5rem
    }
}