@media(max-width:768px) {
    .container{
        width: 100% ;
        padding: 0 20px;
    }
    .header_box>.logo{
        flex: 1;
    }
    .recommendation-item .item-product .x7 img{
        max-width: 100%;
    }
    .newsMain .list-news .media-img{
        height: 230px;
    }
    #mobile-header .header_box1{
        /*display: none;*/
        position: absolute;
        z-index: 100;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 10px;
        height: fit-content;
    }
    #New > .News-information img{
        min-width: auto;
    }
    #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: 0;
    }
    .ScrollBtn{
        right: 20px;
    }
    .textRight > span{
        font-size: 12px;
    }
    #footer .footer_bottom .left .footerIcon{
        margin-left: 0 !important;
        margin-top: 20px;
    }
    #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;
    }
    .dropdown{
        display: block;
    }
    .normal-list li{
        margin-bottom: 15px;
    }
    .NowLang{
        font-size: 16px;
    }
    .concat_right .form-group .field{
        padding: 8px 20px;
    }
    .header_right{
        margin-right: 0;
        gap: 10px;
        font-size: 24px;
        justify-content: flex-end;
    }
    .header_right .searchBar,.header_right .fa-bars{
        font-size: 16px;
    }
    .navbar,.header,.header_box{
        height: 100%;
    }
    .section{
        margin-top: 10px;
        padding-bottom: 20px;
    }
    .section:last-child{
        padding-bottom: 0;
    }
    .row .row-right .right-introduce{
        margin-bottom: 15px;
        font-size: 12px;
    }
    .IndexProduct .swiper-wrapper{
        flex-wrap: wrap;
    }
    .New .New-item .item-text{
        margin-bottom: 10px;
        align-items: center;
    }
    .New .New-item{
        padding: 20px;
        background: #fff;
    }
    .owl-box{
        height: 50px;
    }
    .title-c h3{
        margin-bottom: 20px;
        text-align: left;
        font-size: 18px;
        position: relative;
        padding-left: 10px;
        display: block;
    }
    .MobileFooter .title-c {
        padding: 0 20px;
    }
    .title-c h3:before{
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        width: 4px;
        height: 17px;
        background: #B60005;
        border-radius: 0px 3px 3px 0px;
    }
    .footer-more .more-line{
        display: none;
    }
    .footer-more{
        margin-top: 30px;
        justify-content: center;
    }
    .ProductBtn{
        top: -43px;
        right: 20px;
        display: none;
    }
    footer .container > ul{
        gap: 19px;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    footer ul li.item-2,footer ul li.item-1,footer ul li.item-3,footer ul li.item-4,footer ul li.item-5{
        width: calc(33.33% - 13px);
    }
    .owl-box .owl-dot{
        gap: 10px;
    }
    .owl-box .owl-dot img{
        width: 20px;
        height: auto;
    }
    /*.row-right{*/
    /*    margin-top: 20px;*/
    /*}*/
    .About{
        gap: 25px;
    }
    .product{
        padding-top: 0;
    }
    .product .product-item{
        padding: 0;
        background: #fff;
        border-radius: 0;
        width: 100%;
    }
    .product .product-item .photo{
        border: 1px solid #DADADA;
    }
    .product .product-item .item-btn{
        display: none;
    }
    .product .product-item .item-text{
        position: absolute;
        padding: 15px 20px 0;
        margin: 0;
        width: 100%;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 0;
        left: 0;
        font-size: 15px;
        text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
    }
    .product .product-item .item-photo img{
        margin: auto;
        display: block;
    }
    .item-photo img{
        height: inherit;
        width: 100%;
        max-width: none;
    }
    #gallery .swiper-wrapper .swiper-slide{
        padding: 0 30px;
    }
    #gallery .swiper-button-next,#gallery .swiper-button-prev{
        width:30px;
        height: 30px;
        --swiper-navigation-size:12px;
    }
    footer{
        padding: 20px 0;
    }
    .web_copyright{
        padding-top: 0px !important;
    }
    .footer_Footernav{
        display: none !important;
    }
    /*.section:nth-child(2n){*/
    /*    background: #FAFAFA;*/
    /*}*/
    .Indexbanner{
        padding-bottom: 20px;
    }
    .New .New-item .text-title{
        font-size: 16px;
    }
    .New .New-item .text-date{
        font-size: 12px;
    }
    .New .New-item .item-introduce{
        font-size: 12px;
    }
     #product .product{
         border: 1px solid #bbb;
     }
     #product{
         overflow: inherit;
     }
     .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;
     }
    .product-list{
        grid-template-columns: repeat(1,1fr);
    }
    .header_box{
        gap: 20px;
    }
    .producttitle{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .products,.twobox{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .products-img{
        width: 100%;
    }
    .products-text{
        padding-left: 0;
    }
    .pronav{
        margin-bottom: 30px;
    }
    .products-text h3{
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .featList{
        grid-template-columns: repeat(1,100%);
        gap: 20px;
    }
    .bvrid-a{
        padding: 0;
    }
    .it-img,.protiem{
        margin-bottom: 20px;
    }
    .bvrid-a p{
        margin-top: 10px;
    }
    .jjfa{
        gap: 30px;
        grid-template-columns: repeat(1,1fr);
    }
    .jjfa p{
        padding: 0;
    }
    .featList,.jjfa,.xgnews{
        margin-bottom: 30px;
    }
    .news-item{
        padding: 20px;
    }
    .cpyy>div{
        margin-bottom: 0;
    }
    .article .left{
        display: none;
    }
    .right-title{
        margin-bottom: 30px;
    }
    .Main-footer .programme-next-btn,.Main-footer .programme-prev-btn{
        width: 30px;
        height: 30px;
        line-height: 30px;
        position: relative;
        z-index: 10;
        font-size: 14px;
    }
    .programme-item .item-photo,.programme-item .item-photo img{
        max-width: 200px;
    }
    .Main-footer{
        height: 120px;
        margin-bottom: 30px;
    }
    .Content-list{
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    .list-text{
        padding: 0;
        margin-top: 20px;
        width: 100%;
    }
    .Relatcontentproduct-list{
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .Relatcontentproduct-list .Relatcontentproduct-list-item{
        padding: 10px;
    }
    .Relatcontentproduct-list .Relatcontentproduct-list-item a{
        border-radius: 0px 30px 0 0px;
        overflow: hidden;
    }
    .channel-banner .banner-info h3{
        font-size: 36px;
    }
    .newsMain .list-news .x5,.newsMain .list-news .x7{
        width: 100%;
        float: none;
    }
    .list-news .news{
        padding: 0;
        margin-top: 20px;
        height: fit-content;
        gap: 20px;
    }
    .list-news .news .date{
        margin-bottom: 0;
    }
    .list-news{
        padding: 10px;
    }
    .classify{
        gap: 20px;
        border: none;
    }
    .classify .classify-item{
        padding-bottom: 10px;
    }
    .x4, .x8{
        width: 100%;
    }
    .NewsDetail .x4,.NewsDetail .x8{
        padding: 0;
    }
    .NewsDetail .x8{
        border: none;
        margin-bottom: 30px;
    }
    .NewsDetail .x8 span{
        word-break: break-all;
    }
    .pager{
        margin-top: 0;
    }
    .pager p{
        padding: 10px;
        width: 100%;
        flex: none;
    }
    .pager p span{
        margin-bottom: 0;
    }
    .pager{
        height: fit-content;
    }
    .x4 .Realate, .Realate-product{
        padding: 30px 10px;
    }
    .Realate .dot, .Realate-product .dot{
        padding: 20px 0;
    }
    .Realate-product .left{
        width: 100%;
    }
    .wrapper{
        padding-bottom: 30px;
    }
    .Realate-product .right{
        margin-top: 20px;
    }
    .Realate-product .right .btn{
        margin-top: 10px;
    }
    .pagination{
        margin: 0;
    }
    .nav-x ul{
        display: none !important;
    }
    .buy-right .Way-type{
        padding-left: 0;
    }
    .buy-left{
        width: 100%;
        flex: none;
    }
    .buy-left img,.buy-left .Left_Icon{
        display: none;
    }
    .buy{
        gap: 30px;
        height: fit-content;
        padding-bottom: 30px;
    }
    .buy-right{
        width: 100%;
    }
    .buy .type-content .Way-item{
        padding: 10px;
    }
    .Center .x5,.Center .x7{
        width: 100%;
    }
    .Center .x7{
        margin-bottom: 20px;
    }
    .Center .article{
        padding: 0;
        margin-top: 20px;
    }
    .About .title-c h2{
        margin-bottom: 20px;
    }
    .Center .article .padding-large{
        padding-left: 0;
        padding-right:0;
    }
    .Center{
        padding-bottom: 0;
    }
    .btn-list{
        gap: 10px;
    }
    .Center .footer{
        margin-top: 20px;
    }
    .Information .x8{
        padding-right: 0;
    }
    .Information form .button{
        width: 110px;
    }
    .form-button .yanzhengma{
        margin-left: 20px;
    }
    .Information .x4{
        margin-top: 30px;
    }
    .Information .post.raining-detail .post-text{
        padding-left: 0;
    }
    .x5,.x7,.x6{
        width: 100%;
    }
    .article .padding-large,.article{
        padding: 0;
    }
    .post .content{
        height: fit-content;
    }
    .Information .post{
        padding-right: 0;
        margin-bottom: 30px;
    }
    .company{
            grid-template-columns: repeat(1,1fr);
    }
    .company .company-item{
        justify-content: flex-start;
    }
    .company .company-item .item-right{
        grid-template-columns: repeat(2,1fr);
    }
    .blank-big{
        height: 30px;
        line-height: 30px;
    }
    .swiper-wrapper{
        flex-wrap: nowrap;
    }
    .history-item .item-photo{
        width: 100%;
        max-width: 100%;
    }
    .recruit .recruit-item{
        padding: 20px 0;
    }
    .recruit-item .item-type:nth-child(3){
        display: none;
    }
    .recruit .recruit-item .item-type:last-child{
        flex: 1;
    }
     .recruit-item .item-name{
         width: 20%;
         flex: none !important;
     }
     .contact .right{
         width: 100%;
         margin-left: 0;
         margin-top: 20px;
     }
     .Pageteam{
         padding: 30px 0;
     }
     .contact form{
         gap: 20px;
     }
     .Way{
         grid-template-columns: repeat(1,1fr);
        row-gap: 20px;
        column-gap: 20px;
        padding-bottom: 30px;
     }
     .Way .Way-item:first-child{
         grid-row: 1 / 1;
         grid-column: 1 / 2;
         padding: 10px;
     }
     .Way .Way-item{
         padding: 10px;
     }
     .Way .Way-item .item-text:last-child{
         margin-bottom: 0;
     }
     .pad30{
         padding-bottom: 30px;
     }
     .sildbox{
         display: none;
         
     }
     .mainbox-right{
         padding: 0;
     }
     .cardBox{
         padding: 0 ;
         background: #fff;
     }
     .dowlo{
         padding: 10px;
         flex-wrap: wrap;
         width: 100%;
     }
     .mainbox-right .date{
        margin: 20px 0;
        padding-bottom: 10px;
     }
     .productcird h4{
         white-space: pre-wrap;
     }
     .tablesda table td{
         padding: 10px;
     }
     .mainbox-right .text{
         margin: 20px 0;
     }
     .productcird-tiem{
         margin-left: 0;
     }
     .productcird{
         flex-wrap: wrap;
     }
     .productcird > img{
         width: 50% !important;
         margin: auto;
         display: block;
     }
     .ooted{
         gap: 10px;
     }
     .productcird .productcird-tiem h4{
         margin-top: 20px;
     }
     .pro-list, .prog-list{
         grid-template-columns: repeat(1,100%);
     }
     .prog-item p{
         padding: 0 0px;
     }
     .prog-list img{
         margin-bottom: 5px;
     }
     .listcrid-item{
         margin: 30px 0;
     }
     .listcrid-item .title{
         margin-bottom: 20px;
     }
     .listcrid-item h2{
         margin-bottom: 0;
     }
     .prog-list > a{
         display: block;
     }
     .pro-list div{
         padding: 10px;
     }
     .pro-list div > img{
         display: block;
         margin: auto;
         width: 100%;
     }
     .pro-list div p{
         margin: 20px 0 10px 0;
     }
     .more{
         display: block;
        width: fit-content;
     }
     .nextbox{
         padding: 10px;
         gap: 20px;
         flex-wrap: wrap;
     }
     .nextbox .next{
         width: 100%;
     }
     .nextbox .lines{
         display: none;
     }
     .nextbox p{
         margin-top: 10px;
     }
     .card1{
         margin: 30px 0 ;
     }
     .line-large{
         margin: 0;
     }
     .banner .box{
         margin-left: 0;
         margin-top: 20px;
         gap: 20px;
     }
     .item-product .x5{
         padding-top: 20px;
         padding-left: 20px;
         padding-bottom: 20px;
     }
     .item-product .x5 .btn{
         margin-top: 20px;
     }
     .product-introduce{
         margin-bottom: 20px;
     }
     .HotEvent-list{
         padding: 10px;
         margin-bottom: 30px;
         gap: 10px;
     }
     .HotEvent-list .HotEvent-items.large-item .introduce,.HotEvent-list .HotEvent-items.large-item .title,.HotEvent-list .HotEvent-items.large-item .date{
         padding: 0 10px;
     }
     .tab-title{
         margin-top: 0px;
         gap: 15px;
     }
     .product{
         gap: 10px;
     }
     .tab-title .tab-title-item{
         padding: 10px 25px ;
     }
     .Industry .Industry-item .item-text p{
         display: none;
     }
     #New > .News-information{
         width: 100%;
     }
     #New .News-information h3{
         margin-top: 15px;
     }
     #New{
         gap: 25px;
     }
     #New .New .New-item .item-introduce h3{
         /*white-space: nowrap;*/
         /*text-overflow: ellipsis;*/
         /*overflow: hidden;*/
         display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
     }
     #New .New .New-item .item-introduce{
         flex: 1;
         padding-left: 20px;
     }
     #New .New{
         max-width: 100%;
         gap: 10px;
     }
     #New .New .New-item .text-date{
         padding-right: 10px;
     }
     .home-about{
         padding: 60px 20px;
     }
     .home-about-footer{
         margin-top: 40px;
     }
     .MobileFooter{
         padding-bottom: 0;
     }
     #gallery{
         width: 100%;
     }
     #thumbs .swiper-wrapper{
         align-items: center;
     }
     .MyProduct .nav-bread .crumb:nth-child(2),.MyProduct .nav-bread .crumb:nth-child(3){
         display: none;
     }
     .pronav ul{
         gap:20px;
         justify-content: space-between;
         align-items: center;
     }
     .nav-bread a:nth-child(2){
         display: none;
     }
     .crumbs{
         margin-bottom: 0;
     }
}

  .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: 100vh;background: rgba(0,0,0,.5);
      z-index: 10;
  }
  .backwhite{
      background: #fff;
  }
  .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}