@media (max-width: 2561px) {

  .container {

    max-width: 1680px;

  }

 .tj_tu .swiper-container-thumbs .swiper-slide a { font-size: 24px;}

}

@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%

}

.news_item a {

  padding: 14px 0;

}

}



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

  .container {

    max-width: 1280px;

  }



.lc_bg {

  position: absolute;

  top: 140px;

  left: 30px;

  width: 93%;

  height: 10px;

  background: #01A2A6;

  z-index: 1;

}



.lc_bg2 {

  position: absolute;

  top: 440px;

  width: 95%;

  left: 10px;

  height: 10px;

  background: #01A2A6;

  z-index: 1;

}



.lc_bg3 {

  position: absolute;

  right: -15px;

  top: 140px;

  width: 255px;

  height: 310px;

  border: 10px solid #01A2A6;

  border-radius: 80px;

  clip-path: polygon(50% 0%, 100% 0%, 100% 3600%, 50% 50%);

  -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 3600%, 50% 50%);

}



.lc_bg4 {

  position: absolute;

  z-index: 1;

  left: -5px;

  top: 425px;

  width: 0;

  height: 0;

  border-right: 20px solid #01A2A6;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;



}



}



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

  .container {

    max-width: 1200px;

  }

.nav-menu a{ font-size: 16px;}

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

  .banner_txt b {

    display: block;

    font-size: 32px;

    color: #fff;

    margin: 20px 0;

    text-shadow: none;

    padding-left: 5%;

}

    .news_item a {

      padding: 8px 0;

    }

.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;}

  .tj_tu .swiper-container-thumbs .swiper-slide a { font-size: 14px;}

  .Solution .swiper-container-thumbs .swiper-slide { padding: 10px 20px;}

  #sol_top .swiper-slide .product-box b { font-size: 28px; line-height: 42px;}

}

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

  .container {

    max-width: 1000px;

  }

 



  .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;}


.nav_sub .nav_r .l a{font-size: 15px; padding-left: 15px; width: auto;}
  .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;}

 .nav_sub .nav_l { display: none;}



  .nav_r { background: none; width: 100%;}

  .nav_sub .nav_r .r { display: none;}

  .nav_sub .nav_r .l{width: 100%; padding: 0;}

 .nav_sub { display: none;}

  /*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_fl {

    width: 100%;

    padding-right: 0;

  }



  .about_fr {

    width: 100%;

  }



.news { flex-direction: column;}

.news_fl { padding-right: 0; width: 100%; border-right: none;}

.news_fr { padding-left: 0; width: 100%; margin-top: 20px;}

.news_info a { padding: 10px;}

.news_info a p { padding: 10px 0;}

.news_info a b{ margin-bottom: 10px;}

.news_content a{ margin-right: 0; }

.news_content a{ padding: 15px 0;}

.news_content .newscon b{ font-size: 18px;}

.about ul{ margin: 30px 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 .swiper-pagination span{ width: 8px; height: 8px;}



.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;}



  #thumbs {

    position: relative;

    width: 100%;

  }



  #gallery .swiper-slide .product-box p {

    margin-bottom: 30px;

}

.tj_tu .container { padding: 0;}

.tj_tu .swiper-container-thumbs .swiper-slide { width: calc((100% / 4) - 10px) !important; background: #fff;}

.tj_tu .swiper-container-thumbs .swiper-slide a { padding: 15px 5px;}

.tj_tu { margin: 20px 10px;}

.tj_tu .swiper-container-thumbs .swiper-slide a::after { display: none;}

#sol_bot { position: relative; margin-top: 50px;}

#sol_bot .container { padding: 0;}

.main_title em{ font-size: 30px;}

.main_title strong{ font-size: 20px;}

.about ul li .counter{ font-size: 40px;}

.adv-con a{ padding: 10px;}

.adv-con a img{ height: 45px;}

.adv-con {

   

    grid-template-columns: repeat(3, 1fr);



}

.adv-con a:last-child{ display: none;}

.ys_text>ul>li>div>b {

  font-size: 20px;

}

.liuchengbox{ flex-wrap: wrap; justify-content: flex-start;}



.liucheng-list {

    width: calc(25% - 35px);  margin-top: 15px; background: rgba(255,255,255,.6);}

    .foot .ft-nav .ft-nav-list dl:nth-child(2) dd p{ width: 100%;}

    .liucheng-list span {

      display: none;

    }

    .ys_text li{ margin: 30px 0;}

    .ys_c{ margin-top: 0; flex-direction: column;}

    .ys_text{ width: 100%;}

    .ys_text li:nth-child(2){ margin-right: 0;}

    .ys_text2 li:nth-child(2){ margin-left: 0;}

    .ys_text {

      text-align: left;

    }

    .ys_img{ width: 80%;}

    .pad80 { padding: 40px 0;}

    .lr_box .swiper-button-next {

  background: #01A2A6;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #fff;

  right: 25px;

  font-size: 24px;

  outline: none;

   transform: skew(-10deg);

}



.lr_box .swiper-button-prev {

  background: #01A2A6;

    width:40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #fff;

  left: calc(100% - 120px);

  font-size: 24px;

  outline: none;

  transform: skew(-10deg);

}

#case1 .swiper-button-next, #case1 .swiper-button-prev { width: 40px; height: 40px; line-height: 38px;}

#case1 .swiper-slide{ margin: 30px 0 0;}

#case1 .swiper-slide p{ font-size: 18px;}

#case1 .swiper-slide img {

  border-radius: 10px;

}

.zzsc .tab a{ font-size: 16px;}

.ys_list_right{ width: 100%;}

.ys_list_left{ width: 100%; padding: 20px;}

.ys_list_left em{ margin-top: 0; font-size: 50px; }

.ys_list_left b{ font-size: 30px; padding: 10px 0;}

.ys_list_left span{ margin: 10px 0;}

.lc_bg,.lc_bg2,.lc_bg3,.lc_bg4{ display: none;}

.lc_box .item:first-child{ font-size: 24px;}

.lc_box2 .item{ font-size: 16px;}

.lc_box .item,.lc_box2 .item {

    width: calc((100% / 4) - 20px);

    border: 1px solid #01A2A6;

    background: rgba(255, 255, 255, 1);

    border-radius: 20px;

    margin:  10px;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    padding: 10px;

}

.message .tu {

  padding: 20px;

}

.message .tu b{ font-size: 24px;}

.message .tu .con_our p{ font-size: 20px;}

.news .co li .news_con{ flex-direction: column;}

.pic-data {

  width: 100%;

}

.news_list{ width: 100%; margin-top: 20xp;}

.news .tab a{ margin: 5px;}

.news_item .newscon b {

  font-size: 16px;

}

.news_item .day{ width: 80px;}

.news_item .newscon{ width: calc(100% - 90px);}
.inbanner{ margin-top: 50px;}
} 

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

  .copyright span{ display: block;}

  /*头部*/

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





  }



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



  }



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

   

}



  #gallery .swiper-slide .img-tu {

    width: 100%;

  }



  #gallery .swiper-slide {

    flex-direction: column;

  }



  #gallery .swiper-slide .product-box {

    width: 100%;

  }



  #gallery .swiper-slide .product-box p {

    font-size: 30px;

    line-height: 40px;

  }



  #gallery .swiper-slide .product-box b {

    line-height: 40px;

    font-size: 26px;

  }



  .tj_tu .swiper-container-thumbs .swiper-slide {

    font-size: 14px;

  }





  #gallery .swiper-slide .product-box .container { flex-direction: column;}

  #gallery .swiper-slide .product-box .pro_con { width: 100%; padding: 20px;}

  #gallery .swiper-slide .product-box .product_tu { width: 100%;}

  #case .swiper-slide { margin: 0;}

  #case .swiper-slide-active, .swiper-slide-duplicate-active {

    -webkit-transform: scale(1);

    transform: scale(1);

    z-index: 1002;

  }

  #case .swiper-container { padding: 0; margin: 0;}



  .main_title .m_p1 { font-size: 28px;}

  .main_title .m_p2 { font-size: 18px;}

  .main_title .m_p3 { font-size: 24px;}

  .about_fl .ab_txt { font-size: 15px;}

  .tj_tu .swiper-container-thumbs .swiper-slide a { font-size: 16px;}

  #gallery .swiper-slide .product-box .pro_con .product_txt { font-size: 20px; margin-bottom: 0;}

  .ab_txt { margin-top: 10px; font-size: 14px;}

  .sl_info { font-size: 24px;}

  .tj_tu .swiper-container-thumbs .swiper-slide {

    width: calc((100% / 2) - 10px) !important;

    background: #f7f7f7;

}

#case1 .swiper-button-prev { left: 0; width: 35px; height: 35px; line-height: 35px;}

#case1 .swiper-button-next { right: 0;width: 35px; height: 35px; line-height: 35px;}

#case1 .swiper-slide { margin-top: 30px; margin-bottom: 0;}

#sol_top .swiper-slide .product-box b { font-size: 20px; line-height: 32px;}

.liucheng-list .lcimg { height: 220px;}

.message{ flex-direction:column;}

.message .tu{ width: 100%;}

.message .tu .con_our{ margin-top: 20px;}

.jiameng{ width: 100%;}

}



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





  .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;}

  

  

  /*news*/

  .news a {



    width: 100%;

  }



.ft-nav { padding: 10px;}

.banner_txt b { margin-bottom: 10px;}

.banner_txt { top:20%}

.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;}

.liucheng-list .lcimg { height: 170px;}

.lr_box{ bottom: 0px;}

.banner_txt b{ padding-left: 0;}

.banner_txt span{ padding-left: 0;}

    .adv-con a {

      padding: 5px;

    }

    .adv-con a b{ font-size: 14px;}

    .lr_box {

      height: 45px;

    }

      .adv-con a b{ display: none;}

    .adv-con a img{ height: auto;}

    .adv-con{ margin-top: 0;}

    .lc_box .item, .lc_box2 .item {

        width: calc((100% / 3) - 20px);

        border: 1px solid #01A2A6;

        background: rgba(255, 255, 255, 1);

        border-radius: 20px;

        margin: 10px;

        font-size: 16px;

        font-weight: bold;

        text-align: center;

        padding: 10px;

    }

    .lc_box .item:first-child{ display: none;}

    .lc_box2{ flex-direction: row;}

    .lc_box{ margin-top: 0;}

    .list_in{ flex-wrap: wrap;}

    .zzsc .tab a span img{ width: 70%;}

    .news_content .newscon b{ font-size: 16px;}

    .news .tit{ font-size: 18px;}

    .copyright i{ display: block; width: 100%;}

}



@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;}

.main_title em{ font-size: 24px;}

.main_title strong{ font-size: 18px;}

    .liucheng-list {

        width: calc(50% - 20px);

        margin: 10px;

        padding-top: 15px;

       

    }

    .liuchengbox{ margin-top: 0;}

    .news_content a{ padding: 10px 0;}

    .news_content .day{ width: 90px;}

    .news_content .newscon{ padding-left: 0; width: calc(100% - 100px);}

    .news_info a b{ font-size: 16px;}

    .foot .ft-nav .ft-nav-list dt{ margin-bottom: 10px; text-align: center; padding-bottom: 10px;}

    .ys_text>ul>li>div>b{ font-size: 16px;}

    .ys_text li{ margin: 20px 0;}

  .foot{ padding: 30px 0 0;}

  .about ul li .counter{ font-weight: bold; font-size: 20px; text-align: center;}

  .lc_box .item:first-child{ display: flex;}

    .lc_box .item, .lc_box2 .item {

        width: calc((100% / 2) - 20px);}

}