@media screen and (max-width:1200px) {

  body{padding-top:60px}
  /*header*/
  .header{width:100%;height:60px;}
  .header .logo{line-height:60px}
  .header .logo img{width:250px}
  .header .h-right{display:none}
  .mobile-menu{display:block}
  
  /*main*/
  .lightbox-list ul{margin:0}
  .lightbox-list ul li{width:31.33%;margin:0 1% 3%}
  .partner-list ul {margin:0;}
  .partner-list ul li{width:16%;margin:0 2% 3%}

}

@media screen and (max-width:1100px) {

  /*main*/
  .main-tabs{height:auto}
  .main-tabs .location{width:100%;font-size:20px;height:50px;line-height:50px;margin:0}
  .main-tabs .tab-list{width:100%;margin:0;}
  .main-tabs .tab-list ul li{width:33.33%;margin:0}

}

@media screen and (max-width:1024px) {

  /*header*/
  .rigFlotItem{display:none}

  /*main*/
  .sub-intro{width:100%;height:auto}
  .sub-intro .protxt{position:static;max-width:100%;text-align:left;padding:20px 0}
  .sub-intro .sbg{text-align:center}
  .sub-intro img{float:none}
  .sub1 .protxt h1, .sub1 .protxt p{color:#2c2c2c}
  .sub1 .more{color:#666;border-color:#666}
  .sub3 .protxt h1, .sub3 .protxt p{color:#2c2c2c}
  .sub5 .protxt h1, .sub5 .protxt p{color:#2c2c2c}
  .sub3 .protxt h1, .sub5 .protxt h1{font-size:30px}
  .sub3 .more,.sub5 .more{display:block}
  #home-about{width:100%;text-align: center;margin-top: 20px;}
  .about-txt{width:100%;text-align:center;border:0;padding:0}
  .about-img img{width:100%;margin:0}
  .c-left{width:100%;margin-bottom:20px}
  .c-right{width:100%}
  .pt{float:none;width:100%}
  .back{float:none;width:50%;height:50px;line-height:50px;margin:20px auto 0}
  .c-right .bd ul li{text-align:center}
  .c-right .bd ul li a .img img{width:100%}
  .tb-gallery{display:none}
  #gallery{display:block}
  .tb-intro{float:none;width:90%;margin:0 auto}
  .product-list ul li{width:100%;height:auto}
  .product-list ul li .protxt{position:static;max-width:100%;text-align:center;padding:20px}
  .product-list ul li .sbg{text-align:center}
  .product-list ul li img{float:none}

}

@media screen and (max-width:768px) {

  /*main*/
  .sub-news .first-news{width:100%;margin-bottom:25px}
  .sub-news .home-news-list{width:100%}
  .sub-page ul li{width:33.33%;height:auto;transform:rotate(0);margin:-1px -1px 0 0!important;padding:0!important}
  .sub-page ul li a{width:100%;height:100%;transform:translate(0) rotate(0);position:static;line-height:100px}
  .about-content .btit{font-size:24px;text-align:center}
  .about-li ul li{text-align:center}
  .about-li ul li .a-fl{width:100%}
  .about-li ul li .a-fr{width:100%}
  .about-li ul li .img{margin-bottom:20px;}
  .about-content .about-li .technical-content li .img{margin-right:0;float: none;text-align: center;}
  .contact-main .address{width:100%}
  .feedback ul li .group{width:100%}
  .feedback ul li .in3{width:100%}
  .lightbox-list ul li{width:48%}
  .partner-list ul li{height:150px;}
  /*footer*/
  .foot-main{text-align:center}
  .foot-contact{width:100%}
  .foot-message{width:100%;margin:25px 0 0}
  .foot-message .msubmit{float:none;width:50%;margin:0 auto}
  .foot-wx{width:100%}
  .copyright span{display:block;width:100%;text-align:center;margin:5px 0}

}


@media screen and (max-width:480px) {

   /*banner*/
   .sub-banner{height:150px;}

   /*main*/
   .section-hd .s-more{display:none}
   .sub-intro .protxt h1{font-size:18px}
   .sub-page ul li{width:50%}
   .home-news-nav{width:100%;}
   .home-news-nav span{width:25%;text-align:center;margin:0}
   .main-tabs .tab-list ul li{width:50%}
   .main-tabs .tab-list ul li a{height:50px;line-height:50px}
   .contact-main .bd h1{font-size:24px;}
   .news-list ul li .img{width:100%}
   .news-list ul li .img img{width:100%;height:auto}
   .news-list ul li .text{float:left;margin:20px 0 0 0}
   .notice-list ul li a .date{float:none;margin:0 auto 20px}
   .notice-list ul li a .text{margin:0}
   #gallery{width:100%}
   .tabs-sub table{width:100%}
   .partner-list ul li{width:46%;height:220px;}

}

@media screen and (max-width:425px) {

   /*main*/
	.lightbox-list ul li{width:98%}
	.lightbox-list ul li img{width:100%}
	.partner-list ul li img{width:100%}
}

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;}


    