



@media (min-width: 1250px) {



  .container {



    width: 1230px;



  }



}

@media screen and (min-width:0px) and (max-width:991px) {

  .section-wp{ padding: 20px 0 36px;}



  .Home_title .t{ font-size: 24px; margin-bottom: 5px;}

  .Home_title .en{ font-size: 13px; margin-top: 5px; width: 98%;}

  .Home_title .line img{ width: 150px;}



 

  .Home-case .Home-case-container{ margin-top: 30px; padding: 12px; } 

 

  .Home-case-father{ margin-top: 20px;}

  .Home-case-img .item .img-r{ width: 100%;}

  .Home-case-img .item .img-l{ width: 100%;}

  .Home-case-father .Home-case-page{ width: 100%;}

  .Home-case-father .Home-case-page .swiper-pagination-bullet{ width: 9px; height: 9px;}

 

  .factory-L{ padding: 20px 12px; margin-bottom: 20px;}

  .factory-L:after{ display: none;}



  .factory-L .img{ margin: 15px 0;}

 

  .Home-factory-father .Home-factory-page .swiper-pagination-bullet{ width: 9px; height: 9px;}

  .Home-factory-img .item p{ font-size: 14px;}



  .Home-news{ background-size: 280%;}

  .Home-news-container{ padding: 0;}

  .Home-news .Home-news-container .news-top{ padding: 12px; margin-top: 10px;}

  .Home-news .Home-news-container .qaq_list p{ font-size: 13px;}

  .Home-news .Home-news-container .qaq_list dd{ margin-bottom: 20px;}

  .Home-news .Home-news-container .qaq_list dd span{ font-size: 15px;}



  .Home-news .home-news-ul .item{ margin: 0 5px;}

  .Home-news .home-news-ul .dec .date{ margin-top: 10px;}

  .Home-news .home-news-ul .dec .t{ margin-top: 10px; margin-bottom: 10px; font-size: 15px;}

  .Home-news .home-news-ul .dec .p{ font-size: 13px;}

  .Home-news .home-news-ul .jk-btn{ width: 80px; height: 24px; line-height: 24px; font-size: 12px;}



  .contact-form-box{ display: none;}

  .footer_bar{ height: 32px; line-height: 32px;}

  .footer_bar .footer_bar_r{ display: none;}

  .footer_bar .copyright{ font-size: 12px; float: none; text-align: center; white-space: nowrap; overflow: hidden;}

  .footer_bar .container{ padding: 0;}

  .footer{ padding-top: 40px; padding-bottom: 20px;}

  .footer .flex-l{ width: 100%; float: none; margin: 0 auto;}

  .footer .flex-r{ width: 80%; margin: 20px auto 0; float: none;}

  .footer .flex-r div{ margin-bottom: 12px; font-size: 12px; line-height: 20px;}

  .footer #new-link li{ width: 22px; height: 22px;}

  .footer #new-link li img{ width: 100%; }



  .Home_top { display: none;}

  .Home_top .Welcome{ font-size: 12px; white-space: nowrap; overflow: hidden;}

  .site-header{ position: fixed; top: 0; z-index: 999; width: 100%; padding:  5px 0; height: auto; background-color: #fff;}

  .site-header .header-logo img{ height: 45px;}

  .site-header .navlist{ width: 100%  ; height: auto; display: none; box-sizing: border-box; left: 0; top: 60px; margin-top: 0;  position: fixed; padding: 0; max-height: 100%;

    padding-bottom: 20px;

    background: #fff;

    overflow-y: scroll;

    z-index: 999999;}

  .site-header .f-menu{ float: none;}

  .site-header .navlist .hasdrop{ width: 100%;}

  .site-header .navlist .hasdrop > a{ position: relative; line-height: 44px;  font-size: 16px; }

  .site-header .navlist .f-menu > .hasdrop >a >i.mobile-navbtn{ top: 10px;}

  .site-header .navlist .s-menu{ position: relative; top: 0;}

  .site-header .search-procuct{ float: left; margin-left: 10px;}

  .site-header .navlist .s-menu .t-menu{ position: relative; left: 0; }

  .site-header .navlist .hasdrop{ float: none;}

  .input-group-btn img{  width: 20px;}

  .site-header .f-menu > li{

    border-bottom: 1px solid rgba(221, 221, 221, .5);

  }

  .Home-banner{ margin-top: 60px;}







  .Home-banner .swiper-banner .swiper-pagination-bullet{ width: 12px; height: 12px;}

 

  .home-product-con .product-con-l{ position: absolute; top: 0; z-index: 99;  }

  .home-product-con .product-con-l .product_menu{ position: absolute; top: 0; z-index: 99; display: none;}

  .home-product-con .product-con-r{ width: 100%;}

  .home-product-con .use-list{ margin: 0 -4px;}

  .home-product-con .use-list li{ width: 50%; padding: 0 4px;}



  .Home-product .product-con .product-list .slide{ width: 50%;}

  .Home-product .read_more{ width: 100px; height: 32px; line-height: 32px; margin-top: 20px;}



  .Home-about .Home-about-container{ height: auto; margin-top: 40px; padding-top: 50px; padding-bottom: 0;}

  .Home-about .Home-about-container .info_r{ width: 100%; float: none; margin-top: 0;}

  .Home-about .about_c .t{ font-size: 30px;}

  .Home-about .about_c .st{ font-size: 15px; margin-bottom: 20px;}

  .Home-about .about_c p{ font-size: 12px;}



  .factory-row .col-l{ width: 100%; float: none;}

  .factory-row .col-r{ width: 100%; float: none;}



  .Home-news .home-news-ul li{ width: 50%;}

  /*.Home-news .home-news-ul li:last-child{ display: none;}*/



  .Home-about .Home-about-container{ background: url(../images/video_r_bj_m.png) no-repeat center top; background-size: 75%;  padding-left: 0; padding-right: 0;}

  .Home-about .Home-about-container .video_cover{ width: 100%; height: 220px; position: relative; bottom: auto;}





  .home-product-con .category_title{ line-height: 45px;}



  .home-product-con .category_title span{ font-size: 15px;}

  .home-product-con .category_title .more{ font-size: 15px;}

  .home-product-con .category_title .more .icon{ width: 18px; height: 16px; margin-right: 7px;}

  .home-product-con .category_title .more:hover .icon{ background-position: 0 -16px;}

  .home-product-con .use-list li .product-name{ height: 40px; line-height: 20px; font-size: 13px;}



  .Home-product .product-con .item{ margin: 0 4px;}

  .Home-product .product-con .dec{ padding: 14px 7px;}

  .Home-product .product-con .dec .p{ height: 42px; line-height: 15px;}



  .Home_advantage{ margin-top: 40px;}

  .Home_advantage dd{ height: 30px; padding-left: 10px; padding-top: 16px;}

  .Home_advantage dd .img{ width: 26px; height: 26px; margin-right: 10px;}

  .Home_advantage dd .con{ width: 76%;}

  .Home_advantage dd .con p{ display: none;}

  .Home_advantage dd .con h3{ font-size: 14px; margin-bottom: 0;}



  .Home-about .about_c .more_about{ width: 120px; font-size: 12px; height: 32px; line-height: 32px;}



  .Home-aboout-zhengshu{ margin-top: 20px;}

  .Home-aboout-zhengshu .row > div{ padding-left: 5px; padding-right: 5px; margin-bottom: 8px;}

  .footer .flex-r .email-box{ background-position: left top 3px;}

  .footer .flex-r .tel-box{ background-position: left top 3px;}

  .footer .flex-r .site-box{ background-position: left top 3px;}



  .video .videoBox{ top: 20%; width: 84%; margin-left: -42%;}



  .home-product-con .product_menu .sub_product li{  line-height: 32px; height: 32px;}

  .home-product-con .product_menu .sub_product li a{ font-size: 12px;}

}

@media(min-width:991px) {

  .home-product-con .product_menu{ display: block!important;}

}



@media(max-width:991px) {

  .home-header .navbtn {

    width   : 30px;

    height  : 30px;

    margin  : 10px;

    float   : right;

    position: relative;

    display : block;

    margin-right: 0;

  }



  .home-header .navbtn i {

    height    : 2px;

    background: #333;

    display   : block;

    overflow  : hidden;

    width     : 100%;

    position  : absolute;

    left      : 0;

    transition: all .3s

  }



  .home-header .navbtn i.bar-1 {

    top: 7px

  }



  .home-header .navbtn i.bar-2 {

    top: 15px

  }



  .home-header .navbtn i.bar-3 {

    top: 23px

  }

}



@media(max-width:991px) {

  .home-header .navbtn.open .bar-1 {

    top      : 50%;

    transform: rotate(45deg)

  }



  .home-header .navbtn.open .bar-2 {

    height: 0

  }



  .home-header .navbtn.open .bar-3 {

    top      : 50%;

    transform: rotate(-45deg)

  }

}

@media(max-width:323px) {

  .Home-about .Home-about-container .video_cover{ height: 180px;}

}