/*header*/
.header{position: absolute;width: 100%;top:0;left: 0;z-index: 99;}
.logo{background: url("/images/header_logo.png") no-repeat center;width: 165px;height: 91px;text-indent: -9999px;}
.nav{width: 1150px; margin-top: 26px;}
.nav li{width: 125px;}
.nav-title{font-size:18px;color: #cccccc;display: block;line-height: 18px;text-align: center;}
.nav-title span{display: block;}
.nav-title em{font-size:12px;color: #666666;letter-spacing: -1px;}
.nav-title:hover span{color: #fff;text-decoration: underline;}

.header:before{position: absolute;width: 100%;height: 70px;left: 0;top: 0;content: '';background: rgba(0,0,0,0.6);transition: 0.3s all;}
.sub-nav{height: 0;overflow: hidden;transition: 0.3s all;text-align: center;line-height: 30px;margin-top: 10px;}
.header:hover:before{height: 300px;}
.header:hover .sub-nav{height: 220px;}

.sub-nav a{display: inline-block;position: relative;color: #cccccc;overflow: inherit;}
.sub-nav a:hover{color: #e1b456;}
/*header*/