/* CSS Document */
@media only screen and ( max-width:1440px){
	.left-nav{ height:710px;}
}

@media only screen and ( max-width:1200px ){
   .wami{ width:100%; margin:30px auto 0;}
   .banner{ margin-top:47px;}
   .rslides li img{ height:auto;}
   
   .main-down,
   .waper-contaner,
   .contari,
   .foot,
   .product-list,
   .news-list{ width:96%; padding:0 2%; margin-left:-50%; margin-top:30px;}
   .foot .lfts-nav{ float:none; width:100%;}
   .foot .rit-nav{ float:none; width:100%; margin-top:20px;}
   .bom-fot ul{ width:96%;}
   .contari{ margin-top:85px;}
   
   .sub-xxk,
   .rit-box,
    nav,
   .left-nav{ display:none;}
   .mob-nav{ display:block;}
    		
   header{ background-color:rgba(56,115,162,1); position:fixed; padding-bottom:6px;}
   #banner{ top:58px; max-width:100%; margin-left:-50%;}
   .rslides_tabs{ width:100%; left:50%; margin-left:-50%; right:auto;}
   .rslides_tabs li,
   .rslides_tabs a{ float:none; width:30px; display:inline-block; text-align:center;}
   .wami .rslides_tabs li,
   .wami .rslides_tabs a{ width:12px; height:12px;}
   
   .top{ width:100%;}
   .logo{ margin-left:1em;}
  
   .to-solve{ height:auto;}
   .sub-solve{ width:832px; margin:120px auto 0;}
   .sub-solve li{ margin:0 35px 20px;}
   .sub-solve li:nth-of-type(4){ margin-left:170px;}
   .details,
   .solveprogram{ margin-top:30px;}
   .relat-list li{ width:31%; margin:0 1% 20px;}
   .main-down .sub-down li article{ width:90%;}
   .main-down .sub-down li article h3{ height:auto; background-position:left top;}
   .lft-box{ float:none; width:100%;}
   .rit-map{ width:100%;}
   
   
}


@media only screen and ( max-width:1024px ){
 .sub-prom li{ width:31.3%;}
 .huoban ul li{ width:47.7%;}
 .lits li{ width:30.8%;}	
}


@media only screen and ( max-width:768px ){
  .logo img{ width:90px;}
  .mob-nav{ top:14px;}
  .mobile,
  #banner{ top:47px;}
  .waepr-tit h3:before,
  .waepr-tit h3:after{ width:46.5%;}
  .news-list ul li{ width:48%;}
  .sub-solve{ width:96%;}
  .sub-solve li{ margin:0 19px 20px;}
  .sub-solve li:nth-of-type(4){ margin-left:137px;}
  .wami .rslides li span{ width:47.7%;}
  .main-contari{ margin:50px 0;}
  .main-related li{ width:31.25%;}
  .contari-tit h3{ font-size:18px;}
  .rit-fdd{ display:none;}
  .lft-box p img{ height:160px;}
  .main-detail .rit-cont img{ width:100%; height:auto;}
  .main-detail p img{ max-width:90%; height:auto; margin:0 5%;}
  table{ display:none;}
}
	
@media only screen and ( max-width:640px ){
  .waepr-tit h3:before,
  .waepr-tit h3:after{ width:39.5%;}
  .news-list ul li{ width:100%;}
  .waepr-tit h2{ font-size:25px;}
  .sub-solve{ margin:60px auto 0;}
  .sub-solve li{ float:none; margin:0 auto 20px;}
  .sub-solve li:nth-of-type(4){ margin-left:auto;}
  .wami .rslides li span{ width:47%;}
  .bom-fot ul li{ float:none; width:100%; text-align:center; margin-top:6px;}
  .bom-fot ul li div{ float:none;}
  .main-contari li{ float:none; width:80%; margin:0 auto 20px;}
  .contari-tit p,
  .contari-tit h3{ float:none;}
  .nav-list li a{ font-size:12px;}
  .sub-prom li{ width:48%;}
  .detail{ margin-top:10px;}
  .main-detail .lft-cont,
  .main-detail .rit-cont{ float:none; width:100%; margin-bottom:20px;}
  .xz a{ float:none;}
  .relat-list li{ width:98%;}
  .relat-list li dl dt img{ width:50%;}
  .main-related li{ width:47.5%; height:253px;}
  .main-down2 ul li p span{ width:135px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .huoban ul li{ width:98%;}
  .top-sec p img{ width:100%;}
  .bom-sec ul li{ width:99%;}
  .lits li{ width:98%;} 
  .last-bom span a{ margin:0 auto 20px;}
  .last-bom a{ display:block; margin:0 auto 20px;}
  .lft-box p img{ height:120px;}
  
  
  	
}