@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(0,0,0,0.8);-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;}
  .header .nav{display:none}
  .mobile-nav-btn{display:block}

  /*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%}

  /*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%;}
  .box{width: calc(100% - 20px);}
  /*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;}