@media(max-width:1024px) {
    .MySwiper h2{
        font-size: 36px;
        line-height: 36px;
    }
    .title .TECHNOLOGYBoxRightTitle{
        font-size: 36px;
        line-height: 36px;
        width: 100%;
    }
    .title{
        gap: 20px;
    }
    main{
       padding-top: 20px; 
    }
    footer{
        padding: 30px 0 !important;
    }
    .banner{
        height: 60vh;
    }
    .container .row .col-md-6{
        max-width: 100%;
    }
    .container{
        width: 100% ;
        padding: 0 20px;
    }
    .header_box>.logo{
        flex: 1;
    }
    #mobile-header .header_box1{
        /*display: none;*/
        position: absolute;
        z-index: 100;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 10px;
        height: fit-content;
    }
    #mobile-header .header_box1 .x9{
        width: 100%;
    }
    .nav li .first-level{
        height: 40px;
        line-height: 40px;
    }
    .drop-menu{
        position: static;
        float: none;
        width: 100%;
    }
    .grid-3{
        grid-template-columns: repeat(1,1fr);
        -webkit-grid-template-columns: repeat(1,1fr);
    }
    .flex{
        flex-wrap: wrap;
    }
    .grid-2{
        grid-template-columns: repeat(1,1fr);
        -webkit-grid-template-columns: repeat(1,1fr);
    }
    #footer .ulList{
        justify-content: flex-start !important;
    }
    #footer .margin-big-bottom{
        margin-bottom: 10px;
    }
    .dropMenu li{
        height: fit-content;
        margin-bottom: 10px;
    }
    #footer ul li ul li a{
        line-height: 18px;
    }
    .item-5,.item-1{
        margin-bottom: 30px;
    }
    .ScrollBtn{
        right: 20px;
    }
    .textRight > span{
        font-size: 12px;
    }
    
    #mobile-header{
        height: 80px;
    }
    #footer{
        padding-top: 20px;
    }
    .grid-4{
        grid-template-columns: repeat(2,calc(50% - 5px));
        -webkit-grid-template-columns: repeat(2,calc(50% - 5px));
    }
    .article .post h1{
        font-size: 24px;
    }
    .dropdown ul li{
        height: 40px;
        display: flex;
        align-items: center;
    }
    .normal-list li{
        margin-bottom: 15px;
    }
    .NowLang{
        font-size: 16px;
        color: #111;
    }
    .search-ico{
        color: #111;
    }
    .navbar .logo a img{
        height: 40px;
    }
    .Solution-main .solution-swiper .solution-item{
        width: 100%;
        flex: none;
    }
    .contact-lists{
        grid-template-columns:repeat(2,calc(50% - 5px));
        gap: 10px;
    }
    .contact-lists li.Btn{
        grid-column:1 / 3;
        display: none;
    }
    .ptop120{
        padding-top: 30px;
    }
    .pbot120{
        padding-bottom: 30px;
    }
    .container h2{
        padding-left: 20px;
    }
    .contact-lists li .lsele{
        background: none;
    }
    .contact-lists li span{
        display: none;
    }
    .container h2:before{
        width: 50px;
        height: 50px;
        top: -20px;
    }
    .contact-lists li .txt{
        flex: 1;
    }
    .mtop90{
        margin-top: 30px;
    }
    .goTop{
        width: 60px;
    }
    .male20{
        color: #111;
        margin-left: 0;
    }
    .jiantou,.MyBox .right{
        display: none;
    }
    .MyBox .left{
        width: 100%;
    }
    .ContentBg{
        width: 100%;
        display: none;
    }
    .concat_right .form-group .field{
        padding: 8px 20px;
    }
    .header_right{
        margin-right: 0;
        gap: 20px;
        font-size: 24px;
        justify-content: flex-end;
    }
    .navbar,.header,.header_box{
        height: 100%;
    }
    .section{
        margin-top: 10px;
        padding-bottom: 50px;
    }
    
     .rightFooter{
         margin-top: 50px;
     }
     .row .row-left{
         width: 100%;
     }
     .navbar {
         position: fixed;
         top: 0;
         left:0;
         right: 0;
         height: 80px;
         z-index: 100;
         background: #fff;
     }
    /*.Indexbanner .container{*/
    /*    padding: 0;*/
    /*}*/
    /*.Indexbanner .container .x12{*/
    /*    float: none;*/
    /*}*/
    .container .row{
        flex-wrap: wrap;
    }
    .TECHNOLOGY{
        padding-top: 20px;
        height: fit-content !important;
    }
    .container .row .col-md-6 .boxright .boxright_top{
        padding: 10px;
        height: 100%;
    }
    .container .row .col-md-6 .boxright .boxright_top a{
        height: 100%;
    }
    .container .row .col-md-6 .box,.container .row .col-md-6 .boxright .boxright_bottom,.container .row .col-md-6 .boxright,.container .row{
        gap: 5px;
    }
    .container .row .col-md-6 .boxleft{
        width: 100%;
        height: 320px;
        padding: 30px 10px;
    }
    .container .row .col-md-6:nth-child(1) .boxright .boxright_top .boxright_top_Icon{
        width: 150px;
    }
    .container .row .col-md-6:nth-child(2) .boxleft{
        border-radius: 0px 0px  0px 0px !important;
    }
    .container .row .col-md-6 .boxleft h3{
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .container .row .col-md-6 .boxleft p{
        font-size: 12px;
    }
    .container .row .col-md-6 .boxright .boxright_bottom .boxright_bottomleft img{
        height: 50px;
    }
    .row .col-md-12 .box{
        display: none;
    }
    .TwoSwiper{
        padding: 20px 0 !important;
    }
    .TwoSwiper .swiper-slide .slide_box .slide_text{
        font-size: 18px;
    }
    .TwoSwiper .swiper-slide .slide_box{
        padding: 0 20px;
    }
    .TwoSwiper .swiper-slide .slide_box .slide_Icon{
        margin-top: 0;
    }
    .TwoSwiper .swiper-slide .slide_box{
        height: fit-content;
    }
    .bannerImage{
        object-fit: cover;
    }
    .TwoSwiper .swiper-slide{
        height: 510px;
    }
    .playVideo{
        height: 700px !important;
    }
    .playVideo .container .left h1{
        font-size: 36px;
    }
    .playVideo .container .left span{
        font-size: 14px;
    }
    .playVideo .container{
        flex-wrap: wrap;
        position: relative;
    }
    .playVideo .container .left{
        width: 100%;
        height: 260px;
    }
    .playVideo .container .right{
        max-width: 100%;
        padding-right: 0;
        justify-content: flex-start;
        width: 100%;
        flex: none;
    }
    .playVideo .container .right .video .videobg img{
        height: 100%;
        object-fit: cover;
    }
    .playVideo .container .right .video .videobg{
        width: 100%;
        height: 210px;
    }
    .playVideo .container .right .btn{
        width: 30px;
        height: 30px;
        
    }
    .playVideo .container .left img{
        width: fit-content;
    }
    .playVideo{
        padding-top: 80px;
    }
    .playVideo .container .right .rightText{
        display: none;
    }
    .CUSTOM ,.PARTNERS{
        padding: 20px 0;
        height: fit-content;
    }
    .customRight .customRight_box .Type{
        gap: 30px;
    }
    .customRight .customRight_box .Type {
        line-height: 34px;
    }
    .CUSTOM .CUSTOM_BG{
        object-fit: contain;
    }
    .customRight{
        padding: 0;
        width: 100%;
        height: 90%;
        flex: none;
    }
    .CUSTOM .container .customLeft .goods_box{
        display: none;
    }
    .CUSTOM .container{
        flex-wrap: wrap;
        gap: 30px;
    }
    .CUSTOM .container .customLeft{
        width: 100%;
        height: fit-content;
    }
    .customRight .customRight_box{
        gap: 30px;
    }
    .CUSTOM .container .customLeft h2,.PARTNERS h2{
        font-size: 36px;
    }
    .PARTNERS .text .textItem .number,.PARTNERS .text .textItem .flex p{
        font-size: 40px;
    }
    .PARTNERS_plane{
        width:60%;
    }
    .PARTNERS .PARTNERS_content{
        flex-wrap: wrap;
    }
    .PARTNERS .PARTNERS_content .PARTNERS_contentItem{
        flex: none;
    }
    .News .title{
        display: none;
    }
    .News{
        margin-bottom: 40px;
        padding-bottom: 0;
    }
    .News_content .slide_left{
        position: static;
            width: 100%;
    padding: 10px;
    }
    .swiper{
        width: 100%;
    }
    .News_content .swiper-slide{
        flex-direction: column-reverse;
    }
    .slide_right .slide_Icon{
        right: 20px;
        bottom: 15px;
        width: 30px;
        height: 30px;
    }
    .footer_logo img{
        display: block;
        margin: auto;
    }
    .footer_Search{
        width: 100%;
    }
    .modal-content{
        width: 100%;
    }
    .searchBar-m .input{
        width: 86%;
    }
    .Search_shuru .Search_shuru_btn{
        width: 130px;
    }
    .nav-tree{
        padding: 0;
    }
    .nav-tree li a{
        padding: 0 20px;
    }
    .filter-nav ul li{
        margin: 0;
        display: block;
        float: left;
        width: auto;
        line-height: 20px;
        padding: 5px 0;
    }
    .filter-box .padding-big{
        padding: 15px 0;
    }
    .product-list .product-item{
        height: fit-content;
    }
    .filter-nav ul{
        display: flex;
        flex-wrap: wrap;
    }
    .ProductSearch{
        width: 100%;
    }
    .product-list.grid-4{
        grid-template-columns: repeat(1,100%);
    }
    .line-big{
        margin: 0;
    }
    .Information h1{
        font-size: 36px;
    }
    .blank-large{
        height: 50px;
        line-height: 50px;
    }
    .product-list{
        padding-top:30px ;
    }
    .nav-tree li{
        flex: 1;
    }
    .phonenav-pop .litopic a{
        color: #111;
    }
    .number-list{
        padding:20px 0;
    }
    .number-list .number-text{
        font-size: 24px;
    }
    .Technology-lists .Technology-items .items-information{
        padding-left: 0;
        margin-top: 20px;
    }
    .Technology-lists .Technology-items:nth-child(2n) .items-information{
        
        padding-right: 0;
    }
    .Technology-lists .Technology-items{
        margin-bottom: 30px;
    }
    .Technology-lists .Technology-items .items-information .information-title{
        margin-top: 10px;
    }
    .Technology-lists .Technology-items .items-information .information-introduce{
        margin-bottom: 10px;
    }
    .Complete h1{
        font-size: 36px;
    }
    .power-list{
        gap: 30px;
    }
    .power-list .power-items .power-title{
        font-size: 26px;
    }
    .Factory-info .info-introduce{
        display: none;
    }
    .Factory-info .info-title{
        font-size: 36px;
    }
    .channel-banner .banner-info h3{
        font-size: 26px !important;
    }
    .bolck_box{
        padding: 30px 0;
    }
    .cridBox_t1{
        grid-template-columns: repeat(1,100%);
        gap: 15px;
    }
    .items:nth-child(3){
        grid-row: auto;
        grid-column: auto;
        width: 100%;
    }
    .carousel-footer .footer_bottom .bottom_item{
        font-size: 12px;
        padding-top: 10px;
    }
    .carousel_mask .box h2{
        font-size: 26px;
        line-height: 26px;
        width: 100%;
    }
    .carousel_mask .box{
        flex-wrap: wrap;
    }
    .carousel_mask .box p{
        font-size: 12px;
        width: 100%;
    }
    .items_mask, .carousel_mask{
        padding: 20px;
    }
    .dataBox{
        padding: 30px 0;
    }
    .topic{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .table_block{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .carousel-footer{
        bottom: 0;
    }
    .carousel_mask .FlexMiddle{
        align-items: flex-start;
    }
    .blank-big{
        height: 30px;
        line-height: 30px;
    }
    .table_filter{
        margin-bottom: 20px;
        flex-wrap: wrap;
        gap: 10px;
        padding-bottom: 15px;
    }
    .table_search{
        width: 100%;
        display: flex;
        gap: 10px;
        padding-right: 40px;
    }
    .table_search input{
        flex: 1;
    }
    .dataTable{
        
        display: block;
        overflow: auto;
    }
    .flex_block{
        margin-top: 20px;
    }
    .box_cird{
        width: 100%;
        padding-bottom: 40px;
        transform: scale(0.6);
    }
    .posabo h3{
        font-size: 24px;
    }
    .posabo p{
        font-size: 14px;
        margin-top: 10px;
    }
    .posabo{
        left: 20px;
        right: 20px;
        transform: translateX(0);
    }
    .pos_block{
        margin-bottom: 30px;
    }
    .cou_block{
        padding: 0 20px;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .cou_block_cen span{
        font-size: 40px;
    }
    .enqiry{
        display: block;
        padding: 10px 15px;
    }
    .cou_block_cen{
        margin-bottom: 20px;
    }
    .diso_block{
        margin-bottom: 30px;
    }
    .diso_block .topic{
        margin-top: 30px;
    }
    .tw_block{
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    .tw_block_item > div{
        margin-bottom: 10px;
    }
    .d-title{
        font-size: 20px;
    }
    .gather-innova-btm-top{
        
        height: 100%;
        position: absolute;
        width: 100%;
    }
    .gather-innova-ul{
        height: 100%;
    }
    .gather-innova-ul .gather-innova-li img{
        height: 100%;
        object-fit: cover;
    }
    .ttiit{
        margin-bottom: 30px;
        
    }
    .ttiit video{
        width: 100%;
    }
    .listbox-item{
        margin-bottom: 30px;
    }
    .block_block{
        padding: 30px 0;
    }
    .lt_block{
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .lt_block p{
        font-size: 16px;
        padding-bottom: 10px;
        margin-top: 10px;
    }
    .gthe-ul-li h3{
        font-size: 24px;
    }
    .gthe-ul-li{
        padding: 10px 20px;
        flex-wrap: wrap;
    }
    .gthe-veo{
        width: 100%;
        margin-right: 0;
    }
    .gthe-ul-li p{
        font-size: 14px;
        line-height: 1.5;
        margin-top: 10px;
    }
    .gthe-ul{
        flex: 1;
    }
    .ACHIEVEMENTS::after{
        content: none;
    }
    .ACHIEVEMENTS{
        gap: 20px;
    }
    .ability_block{
        margin: 30px 0;
    }
    .abil_list{
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .abil_list_item{
        padding: 20px 0;
    }
    .crid1{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        
    }
    .chengguo_block{
        padding-top: 30px;
    }
    .imgbox{
        gap: 12px;
    }
    .crid1-ti{
        width: 100%;
    }
    .imgbox div:nth-child(even){
        margin-top: 20px;
    }
    .backimg0{
        display: none;
    }
    .crid1 h3, .listbox-item h3{
        font-size: 28px;
        text-align: center;
        margin-top: 20px;
    }
    .crid1 P, .listbox-item p{
        font-size: 14px;
        margin-top: 10px;
    }
    .listbox{
        margin-top: 30px;
    }
    .listbox .listbox-item{
        flex-wrap: wrap;
    }
    .listbox .listbox-item-box{
        width: 100%;
    }
    .nav_block ul{
        margin-bottom: 20px;
    }
    .box_block{
        padding: 20px 0;
        margin-bottom: 30px;
    }
    .pop_block{
        width: 100%;
        padding: 20px;
        top: 80px;
    }
    .pic img{
        width: 200px;
    }
    .con .icn5{
        top: 90px;
    margin-left: 40px;
    }
    .con .icn4{
        top: 205px;
        margin-right: -30px;
        width: 220px;
    }
    .con .icn2{
        top: 170px;
        margin-left: 30px;
        width: 125px;
    }
    .con:hover .img2{
        transform: translateY(30px);
    }
    .con:hover .img1{
        transform: translateY(-30px);
    }
    .con:hover  .icn1{
        transform: translateX(-30px);
    }
    .con:hover  .icn2{
        transform: translateX(30px);
    }
    .con:hover  .icn3{
        transform: translateX(-20px);
    }
    .con:hover  .icn4{
        transform: translateX(-30px);
    }
    .con:hover  .icn5{
       transform: translateX(30px); 
    }
    .nav_block li{
        padding: 0;
        flex: 1;
        text-align: center;
    }
    .topic_box .jieshao{
        position: static;
    }
    .DETAILS a{
        padding: 10px;
    }
    .DETAILS img{
        width: 20px;
    }
    .topic_box .DETAILS{
        bottom: 10px;
    }
    .box2_block,.pro_block{
        margin-bottom: 30px;
    }
    .pro_block:after{
        content: none;
    }
    .pro_list{
        grid-template-columns: repeat(2,calc(50% - 10px));
        gap: 20px;
    }
    .topic2{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .boo_block{
        flex-wrap: wrap;
    }
    .boo_block .boo_block_crid{
        width: 100%;
    }
    .result_block{
        margin-left: 0;
        margin-top: 30px;
        padding: 20px;
        width: 100%;
    }
    .but_block{
        margin-top: 30px;
    }
    .text_block{
        margin-top: 100px;
    }
    .progress_block{
        margin-top: 30px;
    }
    .m-text{
        margin-top: 20px;
        padding: 0;
    }
    .form_block{
        margin-top: 20px;
        padding: 0;
    }
    .result_block table{
        overflow: auto;
        display: block;
    }
    .img-list .img-info{
        padding: 20px;
    }
    .img-list .img-info h2{
        font-size: 20px;
    }
    .img-list .img-info h3{
        font-size: 14px;
    }
    .icon-list .icon-info{
        padding: 0 20px;
    }
    .icon-list .icon-item{
        height: 220px;
    }
    .story h1{
        font-size: 36px;
    }
    .story p{
        width: 100%;
        margin: 20px auto;
    }
    .TATTU{
        margin-bottom: 30px;
    }
    .TATTU h1{
        margin-bottom: 20px;
    }
    .story .blank-large{
        height: 30px;
        line-height: 30px;
    }
    .story .ttiit{
        margin-bottom: 0;
    }
    .TATTU .type-list .type-items{
        margin: 20px 0;
        padding-bottom: 10px;
    }
    .TATTU .type-list{
        padding: 0;
    }
    .office-info .text{
        font-size: 36px;
    }
    .Team-lists{
        gap: 20px;
    }
    .alert .alert-box{
        width: 90%;
        padding: 20px;
        gap: 20px;
    }
    .Team-lists .Team-teams .Team-information p{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .Team-lists .Team-teams .Team-information{
        margin-top: 20px;
        gap:10px;
        padding-bottom: 15px;
        flex-direction: column;
        align-items: flex-start;
    }
    .alert .alert-box .alert-box-right h3{
        margin: 10px 0;
        font-size: 16px;
    }
    .alert .alert-box .alert-box-right p{
        margin-bottom: 20px;
        font-size: 12px;
    }
    .alert .alert-box .alert-box-right h2{
        font-size: 28px;
    }
    .news-box .News-right{
        width: 100%;
    }
    .Accreditation h1{
        font-size: 40px;
    }
    .Accreditation-lists .Accreditation-item{
        margin-top: 0;
    }
    .Accreditation-lists h1{
        font-size: 36px;
        margin-bottom: 20px !important;
    }
    .Accreditation-item.item-1 .tab{
        padding: 0;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .Accreditation-item.item-1 .tab .Resources_Item p{
        margin-bottom: 10px;
    }
    .Accreditation-item.item-1 .tab .Resources_Item h2{
        margin-top: 10px;
        font-size: 16px;
    }
    .Accreditation-item.item-1 .tab .Resources_Item p{
        font-size: 12px;
    }
    .Accreditation-item.item-1 .line{
        padding-bottom: 20px;
    }
    .Accreditation-item .line{
        gap: 20px;
    }
    .Accreditation-item.item-1 .line::after{
        content: none;
    }
    .Accreditation-item.item-2 .Resources_Item{
        padding: 0;
    }
    .Accreditation-item.item-2 .Resources_Item img{
        opacity: 1;
        margin: 20px auto;
    }
    .Accreditation-item.item-2 .Resources_Item h2{
        font-size: 24px;
    }
    .Accreditation-item .Resources_Item p{
        font-size: 12px !important;
    }
    .Accreditation-item.item-1 .tab .Resources_Item{
        padding: 20px;
        padding-top: 45px;
    }
    .recruit .x4{
        width: 100%;
    }
    .recruit-footer{
        margin-top: 20px;
    }
    .problem ul{
        display: grid;
        grid-template-columns: repeat(2,calc(50% - 10px));
        gap: 20px;
        width: 100%;
    }
    .problem ul .line{
        display: none !important;
    }
    .problem ul li{
        flex: 1;
        text-align: center;
    }
    .problem-lists .problem-item .items-title-txt span{
        font-size: 20px;
    }
    .problem-lists .problem-item .items-title-txt{
        font-size: 14px;
    }
    .MobileVideo{
        height: fit-content;
    }
    .normal-list li:hover .title{
        transform: translateY(30px);
    }
    .normal-list li .title{
        font-size: 14px;
        bottom: 65px;
        left: 10px;
    }
    .normal-list li .dot-footer{
        height: 60px;
        padding: 0 10px;
    }
    .name-list{
        width: 100%;
    }
    .name-list .name-box{
        display: flex;
        flex-wrap: wrap;
    }
    .name-list .name-item{
        padding: 10px;
        border: none;
    }
    .download-list{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .download-list .download-item h2{
        font-size: 36px;
        margin-bottom: 20px !important;
    }
    .download-list .download-item .tab{
        gap: 10px;
    }
    .download-list .download-item{
        margin-bottom: 20px;
    }
    .download-list .download-item .line:after{
        content: none;
    }
    .channel-banner.MobileApp{
        background-position: 21% 70px;
    }
    .banner-info .app{
        width: 100%;
    }
    .app .btn1{
        font-size: 12px;
        padding: 10px;
        width: 240px;
    }
    .app-lists .app-items{
        grid-row: auto !important;
        grid-column: auto !important;
    }
    .app-lists .app-items .app-title{
        padding: 10px;
        margin: 10px;
        font-size: 14px;
    }
    .Margin-70{
        margin-top: 30px;
    }
    .Smart-lists .Smart-items{
        margin-top: 0;
    }
    main h1{
        font-size: 36px;
    }
    .Smart-lists .Smart-items .left{
        width: 100%;
    }
    .Smart-lists .Smart-items{
        gap: 30px;
    }
    .Smart-lists .Smart-items .left p{
        margin-top: 10px;
    }
    .Smart-lists{
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .modes .container{
        top: 20px;
    }
    .modes .container p{
        width: 100%;
    }
    .Live-box .right p{
        padding-left: 0;
        margin-bottom: 20px;
    }
    .app-footer h1{
        font-size: 40px;
        width: 100%;
    }
    .app-footer-code{
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .app-footer .btn,.app-footer .btn a{
        width: 100%;
    }
    .app-footer-code .code{
        flex: 1;
    }
    .banner-box .banner-right{
        display: none;
    }
    .banner-box .banner-left{
        max-width: 100%;
    }
    .banner-box .banner-left h2{
        margin-top: 10px;
        font-size: 26px;
    }
    .banner-box .banner-left p{
        margin-top: 10px;
    }
    .MobileNews.banner{
        height:fit-content;
    }
    .News .download-item h2{
        margin-bottom: 20px;
        font-size: 28px;
        color: #fff;
    }
    .News .download-item .tab{
        grid-template-columns:repeat(1,100%)
    }
    .News .download-item .tab .Resources_Item .list_righttitle{
        font-size: 20px;
        line-height: 1.5;
        margin: 10px 0;
    }
    .News .download-item .tab .Resources_Item{
        padding: 20px;
    }
    .News .download-item .tab .Resources_Item .date{
        font-size: 12px;
        margin-top: 20px;
    }
    .dealer .box .left{
        width: 100%;
    }
    .dealer .box .left .Search_shuru{
        width: 100%;
    }
    .dealer .box .left .Search_shuru .Search_shuru_btn{
        width: 100px;
    }
    .dealer .box .left .dealer-lists .dealer-items{
        margin-bottom: 0;
        padding-right: 0;
    }
    .dealer .box .left .dealer-lists{
        padding: 10px 20px;
        gap: 10px;
    }
    .dealer .box .left .dealer-lists .dealer-items .dealer-items-lists{
        grid-template-columns: repeat(3,calc(33.3% - 6.666px));
        -webkit-grid-template-columns: repeat(3,calc(33.3% - 6.666px));
    }
    #globeContainer{
        width: 100%;
        height: 370px;
    }
    .dealer .box{
        gap: 20px;
    }
    .delay .Message-box{
        padding: 10px;
    }
    .delay .Message-box h2{
        font-size: 24px;
    }
    .FormBox{
        gap: 10px;
        padding: 0;
    }
    .contact-lists .contact-items{
        width: 100%;
        gap: 20px;
        padding: 10px;
    }
    .contact-lists .contact-items .information-list h2{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .contact-lists .contact-items .information-list{
        width: 100%;
    }
    .contact-lists .contact-items .information-list .copy-txt{
        flex: 1;
    }
    .map .Message{
        position: static;
        
    }
    .map .Message .Message-box{
        width: 100%;
    }
    .map{
        height: fit-content;
    }
    #map{
        height: 360px;
    }
    .contact{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .Search .Selected{
        display: none;
    }
    main.Search .classifyList{
        padding: 0 10px ;
    }
    main.Search .classifyList .classify-item.active{
        font-size: 16px;
    }
    main.Search .classifyList .classify-item{
        font-size: 14px;
    }
    
    .contrast .container{
        overflow-x: auto;
    }
    .solid-bold{
        top: 80px;
    }
    .solid-bold .nav-block{
        gap:20px;
    }
    .applications-list{
        grid-template-columns:repeat(1,1fr);
        gap: 12px;
        margin-top: 20px;
    }
    .tit1{
        font-size: 30px;
    }
    .applications{
        margin-top: 30px;
    }
    .Margin140{
        margin-top: 30px;
    }
    .videl-box{
        grid-template-columns: repeat(1,1fr);
        margin-top: 20px;
    }
    .vide-pos{
        padding:  20px;
    }
    .vide-pos a{
        width: 50px;
    }
    .video-block{
        margin-top: 30px;
    }
    .Believing_image div{
        font-size: 26px;
        padding-right:0;
    }
    .Believing_image{
        margin-top: 20px;
    }
    .cird1_block{
        margin: 30px 0;
        flex-wrap: wrap;
    }
    .cird1_block h4{
        margin-bottom: 10px;
        font-size: 18px;
        white-space: nowrap;
        text-overflow:ellipsis;
        overflow: hidden;
    }
    .cird1_block>div{
        width: 100%;
    }
    .charger-block{
        padding-left: 20px;
        padding-right: 20px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-top: 0;
    }
    .downlod_block{
        padding: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .charger-ti{
        width: 100%;
        padding: 0;
    }
    .spraying-text{
        position: static;
        transform: none;
        padding: 0 20px;
        margin-top: 20px;
    }
    .spraying-text .topic2{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .spraying-text p{
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.5;
    }
    .Believing{
        padding: 20px 0;
    }
    .Features .listbox{
        grid-template-columns: repeat(2,1fr);
        margin: 30px 0;
        gap: 20px;
    }
    .Features .listbox p{
        padding: 0 10px;
        font-size: 12px;
        margin-top: 10px;
    }
    .dialog-content{
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .Features{
        margin-top: 30px;
    }
    .tattuimg{
        margin-bottom: 30px;
    }
    .Parameters{
        margin-top: 20px;
        padding: 0 20px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .Parameters .pa-right{
        padding-left: 0;
    }
    .Parameters .pa-right li{
        padding: 15px;
    }
    .Believing .Believing_box li{
        margin: 0;
        padding: 10px;
    }
    .Believing .Believing_box{
        flex-direction: column;
    }
    .Believing .Believing_box .OneSe{
        display: flex;
        gap: 20px;
    }
    #three{
        width: 100%;
        flex: none;
    }
    .AR{
        padding: 0;
        width: 100%;
    }
    #Ar .Ar-text h2{
        font-size: 36px;
        margin: 10px 0;
    }
    #Ar .Ar-Bg{
        width: 100%;
    }
    #Ar .Ar-text p{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .application.channel-banner{
        height: 208px;
    }
    .SPRAYING h3{
        font-size: 16px;
        margin: 10px 0;
    }
    .SPRAYING p{
        width: 100%;
        font-size: 12px;
    }
    .fengmian video{
        width: 100%;
    }
    .Features .Features-left{
        width: 100%;
        padding: 10px;
    }
    .Features .Features-left .Features-list .Features-items{
        margin-top: 20px;
    }
    .Features .Features-left .Features-list{
        gap: 10px;
    }
    .Features .Features-left .Features-list .Features-items{
        padding-right: 0;
    }
    .Features .Features-left .Features-list .Features-items.active .text{
        width: 100%;
    }
    .Features .Features-photo{
        width: 100%;
        flex: none;
    }
    .Tattu-lists{
        gap: 10px;
        margin: 20px 0;
        height: fit-content;
        justify-content: flex-start;
    }
    .Tattu-introduce .introduce-text{
        position: static;
        padding: 20px;
    }
    .Tattu-introduce .introduce-text p{
        width: 100%;
        font-size: 12px;
    }
    .Tattu-introduce .introduce-text h3{
        margin: 0;
        font-size: 18px;
    }
    .Tattu-lists .Tattu-items{
        font-size: 16px;
        padding: 0;
        padding-bottom: 10px;
        flex: 1;
    }
    .Features .Features-left h2{
        font-size: 26px;
    }
    .Features .Features-left p{
        margin-top: 10px;
    }
    .data{
        padding: 0 20px;
        margin-top: 20px;
    }
    .data .data-items{
        width: 100%;
        gap: 20px;
        margin-bottom: 30px;
    }
    .data .data-items .items-information .jieshao{
        margin: 10px 0;
        font-size: 16px;
    }
    .data .data-items .items-information .title{
        font-size: 20px;
    }
    .data .data-items .items-information .introduce-text{
        font-size: 12px;
    }
    .Tattu-introduce .introduce-text h2{
        font-size: 36px;
    }
    .Tattu-introduce .introduce-text{
        gap: 10px;
    }
    .Margin-100{
        margin-top: 30px;
    }
    .News .News_lists{
        gap: 25px;
        grid-template-columns: repeat(1,100%);
    }
    .News .News_lists h3{
        font-size: 20px;
        margin: 10px 0;
    }
    .News .News_lists .items-introduce{
        font-size: 12px;
    }
    .News .News_lists .items-data{
        font-size: 12px;
    }
    .News .container > h2{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .News .FAQ_lists{
        grid-template-columns: repeat(1,1fr);
    }
    .bnac-botom,.btn-block,.bnac-t1{
        flex-wrap: wrap;
    }
    .bnac-botom ul{
      gap: 10px;  
    }
    .bnac-botom{
        gap: 10px;
        margin-top: 10px;
    }
    .banner-box{
        bottom: 20px;
    }
    .banner-box p{
        width: 100%;
        display: none;
    }
    .banner-box h2{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .News_content .slide_left h3{
        font-size: 16px;
    }
    .News_content .slide_left p{
        font-size: 12px;
    }
    .btn-block{
        gap: 20px;
    }
    .Contrast{
        margin: 0;
    }
    .btn-block span{
        flex: 1;
    }
    .NewsDetail .box{
        flex-wrap: wrap;
        gap: 30px;
    }
    .NewsDetail .box .left, .NewsDetail .box .right{
        width: 100%;
    }
    .NewsDetail .box .center h2{
        margin: 20px 0;
    }
    .NewsDetail .box .center .padding-big-top{
        padding-top: 0;
    }
    .NewsDetail .box .right .pic-list img{
        margin-bottom: 10px;
        width: 100%;
    }
    .News-information{
        margin-bottom: 30px;
        gap: 10px;
    }
    .News-information .share{
        gap: 10px;
    }
    .nav-bread a{
        line-height: 1.5;
    }
    .News-title{
        font-size: 26px;
        margin-top: 20px;
    }
    main.detail{
        padding-top: 80px;
    }
    .nav-bread{
        height: 50px;
        line-height: 50px;
    }
    .nav-bread a:nth-child(4):after{
        content: none;
    }
    .News-information .share .icon img{
        margin-right: 0;
    }
    .popular .popular-tags .tag-item{
        width: 32.333%;
    }
    .line-Now{
        display: none;
    }
    .popular .popular-tags{
        margin-top: 30px;
    }
    .normal-list{
        grid-template-columns:repeat(1,100%)
    }
    .normal-list li{
        padding: 10px;
    }
    .seeul{
        gap: 30px;
    }
    .cird2_main{
        padding:  0 20px;
    }
    .cird2_main_left{
        padding-right: 0px;
        padding: 0;
        gap: 20px;
    }
    .cird2_main_right img:first-child{
        margin-bottom: 20px;
    }
    .cird2_main_left img{
        margin-bottom: 10px;
    }
    .contrast th, .contrast td{
        padding: 10px;
    }
    .img-list{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .recruit table td{
        padding: 10px;
    }
    .article .post table{
        margin-bottom: 20px;
    }
    .Customer,.MyText{
        padding: 0;
    }
    .Customer .custom-arrow{
        right: 10px;
    }
    .MyText .LabelName{
        margin-bottom: 20px;
    }
    .Message-form{
        padding: 10px;
    }
    .filter-box dl .charge{
        width: fit-content;
        margin-right: 10px;
    }
    .form-button{
        padding: 0;
    }
    .form-group{
        padding-bottom: 0;
    }
    .Verify{
        margin-top: 10px !important;
    }
    .RightItem,.LeftItem{
        flex: 1;
    }
    .problem-lists .problem-item .items-title{
        padding: 15px;
    }
    
    .download-list .download-item .tab .Resources_Item .list_left img{
        width: 60px;
    }
    .download-list .download-item .tab .Resources_Item>a img{
        width: 60px;
    }
    .download-list .download-item .tab .Resources_Item{
        padding: 10px 0;
        gap: 10px;
    }
    .Mynews{
        padding-top: 88px;
    }
    .intro li .unit{
        font-size: 26px;
        right: 40px;
    }
    .intro{
        padding: 30px 0;
        gap: 20px;
    }
    .intro li{
        width: calc(50% - 10px);
    }
    .mtop60{
        margin-top: 20px;
    }
    .mapList{
        display: none;
    }
    .mtop70{
        margin-top: 25px;
    }
    #SolutionSwiper{
        padding: 0 20px;
    }
    .newsBox .hangye-news:first-child{
        display: block;
    }
    .news-item .news-bg,.news-lists li:nth-child(4) .news-info{
        width: 100%;
    }
    .news-lists li:nth-child(5) .news-bg{
        width: 100%;
    }
    .news-info{
        padding: 20px;
    }
    .news-item img{
        display: block;
    }
    .news-lists li:nth-child(3) .news-info{
        background: #fff;
    }
    .news-lists li:nth-child(5) .news-bg,.news-lists li:nth-child(4) .news-bg{
        display: none;
    }
    .news-lists li:nth-child(2) .news-info{
        background: #00267F;    color: #FFFFFF;
    }
    .news-lists li:nth-child(1) .news-info .time,.news-lists li:nth-child(1) .news-info .text-right{
        display: none;
    }
    .ptop70,{
        padding-top: 30px;
    }
    .Solution_box{
        padding-bottom:30px;
        background: rgb(0, 38, 127) !important;
    }
    .MapBg.BoxBg,.MyMap{
        height: 130px;
    }
    .solution_footer{
        height: 15%;
        clip-path: ellipse(50% 50% at 50% 100%);
        -webkit-clip-path: ellipse(50% 50% at 50% 100%);
    }
    
    #SolutionSwiper .swiper_footer{
        position: absolute;
        bottom: 20px;
        left: 40px;
        z-index: 11;
        display: flex;
        gap: 5px;
        align-items: flex-end;
        font-size: 20px;
        color: #FFFFFF;
    }
    #SolutionSwiper .solution-item:hover .swiper_footer{
        transform: scale(1.1);
    }
    #SolutionSwiper .solution-item .swiper_footer{
        transition: all 0.3s ease;
    }
    .wenzi{
        display: none;
    }
    .Solution_box_bG{
        bottom: -70%;
    }
    .productBox.BoxBg{
        height: fit-content;
        display: flex;
        flex-direction: column;
    }
    .productBox .container{
        height: fit-content;
    }
    .productBox .container:nth-child(2){
        background: #FFFFFF;
        margin-top: 20px;
        flex: 1;
    }
    .container .row,.banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        display: none;
    }
    .banner{
        /*height: 50vh;*/
        height: 170px;
        margin-top: 80px;
    }
    .banner .banner-main .banner-main-text{
        margin-top: 0;
    }
    .Solution_box{
        height: fit-content;
    }
    .product-lists{
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .company.BoxBg{
        padding-top: 30px;
        height: 40vh;
    }
    .MyMap,.solution_footer{
        display: none;
    }
    .productType{
        justify-content: flex-start;
    }
    .productType li{
        width: 33.333%;
    }
    .mtop80{
        margin-top: 30px;
    }
    .mbot60{
        margin-bottom: 20px;
    }
    #subnav{
        gap: 20px;
    }
    #subnav .col-2{
        width: calc(50% - 10px);
    }
    .product-lists li .ViewMore{
        padding: 10px;
    }
    .product-lists li .product-bg img{
        width: 100%;
        height: 100%;
    }
    .product-lists li{
            padding: 20px 15px;
    }
    .product-lists li .product-title{
        margin-top: 20px;
        font-weight: bold;
    }
    .gtanc{
        display: none;
    }
}

    #bg-video{
        width: 100%;
    }
  .flexBox{
      display: flex;
      justify-content: space-between;
  }

          
  /*手机端导航*/
  .phonenav{display:none;padding:15px 0}
  .phonenav .iconfont{font-size:24px}
  .phonenav-pop{position:absolute;top:100%;left:0;width:100%;
      height: calc(100vh - 80px);background: rgba(0,0,0,.5);
      z-index: 10;
      overflow-y: auto;
  }

    .hide{
        visibility: visible !important;
    }
    .backwhite{
        background: #FFFFFF;
        color: #111;
    }
  .phonenav-pop>ul>li{border-top:1px solid #eee;}
  .phonenav-pop .litopic{padding:15px 20px;width:100%}
  .phchildnav>li{padding:15px 0px 15px 30px;border-top:1px solid #eee;}
  .phchildnav ul{margin-top:10px;line-height:30px}