@media  (max-width:1540px) {
  .footer .left_box{ width: 68%;}
  .footer .right_box{ width: 32%;}
  .footer .f_contact p{ font-size: 50px;}
  .i_title_box .i_title{ font-size: 42px;}
  .i_about_section .intro_text{ width: 50%; right: 4%; padding: 2%;}
  .i_about_section .intro_text a{ margin-top: 34px;}

  .i_honor_section .i_honor_list{ width: calc(100% - 443px);}
  .i_product_section .i_product_swiper .swiper-slide-active .item .img{ height: 800px;}
}

@media  (max-width:1400px) {
  .index-banner{ height: 600px;}
  .i_title_box .i_title{ font-size: 30px; line-height: 34px;}
  .i_about_section .intro_text p{ font-size: 14px; line-height: 24px;}
  .i_about_section .img_box{ width: 60%;  }
  .i_about_section .intro_text{ right: 5%; padding: 3%;}
  .i_title_box a{ margin-top: 40px;}
  .i_about_section .intro_bg p{ font-size: 14px; letter-spacing: 4px;}
  .i_about_section .intro_bg p span{ width: 80px;}
  .i_honor_section .text_g{ font-size: 460px;}
  .i_honor_section .i_honor_list{     width: calc(100% - 340px);}
  .i_case_section .text_float{ font-size: 14px;}
  .i_case_section::after{ height: 80%;}
  .i_news_section{ padding: 80px 0;}
  .i_news_section .i_title_box::after{ font-size: 180px; top: -90px;}
  .i_news_section .i_news_list .i_news_item .info .date{ margin-bottom: 10px;}
  .i_news_section .i_news_list .i_news_item .info .news_title{ margin-bottom: 10px; font-size: 16px; line-height: 24px;}
  .i_news_section .i_news_list .i_news_item .info .more_news{ width: 110px; height: 30px; line-height: 30px; margin-top: 12px;}
  .footer .footer_content{ padding-top: 80px; padding-bottom: 50px;}
  .footer dl dt{ padding-bottom: 14px;}
  .footer dl dd{ margin-top: 14px; line-height: 20px;}
  .footer .Copyright{ margin-top: 50px;}
  .footer .f_contact p{ font-size: 40px;}
  .footer .f_lianxi{ margin-top: 30px;}
  .footer .f_lianxi p{ font-size: 14px; line-height: 28px;}
  .i_product_section .i_product_swiper .swiper-slide-active .item .img{ height: 600px;}
} 
@media screen and (min-width:0px) and (max-width:991px) {
  .auto-container{ width: 100%;}
  .i_news_section{ padding: 50px 0;}
  .header-nav .navlist .f-menu{ padding: 0 12px; box-sizing: border-box;}
  .footer .left_box{ width: 100%; float: none;}
  .footer .right_box{ width: 100%; float: none; margin-top: 10px;}
  .footer .footer_content{ padding-top: 50px;}
  .footer dl{ padding-right: 6%;}
  .footer dl dt{ margin-bottom: 10px; font-size: 15px;}
  .footer dl dd{ font-size: 13px; margin-top: 10px;}
  .footer .f_contact p{ font-size: 30px;}
 .Home-header{ position: fixed; top: 0; z-index: 50;   box-sizing: border-box;}
 .Home-header .container{ padding: 0 12px;} 
  .index-banner { height: 320px ; padding-top: 0;}
  .header-logo{ line-height: 50px; padding: 0;}
  .header-logo img{ height: 20px; margin-left: 0px; margin-top: -2px;}
  .search-procuct input{ height: 32px;}
  .header-nav{   float: none; background-color: rgba(0, 0, 0, 0.9); position: absolute; width: 100%; left: 0; z-index: 20;}
  .site-header .navlist{ width: 100%  ; display: none; box-sizing: border-box; left: 0; top: 50px; 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%;}
  .header-nav .navlist .s-menu > .hasdrop{ width: 100%;} 
  .site-header .navlist .hasdrop > a{ position: relative; line-height: 44px;  font-size: 15px; color: #333;}
  .site-header .navlist .f-menu > .hasdrop >a >i.mobile-navbtn{ top: 10px;}
  .site-header .navlist .s-menu{ position: relative; top: 0;}
  
  .site-header .navlist .hasdrop{ float: none; margin: 0;}
  .input-group-btn img{  width: 20px;}
  .site-header .f-menu > li{
    border-bottom: 1px solid rgba(221, 221, 221, .5);
  }
  .search-procuct{ position: relative; top: 0;  display: block; margin-top: 10px;}
  .head_icon{ height: 44px; float: none; border-bottom: 0!important;}
  .Home-swiper-banner .swiper-slide{ background-size: 200%!important;}
 
 
  .banner-text{ top: 30%; background-size: 10px;}
  .banner-text h3{ font-size: 26px;}
  .banner-text .text{ margin-top: 20px;}
  .banner-text p{ font-size: 14px;}
  .banner-text .h3{ font-size: 18px;}
  .banner-text .h4{ font-size: 12px;}
  .Home-banner-page .swiper-pagination-bullet{ width: 8px; height: 8px;}

  .i_title_box .i_title{ font-size: 20px;}
  .i_title_box .i_title .ch{ font-size: 16px;}
  .i_about_section .intro_text p{ line-height: 20px;}
  .i_title_box a{ width: 110px; height: 32px; line-height: 32px; font-size: 15px;}
  .i_about_section .img_box{ width: 100%;}
  .i_about_section .intro_text{ width: 100%; position: relative; right: auto; top: auto;}
  .i_about_section .intro_bg{ position: relative; width: 100%; bottom: auto;}
  .i_about_section .intro_bg p{ position: relative; font-size: 12px; padding-left: 12px;}
 
  .i_about_section{ padding-top: 40px;}
  .i_honor_section{ padding-top: 40px;}
  .i_honor_section .i_honor_list{ width: 100%;}
  .i_honor_section .text_g{ font-size: 200px; left: -50px; top: -100px;}

  .i_case_section::after{ height: 50%;}
  .i_case_section .text_float{ position: relative; right: auto; width: 100%; padding-top: 20px; font-size: 13px;}
  .i_case_section .i_case_list li{ width: 50%;}
  .i_case_section .i_case_list li p{ font-size: 14px; padding: 10px 0;}
 
  .i_product_section{ padding-top: 40px; height: auto; padding-bottom: 40px;}
  .i_product_section .float_text{ position: relative; left: auto; top: auto; padding-left: 14px;}
  .i_product_section .product_title{ position: relative; left: auto; top: auto; right: auto; padding-left: 14px; }
  .i_product_section .i_product_swiper_father{width: 100%;  position: relative; left: auto; top: auto; right: auto; margin-top: 60px;} 
  .i_product_section .i_product_swiper .item{ padding-left: 0; height: 220px;}
  .i_product_section .i_product_swiper .swiper-slide-active .item .img{ height: 80%;}
  .i_product_section .i_product_swiper .item .info{ width: 60%;}
  .i_product_section .i_product_swiper .item .info .title a{ font-size: 16px;} 
  .i_product_section .i_product_swiper .item .info p{ font-size: 13px; margin-top: 20px;} 
  .i_product_section .i_product_swiper .item .info a{ font-size: 12px;}
  .i_product_section .i_product_swiper_father .product_button_next, .i_product_section .i_product_swiper_father .product_button_prev{ margin-top: 20px; background-size: 20px;}
  .i_product_section .line{ display: none;}
  .i_product_section .float_text{ width: 60%; padding: 24px;}
  .i_product_section .float_text_g{ font-size: 200px;  top: -20%;}
  
  .i_news_section .i_title_box::after{ font-size: 60px; top: -40px;}
  .i_news_section .i_news_list .i_news_item{ width: 100%; margin-bottom: 10px;}
  .i_news_section .i_title_box{ position: relative; left: auto; top: auto; } 
  .i_news_section .i_news_list .i_news_item .info .news_title{ font-size: 15px; line-height: 18px;}
  .i_news_section .i_news_list .i_news_item .info .dec{ font-size: 12px;}
  .i_news_section .i_news_list .i_news_item .info .more_news{ font-size: 12px; margin-top: 5px;}
  .i_news_section .i_news_list .i_news_item:nth-child(2){    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
}


 
 
@media(max-width:991px) {
  .Home-header .navbtn {
    width   : 30px;
    height  : 30px;
    margin  : 10px;
    float   : right;
    position: relative;
    display : block;
    margin-right: 0; 
    z-index: 20;
  }

  .Home-header .navbtn i {
    height    : 2px;
    background: #fff;
    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)
  }
}