@media (max-width: 2561px) {
  .container {
    max-width: 1680px;
  }

}
@media (max-width: 1920px) {
  .container {
    max-width: 1580px;
  }
}

@media (max-width: 1680px) {
  .container {
    max-width: 1320px;
  }
  .btn-prev { left: 3%;}
  .btn-next {
    right: 3%;
}
.nav-menu li:nth-child(3).drop-down ul { width: 140%; left: -20%;}

.foot .ft-nav .ft-nav-list dl:nth-child(2) {
  width: 60%;
}
.foot .ft-nav .ft-nav-list dl:nth-child(3) {
  width: 12%
}
.about .about_con .le .imgBox img{ max-height: 430px;}
}

@media screen and (max-width:1440px) {
  .container {
    max-width: 1280px;
  }
  #gallery .swiper-slide .product-box { margin-top: 0;}
  .about .about_con .le .imgBox img{ max-height: 400px;}
}

@media screen and (max-width:1280px) {
  .container {
    max-width: 1200px;
  }

  .banner_txt b {
    display: block;
    font-size: 32px;
    color: #fff;
    margin: 20px 0;
    text-shadow: none;
    padding-left: 5%;
}
.banner_txt span{ padding-left: 5%;}
.nav-menu li:nth-child(3).drop-down ul { width: 180%; left: -40%;}
.ab_list2 li b { font-size: 34px;}

.news { padding-top: 10px;}
.about .about_con .le .imgBox img{ max-height: 400px;}
}
@media screen and (max-width:1024px) {
  .container {
    max-width: 1000px;
  }
  #thumbs {
    width: 100%;
    margin-top: 30px;
    position: relative;
  }
  #case .swiper-slide { margin-top: 0;}

  .mask { display: none;}
  .top-box .logo img {
    max-height: 47px;
  }
  .about .about_con .le .imgBox img{ max-height: 310px;}
  .gssl .slbox img {

    min-height: 500px;
   
}

}
@media screen and (max-width:990px) {

  /*头部*/
  .back-to-top {
    display: none !important;
  }

  .language {
    display: none;
  }
  #header.header-transparent { background: #fff;}
  #header {
    height: 70px;
  }
#banner { margin-top: 70px;}

  .top-box .logo {
    justify-content: flex-start;
    height: 70px;
  }

  .top-box .logo img {
    max-height: 55px;
  }
  .top-box .logo .logo-tu1 { display: none;}

  .top-box .logo .logo-tu2 { display: block;}

  /*banner*/
  #banner .swiper-button {
    display: none;
  }

  #banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;

  }

  #banner .swiper-slide .pcimg {
    display: none !important;
  }

  #banner .swiper-slide .mobimg {
    display: block !important;
  }

  /*about*/
  .about .about_con { flex-direction: column;}
  .about .about_con .le { width: 100%;}
  .about .about_con .ri { width: 100%; margin-top: 30px;}
  .about ul { flex-wrap: wrap;}
  .about ul li { width: 50%; justify-content: flex-start;}
  .about ul li:nth-child(1)::after { right: 0;}
  .about ul li:after { display: none;}
  .shili .con {
    padding: 30px;
  }
  .about-box {
    flex-direction: column;
  }

  .about_fll {
    width: 100%;
    padding-right: 0;
  }

  .about_frr {
    width: 100%;
  }

#gallery .swiper-slide .product-box .pro_con {
  width: 50%;
  padding: 1%;
}
#gallery .swiper-slide .product-box .pro_con .product_icon { display: none;}
.tj_tu .swiper-button-next, .tj_tu .swiper-button-prev {display: none;}
.tj_tu .swiper-button-next { right: 0;}
.tj_tu .swiper-button-prev { left: 0;}
.news { flex-direction: column;}
.news_fl { padding-right: 0; width: 100%;}
.news_fr { padding-left: 0; width: 100%; margin-top: 10px;}
.news_info a { padding: 10px;}
.news_info a p { padding: 10px 0;}
.gs_info { margin: 20px 0;}
.foot .ft-nav .ft-nav-list dl:first-child { display: none;}
.foot .ft-nav .ft-nav-list { flex-wrap: wrap;}
.foot .ft-nav .ft-nav-list dd p { width: 100%;}
.foot { padding: 30px 0;}
.foot .ft-nav .ft-nav-list dl:nth-child(2) { width: 100%;}
.foot .ft-nav .ft-nav-list dl:nth-child(3) { width: 100%;}
.lr_box { height: 40px;}
.lr_box .swiper-pagination span{ width: 8px; height: 8px;}
.lr_box>div { width: 35%;}
.indexXian { display: none;}
.tj_tu {margin-top: 30px; display: flex; flex-direction: column-reverse; padding: 30px 0;}
#gallery .swiper-slide .img-tu { width: 100%; margin-top: 30px;}
#gallery .swiper-slide .product-box { width: 100%;}
#gallery .swiper-slide { flex-direction:column-reverse;}
#gallery .swiper-slide .product-box .main_title { display: none;
}
.tj_tu .swiper-container-thumbs .swiper-slide {

  margin: 5px;
  padding: 15px 0;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  width: calc(33.33% - 10px) !important;

}
#case .swiper-slide p { position: relative; height: 45px; line-height: 45px;}
.shili { padding: 30px 0;}
.news_box { padding: 30px 0;}
.news { margin-top: 20px;}
.foot .ft-nav { padding: 10px;}
.news_list .item img { height: 245px;}
.about .about_con .le .imgBox img{ max-height: 400px;}
.gssl_list a { padding: 10px 20px;}
}

@media screen and (max-width:768px) {

  /*头部*/
  #header {
    height: 60px;
  }
  #banner { margin-top: 60px;}
  .top-box .logo {
    justify-content: flex-start;
    height: 60px;
  }

  .top-box .logo img {
    max-height: 45px;
  }

  .mobile-nav-toggle {
    top: 5px;
  }

  /*about*/
  .about {
    padding: 20px 0 0;

  }

  .about_txt {
    font-size: 15px;
    line-height: 24px;
    margin: 15px auto;
    width: 88%;

  }

  .ab_list2 {

    margin-top: 30px;
    margin-bottom: 20px;

  }

  .ab_list2 li {

    font-size: 15px;
  }

  .ab_list2 li b {

    font-size: 28px;

  }

  .ab_list2 li i {
    font-size: 14px;
    top: -10px;


  }
.product { margin-top: 30px;}

#gallery .swiper-slide .product-box .pro_con .product_txt { font-size: 24px; margin-bottom: 20px;}
#thumbs .swiper-wrapper { align-items: stretch;}
  .ab_bottom b {
    font-size: 24px;

  }

  .ab_bottom p {
    font-size: 18px;

  }

  .hezuo .swiper-slide a {
    padding: 5px;
    margin: 8px;
  }

  .ab_bottom {
    background: url(../images/about.jpg) no-repeat bottom;
    height: 300px;

  }

  .banner-slide-content .title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-bottom: 15px;
    letter-spacing: -0.25px;
    text-transform: capitalize;
  }


  .banner-slide-content p {

    font-size: 18px;
    font-family: "Poppins", sans-serif;
    color: #fff;

  }

  #gallery .swiper-slide .product-box .pro_con { width: 100%; padding: 0;}
  #gallery .swiper-slide .product-box .product_tu { width: 100%;}
  #gallery .swiper-slide .product-box .container { padding: 10px;}
  #gallery .swiper-slide .product-box .pro_con .product_txt {display: none;}
  #gallery .swiper-slide .product-box .pro_con .product_title a { font-size: 14px;}
  #hyyy .swiper-button-next, #hyyy .swiper-button-prev { width: 35px; height: 35px; line-height: 35px;}
  .news_list .item img { height: 196px;}
  .swiper-button-next, .swiper-button-prev { height: 40px; margin-top: -24px;}
  .about ul li .counter { font-size: 40px;}
  .gs_info { font-size: 16px;}
  .foot .ft-nav .ft-nav-list dl:nth-child(2) dd p { width: 100%;}
  .about .about_con .le .imgBox img{ max-height: 400px;}
  .gssl .con .container { flex-direction: column;}
  .sl_info { width: 100%;}
  .service-con { width: 100%;}
  .gssl .slbox img {

    min-height: 900px;
   
}
}

@media screen and (max-width:640px) {

  .pro_content {
    flex-direction: column;
  }

  .main_title {
    padding: 5px;
  }

  #banner .swiper-slide .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 33%;
    bottom: 0;
    margin: 0 auto;
  }

  .banner-slide-content .title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-bottom: 10px;

  }


  .banner-slide-content p {

    font-size: 14px;
    font-family: "Poppins", sans-serif;
    color: #fff;


  }
  .banner_txt b { font-size: 20px;}
  .banner_txt span { font-size: 14px;}
  .main_title p b { font-size: 26px;}
  .main_title span{ font-size: 16px;}
  .tj_tu .swiper-container-thumbs .swiper-slide {

    height: 60px;
    margin: 5px;
    padding:  0;
    font-size: 14px;
    cursor: pointer;
    color: #333;
    width: calc(50% - 10px) !important;
    text-align: center;
  
  }
  
  /*news*/
  .news a {

    width: 100%;
  }

.ft-nav { padding: 10px;}
.banner_txt b { margin-bottom: 10px;}
.banner_txt { top:25%}
.about ul li .text {
  font-size: 16px;
  margin-left: 5px;
}
.sjili_info { margin-top: 0;}
.news_list .item img { height: 240px;}
.news_list .item { width: 100%; margin-right: 0; margin-top: 10px;}
.news_content .day span { font-size: 24px;}
.news_a { margin-top: 30px;}
.gs_info { line-height: 26px;}
.about .about_con .le .imgBox img{ max-height: 320px;}

}

@media screen and (max-width:480px) {
  #header {
    height: 50px;
  }
  #banner { margin-top: 50px;}
  .top-box .logo {
    justify-content: flex-start;
    height: 50px;
  }

  .top-box .logo img {
    max-height: 32px;
  }

  .mobile-nav-toggle {
    top: 0;
  }

  .about-box {
    flex-direction: column;
  }

  .about_fl {
    width: 100%;
    padding: 0;
  }
  .about ul li span { font-size: 16px;}
  .about ul li em { font-size: 30px;}
  .about ul li .counter { font-size: 28px;}
  .about ul { margin-top: 30px;}
 .news_content a { padding: 0;}
 .news_content .day span { font-size: 20px;}
 .main_title strong { font-size: 26px;}
 .news { margin-top: 0;}
 .about .about_con .le .imgBox img{ max-height: 240px;}
 .gssl_list a { padding: 10px 20px;}
 .service-con .ser-item b { font-size: 16px;}
 
.service-con .ser-item { padding-top: 15px;}
}