@charset "utf-8";
/*---------------header----------------------*/
.wrap {
	width:1200px;
	margin:0 auto;
	position: relative;
}
.wrap:before,.wrap:after {
    content:"";
    display:table;
}
.wrap:after {
    clear:both;
    overflow:hidden;
}
.header,.section {
	float:left;
	width:100%;
}
.header {
	position:fixed;
	height:70px;
	background-color: rgba(0,0,0,.5);
	z-index:999;
}
.logo {
	float:left;
	width:280px;
	height:70px;
}
.logo a{
	width:200px;
	height:70px;
	text-indent:-999em;
	background:url(../icon/icon.png) 0 -320px no-repeat;
	display:block;
}
.phone-brn {
	float:right;
	margin-top:14px;
	display:none;
}
.phone-brn span {
    float: left;
    width: 32px;
    height: 32px;
	margin-right:15px;
    background: url(../icon/icon.png) -300px -339px no-repeat;
}
.phone-brn .icon-p {
    background-position:-300px -339px;
}
.phone-brn .icon-n {
	background-position:-400px -339px;
}
.phone {
	float:right;
	width:220px;
	height:70px;
	line-height:70px;
	font-size:24px;
	color:#4edfbb;
}
.phone span{
	float:left;
	width:32px;
	height:32px;
	margin:19px 10px 0 0;
	background:url(../icon/icon.png) -300px -339px no-repeat;
}
.nav {
	float:left;
	height:70px;
}
.nav li{
	float:left;
}
.nav a{
	float:left;
	margin-right:40px;
	font-size:20px;
	line-height:62px;
	color:#fff;
	display:block;
	border-top:solid 4px transparent;
}
.nav a.active{
	color:#4edfbb;
	border-top:solid 4px #4edfbb;
}
.nav a:hover{
	color:#4edfbb;
}