@media (min-width: 1921px) {
  .container {
    max-width: 1380px;
  }
}
@media (max-width: 1920px) {
  .container {
    max-width: 1380px;
  }
}

@media screen and (max-width:1280px) {
  .container {
    max-width: 1200px;
  }
  .pro_txt b{ font-size: 16px;}
  .top-content span {

    padding-right: 0px;

  }

  .top-content span a {
    padding-right: 0;
    padding-left: 5px;
  }
  .logo_tu img { max-height: 60px;}
  .logo_txt b { font-size: 16px; line-height: 26px;}
  .logo_txt p { font-size: 14px; line-height: 26px;}
  #news-list a {
    margin: 35px 0;
  }

}

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

  /*头部*/
  .header_top, .header_phone, .language {
    display: none;
  }

  .top-center {
    height: 70px;
  }

  .header_center {
    display: none;
  }

  #header {
    background: #fff;
  }

  .logo_mob {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .logo_tu img {
    height: 55px;
  }

  #online_qq_layer {
    display: none;
  }

  .scroll {
    display: none !important;
  }

  /*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;
  }
  .pro-fl { display: none;}
  .pro-fr { width: 100%;}
  .service_fl b,.service_fl a{    writing-mode: horizontal-tb; font-size: 24px;}
  .service_fl a { display: none;}
  .news { flex-direction: column;}
  .tab-bg { position: relative; width: 100%;}
  .ys_txt  { width: 100%;}
  .yyfa .tab a { background: #f5f5f5;}
  .pro_txt b {font-size: 14px;}
  #news-list { margin-left: 0; margin-top: 30px;}
  .pad-80 { padding: 30px 0;}
  .main_title { font-size: 24px; margin-bottom: 10px;}
  .about-box { flex-direction: column;}
  .about_fl { padding-right: 0; width: 100%;}
  .about_fr { width: 100%; margin-top: 15px; padding-left: 0;}
  .zyzs-content b { font-size: 24px;}
  .zyzs-content { width: 100px;}
  .service_box { flex-direction: column;}
  .service_fl { width: 100%; writing-mode:horizontal-tb; background: none; color: #333; font-size: 24px;  padding: 20px 0; }
  .Solution { width: 100%;}
  #sol_top .swiper-slide .product-box b { line-height: 32px; font-size: 24px;}
  #sol_top .swiper-slide .product-box p { font-size: 16px;}
  .more { width: 120px; height: 40px; line-height: 40px;}
  .Solution .swiper-button-next, .Solution .swiper-button-prev { height: 35px; width: 35px; line-height: 35px;}
  .Solution .swiper-num { display: none;}
  .Solution .swiper-container-thumbs { margin-top: 10px;}
  .Solution .swiper-container-thumbs .swiper-slide { font-size: 14px; width: calc(25% - 10px)!important; margin: 5px;}
  .main_title2 { margin-top: 0;}
 
.pj{ margin-top: 0;}
.pj .swiper-wrapper { padding-bottom: 30px;}

.footer { margin-top: 30px;}
.foot .ft-nav .ft-nav-list dl:first-child { display: none;}
.foot .ft-nav .ft-nav-list dl,.foot .ft-nav .ft-nav-list dl:nth-child(2) { width: 100%;}
.foot .ft-nav .ft-nav-list { flex-wrap: wrap;}
.foot { padding: 30px 10px;}
.foot .ft-nav .ft-nav-list dl:nth-child(2) dd p { width: 100%;}
.foot .ft-nav .ft-nav-list dt { margin-bottom: 10px; padding-bottom: 10px;}
.copyright .container { flex-direction: column;}
.bottom_nav { display: block;}

}

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

  /*头部*/
  #header {
    height: 60px;
  }

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

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

  .mobile-nav-toggle {
    top: 5px;
  }
  .zyzs-icon { width: 50px; height: 50px;}
  .zyzs-content { width: 80px; margin-left: 5px;}
  .zyzs { width: 50%;}
  .zyzs-list .zyzs-icon img { max-height: 30px;}
  .zyzs-content b { font-size: 20px;}
  .Solution .swiper-button-next { right: 10px; }
  .Solution .swiper-button-prev { left: 10px;}
  .Solution .swiper-container-thumbs .swiper-slide p,#sol_top .swiper-slide .product-box p { font-size: 14px;}
  .more { width: 100px; height: 35px; line-height: 35px;}
  .Solution .swiper-container-thumbs .swiper-slide {
    font-size: 14px;
    width: calc(50% - 10px)!important;
    margin: 5px;
}
.day span { font-size: 16px;}

.copyright { padding-bottom: 70px;}
.bottom_nav_item img { max-height: 28px;}
.main_title { margin-bottom: 15px!important;}
.main_title div { font-size: 24px; line-height: 36px;}
.main_title p { font-size: 14px; line-height: 24px;}
.ab_more2 { display: none;}
.pro_tu { display: none;}
.pro_list a { width: calc(50% - 10px); margin: 5px; padding: 8px;}
.pro-fr .pro_txt { text-align: center; width: 100%; font-size: 14px;}
.sl { padding: 30px 0 50px 0;}
.xcal .swiper-slide .inner-con p { line-height: 24px; height: 45px; justify-content: center;}
.xcal .swiper-slide .inner-con p i{ display: none;}
.sl .swiper-button-prev {
  position: absolute;
  width: 35px;
  height: 35px;
  line-height: 35px;
  top: 95%;
  left: calc(50% - 40px);}
  .sl .swiper-button-next {
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    top: 95%;
    left: 50%}
    .zyzs:nth-child(2) { border-right: none;}
    .zyzs { padding: 15px;}
    .zyzs-content { width: 100%;}
    .about-box { margin: 0; padding: 10px;}
    .zyzs-list-box { padding-bottom: 0;}
    .anli { margin-top: 0px;}
    .ys { padding-top: 30px;}
    .yyfa { margin-top: 10px;}
    .ys_txt b { font-size: 24px;}
    .ys_txt p { font-size: 14px; line-height: 24px;}
    .team-content .title { font-size: 24px; letter-spacing: 0; font-weight: normal;}
    .team-content .title2 { font-size: 14px; letter-spacing: 0;}
    .yyfa .co li {
 height: 460px;}
 .news_left { margin-top: 0;}
 .day { height: auto;}
 .newscon { padding: 0 10px;}
 .news-more { display: none;}
 #news-list { background: #f7f7f7;}
 .pj .swiper-slide a { padding: 10px;}
}

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


}

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

  .logo_tu img {
    width: 70%;
    height: auto;
  }

  #header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .mobile-nav-toggle i {
    width: 40px;
    height: 40px;
    line-height: 40px;

  }

  .mobile-nav-toggle {
    top: 10px
  }

  


}