@media (max-width:768px) {
    .banner .banner-banner .swiper-button-next::after, .banner .banner-banner .swiper-button-prev::after{
        font-size: 20px;
    }
    .Partners{
        margin-top: 30px;
    }
    .Product_xiu .box{
        width: 100% !important;
        height: 60vw !important;
    }
    
    #About .TapHurdle .inwid,#case .Case-Tap .inwid,#honor .Case-Tap .inwid{
        max-width: 100%;
    }

    .Bottom-box span{
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding: 0px 5%;
        box-sizing: border-box;
    }
    
    #Message .Message-1 h5,#Message .Message-2 h5{
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
#Message .Message-2 .box input{
    margin-bottom: 10px;
}
    
    #Message .Message-2 .box textarea{
        width: 100%;
    }
    .introduction .swiper-slide{
        width: 50%;
    }
    .introduction .swiper-slide .img{
        height: 200px;
    }
    
    .zuoyou-jiantou{
        flex-direction: column;
    }
    .HOu-aniu{
        padding-right: 3%;
        margin-top: 20px;
    }
    .HOu-aniu .titel-a{
        width: 100px;
        height: 30px;
        font-size: 14px;
    }
    .Nesw-list .out .box a .right h5{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .Nesw-list .out .box a .right p{
        font-size: 12px;
    }
    .Nesw-list .out .box a .left{
        height: 145px;
    }
    .Nesw-list .out{
        margin: 30px 0px;
    }
    .NEWS-list{
        padding: 30px 0px;
    }
    .NEWS-list .titel h5{
        font-size: 20px;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .NEWS-list .release{
        height: 30px;
        margin-top: 20px;
    }
    .NEWS-list .text{
        padding: 23px 33px 33px 33px;
        font-size: 14px;
    }
    .shangyiye{
        padding-left: 30px;
    }

    #Message .Message-1 .out .box input,#Message .Message-1 .out .box textarea{
        width: 80%;
    }
    #Message .Message-1 .out{
        margin-top: 20px;
        flex-wrap: wrap;
    }

    #Message .Message-1 .out .box .in{
        width: 45px;
        height: 45px;
    }
    #Message .Message-1 .out .box button{
        width: 120px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    #Message .Message-1 .out .box{
        margin-bottom: 20px;
    }
    #Message .Message-2 button{
        width: 50%;
    }
    #Message .Message-2 .out{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    #Message .Message-2 .out .box .txt span{
        font-size: 12px;
    }
    #Message .Message-2 .out .box{
        width: 100%;
        margin-bottom: 10px;
    }

    .banner-Txt a img{
        margin: 0px 4px;
        height: 12px;
    }
    .TapHurdle .out{
        width: 100%;
    }
    #case .Case-Tap .out{
        flex-wrap: wrap;
        width: 100%;
    }
    .Project-txt span{
        font-size: 14px;
    }
    .Case-Tap .out{
        width: 100%;
    }
    .Case-Tap .inwid{
        max-width: 100%;
    }
    .Case-Tap .inwid a{
        width: 33.3%;
        height: 40px;
        line-height:40px;
        font-size: 12px;
    }
    .Case-Tap .inwid a span{
        font-size: 12px;
    }
    #experiment .experiment .out{
        flex-direction: column;
        padding: 10px;
        margin-top: 30px;
    }

    #experiment .experiment .out .box-1{
        width: 100%;
    }

    #experiment .experiment .out .box-1 .exp-swiper-1 .swiper-slide img{
        height: 300px;
    }

    #experiment .experiment .out .box-2{
        width: 100%;
        height: 100px;
    }
    #experiment .experiment .out .box-2 .exp-swiper-2{
        height: auto;
        width: 90%;
    }
    #experiment .experiment .out .box-2 .exp-swiper-2 .swiper-slide{
        height: 100px;
        width: 50%;
    }

    #experiment .experiment .out .box-1 .exp-swiper-1 .swiper-slide .txt{
        padding: 10px;
    }
    #experiment .experiment .out .box-1 .exp-swiper-1 .swiper-slide .txt h5{
        margin-bottom: 10px;
        font-size: 14px;
    }
    #experiment .experiment .out .box-1 .exp-swiper-1 .swiper-slide .txt span{
        margin-bottom: 0px;
        font-size: 12px;
    }
    #experiment .experiment .out .box-2{
        margin-top: 20px;
    }
    #experiment .experiment .out .box-2 .swiper-button-prev::after{
        transform: rotate(0);
    }
    #experiment .experiment .out .box-2 .swiper-button-next::after{
        transform: rotate(0);
    }
    #experiment .experiment .out .box-2 .swiper-button-prev,#experiment .experiment .out .box-2 .swiper-button-next{
        width: 30px;
        height: 100%;
    }
    #experiment .experiment .out .box-2 .swiper-button-next{
        right: 0px;
        left: auto;
    }

    .banner .banner-out>img{
        height: 125px;
        object-fit: cover;
    }
    .banner-Txt{
        padding: 5px;
        right: 1%;
        bottom: 3%;
    }
    .banner-Txt a{
        font-size: 12px;
    }
    .Handover{
        display: block;
    }
    .banner .nav .nav-out .nav-out2{
        width: 60%;
        justify-content: right;
    }
    .inwid{
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .banner .nav{
        height: 50px;
        position: relative;
    }
    .banner .nav .nav-out{
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .banner .nav .nav-out ul{
        display: none;
    }
    .banner .nav .nav-out .logo img{
        width: 110px;
    }
    .banner .nav .nav-out .dianhua-out{
        font-size: 12px;
    }
    .banner .nav .nav-out i{
        height: 12px;
    }
    .banner .nav .nav-out .form-out img{
        height: 12px;
    }
    .banner .banner-banner .swiper-pagination{
        bottom: 10px;
    }
    .banner .banner-banner .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
        margin: 0px 5px;
    }
    .banner .banner-banner .swiper-pagination-bullet::after{
        width: 10px;
        height: 10px;
        margin-left: -5px;
        margin-top: -5px;
    }


    .About-Us .out{
        margin-top: 30px;
        
        flex-direction: column-reverse;
    }
    .About-Us .out .left{
        width: 100%;
    }
    .About-Us .out .right{
        width: 100%;
        margin-bottom: 20px;
    }
    .About-Us .out .left .img img{
        height: 300px;
        object-fit: cover;
    }
    .About-Us .out .left .play{
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

    .About-Us .out .right h5{
        font-size: 26px;
    }
    .About-Us .out .right .tite-about span{
        width: 30%;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
    .About-Us .out .right p{
        font-size: 12px;
    }
    .About-Us .out .Aboiwebox .box{
        position: relative;
    }
    .About-Us .out .Aboiwebox{
        height: auto;
    }
    .oisdu-a a{
        font-size: 12px;
    }

    .About-Us .out .Aboiwebox .box a .txt{
        font-size: 12px;
    }
    .About-Us .out .Aboiwebox .box a span{
        font-size: 12px;
    }

    #TipsWindown .out{
        width: 90%;
        margin-left: -45%;
        height: 170px;
        margin-top: -100px;
    }
    #TipsWindown .out .box{
        height: 100%;
    }
    #TipsWindown video{
        display: block;
    }

    .About-Us .number-roll{
        margin-top: 20px;
    }
    .About-Us .number-roll .box .txt span{
        font-size: 14px;
    }
    .About-Us .number-roll .box .txt b{
        font-size: 16px;
    }
    .About-Us .number-roll .box>span{
        font-size: 12px;
        width: 90%;
        text-align: center;
    }
    .About-Us .number-roll .box{
        justify-content: flex-start;
        border-right: 1px solid #eee;
    }
    .About-Us .number-roll .box::after{
        display: none;
    }
    .About-Us .number-roll .box:last-child{
        border-right: none;
    }

    .Business-Scope{
        height: auto;
        margin-top: 30px;
        padding-bottom: 40px;
    }
    .Business-Scope .title{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .Business-Scope .title .title-out{
        width: 50px;
        margin: 10px 0px 14px 0px;
    }
    .Business-Scope .title h5{
        font-size: 20px;
    }
    .Business-Scope .title span{
        font-size: 14px;
    }
    .Business-Scope .out .out-box{
       margin-left: 10px;
    }
    .Business-Scope .out .out-box .left span{
        font-size: 12px;
    }
    .Business-Scope .out .out-box .left span.all{
        font-size: 14px;
    }
    .Business-Scope .out{
        height: 215px;
    }
    .Business-Scope .out .out-box .right{
        width: 50%;
    }
    .Business-Scope .out .out-box .right .box h5{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .Business-Scope .out .out-box .right .box p{
        line-height: 1.2em;
        margin-bottom: 20px;
        font-size: 12px;
        overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 9;
      -webkit-box-orient: vertical;

    }
    .Business-Scope .out .out-box .right .box a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .classic-case{
        margin-top: 30px;
    }
    .is-title h5{
        font-size: 26px;
    }
    .is-title span{
        font-size: 12px;
        letter-spacing: 2px;
    }
    .is-title .xian{
        margin-top: 0px;
    }
    .classic-case .title-box{
        margin-top: 20px;
        flex-wrap: wrap;
        justify-content: left;
        padding: 0px 10px;
        box-sizing: border-box;
        align-items: normal;
    }
    .classic-case .title-box .title{
        padding: 0px 0px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        width: 23%;
        text-align: center;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .classic-case .title-box .titel-a{
        width: 23%;
        padding: 0px 0px;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
    }
    .classic-case .out{
        margin-top: 20px;
        height: 260px;
    }
    .classic-case .out .box .classic-swiper .swiper-slide{
        width: 100%;
    }
    .classic-case .out .box .classic-swiper .swiper-slide .img{
        height: 260px;
    }
    .classic-case .out .swiper-button-next{
        right: 10px;
    }
    .classic-case .out .swiper-button-prev{
        left: 10px;
    }
    .classic-case .out .box .classic-swiper .swiper-slide .txt-box{
        height: 50px;
        bottom: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .classic-case .out .swiper-button-next, .classic-case .out .swiper-button-prev{
        width: 30px;
        height: 30px;
    }
    .classic-case .out .swiper-button-next::after, .classic-case .out .swiper-button-prev::after{
        font-size: 14px;
    }

    .xperimental-Center{
        margin-top: 30px;
    }
    .is-title p{
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.2em;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .xperimental-Center .out{
        flex-direction: column;
    }
    .xperimental-Center .out .left{
        width: 100%;
    }
    .xperimental-Center .out .left img{
        height: auto;
    }
    .xperimental-Center .out .ringt{
        width: 100%;
    }
    .xperimental-Center .out .ringt .box img{
        height: auto;
        display: block;
        height: 100%;
        object-fit: cover;
    }

    .xperimental-Center .out .Xpceng{
        font-size: 16px;
    }


    .Expert-Team{
        margin-top: 30px;
    }
    .Expert-Team .wrapper{
        margin-top: 20px;
    }
    .Expert-Team .wrapper .cols{
        flex-wrap: wrap;
    }
    .Expert-Team .wrapper .col{
        width:100%;
        margin-bottom: 10px;
    }
 
    .Expert-Team .wrapper .text{
        height: auto;
        padding: 20px 0px;
    }
    .Expert-Team .wrapper .text .txt-1 span{
        font-size: 14px;
    }
    .Expert-Team .wrapper .text .txt-1 h5{
        font-size: 16px
    }
    .Expert-Team .wrapper .text .txt-2{
        width: 93%;
        font-size: 14px;
    }
    .Expert-Team .wrapper .text .txt-3{
        font-size: 14px;
    }

    .international-trade{
        margin-top:30px;
        height: auto;
        padding-top: 30px;
    }


    .international-trade .out{
        flex-direction: column;
    }
    .international-trade .out .left{
        width: 100%;
        height: auto;
    }
    .international-trade .out .ringt{
        width: 100%;
        font-size: 14px;
        padding-bottom: 30px;
    }
    .international-trade .out .ringt p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .international-trade .out .ringt a{
        width: 100px;
        height: 30px;
        line-height: 30px;
    }

    .Main-Services{
        margin-top: 0px;
        background-size: initial;
        height: auto;
        padding-bottom: 30px;
    }
    .Main-Services .is-title{
        padding-top: 30px;
    }
    .Main-Services .out{
        margin-top: 30px;
    }
    .Main-Services .Services-swiper .swiper-slide{
        width: 30%;
        margin-right: 15px;
    }
    .Main-Services .Services-swiper .swiper-slide img{
        width: 100%;
    }
    .Main-Services .Services-swiper .swiper-slide span{
        color: #fff;
        width: 111px;
    }


    .Main-Services .out .swiper-button-next{
        right: 0px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .Main-Services .out .swiper-button-prev{
        left: 0px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .Main-Services .out .swiper-button-next::after{
        font-size: 12px;
    }
    .Main-Services .out .swiper-button-prev::after{
        font-size: 12px;
    }
    .Partners .out .box{
        padding: 0px ;
    }
    .Partners .out .box .img-box{
        flex-wrap: wrap;
    }
    .Partners .out .box span{
        width: 25%;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
    .Partners .out .box .img{
        margin-left:4%;
        width: 42px;
        height: 42px;
    }

    .Partners .out .box img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .NEWS{
        margin-top: 30px;
    }
    .NEWS .titl-out a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .NEWS .titl-out{
        margin-top: 20px;
    }
    .NEWS .title-News a{
        font-size: 14px;
    }
    .NEWS .out{
        margin-top: 20px;
        flex-direction: column;
    }
    .NEWS .out .left{
        width: 100%;
        height: 200px;
    }
    .NEWS .out .right{
        width: 100%;
    }
    .NEWS .out .right .box a{
        padding: 10px;
    }
    .NEWS .out .left .box{
        height: 100%;
    }
    .NEWS .out .right .box .text h5{
        font-size: 14px;
        width: 70%;
    }
    .NEWS .out .right .box .text span{
        font-size: 12px;
    }
    .NEWS .out .right .box p{
        font-size: 12px;
    }
    .NEWS .out2{
        margin-top: 10px;
    }
    .NEWS .out2 .box{
        width: 100%;
    }
    .NEWS .out2 .box a{
        padding: 0px 10px;
    }
    .NEWS .out2 .box h5{
        font-size: 14px;
        width: 70%;
    }
    .NEWS .out2 .box span{
        font-size: 14px;
    }
    .Bottom-box{
        height: 200px;
    }
    .Bottom-box a{
        margin-bottom: 20px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Bottom-box a img{
        margin-left: 10px;
        height: 12px;
    }
    .footer{
        padding-top: 30px;
    }
    .footer .out{
        flex-direction: column;
    }
    .footer .out .left{
        width: 100%;
    }
    .footer .out .ringt{
        width: 100%;
    }
    .footer .out .ringt ul li .title{
        font-size: 12px;
    }
    .footer .out .ringt ul li .box a{
        font-size: 12px;
    }
    .footer .out .ringt .box-2{
        width: 70px;
    }
    .footer .out .ringt .box-2 img{
        width: 100%;
    }
    .footer .out .left .logo-img img{
        width: 150px;
    }
    .footer .out .left .l-i span{
        font-size: 12px;
    }

    .footer .dibu .inwid{
        display: block;
    }
    .footer .dibu{
        padding: 10px 0px;
        text-align: center;
    }
    .footer .dibu .inwid .box-1 span:nth-child(1){
        margin-bottom: 0px;
    }


    .TapHurdle .out a{
        width: 25%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .TapHurdle .out a span{
        font-size: 12px;
    }
    .TapHurdle .out a img{
        height: 14px;
    }
    #About .Culture{
        margin-top: 30px;
    }
    #About .introduction{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #About .introduction .title h5{
        font-size: 20px;
    }
    #About .introduction .title i img{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #About .introduction .title span{
        font-size: 14px;
        margin-bottom: 10px;
    }
    #About .introduction .txt p{
        font-size: 12px;
    }
    #About .introduction .int-img img{
        margin-bottom: 10px;
    }

    #About .developing .title{
        padding-top: 30px;
    }
    #About .developing .title h5{
        font-size: 20px;
    }
    #About .developing .title span{
        font-size: 14px;
    }

    #About .developing .developing-swiper-1 .swiper-slide h5{
        font-size: 36vw;
    }
    #About .developing .developing-swiper-1 .swiper-slide span{
        font-size: 12px;
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }

    #About .developing .developing-swiper-1 .swiper-button-next, #About .developing .developing-swiper-1 .swiper-button-prev{
        width: 30px;
        height: 30px;
    }
    #About .developing .developing-swiper-1 .swiper-button-next::after, #About .developing .developing-swiper-1 .swiper-button-prev::after{
        font-size: 12px;
    }
    #About .developing .developing-swiper-2 .swiper-slide{
        width: 30%;
    }
    #About .developing .inwid{
        min-height: 390px;
    }

    #About .Culture .out .Culture-Tap{
        width: 100%;
        margin-bottom: 15px;
    }
    #About .Culture .out .box .CUl-imgBox{
        margin-top: 20px;
    }
    #About .Culture .out .box .CUl-imgBox .img{
        height: 90px;
        width: 32%;
    }
    #About .Culture .out .Culture-Tap a{
        width: 100px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    #About .Culture .out .box .Cul-txt{
        width: 100%;
        font-size: 14px;
    }
    #About .developing .out{
        padding-bottom: 0px;
    }
    #About .developing .developing-swiper-2 .swiper-slide span{
        font-size: 14px;
    }
    #About .developing .developing-swiper-2{
        bottom: -65px;
    }
    #About .Culture .out .box a{
        display: block;
    }
    #About .Culture .out .box a .left{
        width: 100%;
        height: 209px;
        margin-bottom: 10px;
    }
    #About .Culture .out .box a .left img{
        height: auto;
    }
    #About .Culture .out .box a .ringt{
        width: 100%;
    }
    #About .Culture .out .box a .ringt h5{
        margin-bottom: 10px;
    }
    #About .Culture .out .box a .ringt img{
        margin-bottom: 20px;
    }
    #About .Culture .out{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #About .Culture .out .box{
        margin-bottom: 20px;
    }

    #About .mission .out{
        margin-top: 30px;
    }
    #About .mission .out .title img{
        margin-bottom: 10px;
    }
    #About .mission .out .title h5{
        font-size: 26px;
    }
    #About .mission .out .title span{
        font-size: 14px;
    }
    #About .mission .out .txt-out{
        margin-top: 30px;
        margin-bottom: 60px;
        flex-direction: column;
    }
    #About .mission .out .txt-out .left{
        width: 100%;
        margin-bottom: 20px;
    }
    #About .mission .out .txt-out .ringt{
        width: 100%;
    }
    #About .mission .out .txt-out .ringt img{
        height: auto;
    }
    #About .mission .out .txt-out .left h5{
        font-size: 30px;
    }
    #About .mission .out .txt-out .left img{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    #About .mission .out .txt-out .left .txt p{
        font-size: 14px;
    }
    #About .mission .out .txt-out .left .txt{
        margin-bottom: 20px;
    }
    #About .mission .out .txt-out .left .txt-2 h5{
        font-size: 20px;
        margin-bottom: 10px;
    }
    #About .mission .out .txt-out .left .txt-2 p{
        font-size: 14px;
    }

    #product .product .out{
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 20px;
    }


    #product .product .right{
        width: 100%;
    }

    #product .product .left{
        width: 100%;
    }
    #product .product .left .title{
        font-size: 20px;
        height: 50px;
        line-height: 50px;
    }

    #product .product .right .box{
        width: 100%;
        margin-right: 0px;
    }

    #product .pr-list .left{
        display: none;
    }

    #product .pr-list .pr-list-right{
        width: 100%;
    }

    #product .pr-list .pr-list-right .R-box1{
        width: 100%;
        display: block;
    }
    #product .pr-list .pr-list-right .R-box1 .box-left{
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right{
        width: 100%;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right h5{
        font-size: 24px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right .img{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right p{
        width: 100%;
        font-size: 14px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right a{
        margin-top: 20px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 13px
    }

    #product .pr-list .pr-list-right .R-box2{
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #product .pr-list .pr-list-right .R-box2 .title{
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 p{
        font-size: 14px;
    }
    #product .pr-list .pr-list-right .R-box2 .img span{
        font-size: 12px;
    }
    #product .pr-list .pr-list-right .R-box2 .img img{
        margin-bottom: 10px;
    }

    #product .pr-list .pr-list-right .R-box3 .title h5{
        font-size: 20px;
        margin-bottom: 10px;
    }

    #product .pr-list .pr-list-right .R-box3 .txt p{
        font-size: 14px;
        line-height: 2em;
    }

    #product .pr-list .pr-list-right .R-box3{
        margin-bottom: 10px;
    }
    #product .pr-list .pr-list-right .R-box3 .ZY-box{
        margin-top: 20px;
    }
    #product .pr-list .pr-list-right .R-box3 .ZY-box a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    #product .Recommend .title{
        font-size: 30px;
        margin-bottom: 20px;
    }
   #product .Recommend .swiper-slide{
        width: 100%;
    }
    #product .Recommend .out .box{
        width: 100%;
        margin-right: 0px;
    }
    #product .Recommend .out .box .txt h5{
        font-size: 16px;
    }
    #product .Recommend .swiper-button-prev{
        left: 0px;
    }
    #product .Recommend .swiper-button-next{
        right:0px;
    }
    
    #case .Case-Tap .inwid{
        flex-wrap: wrap;
    }

    #case .Case-Tap .inwid a{
        width: 25%;
        height: 40px;
        line-height: 40px;
        /* padding: 0px 8px; */
        box-sizing: border-box;
    }
    #experiment .experiment .EX-txt p{
        font-size: 14px;
    }
    #case .Case-Tap .inwid a span{
        font-size: 12px;
    }
    #case .Case-Tap .inwid a .img{
        width: 14px;
        height: 14px;
    }
    #Team .Team .out .box .ringth .img h5{
        font-size: 30px;
        margin-right: 10px;
    }
    #Team .Team .out .box .ringth .img span{
        font-size: 14px;
    }

    #case .case .title{
        margin-top: 30px;
    }
    #case .case .title h5{
        font-size: 26px;
    }
    #case .case .title span{
        font-size: 14px;
    }
    #case .case .out{
        margin-top: 30px;
    }
    #case .case .out .box{
        width: 100%;
        margin-right: 0px;
    }
    #case .case .out .box .txt h5{
        font-size: 20px;
    }

    #Team .Team{
        margin-top: 30px;
    }

    #Team .Team .out .box{
        display: block;
        padding: 20px 0px;
    }
    #Team .Team .out .box .left{
        width: 100%;
    }
    #Team .Team .out .box .ringth{
        width: 100%;
    }

    #Team .Team .out .box .ringth span{
        font-size: 16px;
    }
    #Team .Team .out .box .ringth p{
        font-size: 14px;
    }
    #Team .Team .out .box .ringth>img{
        margin-bottom: 20px;
    }


    #honor .Honor .out{
        margin-top: 30px;
        justify-content: space-between;
    }

    #honor .Honor .out .box{
        width: 48%;
    }
    #honor .Honor .out .box .img{
        height: auto;
    }
    #honor .Honor .out .box span{
        margin-top: 10px;
        font-size: 12px;
    }

    #experiment .experiment{
        margin-top: 30px;
    }
    #experiment .experiment .txt h5{
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 20px;
    }
    #experiment .experiment .txt h5 i{
        height: 15px;
    }
    #experiment .experiment .txt p{
        font-size: 14px;
    }
    #experiment .experiment .txt>img{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    #experiment .experiment .txt .img-box img{
        margin-bottom: 20px;
    }
    #experiment .experiment .txt span{
        font-size: 14px;
        margin-bottom: 20px;
    }

    .prjt-out .out .box{
        flex-wrap: wrap;
        margin-top: 20px;
       
    }
    .prjt-out .out .box .img-box{
        margin-bottom: 20px;
        width: 100%;
    }
    .prjt-out{
        margin-top: 30px;
    }
    .prjt-out .out>span{
        margin-top: 20px;
        font-size: 12px;
    }
    .prjt-out .out .box .img-box span{
        margin-top: 10px;
    }

    #case .case .out .box .img{
        height: 246px;
    }



}



@media (min-width:768px) and (max-width:992px) {
    
    
    .Product_xiu .box{
        height: 35vw !important;
    }
    
    #About .TapHurdle .inwid,#case .Case-Tap .inwid,#honor .Case-Tap .inwid{
        max-width: 100%;
    }
    
    .Bottom-box span{
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
        padding: 0px 5%;
        box-sizing: border-box;
    }
    
    
    #product .Recommend .swiper-slide{
        width: 32%;
        margin-right: 2%;
    }

    #About .Culture .out .box .Cul-txt{
        width: 90%;
    }

    #About .Culture .out .box .CUl-imgBox .img{
        height: 146px;
    }
    #About .Culture .out .Culture-Tap{
        margin-bottom: 20px;
    }

    #case .Case-Tap .out{
        flex-wrap: wrap;
    }
    #case .Case-Tap .inwid a .img{
        width: 15px;
        height: 15px;
    }
    .TapHurdle .out{
        width: 65%;
    }
    .Handover{
        display: block;
    }
    .inwid {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .banner .nav {
        height: 50px;
        position: relative;
    }

    .banner .nav .nav-out {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .banner .nav .nav-out ul {
        display: none;
    }

    .banner .nav .nav-out .logo img {
        width: 110px;
    }

    .banner .nav .nav-out .dianhua-out {
        font-size: 12px;
    }

    .banner .nav .nav-out i {
        height: 12px;
    }

    .banner .nav .nav-out .form-out img {
        height: 12px;
    }

    .banner .banner-banner .swiper-pagination {
        bottom: 10px;
    }

    .banner .banner-banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0px 5px;
    }

    .banner .banner-banner .swiper-pagination-bullet::after {
        width: 14px;
        height: 14px;
        margin-left: -7px;
        margin-top: -7px;
    }


    .About-Us .out {
        margin-top: 30px;

        flex-direction: column-reverse;
    }

    .About-Us .out .left {
        width: 100%;
    }

    .About-Us .out .right {
        width: 100%;
        margin-bottom: 20px;
    }

    .About-Us .out .left .img img {
        height: 350px;
        object-fit: cover;
    }

    .About-Us .out .left .play {
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-top: -30px;
    }

    .About-Us .out .right h5 {
        font-size: 26px;
    }

    .About-Us .out .right .tite-about span {
        width: 30%;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
    }

    .About-Us .out .right p {
        font-size: 14px;
    }

    .About-Us .about-imgbox img {
        height: 150px;
    }

    .About-Us .out .Aboiwebox .box {
        position: relative;
    }

    .About-Us .out .Aboiwebox {
        height: auto;
    }

    .oisdu-a a {
        font-size: 14px;
    }

    .About-Us .out .Aboiwebox .box a .txt {
        font-size: 12px;
    }

    .About-Us .out .Aboiwebox .box a span {
        font-size: 12px;
    }

    #TipsWindown .out {
        width: 90%;
        margin-left: -45%;
        height: 400px;
        margin-top: -100px;
    }

    #TipsWindown .out .box {
        height: 100%;
    }

    #TipsWindown video {
        display: block;
    }

    .About-Us .number-roll {
        margin-top: 20px;
    }

    .About-Us .number-roll .box .txt span {
        font-size: 16px;
    }

    .About-Us .number-roll .box .txt b {
        font-size: 18px;
    }

    .About-Us .number-roll .box>span {
        font-size: 14px;
        width: 90%;
        text-align: center;
    }

    .About-Us .number-roll .box {
        justify-content: flex-start;
        border-right: 1px solid #eee;
    }

    .About-Us .number-roll .box::after {
        display: none;
    }

    .About-Us .number-roll .box:last-child {
        border-right: none;
    }

    .Business-Scope {
        height: auto;
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .Business-Scope .title {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .Business-Scope .title .title-out {
        width: 50px;
        margin: 10px 0px 14px 0px;
    }

    .Business-Scope .title h5 {
        font-size: 20px;
    }

    .Business-Scope .title span {
        font-size: 14px;
    }

    .Business-Scope .out .out-box {
        margin-left: 40px;
    }

    .Business-Scope .out .out-box .left span {
        font-size: 12px;
    }

    .Business-Scope .out .out-box .left span.all {
        font-size: 14px;
    }

    .Business-Scope .out {
        height: 215px;
    }

    .Business-Scope .out .out-box .right {
        width: 50%;
    }

    .Business-Scope .out .out-box .right .box h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .Business-Scope .out .out-box .right .box p {
        line-height: 1.2em;
        margin-bottom: 20px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;

    }

    .Business-Scope .out .out-box .right .box a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .classic-case {
        margin-top: 30px;
    }

    .is-title h5 {
        font-size: 26px;
    }

    .is-title span {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .is-title .xian {
        margin-top: 0px;
    }

    .classic-case .title-box {
        margin-top: 20px;
        flex-wrap: wrap;
        justify-content: left;
        padding: 0px 10px;
        box-sizing: border-box;
        align-items: normal;
    }

    .classic-case .title-box .title {
        padding: 0px 0px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        width: 23%;
        text-align: center;
        margin-right: 2%;
        margin-bottom: 10px;
    }

    .classic-case .title-box .titel-a {
        width: 23%;
        padding: 0px 0px;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
    }

    .classic-case .out {
        margin-top: 20px;
        height: 200px;
    }

    .classic-case .out .box .classic-swiper .swiper-slide {
        width: 33.3%;
        margin-right: 10px;
    }

    .classic-case .out .box .classic-swiper .swiper-slide .img {
        height: 200px;
    }

    .classic-case .out .swiper-button-next {
        right: 10px;
    }

    .classic-case .out .swiper-button-prev {
        left: 10px;
    }

    .classic-case .out .box .classic-swiper .swiper-slide .txt-box {
        height: 50px;
        bottom: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .classic-case .out .swiper-button-next,
    .classic-case .out .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .classic-case .out .swiper-button-next::after,
    .classic-case .out .swiper-button-prev::after {
        font-size: 14px;
    }

    .xperimental-Center {
        margin-top: 30px;
    }

    .is-title p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.2em;
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .xperimental-Center .out .left {
        width: 100%;
    }

    .xperimental-Center .out .left img {
        height: 100%;
    }

    .xperimental-Center .out .ringt {
        width: 100%;
    }

    .xperimental-Center .out .ringt .box img {
        height: auto;
        display: block;
        height: 100%;
        object-fit: cover;
    }

    .xperimental-Center .out .Xpceng {
        font-size: 20px;
    }


    .Expert-Team {
        margin-top: 30px;
    }

    .Expert-Team .wrapper {
        margin-top: 20px;
    }

    .Expert-Team .wrapper .cols {
        flex-wrap: wrap;
    }

    .Expert-Team .wrapper .col {
        width: 48%;
        margin-bottom: 10px;
    }

    .Expert-Team .wrapper .img img {
        height: 400px;
    }

    .Expert-Team .wrapper .text {
        height: auto;
        padding: 20px 0px;
    }

    .Expert-Team .wrapper .text .txt-1 span {
        font-size: 14px;
    }

    .Expert-Team .wrapper .text .txt-1 h5 {
        font-size: 16px
    }

    .Expert-Team .wrapper .text .txt-2 {
        width: 93%;
        font-size: 14px;
    }

    .Expert-Team .wrapper .text .txt-3 {
        font-size: 14px;
    }

    .international-trade {
        margin-top: 30px;
        height: auto;
        padding-top: 30px;
    }

    .international-trade .out .left {

        height: auto;
    }

    .international-trade .out .ringt {

        font-size: 14px;
        padding-bottom: 30px;
    }

    .international-trade .out .ringt p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .international-trade .out .ringt a {
        width: 100px;
        height: 30px;
        line-height: 30px;
    }

    .Main-Services {
        margin-top: 0px;
        background-size: initial;
        height: auto;
        padding-bottom: 30px;
    }

    .Main-Services .is-title {
        padding-top: 30px;
    }

    .Main-Services .out {
        margin-top: 30px;
    }




    .Main-Services .out .swiper-button-next {
        right: 0px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .Main-Services .out .swiper-button-prev {
        left: 0px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .Main-Services .out .swiper-button-next::after {
        font-size: 12px;
    }

    .Main-Services .out .swiper-button-prev::after {
        font-size: 12px;
    }

    .Partners .out .box {
        padding: 0px;
        align-items:flex-start;
    }

    .Partners .out .box .img-box {
        flex-wrap: wrap;
    }

    .Partners .out .box span {
        margin-top: 0px;
        font-size: 14px;

    }

    .Partners .out .box .img {
        margin-left: 2%;
    }

    .Partners .out .box img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .NEWS {
        margin-top: 30px;
    }

    .NEWS .titl-out a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .NEWS .titl-out {
        margin-top: 20px;
    }

    .NEWS .title-News a {
        font-size: 14px;
    }

    .NEWS .out {
        margin-top: 20px;
     
    }

    .NEWS .out .left{
        width: 40%;
        height: 225px;
    }
    .NEWS .out .right .box a {
        padding: 10px;
    }

    .NEWS .out .left .box {
        height: 100%;
    }

    .NEWS .out .right .box .text h5 {
        font-size: 14px;
        width: 70%;
    }

    .NEWS .out .right .box .text span {
        font-size: 12px;
    }

    .NEWS .out .right .box p {
        font-size: 12px;
    }

    .NEWS .out2 {
        margin-top: 10px;
    }

 

    .NEWS .out2 .box a {
        padding: 0px 10px;
    }

    .NEWS .out2 .box h5 {
        font-size: 14px;
        width: 70%;
    }

    .NEWS .out2 .box span {
        font-size: 14px;
    }

    .Bottom-box {
        height: 200px;
    }

    .Bottom-box a{
        width: 100px;
        height:35px;
        font-size: 14px;
        line-height: 35px;
    }

    .Bottom-box a img {
        margin-left: 5px;
        height: 12px;
    }

    .footer {
        padding-top: 30px;
    }



    .footer .out .left {
        width: 50%;
    }

    .footer .out .ringt {
        width: 50%;
    }

    .footer .out .ringt ul li .title {
        font-size: 12px;
    }

    .footer .out .ringt ul li .box a {
        font-size: 12px;
    }

    .footer .out .ringt .box-2 {
        width: 70px;
    }

    .footer .out .ringt .box-2 img {
        width: 100%;
    }

    .footer .out .left .logo-img img {
        width: 150px;
    }

    .footer .out .left .l-i span {
        font-size: 12px;
    }

    .TapHurdle .out a{
        width: 25%;
        height: 60px;
        line-height: 60px;
    }
    .TapHurdle .out a span{
        font-size: 18px;
    }
    .TapHurdle .out a img{
        height: 18px;
    }
    #About .introduction{
        margin-top: 30px;
        margin-bottom: 60px;
    }
    #About .introduction .title i img{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #About .introduction .title span{
        margin-bottom: 20px;
    }

    #About .introduction .int-img{
       justify-content: center;
    }
    #About .introduction .int-img img{
        margin-bottom: 20px;
    }
    #About .developing .developing-swiper-1 .swiper-slide span{
        font-size: 20px;

    }

    #product .product .out{
        margin-top: 30px;
        margin-bottom: 60px;
    }

    #product .product .left{
        width: 25%;
    }

    #product .product .right{
        width: 100%;
    }
    #product .product .right .box{
        width: 48%;
        margin-right: 2%;
    }
    
    #product .product .right .box:nth-child(3n){
        margin-right: 2%;
    }

    #product .product .prod-out{
        width: 73%;
    }

    #product .product .right .box .img{
        height: 176px;
    }

    #product .product .left ul li .P-box a{
        padding-left: 3%;
        font-size: 12px;
    }
    #product .product .left ul li .title a{
        padding-left: 3%;
        font-size: 14px;
    }

    #product .pr-list .left{
        display: none;
    }

    #product .pr-list .pr-list-right{
        width: 100%;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right{
        width: 55%;
    }
    #product .pr-list .pr-list-right .R-box1 .box-left{
        width: 40%;
        height: auto;
    }

    #product .pr-list .pr-list-right .R-box1 .box-right h5{
        font-size: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right .img{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right p{
        margin-right: 0px ;
        width: 100%;
        font-size: 12px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    #product .pr-list .pr-list-right .R-box2{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #product .pr-list .pr-list-right .R-box2 .title{
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 p{
        font-size: 14px;
    }
    #product .Recommend .out .box{
        width: 100%;
        /*margin-right: 2%;*/
    }
    #product .Recommend .swiper-button-prev{
        left: 0px;
    }
    #product .Recommend .swiper-button-next{
        right: 0px;
    }
    #product .Recommend .title{
        font-size: 30px;
        margin-bottom: 20px;
    }

    #case .Case-Tap .inwid{
        flex-wrap: wrap;
    }

    #case .Case-Tap .inwid a{
        width: auto;
        height: 50px;
        line-height: 50px;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    #case .Case-Tap .inwid a span{
        font-size: 16px;
    }
    #case .Case-Tap .inwid a .img{
        width: 14px;
        height: 14px;
    }

    #case .case .title{
        margin-top: 30px;
    }
    #case .case .title h5{
        font-size: 26px;
    }
    #case .case .title span{
        font-size:14px;
    }
    #case .case .out{
        margin-top: 30px;
        justify-content: space-between;
    }
    #case .case .out .box{
        width: 48%;
        margin-right: 0px;
    }

    #case .case .out .box .txt h5{
        font-size: 20px;
    }
    #Team .Team .out .box .left{
        width: 50%;
    }
    #Team .Team .out .box .ringth{
        width: 47%;
    }
    #Team .Team .out .box .ringth p{
        font-size: 12px;
    }
    #Team .Team .out .box .ringth span{
        font-size: 14px;
    }
    #Team .Team .out .box .ringth>img{
        margin-bottom: 20px;
    }

    #honor .Honor .out .box{
        width: 33.3%;
        height: auto;
    }
    #honor .Honor .out .box .img{
        height: auto;
    }
    #honor .Honor .out .box span{
        margin-top: 14px;
        font-size: 14px;
    }

    .prjt-out .out .box .img-box{
        width: 33.3%;
    }
    .prjt-out .out .box .img-box img{
        width: 100%;
        transform: scale(0.8);
    }
    .prjt-out .out .box .img-box span{
        margin-top: 20px;
    }
    .prjt-out .out>span{
        margin-top: 20px;
        font-size:16px;
    }
}


@media (min-width:992px) and (max-width:1200px) {
    
    .Product_xiu .box{
        height: 42vw !important;
    }
    
    #product .Recommend .swiper-slide{
        width: 32%;
        margin-right: 2%;
    }

    #case .Case-Tap .out>a{
        width: 20%;
        padding: 0px 10px;
    }

    .Handover{
        display: block;
    }
    .inwid {
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .banner .nav .nav-out {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .banner .nav .nav-out ul{
        display: none;
    }

    .banner .banner-banner .swiper-pagination {
        bottom: 10px;
    }

    .banner .banner-banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0px 5px;
    }

    .banner .banner-banner .swiper-pagination-bullet::after {
        width: 14px;
        height: 14px;
        margin-left: -7px;
        margin-top: -7px;
    }

    .banner .nav .nav-out .logo img {
        width: 150px;
    }

    .banner .nav .nav-out .dianhua-out {
        font-size: 16px;
    }

    .banner .nav .nav-out i {
        height: 12px;
    }

    .banner .nav .nav-out .form-out img {
        height: 16px;
    }

    .About-Us .out{
        margin-top: 50px;
    }
    .About-Us .out .right h5{
        font-size: 30px;
    }
    .About-Us .out .left{
        width: 52%;
    }
    .About-Us .out .left .img img{
        object-fit: cover;
        height: 400px;
    }
    .About-Us .out .right .tite-about span{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .About-Us .out .right p{
        font-size: 12px;
    }
    .About-Us .out .Aboiwebox{
        height: auto;
    }
    .About-Us .out .left .play{
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
    }
    .oisdu-a a{
        font-size: 14px;
    }
    .About-Us .out .right{
        width: 45.5%;
    }

    .About-Us .about-imgbox img{
        height: auto;
    }

    .About-Us .number-roll .box .txt span{
        font-size: 30px;
    }
    .About-Us .number-roll .box .txt b{
        font-size: 20px;
    }
    .About-Us .number-roll .box>span{
        font-size: 16px;
    }

    .Business-Scope{
        margin-top: 50px;
        height: auto;
        padding-bottom: 60px;
    }
    .Business-Scope .title{
        padding-top: 20px;
        padding-bottom: 60px;
    }
    .Business-Scope .title .title-out{
        width: 60px;
        margin-bottom: 10px;
    }
    .Business-Scope .title h5{
        font-size: 35px
    }
    .Business-Scope .title span{
        font-size: 22px;
    }

    .Business-Scope .out .out-box .left span{
        font-size: 18px;
    }
    .Business-Scope .out .out-box .left span.all{
        font-size: 24px;
    }
    .classic-case .title-box{
        margin-top: 30px;
    }

    .classic-case .out .swiper-button-next{
        right: 20px;
    }
    .classic-case .out .swiper-button-prev{
        left: 20px;
    }
    .classic-case .out{
        margin-top: 30px;
    }

    .Partners .out .box span{
        width: 150px;
    }
    .Main-Services .out .swiper-button-next{
        right: 0px;
    }
    .Main-Services .out .swiper-button-prev{
        left: 0px;
    }
    .NEWS .out .left{
        width: 43%;
    }
    .NEWS .out .left .box{
        height: 100%;
    }

    .Partners .out .box .img-box{
        flex-wrap: wrap;
    }

    .Expert-Team .wrapper .text .txt-1 h5{
        font-size: 20px;
    }
    .Expert-Team .wrapper .text .txt-1 span{
        font-size: 14px;
    }
    .Expert-Team .wrapper .text .txt-2{
        font-size: 14px;
    }
    .Expert-Team .wrapper .text .txt-3{
        font-size: 14px;
    }

    #About .introduction .int-img{
        justify-content: center;
    }
    #About .introduction .int-img img{
        margin-bottom: 20px;
    }
    #About .developing .developing-swiper-1 .swiper-slide span{
        width: 80%;
    }


    #product .product .out{
        margin-top: 30px;
        margin-bottom: 60px;
    }

    #product .product .left{
        width: 25%;
    }

    #product .product .right{
        width: 100%;
    }
    #product .product .right .box{
        width: 48%;
        margin-right: 2%;
    }
    
    #product .product .right .box:nth-child(3n){
        margin-right: 2%;
    }

    #product .product .prod-out{
        width: 73%;
    }



    #product .product .left ul li .P-box a{
        padding-left: 3%;
        font-size: 12px;
    }
    #product .product .left ul li .title a{
        padding-left: 3%;
        font-size: 14px;
    }

    #product .pr-list .pr-list-right{
        width: 73%;
    }

    #product .pr-list .pr-list-right .R-box1 .box-left{
        width: 40%;
      
    }

    #product .pr-list .pr-list-right .R-box1 .box-right{
        width: 55%;
    }

    #product .pr-list .pr-list-right .R-box1 .box-right h5{
        font-size: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right .img{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right p{
        width: 100%;
        font-size: 14px;
    }

    #product .pr-list .pr-list-right .R-box1 .box-right a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    #product .pr-list .pr-list-right .R-box2{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 .title{
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 p{
        font-size: 14px;
    }
    #product .pr-list .pr-list-right .R-box2 .img{
        margin-top: 20px;
    }

    #product .Recommend .title{
        font-size: 30px;
        margin-bottom: 30px;
    }
    #product .Recommend .out .box{
        width: 100%;
        margin-right: 2%;
    }
    #product .Recommend .swiper-button-prev{
        left: 0px;
    }
    #product .Recommend .swiper-button-next{
        right: 0px;
    }
    #case .Case-Tap .inwid a span{
        font-size: 15px;
    }
    #case .case .title{
        margin-top: 30px;
    }
    #case .case .title h5{
        font-size: 30px;
    }
    #case .case .out .box{
        width: 32%;
        margin-right: 2%;
    }
    #case .case .out .box .img{
        height: 220px;
    }
    #case .case .out .box .txt h5{
        font-size: 20px;
    }


    #case .case .out .box .txt h5{
        font-size: 20px;
    }
    #Team .Team .out .box .left{
        width: 50%;
    }
    #Team .Team .out .box .ringth{
        width: 47%;
    }
    #Team .Team .out .box .ringth p{
        font-size: 14px;
    }
    #Team .Team .out .box .ringth span{
        font-size: 16px;
    }
    #Team .Team .out .box .ringth>img{
        margin-bottom: 20px;
    }

    #honor .Honor .out .box .img{
        height: auto;
    }
    #honor .Honor .out .box span{
        margin-top: 20px;
        font-size: 14px;
    }
}


@media (min-width:1200px) and (max-width:1400px) {
    
    .Product_xiu .box{
        height: 30vw !important;
    }
    
    #product .Recommend .swiper-slide{
        width: 24%;
        margin-right: 2%;
    }
    #product .Recommend .swiper-button-prev{
        left: 0px;
    }
    #product .Recommend .swiper-button-next{
        right: 0px;
    }
    #case .Case-Tap .out>a{
        width: 20%;
        padding: 0px 10px;
    }

    .inwid {
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .banner .nav .nav-out {
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .banner .nav .nav-out ul li .title img{
        display: none;
    }
    .banner .nav .nav-out ul li .title a{
        font-size: 14px;
    }
    .banner .nav .nav-out ul li .box a{
        font-size: 13px;
    }

    .banner .banner-banner .swiper-pagination {
        bottom: 10px;
    }

    .banner .banner-banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0px 5px;
    }

    .banner .banner-banner .swiper-pagination-bullet::after {
        width: 14px;
        height: 14px;
        margin-left: -7px;
        margin-top: -7px;
    }

    .banner .nav .nav-out .logo img {
        width: 150px;
    }

    .banner .nav .nav-out .dianhua-out {
        font-size: 16px;
    }

    .banner .nav .nav-out i {
        height: 12px;
    }

    .banner .nav .nav-out .form-out img {
        height: 16px;
    }

    .About-Us .out{
        margin-top: 50px;
    }
    .About-Us .out .right h5{
        font-size: 30px;
    }
    .About-Us .out .left{
        width: 52%;
    }
    .About-Us .out .left .img img{
        object-fit: cover;
        height: 400px;
    }
    .About-Us .out .right .tite-about span{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .About-Us .out .right p{
        font-size: 12px;
    }
    .About-Us .out .Aboiwebox{
        height: auto;
    }
    .About-Us .out .left .play{
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
    }
    .oisdu-a a{
        font-size: 14px;
    }
    .About-Us .out .right{
        width: 45.5%;
    }

    .About-Us .about-imgbox img{
        height: auto;
    }

    .About-Us .number-roll .box .txt span{
        font-size: 30px;
    }
    .About-Us .number-roll .box .txt b{
        font-size: 20px;
    }
    .About-Us .number-roll .box>span{
        font-size: 16px;
    }

    .Business-Scope{
        margin-top: 50px;
        height: auto;
        padding-bottom: 60px;
    }
    .Business-Scope .title{
        padding-top: 20px;
        padding-bottom: 60px;
    }
    .Business-Scope .title .title-out{
        width: 60px;
        margin-bottom: 10px;
    }
    .Business-Scope .title h5{
        font-size: 35px
    }
    .Business-Scope .title span{
        font-size: 22px;
    }

    .Business-Scope .out .out-box .left span{
        font-size: 18px;
    }
    .Business-Scope .out .out-box .left span.all{
        font-size: 24px;
    }
    .classic-case .title-box{
        margin-top: 30px;
    }

    .classic-case .out .swiper-button-next{
        right: 20px;
    }
    .classic-case .out .swiper-button-prev{
        left: 20px;
    }
    .classic-case .out{
        margin-top: 30px;
    }

    .Partners .out .box span{
        width: 150px;
    }
    .Main-Services .out .swiper-button-next{
        right: 0px;
    }
    .Main-Services .out .swiper-button-prev{
        left: 0px;
    }
    .NEWS .out .left{
        width: 43%;
    }
    .NEWS .out .left .box{
        height: 100%;
    }

    .Partners .out .box .img-box{
        flex-wrap: wrap;
    }

    .Expert-Team .wrapper .text .txt-1 h5{
        font-size: 20px;
    }
    .Expert-Team .wrapper .text .txt-1 span{
        font-size: 14px;
    }
    .Expert-Team .wrapper .text .txt-2{
        font-size: 14px;
    }
    .Expert-Team .wrapper .text .txt-3{
        font-size: 14px;
    }
    .classic-case .title-box{
        padding: 0px 10px;
        box-sizing: border-box;
    }

    .NEWS .out .left{
        height: 312px;
    }
    .Partners .out .box .img{
        margin-left: 15px;
    }

    #About .introduction .int-img img{
        width: 48%;
    }

    #product .product .left{
        width: 25%;
    }

    #product .product .right{
        width: 100%;
    }
    #product .product .right .box{
        width: 32%;
        margin-right: 2%;
    }
    
    #product .product .right .box:nth-child(3n){
        margin-right: 0;
    }

    #product .product .right .box .img{
        height: 191px;
    }

    #product .product .prod-out{
        width: 73%;
    }

    #product .product .left ul li .P-box a{
        padding-left: 3%;
        font-size: 16px;
    }
    #product .product .left ul li .title a{
        padding-left: 3%;
        font-size: 14px;
    }


    #product .pr-list .pr-list-right{
        width: 73%;
    }

    #product .pr-list .pr-list-right .R-box1 .box-left{
        width: 40%;
      
    }

    #product .pr-list .pr-list-right .R-box1 .box-right{
        width: 55%;
    }

    #product .pr-list .pr-list-right .R-box1 .box-right h5{
        font-size: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right .img{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right p{
        width: 100%;
        font-size: 14px;
    }

    #product .pr-list .pr-list-right .R-box1 .box-right a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    #product .pr-list .pr-list-right .R-box2{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 .title{
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 p{
        font-size: 14px;
    }
    #product .pr-list .pr-list-right .R-box2 .img{
        margin-top: 20px;
    }

    #product .Recommend .title{
        font-size: 30px;
        margin-bottom: 30px;
    }
    #product .Recommend .out .box{
        width: 100%;
        margin-right: 0%;
    }


    #case .case .out .box{
        width: 32%;
        margin-right: 2%;
    }



    #case .case .out .box .txt h5{
        font-size: 20px;
    }
    #Team .Team .out .box .left{
        /* width: 50%; */
    }
    #Team .Team .out .box .ringth{
        width: 47%;
    }
    #Team .Team .out .box .ringth p{
        font-size: 16px;
    }
    #Team .Team .out .box .ringth span{
        font-size: 20px;
    }
    #Team .Team .out .box .ringth>img{
        margin-bottom: 20px;
    }
    
    .project-body .Case-Tap .out>a{
        width: 175px !important;
    }
}


@media (min-width:1400px) and (max-width:1600px) {
    
    .Product_xiu .box{
        height: 26vw !important;
    }
    
        #product .Recommend .swiper-slide{
        width: 24%;
        margin-right: 2%;
    }
    #product .Recommend .swiper-button-prev{
        left: 0px;
    }
    #product .Recommend .swiper-button-next{
        right: 0px;
    }
    .inwid{
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .banner .nav .nav-out{
        padding: 0px 20px;
        box-sizing: border-box;
    }

    .banner .nav .nav-out ul li .title a{
        font-size: 14px;
    }
    .banner .nav .nav-out ul li .box a{
        font-size: 13px;
    }

    .Main-Services .out .swiper-button-next{
        right: 20px;
    }
    .Main-Services .out .swiper-button-prev{
        left: 20px;
    }


    #product .product .left{
        width: 25%;
    }

    #product .product .right{
        width: 100%;
    }
    #product .product .right .box{
        width: 32%;
        margin-right: 2%;
    }
    
    #product .product .right .box:nth-child(3n){
        margin-right: 0;
    }

    #product .product .right .box .img{
        height: 191px;
    }

    #product .product .prod-out{
        width: 73%;
    }

    #product .product .left ul li .P-box a{
        padding-left: 3%;
        font-size: 16px;
    }
    #product .product .left ul li .title a{
        padding-left: 3%;
        font-size: 14px;
    }



    #product .pr-list .pr-list-right{
        width: 73%;
    }

    #product .pr-list .pr-list-right .R-box1 .box-left{
        width: 40%;
      
    }

    #product .pr-list .pr-list-right .R-box1 .box-right{
        width: 55%;
    }

    #product .pr-list .pr-list-right .R-box1 .box-right h5{
        font-size: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right .img{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box1 .box-right p{
        width: 100%;
        font-size: 14px;
    }

    #product .pr-list .pr-list-right .R-box1 .box-right a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    #product .pr-list .pr-list-right .R-box2{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 .title{
        margin-bottom: 20px;
    }
    #product .pr-list .pr-list-right .R-box2 p{
        font-size: 14px;
    }
    #product .pr-list .pr-list-right .R-box2 .img{
        margin-top: 20px;
    }

    #product .Recommend .title{
        font-size: 30px;
        margin-bottom: 30px;
    }
    #product .Recommend .out .box{

        margin-right: 1%;
    }

    #case .case .out .box{
        width: 32%;
        margin-right: 2%;
    }
}