@charset "gb2312";
/* CSS Document */

@media screen and (max-width: 1090px){
	.maincontainer{ width:99%; padding:10px 0.5%; margin-top: 20px;}
	.above{ display:none;}
	.topnav{ width: 100%; margin:0; height:160px;}
	.topnav .logo,.topnav .functions{ float: none; margin:20px auto 0; padding:0;}
	.topnav .logo{width:312px;}
	.topnav .functions{ margin-top: 30px;}
	.topnav .functions .navbox{ margin:0; height:auto;}
	.topnav .functions .navbox ul li{ width: 14.0%; text-indent: 0px; text-align: center;}
	.topnav .functions .navbox ul li a img{ margin:0;}
	.column{width:98%;}
	.column ul li{width:49%; float:left; margin-left:0.5%; margin-right:0.5%;}
	.column_list{ width:97%; min-height:600px}
	.pic_list{ width:100%;}
	.pic_list li{ width:32.3%; margin:20px 0.5% 0;}
}

@media screen and (max-width: 760px){
	.maincontainer{ width:98%; padding:10px 1%;}
	.topnav .functions{ width: 100%;}
	.footer .friendlink{ display:none;}
	.footer .footercontent{ padding:0 2%;}
	.maincontainer .currentPosition{ clear:both;}
	.column{ width:100%;}
	.column_list{ width:100%; margin-top:10px;}
	.column_list .list li{ padding:0;}
	.column{width:98%; margin-right:0;}
	.column ul li{width:49%; float:left; margin-left:0.5%; margin-right:0.5%;}
	.column_list{ width:97%; min-height:600px;}

}

@media screen and (max-width: 480px){
	.maincontainer .currentPosition{ clear:both;}
	.column ul li{width:99%; float:left;}
	.pic_list li{ width:49%;}
	.topnav .functions .navbox ul li a img{margin-top:10px; width:60%}
}

@media screen and (max-width: 460px){
	.maincontainer .currentPosition{ clear:both;}
	
}
@media screen and (max-width: 320px){
	.pic_list li{ width:100%; margin:20px 0 0; }
}