@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family:"微软雅黑"
}
.top {
	background-color: #24aaff;
	height: 68px;
	width: 100%;
}
.name {
	float: left;
	height: 68px;
	line-height:68px;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	margin-left:10px;
}
.name img {vertical-align:middle;margin:0 0 0 10px}
.menu{float:right;height:68px; overflow:hidden}
.menu ul{padding: 0;
    margin: 0;
    height: 68px;
    float: left;}
.menu ul li {
	float: left;
    text-align: center;
    display: block;
    cursor: pointer;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px
}
.menu ul li:last-child {
    margin-right: 10px;
}
.menu ul li a i{
	background-size: contain;
	display:block;
	margin:3px auto 2px;
	border:none;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;	
}
.menu ul li:hover i
 {transform:translate(0,-10px);
	-webkit-transform:translate(0,-6px);
	-moz-transform:translate(0,-6px);
	-o-transform:translate(0,-6px);
	-ms-transform:translate(0,-6px);}
.menu ul li span{
	width:100%;
	margin:0;
	padding:0;
	font-family:"微软雅黑";
	font-size:13px;
	color:#fff;	
}
.menu li span{
	width:100%;
	margin:0;
	padding:0;
	font-family:"微软雅黑";
	font-size:13px;
	color:#fff;	
}
.menu ul li a {
	text-decoration:none;
	height: 63px;
	display:block;
	width:100%;
	color:#fff;
}
.menu ul li:hover {
	background:#158878;
	font-weight:bold
}
.clear{clear:both}