#header .head_nav{
height: 56px;
background: #313842;
}
.wrap{
width: 1200px;
height: 100%;
margin: 0 auto;
position: relative;
}
.wrap ul{position: absolute;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
#header .head_nav ul.nav_list>li{
width: 100px;
float: left;
margin: 0 2px;
transition: 0.35s;
}
#header .head_nav ul.nav_list>li:nth-child(4),
#header .head_nav ul.nav_list>li:nth-child(5){
width: 150px;
}
#header .head_nav ul.nav_list>li:nth-child(4)>a.on,
#header .head_nav ul.nav_list>li:nth-child(4)>a:hover,
#header .head_nav ul.nav_list>li:nth-child(5)>a.on,
#header .head_nav ul.nav_list>li:nth-child(5)>a:hover {
transition: 0.35s;
background: url("/template/tuochen/images/nav_h150.png") no-repeat center top;
background-size: cover;
}
#header .head_nav ul.nav_list>li>a.on,
#header .head_nav ul.nav_list>li>a:hover{
height: 56px;
overflow: hidden;
display: block;
margin-top: -3px;
background: url("/template/tuochen/images/nav_h.png") no-repeat center top;
transition: 0.35s;
}
#header .head_nav ul.nav_list>li>a>i{
display: block;
font-size: 16px;
letter-spacing: 0.2px;
line-height: 56px;
text-align: center;
color: #fff;
transition: 0.35s;
}
#header .head_nav ul.nav_list>li>a.on>i,
#header .head_nav ul.nav_list>li>a:hover>i{
line-height: 1;
margin-top: 11px;
margin-bottom: 5px;
}
#header .head_nav ul.nav_list>li>a>span{
display: none;
}
#header .head_nav ul.nav_list>li>a.on>span,
#header .head_nav ul.nav_list>li>a:hover>span{
color: #fff;
font-size: 12px;
text-align: center;
display: block;
line-height:1;
transform: scale(0.84);
display: block;
}
#header .head_nav ul.second{
background: #3a4452;
position: absolute;
z-index: 999;
top:43px;
}
#header .head_nav ul>li{ width: 110px;}
#header .head_nav ul.nav_list>li:hover ul.second{
display: block;
}
#header .head_nav ul.second{
display: none ;
}
#header .head_nav ul.second li a{
display: block;
text-align: center;
font-size: 14px;
color: #fff;
line-height: 30px;
border-bottom: 1px solid #fff;
}
#header .head_nav ul.second li:last-child a{
border-bottom: 0;
}
#header .head_nav ul.second li a:hover{
background: #93a1b5;
}