.header{width: 100%;position: absolute;margin-top: 36px;z-index: 1}

.nav-box{width: 1200px;min-width:1200px;line-height: 32px;margin: 0 auto}
.logo{display: inline-block;}
.banner img{max-width: 100%;height: auto}

.search{
	float: right;width: 17px;height: 33px;
	background: url('../images/search-logo.png') no-repeat center;
}
.nav-item{float: right;}
.nav-item-list{float: left;margin-right: 47px}

.nav-item-list a{
	font-size: 14px;color: white;position: relative;
	transition: all linear .2s;
	-moz-transition: all linear .2s; /* Firefox 4 */
	-webkit-transition: all linear .2s; /* Safari 和 Chrome */
	-o-transition: all linear .2s; /* Opera */
}

.nav-item-list> a:before{
    content: "";
    display: inline-block;width: 101px;
}
.nav-item-list> a::before{
    position: absolute;top:0px;left:0;
    overflow: hidden;
    padding: 13px 0;
    max-width: 0;
    border-bottom: 2px solid #ff7f01;
    color: #e40082;
    content: attr(data-hover);
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s;
}
.nav-item-list a:hover{color:#ff7f01 }
.nav-item-list a:hover::before{max-width: 100%}