@charset "utf-8";
/*modify by tlp*/  
.show-pc{display:block}
@media screen and (max-width:1100px) {  
    .listContent{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}  
	.listContent .contentLeft{width: 96%;margin: 0 2%}
	.Content-right,.contentRight{display: none;}
	.picList li{  float: left;padding: 0;
			  margin-bottom: 20px;
			  width: 23%;
			  margin: 0 1% 20px 1%;}
  .picList li img{width: 100%}
  .picList h2{width: 98%;padding:5px 1%;}  
    .topBar{width:100%;min-width:100%}
  .tNmain,.tBmain,.copy{width:100%;} 
   .show-pc{display:none}
   .tBmain{  padding-top: 10px;}
   .tlogo{margin-left:10px;} 
   .izl-rmenu,.tsearch{display:none;}
    .tpath,.tpath a{font-size:16px;} 
}

@media screen and (max-width:1024px) { 
    .mainContent{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} 
    .aList ul{width: 96%;padding: 15px 2%;}
	.aList li{height: auto;}  
    .mainNav{display:none}
      
}
@media screen and (max-width:768px) {
	.picList li{width: 30%;margin: 0 1.5% 20px 1.5%;}
}
@media screen and (max-width:520px) { 
	.picList li{width: 47%;margin: 0 1.5% 20px 1.5%;}
}
 
@media screen and (max-width:500px) {
    .tlogo{width:40%;} 
    .tlogo img{width:100%;margin-top:5px}  
}
@media screen and (max-width:440px) {
   .tlogo{width:46%;}
    .tlogo img{width:100%;margin-top:4px}
}
@media screen and (max-width:320px) {
   .tBmain{padding:0;}
   .tlogo img{margin-top:12px}
   .tlogo{width:42%;}
    .tlogo img{width:100%;margin-top:11px}
}