@media(max-width:1200px) {
  .banner-center{ width: 100%;}
  .auto-container{ width: 100%; max-width: 100%;}
  .footer .footer_content{ padding-left: 15px; padding-right: 15px;}

  .index-banner{ height: 500px;}
}

@media screen and (min-width:0px) and (max-width:991px) {
  .home-product-con .use-list li a{
    height: 200px;
}
	.about_x .con_id video{width: 80%;object-fit: cover;}
  .auto-container{ width: 100%; max-width: 100%;}
  .Home-header{position: fixed;top: 0;z-index: 50;background-color: rgba(0, 0, 0, 0.9);box-sizing: border-box;z-index: 9999;}
  .Home-header .auto-container{ width: 100%;}
  .header-logo{ line-height: 60px; padding: 0;}
  .header-logo img{ height: 34px; margin-left: 15px; }

  .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: #000;
    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; margin-left: 20px; }
  .site-header .navlist .f-menu > .hasdrop >a >i.mobile-navbtn{ top: 10px;}
  .site-header .navlist .s-menu{ position: relative; top: 0;}
 
  .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);
  }
  .search-procuct{ position: relative; top: 0;  display: block; margin-top: 10px;}
  .head_icon{ height: 44px; float: none; border-bottom: 0!important;}

  .index-banner{ height: 300px;}
  .banner-text{ width: 100%; height: auto; top: 30%; background-color: transparent; margin-top: 0;}
  .banner-text .h3{ font-size: 20px; margin-bottom: 10px;}
  .banner-text .h4{ font-size: 16px;}
  .control-div .control-banner .Home-banner-page{ bottom: 20px;}
  .control-div .control-banner .Home-banner-page .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 5px;}
 
  .section{      padding-top: 30px; padding-bottom: 20px;}
  .Home_title{ margin-bottom: 24px;}
  .Home_title .t{ font-size: 20px;}
  .Home_title .t:after{ width: 34px; height: 2px; margin-left: -17px;}
  .Home_title .p{ width: 95%; font-size: 12px;}
  .home-product-btn .jk-btn{ width: 100px; height: 32px ; margin: 0 6px; line-height: 32px; font-size: 12px; background-color: #aaa;}
 
  .home-product-con .product-con-r{ width: 100%;}
  .home-product-con .use-list{ width: 98%; margin: 0 auto;}
  .home-product-con .use-list li{ width: 50%; padding: 0 6px; margin-bottom: 12px;}
  /* .home-product-con .use-list li .bg{ display: none;} */

  .Home_center_banner{height: 180px;}
  .Home_center_banner .center_banner_r{ padding: 0; padding-top: 40px;}
  .Home_center_banner .center_banner_r .kind{ font-size: 24px;}
  .Home_center_banner .center_banner_r a{ width: 100px; font-size: 12px;}

  .culturelist dd .txtitem a{ width: 100px; font-size: 12px;}

  .section-pinpai{ padding-bottom: 100px;}
  .footerbar{ padding: 10px 0; height: auto; line-height: 20px;}
  .footer dl{ float: none;}
  .footer dl dt{ margin-bottom: 10px;}
  .culturelist dd{ background-color: transparent;}
  .culturelist dd .con{ width: 100%; display: block; margin-bottom: 20px; padding-left: 15px; padding-right: 15px;}
  .culturelist dd .txtitem .c{ font-size: 14px;}
  .culturelist dd .img{ width: 100%; display: block;}
  .footer .footer_content{ padding: 30px 15px;}
  .footer .foot_add{ width: 100%;}
  .footer .contact-us{ width: 100%; float: none; margin-bottom: 0;}
		
	.o_big{margin-top: 60px;}
	.heig50{height: 30px;}
	.product_a a {
		height: 42px;
		line-height: 42px;
	}
	.product_ul ul li {
		width: 49%;
	}
	.product_ul ul li .imgs{height: 200px;}
	.product_ul ul li h2{margin-top: 10px;}
	.product_ul ul li:nth-child(3n+0) {
		margin-right: 1%;
	}
	.product_ul ul li:nth-child(2n+0) {
		margin-right: 0;
	}
	.f24{font-size: 16px;}
	
	
	body .baidu_ditu {
		width: 96%;
		height: 34rem;
		margin: 0 auto;
		border: #ccc solid 1px;
		margin-bottom: 2rem;
	}
	.contact_r h2 {
		font-size: 18px;
	}
	.map_div {
		width: 100%;
	}
	.contact_r {
		width: 94%;
		padding-top: 3%;
	}
	.cxcont{padding: 10px;}
	.cxcont form{width: 100%;}
	.cxcont form input{width: 70%;height: 34px;line-height: 34px;}
	.cxcont form input.submit{width: 28%;}
	
	.contsear{overflow-x: auto;}
	.searul{width: 1160px;display: none;}
	
	.serul_m{display: block;}
	.serul_m ul{border-left: 1px #ccc solid;border-bottom: 1px #ccc solid;overflow: hidden;}
	.serul_m ul li span{display: block;float: left;border-right: 1px #ccc solid;border-top: 1px #ccc solid;width: 50%;height: 30px;line-height: 30px;padding: 0 10px;}
	.wauto{width: 100%;display: block;}
	.searli_list li{min-width: auto;}
 
}

 

 
@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)
  }
}