@media screen and (max-width:900px){
    .gxHead {
        display: block ;

    }
    #nav{
        display: none !important;
    }
    #nav1{
      display: none !important;
    }
    .gxHead .logo{
        height: 70px;
        margin: 0;
        display: flex;
        align-items: center;
        width: auto;
    }
    .gxHead .logo a{
        display: block;
        width: auto;
        height: 80%;
    }
    .gxHead .logo img{
        height: 100%;
        width: auto;
    }
    .myfooter .top .right{
        display: none;
    }
    .myfooter .top .left .logo{
        width: 150px;
        height: auto;
    }
    .myfooter .bottom{
        flex-wrap: wrap;
    }
    .myfooter .bottom .left a{
        text-align: left;
    }
    .myfooter .bottom .right .select-box{
        width: 60%;
        height: 30px;
    }
    .myfooter .bottom .right .select-box img{
        width: 15px;
        height: 18px;
    }
    #swiperContainer{
        margin-top: 70px;
    }


    .upScroll{
      display: none;
    }
    .index-container .page1 .title .gradient-text{
      font-size: 26px;
      width: auto;
    }

    .index-container .page1 .title p{
      font-size: 14px;
    }
    .page1 .more{
      width: 150px;
      height: 40px;
      border-radius: 20px;
    }
    #goodsSwiper{
      height: 400px;
    }
    #swiperContainer .swiper-slide .more{
      width: 70%;
    }
    #goodsSwiper .swiper-slide .goods-name{
      font-size: 18px;
    }
    #goodsSwiper .swiper-slide   .goods-pic{
      height: 250px;
    }
    #goodsSwiper .swiper-slide a {
      width: 120px;
      height: 30px;
      border-radius: 15px;
    }
    .index-container .page1{
      height: auto;
    }
    .index-container .page2{
      height: auto;
    }
    
    .index-container .page2 .wrapper{
      flex-wrap: wrap;
    }
    .index-container .page2 .wrapper .left{
      width: 100%;
    }
    .index-container .page2 .wrapper .right{
      width: 100%;
    }
    .index-container .page2 .title .gradient-text{
      font-size: 26px;
    }
    .index-container .page2 .wrapper .left .en-name{
      font-size: 20px;
    }
    .index-container .page2 .wrapper .left .cn-name{
      font-size: 14px;
    }
    .index-container .page2 .wrapper .left .content{
      line-height: 30px;
    }
    .index-container .page2 .wrapper .left a{
      width: 150px;
      height: 40px;
      border-radius: 20px;
    }
    .index-container .page2 .wrapper .right{
      height: 120px;
    }
    .index-container .page3 .wrapper{
      box-sizing: border-box;
      padding: 0px 30px;
    }
    .index-container .page3 .wrapper a{
      width: 150px;
      height: 40px;
      border-radius: 20px;
    }
    .index-container .page3 .wrapper h1{
       font-size: 20px;
    }


    .index-container .page4 .wrapper .header .gradient-text{
      font-size: 22px;
    }
    .index-container .page4 .wrapper .header a{
      width: 120px;
      height: 30px;
      border-radius: 15px;
    }
    .index-container .page4 .wrapper .header a img{
      width: 20px;
    }
    
    .index-container .page3{
        height: auto;
    }
    .index-container .page4{
      height: auto;
    }
    .index-container .page4 .news{
      flex-wrap: wrap;
    }
    .index-container .page4 .news .left{
      width: 100%;
      height: 250px;
      margin-bottom: 20px;
    }
    .news .left #newsSwiper .swiper-slide .title{
      height: 40px;
      font-size: 16px;
      overflow:hidden;
      line-height: 40px;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
    .news .right{
      width: 100%;
    }
    .news .right .show .item{
      width: 49%;
      height: 180px;
    }
    .news .right .cell{
      font-size: 16px;
      height: 40px;
      line-height: 40px;
  
    }
    .news .right .cell a{
      height: 100%;
    }
    .news .right .cell .label{
      text-overflow: ellipsis;
      overflow:hidden;
      line-height: 40px;
      width: 70%;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
    .index-container .page4 .wrapper{
      margin-bottom: 0px;
      padding-bottom: 40px;
    }

    .news .right .show .item .imgs{
      width: 100%;
      height: 100px;
    }

    .myfooter{
      padding-top: 70px;
    }
    .myfooter .bottom{
      height: auto;

    }
    .myfooter .bottom .wrapper{
      flex-wrap: wrap;
    }
    .myfooter .top{
      height: auto;
    }
    .myfooter .top .left{
      width: 100%;
      height: auto;
      border: none;
      flex-wrap: wrap;
      justify-content: start;
    }
    .myfooter .top .left .lf{
      width: 100%;
    }
    .myfooter .top .left .lf .cell{
      
    }
    .myfooter .top .left .lf .cell .value{
      line-height: 24px;
    }
    .myfooter .code{
      width: auto;
      height: 100px;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
    }
    .myfooter .code img{
      width: 100px;
      margin-right: 10px;
    }
    .myfooter .top .left .lf h4{
      font-size: 18px;
    }
    .myfooter .top .left .lf h2{
      font-size: 20px;
    }
    .myfooter .bottom .wrapper{
      height: auto;
      flex-wrap: wrap;
      box-sizing: border-box;
      padding: 10px 0px;
    }

    .index-container .page1 .swiper-button-next img, .index-container .page1 .swiper-button-prev img{
      width: 30px;
      height: 30px;
    }


   .banner{
    margin-top: 70px;
   }
   .drop-nav .wrapper .right{
    display: none;
   }
   .drop-nav{
    height: 40px;
   }
   .drop-nav .wrapper{
    width: 95%;
   }
   .drop-nav .wrapper .left ul li a{
    line-height: 40px;
   }
   .about-container .page1 .wrapper .title .gradient-text{
    width: auto;
    font-size: 26px;
    text-align: center;
   }
   .about-container .page1 .wrapper ul{
    height: auto;
    flex-wrap: wrap;
   }
   .about-container .page1 .wrapper ul li .num{
    font-size: 30px;
   }
   .about-container .page1 .wrapper ul li .myNum sup{
    font-size: 16px;
   }
   .about-container  .wrapper{
    width: 92% !important;

   }
   .about-container .page1 .wrapper ul li{
    width: 100%;
    height: 70px;
   }
   .about-container .page2{
    height: auto;
   }
   .about-container .page2 .wrapper .title{
    font-size: 26px;
    line-height: 36px;
    margin: 10px 0px 10px 0px;
   }
   .about-container .page2 .wrapper ul{
    flex-wrap: wrap;
   }
   .about-container .page2 .wrapper ul li{
    width: 50%;
    height: 200px;
    justify-content: start;
   }
   .about-container .page2 .wrapper ul li .imgs{
    width: 60px;
    height: 60px;
   }
   .about-container .page3{
    height: auto;
    padding-bottom: 80px;
   }
   .about-container .page3 .wrapper .title{
    font-size: 26px;
   }
   .about-container .page3 .wrapper .swiper-button-prev, .about-container .page3 .wrapper .swiper-button-next{
    bottom: -50px;
   }
   .about-container .page3 .wrapper .swiper-button-prev img, .about-container .page3 .wrapper .swiper-button-next img{
    width: 30px;
    height: 30px;
   }
   .about-container .page3 .wrapper .swiper-button-next{
    right: calc(50% - 30px);
   }
   .about-container .page3 .wrapper .swiper-button-prev{
    left: calc(50% - 30px);
   }
   .goods-container .wrapper{
    width: 92%;
   }
   .goods-container .wrapper .goodsList{
    margin-top: 30px;
   }
   .goods-container .wrapper .goodsList li{
    width: 100%;
    height: 300px;
    margin-bottom: 30px;
    margin-right: 0px;
   }
   .goods-container .wrapper .goodsList li a .imgs{
    height: 240px;
   }
   .goods-detail>.wrapper{
    width: 92%;
   }
   .goods-detail>.wrapper .goods-info{
    height: auto;
    flex-wrap: wrap;
   }
   .goods-detail>.wrapper .goods-info .left{
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
   }
   .goods-detail>.wrapper .goods-info .right ul li::after{
    top: 10px;
   }
   .goods-detail>.wrapper .goods-info .right ul li{
    margin-bottom: 15px;
   }
   .goods-detail>.wrapper .goods-info .right{
    width: 100%;
   }
   .goods-container .wrapper .resource li a .name{
    font-size: 20px;
   }
   .goods-container .wrapper .resource li a .imgs img{
    width: 100%;
    height: 100%;
    object-fit: contain;
   }
   .news-container .container .news{
    
    height: auto;
   }
   .news-container .container .news a{
    flex-wrap: wrap;
    align-items: start;
   }
   .news-container .container .news .left{
    width: 100%;

   }
   .news-container .container .news .right{
    margin-left: 0;
   }
   .news-container .container .news .right h1{
    width: 100%;
   }
   .news-container .container .news .right p{
    width: 100%;
   }
   .newsDetail .wrapper{
    width: 92%;
   }
   .newsDetail .wrapper .title{
    font-size: 26px;
    line-height: 36px;
   }
   .newsDetail .wrapper .info{
    line-height: 30px;
   }
   .newsDetail .wrapper .handle{
    flex-wrap: wrap;
   }
   .newsDetail .wrapper .handle .left{
    margin-bottom: 20px;
   }
   .contact-container .wrapper{
    width: 92%;
    flex-wrap: wrap;
    height:auto;
   }
   .contact-container .wrapper .left{
    width: 100%;
    height: 200px;
   }
   .contact-container .wrapper .right .title{
    font-size: 26px;
    line-height: 36px;
   }
   .contact-container .wrapper .right .cell{
    width: 100%;
    margin-bottom: 15px;
   }
   .contact-container .wrapper .right .cell .label{
    width: 20%;
    flex-shrink: 0;
   }
   .contact-container .wrapper .right .cell{
    align-items: baseline;
   }
   .table-wrap{
    width: 100%;
    overflow-x: scroll;
  }
}