@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 .goods-desc {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

  }

#goodsSwiper .swiper-slide .goods-desc p{

  margin: 0px;

}

  #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;

  }

}