@media(max-width:1600px){
  .auto-container{ padding-left: 12px; padding-right: 12px;  width: 94%; margin: 0 auto;}
  .site-header .header-nav .nav-list .nav-item a{ padding-left: 18px; padding-right: 18px;}
  .site-header .right-contral .search{ margin-left: 20px;}
  .section-data-item .item{ padding: 0 32px;}
  .About_tit .t{ font-size: 44px;}
  .About_tit .t_his{ font-size: 44px;}
  .history-box .left .year{ font-size: 60px;}
  .history-box .left .honor_list{ font-size: 18px;}
  #honor .honorImg_box .inImg{ padding: 30px;}
  .footer dl{ padding-right: 10%;}
  .entey-other-article p{ font-size: 16px;}
  .entry .entry-content p{ font-size: 15px;}
  .map-box .contact_info h3{ font-size: 20px;}
  .news_list li{ padding: 30px;}

  .product_links .item{ font-size: 18px;}
  .product_links .item .ico{ height: 46px;}
  .product_links .item .ico img{ transform: scale(0.8);}
  .product_list .text{ font-size: 16px;}
  .product_list li a:hover .text .detail{ font-size: 14px;}
  .list-video li{ padding: 0 15px; margin-bottom: 30px;}

  .page-banner .info_txt{ top: 20%;}
  .page-banner .info_t{ font-size: 70px; margin-bottom: 10px;}
  .page-banner .info_en{ font-size: 24px;}

  .home_title div{ font-size: 46px;}
  .section_product .index_news_tab span{ height: 50px; line-height: 50px; font-size: 16px;}
  .section_product .index_news_row{ margin-bottom: 14px;}
  .section_product .Home-product-father .Home-product-page{ margin-top: 10px;}
  .section_about .section-data-item .item{ margin-right: 8.4%;}
  .section_about .video-contral .video_cover img{ width: 90%;}
  .section_about .about_left_text .t{ font-size: 46px;}
  .section_about .section-data-item{ margin-top: 10%;}
  .section-data-item .item .rolling-num span{ font-size: 38px;}
  .honor_box .Index_honor_text{ width: calc( 100% - 766px);}

}
@media(max-width:1400px){
  .pc-slide{ width: 100%;}
  .yunu-showcase-info{ width: 100%; margin-top: 20px;}
  .detail_content{ background: #fff; margin-top: -22%;}

  .map-box .contact_info{ width: 300px; padding: 40px 15px;}
  .entry .entry-title{ font-size: 24px;}
  .entry .entry-info span{ font-size: 14px;}
}
@media screen and (min-width:0px) and (max-width:991px) {  
  .site-header .header-logo .logo{ margin-top: 10px;}
  .site-header .header-nav .nav-list{ left: 0; top: 50px;}
  .site-header .header-nav .nav-list .nav-item{ margin-left: 0;}
  .site-header .right-contral{ margin-top: 6px;}
  .map-box .contact_info{ position: relative; width: 100%; margin-top: 20px;}
  .map-box .contact_info h3{ margin-bottom: 12px;}
  .map-box #allmap{ height: 320px;}
  .main{ padding-top: 50px;}
  .hentry{ padding: 18px;}
  .entry .entry-title{ font-size: 20px;}
  .entry .entry-info{ font-size: 12px;}
  .entry .entry-content p{ font-size: 13px;}
  .entey-other-article p{ max-width: 100%; float: none;}
  .entey-other-article p img{ display: none;}
  .entey-other-article .prev-article{ float: none;}
  .entey-other-article .next-article{ float: none;}
  .entey-other-article p{ font-size: 12px;}
  .entey-other-article .prev-article{ background-size: 24px; padding-left: 30px;}
  .entey-other-article .next-article{ background-size: 24px; padding-right: 30px;}
  .detail_content{ padding: 12px; margin-top: -40px;}
  .prouduct-slide{ width: 78%;}
  .preview{ width: 18%; margin-left: 0; float: right; margin-top: 20px;}
  .product_tit{ font-size: 20px; margin-bottom: 20px;}
  .preview .swiper-container{ height: 220px;}
  .pc-slide .swiper-button-next{ top: -8px;}
  .pc-slide .swiper-button-prev{ top: 110%;}
  .yunu-showcase-info .protit{ font-size: 20px; margin-bottom: 15px;}

  .About_tit .t{ font-size: 22px;}
  .more_product .more_pro_t .t::after{ height: 2px;}
  .About_tit .en{ margin-top: 10px; font-size: 15px;}
  .more_product .product_list{ margin-top: 40px;}
  .more_product .product_list li{ width: 50%; padding: 0 7px;}
  .news_list li{  padding: 12px;}
  .news_list li .time{ font-size: 14px; padding-right: 10px;}
  .news_list li .time span{ font-size: 20px;}
  .news_list li .content{ height: 40px; background-size: 30px;}
  .news_list li .content figure{ display: none;}
  .news_list li .content .text{ width: 100%; padding: 0;  padding-right: 40px; font-size: 14px;}
  .pages{ margin-top: 80px;}
  .product_list li{ width: 50%; padding: 0 7px;}
  .product_list .text{  height: 80px; padding: 10px 10px 30px 10px; font-size: 14px;}
  .product_list .text .detail{ width: 36px; height: 36px; bottom: -18px; line-height: 36px; background-size: 36px;  }
  .product_list li a:hover .text .detail{ font-size: 12px;}
  .list-video li{ width: 100%; margin-bottom: 15px;}
  .list-video li .pic a::before{ width: 50px; height: 50px; margin: -16px 0 0 -16px;}
  .list-video li .txt{ padding: 20px 10px;}
  .list-video li .txt p{ font-size: 14px;}
  .list-video{ padding-bottom: 0;}

  .page-banner .info_t{ font-size: 24px;}
  .page-banner .info_en{ font-size: 16px;}
  .page-banner .info_txt{ top: 14%;}
  
  .footer dl dt{ margin-bottom: 15px; font-size: 15px;}
  .footer dl dd{ line-height: 26px; font-size: 13px;}
  .hidden-xs{ display: none;}
  .footer .contact-us{ float: none; text-align: center;}
  .footer .foot_add{ margin-bottom: 10px; text-align: center; float: none;}
  .footer dl .other_links{ margin-top: 10px;}
  .top-search{ top: 45px; right: -25px; width: 280px;}
  .site-header .right-contral{ margin-top: 12px;}
  .site-header .right-contral .search{ width: 28px; height: 28px; line-height: 28px; margin-left: 10px; font-size: 14px;}
  .site-header .lan{  width: 55px; height: 28px; line-height: 28px; margin-left: 10px; font-size: 13px;}
  .product_links{ white-space: nowrap; overflow-x: scroll;}
  .product_links .item{  width: auto; display: inline-block; float: none; padding: 4px 12px; margin: 0 -2px; margin-bottom: 0px; font-size: 16px;}
  .product_links .item.active{ box-shadow: none;}
  .product_links .item .ico{ display: none;}
  .news_links li{ width: 33.33%;}
  .news_links .cur_page{ width: 70%; padding-left: 18px;}
  .news_links .cur_page .box::before{ height: 2px;}
  .news_links .cur_page .box::after{ height: 20px;}
  .News_head .News_inner{ background: none;}
  .News_head .entry-head{ padding-top: 30px; margin-bottom: 10px;}
  .News_head .entry-title{ font-size: 20px; margin-bottom: 0;}
  .News_head .entry-info span{ font-size: 13px;}
  .News_head .News_inner{ padding-bottom: 20px; height: auto;}

  #intro{ padding-top: 40px;}
  #intro .about_box .text{ width: 100%; float: none;}
  #intro .about_box .img{ width: 100%; float: none;}
  #culture{ padding-top: 20px;}
  .About_tit .t_his{ font-size: 22px;}
  #honor{ padding-bottom: 0; padding-top: 45px;}
  #honor .honor-content{ font-size: 14px;}
  #honor .honorImg_box .img-show{ width: 100%; float: none; padding: 10px; 	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;}
    #honor .honorImg_box .onText{ width: 100%; padding-right: 0; text-align: center; 	order:3; margin-top: 6px;}
    #honor .honorImg_box .inImg{ order: 2; padding: 12px;}
    #honor .honorImg_box .inImg img{width: 100%;}
    #honor .honor-show{ width: 100%; float: none; padding-bottom: 0px;}
    #honor .honor-show::before{ display: none;}
    #honor .honor-show .inner{ white-space: nowrap; overflow-x: scroll;}
    #honor .honor-show .inner div{ padding: 10px 6px; margin-bottom: 0px; font-size: 12px; display: inline-block;}
    #honor .honor-show .inner .active{ font-size: 15px; font-weight: bold;}
    #honor .honor-show::after{ display: none;}
    #histroy{ padding-top: 40px;}
    .history-box .left{ width: 100%;}
    .history-box .right{ width: 100%; float: none;}
    .history-box .left .year{ font-size: 30px;}
    .history-box .left .honor_list{ font-size: 14px;}
    .history-box .left .honor_list li::after{ width: 6px; height: 6px;}
    .event_box{ margin-top: 30px;}
    .About_tit .t::after{ height: 2px;}
    .m_event{ display: block;}
    .pc_event{ display: none;}

    .m_event .parHd li{ margin: 0 20px;}
    .event_box .parHd{ padding-bottom: 50px;}
    .parHd li.act{ font-size: 16px; color: red;}
    .sPrev img, .sNext img{ width: 20px;}
    .parHd li:after{ top: 8px; left: 2px;}
    .parHd li.act:after{ top: 8px; left: 2px;}
    .parHd li.act span{ top: 8px; left: 2px;}
    .event_box .parHd:after{ top: 26px;}
    .sPrev, .sNext{ top: 16px;}
  /* M */
  .product_bg{ height: auto;}
  .honor_bg{ height: auto;}
  .about_bg{ height: auto; padding-bottom: 40px;} 

  .M_ban{ position: relative; height: 50vh;}
  .bannerSwiper .t{ font-size: 24px; margin-bottom: 16px;}
  .bannerSwiper p{ font-size: 18px;}
  .bannerSwiper .en{ width: 100%; font-size: 12px;}
  .bannerSwiper .pages_r{ display: none;}
  .bannerSwiper .txt{ left: 20px;}
  .bannerSwiper .banPage .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 6px;}
  .footer .foot_add{ width: 100%;}

  .section_product{ padding: 40px 0; padding-bottom: 20px;}
  .section_product .index_news_row{ display: block; margin-bottom: 14px;}
  .home_title div{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
  .home_title div:after{ height: 1px;}
  .home_title p{ font-size: 12px;}
  .section_product .index_news_tab { margin-top: 14px; text-align: center;}
  .section_product .index_news_tab span{ font-size: 12px; height: 36px; line-height: 36px; padding: 0 6px; margin-left: 2px;}
  .section_product .index_news_tab img{ display: none;}
  .section_product .Home-product-father .Home-product-page{ margin-top: 0;}

  .section_about .about_left_text{ width: 100%;}
  .section_about .video-contral{ position: relative; top: auto; transform: none;right: auto;}


  .section_about .about_left_text .t{ font-size: 24px;}
  .section_about .about_left_text .t span{ font-size: 16px;}
  .section_about .about_left_text .info{ margin-top: 20px; margin-bottom: 20px;}
  .section_about .about_left_text .info p{ font-size: 13px;}
  .section-data-item .item{ padding: 0 10px; margin-bottom: 20px;}
  .section-data-item .item .rolling-num span{ font-size: 24px;}
  .section-data-item .item .rolling-num i{ font-size: 12px;}
  .section-data-item .item .info{ margin-top: 4px; font-size: 12px;}

  .honor_box .Index_honor_text{ width: 100%; margin-top: 0; float: none;}

  .section_about .section-data-item .item{ margin-right: 4.4%; margin-bottom: 20px;}
  .honor_box .Index_honor_text p{ font-size: 13px; margin-bottom: 10px;}

  .site-header .head_dh{ line-height: 50px; font-size: 14px;}
  .site-header .head_dh img{ width: 100px;}
  .list-video li .pic{ height: 200px;}
  .entry img{ width: 100%!important; height: auto!important;}

  .site-header{ background-color: #0059ab;}
.site-header.active .header-logo .logo img{filter: none; }
.site-header .header-logo .logo img{ filter: brightness(100);}
.site-header .header-nav .nav-list .nav-item a{ color: #fff;}
.site-header .header-nav .nav-list .nav-item.active a{color: #fff;}
.site-header .header-nav .nav-list .nav-item.active::before{ background-color: #fff;}
.site-header.onthis .header-nav .nav-list .nav-item.active a::before{ background-color: #fff;}
.site-header .header-nav .nav-list .nav-item::after{ background-color: #fff;}
.site-header .header-nav .nav-list .nav-item:hover a::before{ background-color: #fff;}
.site-header .header-nav .nav-list .nav-item.active .drop-menu a{ color: #222;}
.site-header .header-nav .nav-list .drop-menu a{ color: #222;}
.site-header .right-contral .search{ background-color: #fff;     color: #076AB4;}
.site-header .lan{ background-color: #fff;     color: #076AB4;}
.site-header .right-contral .search img{ filter: none;}
.site-header .header-nav .nav-list .drop-menu{ display: none;}
.site-header .header-nav .nav-list .nav-item:hover a::before{ display: none;}
.site-header .header-nav .nav-list .nav-item:hover::before{ display: none;} 
.mobile-navbtn{ display: block;}
}

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

 .navbtn i {
    height    : 2px;
    background: #fff;
    display   : block;
    overflow  : hidden;
    width     : 100%;
    position  : absolute;
    left      : 0;
    transition: all .3s
  }

 .navbtn i.bar-1 {
    top: 7px
  }

 .navbtn i.bar-2 {
    top: 15px
  }

 .navbtn i.bar-3 {
    top: 23px
  }
}

@media(max-width:991px) {
 .navbtn.open .bar-1 {
    top      : 50%;
    transform: rotate(45deg)
  }

 .navbtn.open .bar-2 {
    height: 0
  }

 .navbtn.open .bar-3 {
    top      : 50%;
    transform: rotate(-45deg)
  }
}