

@media screen and (max-width:1280px) {
  .container {
    max-width: 1200px;
  }
  .wal{ width: 100%;}
  .ys_list_left { padding: 0;}
}

@media screen and (max-width:990px) {

  .header_center,.navbar { display: none;}
  .wal{ width: 100%;}
  #banner .swiper-slide { padding-top: 50px;}
  .sj_header{ display: block;}
  .slide-nav { display: none;}
  .slide-content { width: 100%; margin: 0; padding: 0;}
  .foot .ft-nav { display: none;}
  .foot .ft-contact { width: 100%; text-align: center;}
  .foot .footer_center { width: 100%;display: flex; align-items: center;}

  .foot .footer_center .footer_tel {  width: 100%; align-items: center;}
  .foot .ewm { display: none;}
  .index-title p { display: none;}
  .index-title { margin-top: 0; padding-top: 0;}
  .about,.ys { padding: 30px 0;}
  .cgal { margin-top: 30px;}
  .news_box { margin-top: 0;}
  .ys_list_left,.ys_list_right { width: 100%; margin-top: 15px;}
  .zzsc .co > ul { padding: 10px;}
  #scroll { display: none!important;}
  .ban_bg .fot_dec{ padding: 0 10px;}
  .news_box{ padding: 30px 0;}
  .news_con a:first-child { border:none;}
 
}

@media screen and (max-width:768px) {
  .about { padding: 10px;}
  .about-box { display: block;}
  .about_fl { width: 100%; padding: 0;}
  .about_fr { width: 100%;}
  .pro_list3 ul li { width: 50%;}
  .pro_list3 ul li:last-child{ display: none;}
  .news_con { display: block; margin: 10px;}
  .cjwt { margin: 10px;}
  .cjwt a {
    width: calc(100% - 42px);}
    .zzsc .tab a { font-size: 18px;}
    .index-title { height: 80px;}
    .index-title b { font-size: 24px;}
    .about_fr { margin-top: 10px;}
    .ys_list_left b { font-size: 28px; line-height: 40px;}
    .ys_list_left span { font-size: 20px;}
    .yyal .swiper-button-next, .yyal .swiper-button-prev { top:30%}
    #banner .swiper-button { font-size: 20px; top:58%; width: 30px; height: 30px; line-height: 30px;}
    .prone .swiper-button-next { top:90%; right: 70px;}
    .ban_bg { padding: 30px; margin-top: 30px;}
    .prone { padding-top: 20px; padding-bottom: 80px;}
    .prone .swiper-button-prev {
      position: absolute;
      top: 90%;
      left: 70px;}
      .news_con a i { width: 100%;}
}

@media screen and (max-width:640px) {


}
  

@media screen and (max-width:480px) {
 

}