@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;}
	.maincontainer .page{width:94%;}
	.xxlb{ width:30%;float:left}
	.zxgk{width:70%; float:left;height:auto;}
}

@media screen and (max-width: 768px){
	.maincontainer{ width:98%; padding:10px 1%;}
	.topnav .functions{ width: 100%;}
	.footer .friendlink{ display:none;}
	.footer .footercontent{ padding:0 2%;}
	.maincontainer .currentPosition{ clear:both;}
	.maincontainer .page{width:90%;}
		.xxlb{ width:30%;float:left}
	.zxgk{width:70%; float:left;height:auto;}

}

@media screen and (max-width: 480px){
	.maincontainer .currentPosition{ clear:both;}
	.maincontainer .page{width:85%;}
	.topnav .logo{ width:100%;    text-align: center;}
	.topnav .logo img{ width:80%;    text-align: center;}
	.xxlb{ width:100%;float:left}
	.zxgk{width:100%; float:left;height:auto;}
	.topnav .functions .navbox ul li a img {width:60%;    margin: 0;}
}

