.top-bg{
	width: 100%;
	height: 376px;
	background: url(top.png) center no-repeat;
}
.logo{
	float: left;
	margin-top: 47px;
	animation: logo	.7s  linear  1;
}
.text-t{
	float: left;
	margin-left: 109px;
	margin-top:90px;
	animation: text	.7s  linear  1;
}
.nav{
	width: 100%;
	height: 60px;
	background: url(nav.png) center no-repeat;
}
.nav a{
	float:left;
	width: 240px;
	height: 60px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.nav li{
	float: left; 
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 240px;
    position: relative;
}
.nav li::before {
    content: "";
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,.4);
    position: absolute;
    right: -1px;
    top: 14px;
    z-index: 1;
}

.nav a{
	color: #fff;
    display: inline-block;
    width: 100%;
    background: url(wx_5.png);
	transition: all 0s ease-out;
}
.nav a:hover{
	 width: 240px;
	 height: 65px;
	 margin-top: -5px;
	 border-left: 1px solid #fff;
	 border-right: 1px solid #fff;
	 background: url(nav1.png);
	 border-radius: 5px 5px 0 0;
	 line-height: 65px;
}

@keyframes logo{
	from{
		opacity: 0;
		margin-top: 0;
	}
	to{
		object-fit: 1;
		margin-top: 47px;
	}
}
@keyframes text{
	from{
		opacity: 0;
		margin-top: 0;
	}
	to{
		object-fit: 1;
		margin-top:90px;
	}
}