@media(max-width:1400px) {
  .outWrap{ background: none;}
}
@media screen and (min-width:0px) and (max-width:991px) {
  .section-wp{ padding: 40px 0 36px;}

  .Home_title .t{ font-size: 24px; margin-bottom: 5px;}
  .Home_title .en{ font-size: 14px; margin-top: 5px;}
  .Home_title .line img{ width: 150px;}

 
  .Home-case .Home-case-container{ margin-top: 30px; } 
  .Home-case-container .topnews{ display: block;}
  .Home-case-container .topnews .img, .Home-case-container .topnews .dec{
    width: 100%;
    display: block;
    padding-left: 0;
  }
  .Home-case-container .topnews .img a img{ width: 100%;}
  
  .Home-about{ background-color: #fff; background-image: none;}
  .Home-about .about_c .t{ font-size: 24px; margin-bottom: 15px;}
  .Home-about .about_c p{ font-size: 12px;}
  .Home-about .Home-about-container{ display: block;}
  .Home-about .Home-about-container .video_l, .Home-about .Home-about-container .info_r{ display: block; width: 100%; padding: 0;}
  .Home-about .Home-about-container .info_r{ margin-top: 30px;}
  .Home-about .about_c .more_about{ display: block; margin: 15px auto 0;}
  .Home-case .Home-case-container .item{ padding: 20px  10px ;}
  .Home-case .Home-case-container .dec p{ height: auto; font-size: 12px;}
  .Home-case .Home-case-container .row > div{ margin-bottom: 10px;}
  .Home-case .Home-case-container .img{ width: 100px; height: 100px;}
  .Home-case .Home-case-container .dec .more{ margin-top: 8px; font-size: 12px; width: 96px; }
  .Home-case .Home-case-container .dec{ margin-top: 12px;}
  .Home-case .Home-case-container .dec .t{ margin-bottom: 10px;}

  .Home-case-container .qaq_list{ margin-left: -10px;}

  .Home-about .Home-about-father .swiper-slide{ width: 100%;}
  .Home-about .Home-about-img .item .bg{ top: 0; }

  .Home-product .swiper-home-tab .item{ line-height: 48px;}
  .Home-product .product-con .swiper-slide{ width: 50%;}
  .Home-product .product-con .item{ margin: 0 4px;}
  .Home-product .product-con .dec{ padding: 10px 6px;}
  .Home-product .product-con .dec .t{ font-size: 14px; white-space: normal; overflow: hidden;}
  .Home-product .read_more{ width: 120px; height: 36px; line-height: 36px; margin-top: 25px; font-size: 12px;}

  /*.contact-form-box{ display: none;}*/
  #ContactForm3 > div:nth-child(8) > div{
      width: 100%;
  }
  .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: 29rem; 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{ width: 45px;}
  .site-header .navlist{ width: 100%  ; 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-why .left_why{ width: 100%; float: none;}
  .Home-why .left_why .t{ font-size: 24px;}
  .Home-why .left_why .p{ line-height: 1.5;}
  .Home-why .left_why .icon_lis{ margin-top: 10px;}
  .Home-why .left_why .icon_lis li p{ margin-top: 10px;}

  .Home-why .img-boxmain{ width: 100%; float: none; margin-top: 20px;}
  .Home-why .img-boxmain .swiper-slide{ width: 100%;}
  .Home-why .img-boxmain .li .img-child-box{ height: 400px;}
  .Home-why .img-boxmain .li .dec p{ display: block;}
  .Home-why .img-boxmain .swiper-slide{ margin-left: 0;}

  .Home-banner .swiper-banner .swiper-pagination-bullet{ width: 30px; height: 4px;}
  .outWrap .container{ padding: 0 10px;}
  .Home-why .left_why .icon_lis li{ width: 68px;}
}


@media(max-width:991px) {
  .home-header .navbtn {
    width   : 30px;
    height  : 30px;
    margin  : 10px;
    float   : right;
    position: relative;
    display : block;
    margin-right: 30px;
  }
    .Home-why .img-boxmain .li .dec a{
        color: #000;
    }
    .Home-why .img-boxmain .li .dec{
        background: #fff;
        opacity: 0.6;
    }
  .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)
  }
}
<!--ºÄʱ1780496263.3769Ãë-->