@media (min-width: 768px) {

  





}



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

  .wal {

    width: 1200px;

    margin: 0px auto;

  }

 

}



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

  .wal {

    width: 980px;

    margin: 0px auto;

  }



  .main-header-tel .tel-box{

    margin-left: 50px;

  }

 .main-header-tel .tel-box img{

  width: 30px;

  height: 30px;

 }

 .main-header-tel .tel-box p {

    width: 100%;

    font-size: 15px;

  }



  .main-header-tel .tel-box b {

    width: 100%;

    font-size: 17px;

}

 /*company*/

 .company .index_tit{

  width: 250px;

 }



 .company .com_body {

    width: calc(100% - 300px);

    padding: 40px;

    background: #fff;

    box-shadow: 0 0 5px 0 #dfdfdf;

  }

}







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

  .wal{

    box-sizing: border-box;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

    overflow: hidden;

  }

  .pcnone{

    display: block;

  }

  /*header start*/

  .main-header-logo a .logo{

    height: 50px;

    padding: 5px 0;

  }



  .main-header {

    width: 100%;

    display: block;

    height: 60px;

    line-height: 60px;

  }

  .main-header-tel{

    display: none;

  }

  .main-header .main-menu-wrapper{

    width: auto;

    display: none;

  }

  .mobile-nav-toggler{

    display: block;

  }

  .mobile-nav-toggler i {

    color: #006835;

    font-size: 20px;

    line-height: 60px;

  }

  .main-header-content .main-menu-list{

    display: none;

  }



  .mobile-nav-close i {

    color: #fff;

  }

  .mobile-nav-container .main-menu-list{



  }

  /*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;

  }

  

  .main-menu-wrapper-left .dh{

    display: none;

  }



  /*product*/

  .product .pro_body .pro_list ul {

    width: 65%;

    margin-top: 40px;

  }



  /*company*/

  .company{

    padding: 50px 0;

    background: url(../images/combg1.jpg) no-repeat center top #f8f8f8;

  }

  .company .wal{

    padding-bottom: 10px

  }

  .company .index_tit {

    width: 100%;

    text-align: left;

    padding: 0;

  }

  .company .index_tit a{

    margin-top: 20px;

  }

  .company .com_body {

    width: 100%;

    padding: 30px;

    background: #fff;

    box-shadow: 0 0 5px 0 #dfdfdf;

  }



  /*news*/

  .news {

    background:#fff;

    padding: 50px 0px;

  }

  .hy_xw{

    flex-flow: row wrap;

  }

  .hyxw_fr ,.hyxw_fl{

    width: 100%;

    margin: 0;

  }

  .hyxw_fl{

    margin-top: 20px;

  }



  /*留言*/

  .liuyan{

    padding: 0px 0px 50px 0;

    background-size: cover;

  } 

  .liuyan .ly_left , .liuyan .ly_right{

    width: 100%;

  }



  .liuyan .ly_left b {

    

    padding-top: 0px;

    

  }

  .liuyan .ly_right{

    margin-top: 30px;

  }



  .liuyan .btn button{

    margin-top: 15px;

  }

  .footer-list3{

    width:100%;

  }

  .follow{

    width:100%;

    justify-content: space-between;

  }

  .follow .ewm_box {

    max-width: 300px;

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between;

  }



  .footer .foot_top ul{

    display: none;

  }

  .maintel{ display: block;}

}



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

  

/*product*/

.product .pro_body .pro_list {

    width: 100%;

    padding: 30px;

    background: url(../images/prolistbg.jpg) no-repeat center;

}

.product .pro_body .pro_list ul {

    width: 100%;

    margin-top: 20px;

}

.product .pro_body .pro_list ul li{

  width: 100%;

}

.product .pro_body .pro_con ul li {

    width: 48%;

  }

  

}



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

  /*header*/

  .main-header-logo a .logo{

    height: 40px;

    padding: 5px 0;

  }



  .main-header {

    width: 100%;

    display: block;

    height: 50px;

    line-height: 50px;

  }

  .mobile-nav-toggler i {

   

    font-size: 18px;

    line-height: 50px;

  }

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

  }

  .hyxw_fr ul{

    flex-flow: row wrap;

  }

  .hyxw_fr ul li{

    width: 100%;

    height: auto;

    margin-bottom: 20px;

  }



}