@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: #0869ad;
  z-index: 1;
}
.lc_bg2 {
  position: absolute;
  top: 440px;
  width: 95%;
  left: 10px;
  height: 10px;
  background: #0869ad;
  z-index: 1;
}
.lc_bg3 {
  position: absolute;
  right: -15px;
  top: 140px;
  width: 255px;
  height: 310px;
  border: 10px solid #0869ad;
  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 #0869ad;
  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: #0869ad;
  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: #0869ad;
    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;
  height: 300px;
}
.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 #0869ad;
    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) {
  #case1 .swiper-slide img,.pro_re ul li .img img {
    height: 200px !important;
  }
  .newsfrhz ul li {padding: 10px 0px !important;}
  .newsfrhz ul li p {padding: 10px !important;}
  .pro_re ul li .img img,.newsfrhz ul li a img {
    height: 120px !important;
  }
  .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 #0869ad;
        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%;}
    .lc_box .item img,.lc_box2 .item img {height:130px;}
    .pcfoot {display:none;}
    .wapfoot {display:block;}
}
@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);}
}