@charset "gb2312";
/* CSS Document */
@media screen and (max-width: 1090px){
.above{display:none}
	.maincontainer{width: 100%; }
.l10{width:50%;height:0px; }
.currentPosition{clear: both;}
	.topnav{height:200px}
	.topnav .logo, .topnav .functions {
    float: none;
    margin: 20px auto 0;
    padding: 0;}
	.topnav .logo, .topnav .functions {
    float: none;
    margin: 20px auto 0;
    padding: 0;}
	.topnav .functions .navbox ul li {
    width: 14.0%;
    text-indent: 0px;
    text-align: center;}
		.header{ width:100%}
		.leader_list{padding:0px;}
}
@media screen and (max-width: 768px){
.above{display:none}
	.topnav .functions{ width: 100%;}
	.footer .friendlink{ display:none;}
	.footer .footercontent{ padding:0 2%;}
	.maincontainer{width: 100%; }
		  .currentPosition{ display:none}
		.bbj{width:100%;height: 82px;padding-top:10px;background-image: none;}
		.topnav .logo, .topnav .functions {
    float: none;
    margin: 20px auto 0;
    padding: 0;}
	.header{ width:100%}
	.leader_list{padding:0px;}
}


@media screen and (max-width: 480px){
.above{display:none}
	.topnav .logo, .topnav .functions {
    float: none;
    margin: 20px auto 0;
    padding: 0;}
	.topnav .logo img {
    width: 90%;
}
.maincontainer{width: 100%; }
.topnav .functions .navbox ul li a img {margin-left: 0px;margin-top:10px;width:60%}
	.header{ width:100%}
	.leader_list{padding:0px;}
}