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

  .box{width:96%}  
  .header .mobile-header{display:block}
  .header #cd-menu-trigger{display:block;top:0px}
  .header #cd-lateral-nav{display:block}
  .wrap{height:50px}
  .header{height:50px;}
  .header .logo{padding:0}
  .header .logo a{width:266px;height:50px;}
  .header .logo img{width:266px;height:50px;}
  .header .nav{display:none}
  .header .nav ul .nav-li .nav-a{height:50px;line-height:50px}

}

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


}


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


}


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

  .banner .flexslider .slides  li a{background-size:1396px 400px!important;height:400px}
  .index-main{padding:2%}
  .index-main .columns{margin-right:0;width:100%;height:auto;padding-bottom:1%}
  .index-main .columns .img img{width:100%}


}

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

   .top{display:none}
   .sub-banner{background-size:1200px 150px!important;height:auto}
   .sub-banner .text{padding:15px 0;font-size:30px}

}

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

   .blog-list ul li{width:49%}
   .main .container .main-tab ul li{width:100%;height:auto;line-height:20px;margin-right:0}
   .main .container .main-tab ul li a{font-size:16px;padding:5px 0}
   .footer .foot-main .contact-detail{width:100%}
   .footer .foot-main .logo{width:100%;text-align:center}
  
}


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


  .banner .flexslider .slides  li a{background-size:873px 400px!important;height:250px}

}

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


}

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

  .main .container .main-title .share{display:none}
  .page2 .fan{width:100%;margin:1% 0}
  .contact-content .location ul li{width:100%;margin:0 0 3%}
  .contact-content .location ul li .img{text-align:center}
  .pro-list ul li{width:49%}
  .quality-content .main-1 .m1{width:100%;margin-bottom:2%}
  .quality-content .main-2 img{width:48%}
  .quality-content .main-3 .m3{width:100%;margin-bottom:2%;}
  .quality-content .main-3 .m3 p{width:50%;float:left}
  .quality-content .main-3 .m3 .h1{width:100%}

}

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

  .banner .flexslider .slides  li a{background-size:524px 150px!important;height:150px}
  .blog-list ul{margin-right:0}
  .blog-list ul li{width:100%;margin-right:0;}
  .blog-list ul li a .text{height:auto}
}

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


}

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