@media only screen and (max-width: 1200px) {

.zwgg{ display:none;}
}





@media only screen and (max-width: 999px) {
body { background:#fdfdfd;
}

nav div{ padding-left:10px;}

footer{padding:10px;}

.zerogrid {
width:100%; }

#example .main.container .span4{ display:none;}

.briefly{ padding:20px 10px 0 10px; background-color:#f8f8f8;}

.bread{ display:none;}

h1{ font-size:25px;}

.guanggao{ display:none;}

#example .main.container .span2 .content{font-family: 'XinGothic-SinaWeibo','Microsoft YaHei',helvetica,arial,sans-serif;}

.about-read{ background-color:#fff;}
.about-read ul{ margin-left:15px;}
.about-read ul li {

 width:100%;
 
 padding:5px 0px 5px 0px;

	padding-left:0px; margin-left:0px; background-image:none; white-space:pre-wrap;
	
	
}



#example .main.container .big-pic{  margin-top:15px;}

#example .main.container .big-pic .content{ padding:20px;}

#example .main.container .big-pic #articleEdit{ margin-bottom:20px; margin-right:20px;}



.zwgg{ display:none;}
}


@media only screen and (max-width: 640px) {

h1{ font-size:22px;}


.list-pic-wrap ul{ float:left; width:100%; margin:0;}

.list-pic-wrap .list-pic li{ width:48.1%; float:left; margin-left:3.4%;}

.list-pic-wrap .list-pic li:first-child{margin-left:0%;}

.list-pic-wrap-last{ display:none;}
}



@media only screen and (max-width: 500px) {



.zerogrid .logo{
 display: block;}
 
 
 
 #example .main.container .big-pic{  margin-top:5px;}


	
	
.grid_1_of_4 {
width: 44.2%;
	display: block;
	float: left;
	margin: 4% 0% 0% 4%;
}


.grid_1_of_4 p{ font-size:12px; }


.about-pic-titl{  line-height:40px; font-size:15px;}

.about-pic ul li.last{ display:none;}


}



@media only screen and (max-width: 480px) {


.list-pic-wrap{ margin:0 10px;}

.list-pic-wrap p{ font-size:12px;}

.about-pic-titl{ margin-bottom:10px;}

.zerogrid .logo{
 display: block;}
.about-read ul li { font-size:12px;

}
#example .main.container .big-pic .content{ padding:10px;}


}