.header{overflow: hidden;height: 80px;background: #fff;}
.header .headBox{max-width: 1280px;margin: 0 auto;overflow: hidden;width: 100%;}
.logo{margin-left: 5%;padding: 15px 0;height: 47px;}
.logo,.logo img{height: 47px;}
.logo h3{font-size: 25px;line-height: 47px;}
.nav{height: 100%;overflow: hidden;}
.nav ul{height: 100%;}
.nav ul li {float: left;margin: 0 30px;height: 100%;}
.nav ul li a{display: inline-block;line-height: 80px;}
.nav ul li.active,.nav ul li:hover{
	-webkit-transition: all 1s cubic-bezier(.17, .44, .84, 1);
    transition: all 1s cubic-bezier(.17, .74, .84, 1);}

.nav ul li a{position: relative;height: 80px;}
.nav ul li:hover a{
	-webkit-transition: all .8s cubic-bezier(.17, .44, .84, 1);
    transition: all 0.8s cubic-bezier(.17, .74, .84, 1);
}
.nav ul li a:after {
    content: '';width: 0;background-color: #000000;left: 0;position: absolute;top: 15px;height: 2px;
    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);
    transition: all .66s cubic-bezier(.17, .84, .44, 1);   
     z-index: 1;   border: none;   margin: 0;
}
.nav ul li a:hover:after,.nav ul li.active a:after{width: 100%;}
.nav ul li a{color: #333;}
/****可改变颜色****/

.header .slide-menu{background: #000;}/*移动端导航按钮  主色*/
.mobile-menu li.active > a {
    background-color: red;    /*移动端导航选中   主色*/
}		
.nav ul li a:after {background-color: #000000;/*主色*/}