/*nav导航盒子*/
div.nav{

    font-size: 16px;
    position: relative;
}
/*nav-main*/
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}

/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
ul.nav-main>li{
    width: 80px;
    height: 100%;
    display: block;
    float: left;
    color: #000;
    margin-right: 1px;
    cursor: pointer;
    text-align: center;
}
ul.nav-main>li:hover{
    background: #eee;
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 104px;
    border-top: 0;
    position: absolute;
    display:none;
    background:#fff;
    top: 30px;
	z-index:999;
	margin-left: -13px;
}
.nav div li a{font-size: 14px; transition-duration: .1s;}
.hidden-box>ul li{ width: 100px;text-align: center; margin: 5px 2px;}
.hidden-box>ul{
    list-style-type: none;
    color: #ccc;
    cursor: pointer;
}
.hidden-box li:hover{
    color: #46ACCE;
}
/*隐藏盒子位置设置*/
.hidden-loc1{
    left: 127px;
}
.hidden-loc2{
    left: 231px;
}
.hidden-loc3{
    left: 335px;
}
.hidden-loc4{
    left:439px;
}
.hidden-loc5{
    left:543px;
}
.hidden-loc6{
    left:648px;
}