@media screen and (max-width:1024px) {


  /*header*/
  .menu-header{height:auto;}
  .header{z-index:9999;position:fixed;width:100%;left:0;top:0;height:50px; background:rgba(255,255,255,1);-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;}
  .header .logo{width:150px;line-height:50px; margin-top: -3px;padding-left: 5px;}
  .header .nav{display:none}
  .mobile-nav-btn{display:block}
  
  #home-company a{margin-top: 0px;margin-bottom: 20px}
  .abt_comculture .comculture_mian dl dd { width: 48%;margin-left:1%; margin-right:0;}
  .foot-main .sys-link{ width: 100%;}
  .stores .text{ width: 100%; padding-left: 20px;}
  .stores ul{width: 100%;margin-top: 20px;}
  .stores li{width: 50%;height: 120px;display: inline-block;}
  .stores li em {
      width: 100%;
      text-align: center;
      display: inline-block;
      margin: 0 auto;
  }
  .product-list .prev, .product-list .next {
      top: 0px;
   }
  .wrap{ height: auto;position: unset;}
  .pic1 {
	  float: left;
      position: unset;
      top: unset;
      left: unset;
      margin-bottom: 10px;
	  border-left: 0px solid #fff;
  }
  .pic2 {
	position: unset;
	top: unset;
	left: unset;
	float: left;
	margin-bottom: 10px;
	border-left: 0px solid #fff;
  }
  .pic3 {
      position: unset;
      top: unset;
      left: unset;
      float: left;
	  margin-bottom: 10px;
	  border-left: 0px solid #fff;
  }
  .pic4 {
      position: unset;
      top: unset;
      left: unset;
      float: left;
      border-left: 0px solid #fff;
  }
  .wrap .pic .x-text {
      position: unset;
      width: 100%;
      padding: 20px 15px;
  }
  
  
  /*banner*/
  .banner{height:auto;}
  #banner a{height:450px;background-size:100% 450px;}

  /*main*/
  #home-product .img .mask-link{display:none}
  .product-list ul li{width:31.33%;margin:0 1% 3%}
  .box{ width: calc(100% - 20px); overflow: hidden; }
  .sub-nav-box{ width: 100%;}
  .sub-nav-box .g-in{ width: 100%;}
  .product-list{ max-width:100%; }
  .product-list .swiper-slide {margin-right: 0px;}
  .product-list .prev {
      background: url(images/pro-pv.png) no-repeat center / 50%;
  }
  .product-list .next {
      background: url(images/pro-nx.png) no-repeat center / 50%;
  }
  .product-list .prev, .product-list .next {
      width: 30px;
      height: 80%;
  }
  .product-list .swiper-slide{ width: 137.5px !important;}
  
  .contact-way .xs-left, .content .xs-left{width: 100%;}
  .contact-way .xs-right, .content .xs-right{width: 100%;}
  
  
  /*footer*/

  
}

@media screen and (max-width:768px) {
  /*banner*/
  #banner a{height:300px;background-size:100% 300px;}
  .sub-banner{margin-top:50px; height:100px;background-size:cover}
  .content{padding:0 20px}
  .content p{ padding-top:20px;}
  .tabulation{ height:auto; }
  .ww{width:90%; margin-left:5%;}
  /*main*/
  .home-company .description{width:100%}
  #home-company{width:100%}
  iframe{height:300px}
  .home-news-list ul li{width:48%;margin-bottom:15px}
  .home-news-list ul li .img img{width:100%}
  .tab-link .box{padding:0}
  .tab-link ul li{width:auto;height:auto;line-height:1;}
  .tab-link ul li a{padding:10px}
  .profile .text, .profile .img{width:100%}
  .profile .img{text-align:center;margin-top:20px}
  .news-list ul li a{height:auto}
  .news-list ul li a .img{width:200px;}
  .news-list ul li a .text{margin-left:220px}
  .news-list ul li a .text p{display:none}
  .news-list ul li a .news-btn{display:none}
  .pro-disp .img{float:none;width:100%;text-align:center}
  .pro-disp .text{margin:20px 0 0 0}
  .application ul li{width:48%}
  .container{width:100%;margin-bottom:25px}
  .sidebar{width:100%}
  .sidebar ul li{float:left;width:48%;margin:20px 1% 0}
  .sidebar ul li .img{text-align:center}
  #home-product .item{width:auto;}
  .home-company .description{width:100%;}
  .home-company .description h1{padding-left:10px;}
  .home-company .description .video{ width:100%; }
  .home-company .description .desc{ padding:10px; }
  #home-company{width:100%}
  #home-area .item {width:100%;}
  .contact-way .xs-left{ width:100%; }
  .contact-way .xs-right { width: 100%;}
  .link-button .fr{ float:left; }
  /*footer*/
  .foot-main{ min-height:300px;}
  .foot-main .box{background:none}
  .foot-main .sys-footer-codebox{width:100%; float:left;}  
  .foot-main .sys-ft-info{ width:100%; }
  .foot-main .sys-ft-info:after{ display:none;}
  .foot-main .sys-footer-codebox .foot-search{float:left;width:100%;}
  .foot-main .sys-footer-codebox .foot-search input.in4{ float:right; }
  .foot-main .foot-infor{ padding:10px;}
  .foot-main .sys-ft-info dl{width:100%;margin-bottom:15px}
  .foot-main .sys-ft-info dl:first-child,.foot-main .sys-ft-info dl:nth-child(2),.foot-main .sys-ft-info dl:nth-child(3),.foot-main .sys-ft-info dl:nth-child(4),.foot-main .sys-ft-info dl:last-child,.foot-main .sys-ft-info dl{ width:49%; }
  .foot-main .sys-ft-info dl{ max-width: 50%; }
  

}


@media screen and (max-width:640px) {
 
   /*main*/
   .pro-tab-list{display:none}
   .tab-select{display:block;}
   .product-list ul li{width:48%}

}


@media screen and (max-width:480px) {

  /*banner*/
  #banner a{height:200px;background-size:auto 200px;}
  .sub-banner{margin-top:50px;height:100px;background-size:cover}
  .message ul.mes-ul li textarea{width:100%;}
  /*main*/
 
  .home-title h1{font-size:20px}
  .home-video .video video{height:300px;}
  iframe{height:200px}
  .profile .text h1{font-size:20px}
  #center .text{padding:10px}
  .contact-way .title{font-size:20px}
  .feedback-form .f-input .f1{width:100%;margin:0 0 20px}
  .news-list ul li a{padding:15px}
  .news-list ul li a .img{float:none;width:100%;text-align:center}
  .news-list ul li a .img img{width:100%}
  .news-list ul li a .text{width:100%;margin:15px 0 0}
  .news-list ul li a .text .title{font-size:14px;height:auto}
  .news-list ul li a .text .line{display:none}
  .solution-list ul li{width:98%}

}

@media screen and (max-width:425px) {

  /*banner*/
  #banner a{height:200px;background-size:100% 200px;}
  #banner .owl-dots{bottom:15px}
  #banner .owl-dots .owl-dot span{width:10px;height:10px}

  /*main*/
  .home-news-list ul li{width:98%}
  .home-news-list ul li .text{height:auto}
  .application ul li{width:98%}
  .application ul li img{width:100%}
  .sidebar ul li{width:98%}  .home-news-list ul li .text .title{height:auto;}

  /*footer*/

 
}

img{max-width:100%;height:auto;width:auto\9; /* ie8 */}/*弹性图片*/
html{-webkit-text-size-adjust:none;}
.map img{max-width:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}