@charset "utf-8";
/* CSS Document */

@media screen and(max-width:1024px){


}
@media screen and (max-width: 1000px){

    .nav li a{margin-right: 25px;}
	.nav li a:hover{margin-right: 25px;}
	.wp{ width:90%; margin:0 auto;}



	 
}


@media screen and (max-width:980px){

	.wp{ width:90%; margin:0 auto}
	
	.head_logo{ background:url(../images/head.jpg) no-repeat center top; width:95%; background-size:100%; margin:0 auto;}
	
	.index_left{ width:15%; }
    .index_right{ width:70%}
	
	.iatitle{ background:url(../images/iatitle.jpg) no-repeat center top; width:100%; margin:0 auto;}
	.a1{ background:url(../images/ad.jpg) no-repeat center top; width:100%; background-size:100%; margin:0 auto;}
	.ad_bg{ background-color:#f0f0f0; width:100%; margin:0 auto; margin-top:1em;}

	.casebg{ display:none;}
	
	.inews_title{ display:none;}
	.inews_icon{ display:none;}
	
	#foot{ background-color:#3e3e3e; width:100%; background-size:100%; height:auto; margin:0 auto; margin-top:1.5em;}
	.txtfoot{ width:94%; margin:0 auto; color:#ffffff;}
	
	.aboutitle{ width:100%; margin:0 auto; border-bottom:1px solid #dcdcdc;}
	.sbody{ width:100%; margin:0 auto; margin-top:1em;}
	
	#productslist li {max-width:33%;margin-bottom: 15px; padding:0 1em; float: left; text-align: center; }
	
	
.nav li a{
    display: block;
    height: 40px;
    line-height: 40px;
    margin-right: 35px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px;
	color:#ffffff;
	font-weight:bold;
}
.nav li a:hover{
    display: block;
    height: 40px;
    line-height: 40px;
    margin-right: 35px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px;
	background: #ff0000;
}
}


@media screen and (max-width: 800px){

 #nav{display: none;}
 #productslist li {max-width:50%;margin-bottom: 15px; padding:0 1em; float: left; text-align: center; }
	
/*.nav li a{
    display: block;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px;
	  color:#ffffff;
}
.nav li a:hover{
    display: block;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px;
	background: #2f3f56;
}*/

}

@media screen and (max-width: 768px){
    #hd{display: none;}
    .m-hd{display: block;}
    .n_baner {margin-left: 0;}  
	
	.head_logo{ display:none;}
	.index_left{ width:15%; }
    .index_right{ width:64%}
	#foot{ background-color:#3e3e3e; width:100%; background-size:100%; height:auto; margin:0 auto; margin-top:1.5em;}
	.txtfoot{ width:94%; margin:0 auto; color:#ffffff;}
	
	.sbody{ width:100%; margin:0 auto; margin-top:1em;}

}

@media (max-width:767px){
   
    .n_baner { margin-left: 0;}
  

}


@media screen and (max-width:640px){

 .logo-m img{ width:100%;}
 
 .head_logo{ display:none;}
 .index_left{ width:100%; float:none;}
 .index_right{ width:100%; float:none;}



}



@media screen and (max-width:480px){	

	.a1{ background:url(../images/a2.jpg) no-repeat center top; width:100%; background-size:100%; margin:0 auto;}	

	
	.casebg{ display:none;}
	.inews_title{ display:none;}
	.inews_icon{ display:none;}
	
	#foot{ background-color:#3e3e3e; width:100%; background-size:100%; height:auto; margin:0 auto; margin-top:1.5em;}
	.txtfoot{ width:94%; margin:0 auto; color:#ffffff;}
	
	 .ipro_title{ display:none;}
     .txtplist{ display:none;}
	 
	 .tel{ display:none;}
	 
	 .aboutitle{ width:100%; margin:0 auto;}
     .t1_fr{ width:25%; padding:.1em; color:#ffffff;}
     .t1_fl{ width:70%; padding-left:.5em;}
	 
	 .sbody{ width:100%; margin:0 auto; margin-top:1em;}
	 
	 #productslist li {max-width:50%;margin-bottom: 15px; padding:0 1em; float: left; text-align: center; }


	 

}

@media screen and (max-width:414px){

}

@media screen and (max-width:360px){



	}
    
	
@media screen and (max-width:320px){

 .logo-m img{ width:100%;}
 
 #productslist li {max-width:50%;margin-bottom: 15px; padding:0 1em; float: left; text-align: center; }
 

 
 .casebg{ display:none;}
 .inews_title{ display:none;}
 .inews_icon{ display:none;}
 


}
	

	




