@media screen and (min-width: 1200px) {
	.container{width: 1170px;}
	.container2{width: 970px;}
  }
  @media screen and (max-width: 992px) {
	.container{width: 970px;}
  }
	  
@media screen and (max-width: 768px) {
  .container{width: 750px;}
}


@media screen and (max-width: 768px) {
body{
background:url(../images/bg.jpg?v=20211109001) repeat-x #0e1215;
}
.container2{width: 100%;}
.wzlist{ width:100%}

.wzlist dl dt{ font-size:17px; width:30%}
.wzlist dl dd{ font-size:15px; width:70%}
	html {
	font-size: 50%!important;
	}
    .container{
		width: 100%;
	}
	.uploadimg{
		width:100%
	}
	.foot{
		width:100%;
		flex-direction: column;
	}
	.foot div{
		width: 100%;
		text-align: center;
		justify-content: center;
		margin-bottom: 10px;

	}
	.chat-thread li{
		width:100%
	}

	.chat-thread li .t{
		width: 100%;
		height: auto;
	}
	
	.wz{
		position:static;
		margin-top:2rem;
	}

	.location .bt{
		margin-top:-1rem;
		justify-content: flex-start;
	}
		.email p img{ width:90%}
	.an{
		font-size:0.5rem
	
	}
	.logo2{
	position:static; text-align:left
	}

	.plist-thread li{
		width: 100%;
		height:auto
	
	}
	.plist-thread li div{
		font-size: 5.7rem;
		text-indent: 2rem;
		line-height: 200%;
	
	}
	.plist-thread li p{
		font-size: 3rem;
		text-indent: 2rem;
	
	}
	.plist-thread li dl{
		height: auto;
	}



      
}
@media screen and (max-width: 768px) and (min-width: 768px) {
	html {
		font-size: 100%!important;
		}
		.plist-thread li div{
			font-size: 3.7rem;
			text-indent: 2rem;
			line-height: 200%;
		
		}
		.plist-thread li p{
			font-size: 2rem;
			text-indent: 2rem;
			padding-bottom: 15px;
		
		}

}


@media screen and (min-width: 412px)  and (max-width: 767px) {
html {
	font-size:60%!important;
	}
		.wzlist dl dt{ font-size:14px; width:30%}
	.wzlist dl dd{ font-size:13px; width:70%}
		  .logo{ width:45%; }
		  .navs{ width:55%;   margin-top: 3rem;}
		  .header,.upload,.kuang {
			width: 90%;
		}
	.plist-thread li{
		width: 100%;
	
	}
	.plist-thread li div{
		font-size: 2.7rem;
		text-indent: 2rem;
		line-height: 200%;
	
	}
	.plist-thread li p{
		font-size: 2rem;
		text-indent: 2rem;
	
	}
	
 }
	 





@media screen and (max-width: 415px) {
html {
	font-size:60%!important;
	}
		.wzlist dl dt{ font-size:14px; width:30%}
	.wzlist dl dd{ font-size:13px; width:70%}
		  .logo{ width:45%; }
		  .navs{ width:55%;   margin-top: 3rem;}
		  .header,.upload,.kuang {
			width: 90%;
		}
	.plist-thread li{
		width: 100%;
	
	}
	.plist-thread li div{
		font-size: 2.7rem;
		text-indent: 2rem;
		line-height: 200%;
	
	}
	.plist-thread li p{
		font-size: 2rem;
		text-indent: 2rem;
	
	}
	
 }
	  
@media screen and (max-width: 375px) {
html {
	font-size:50%!important;
	}
		  .logo{ width:45%; }
		  .navs{ width:55%;   margin-top: 3rem;}
		  
		.navs a{
    
			font-size: 14px;
		  
		}
	
      }

	  



@media screen and (max-width: 360px) {
html {
	font-size: 40%!important;
	}
		  .logo{ width:45%; }
		  .navs{ width:55%;}
	
		  .plist-thread li div{
			font-size: 3rem;
			text-indent: 2rem;
			line-height: 200%;
		
		}
		.plist-thread li p{
			font-size: 2.5rem;
			text-indent: 2rem;
		
		}  

	
 }
	  
@media screen and (max-width: 321px) {
html {
	font-size:40%!important;
	}
	.wzlist dl dt{ font-size:12px; width:30%}
	.wzlist dl dd{ font-size:12px; width:70%}
		  .logo{ width:40%;  }
		  .navs{ width:60%;   margin-top: 2rem;}
		  
		.navs a{
    
			font-size: 1rem; 
		  
		}
	
}