/*头部导航条样式*/
.header{
width: 100%;
height: 160px;
background: #fff;
position: relative;
z-index: 10;
}
.header .header_welcome{
width: 100%;
height: 40px;
background: #333333;
}
.header .header_welcome .cont_list{
float: right;
height: 100%;
}
.header .header_welcome .cont_list .item{
float: left;
height: 100%;
font-size: 16px;
line-height: 40px;
color: #e1a43f;
margin-left: 60px;
}
.header .header_welcome .cont_list .item.tel{
padding-left: 24px;
background: url("../images/module/headerCom/tel400.png") no-repeat left;
}
.header .header_welcome .cont_list .item.wx{
position: relative;
padding-left: 24px;
background: url("../images/module/headerCom/wx_icon.png") no-repeat left;
cursor: pointer;
z-index: 1;
}
.header .header_welcome .cont_list .item.wx:hover .wx_clod{
display: block;
}
.header .header_welcome .cont_list .wx .wx_clod{
width: 180px;
position: absolute;
right: 0;
top: 40px;
background: #fff;
padding-bottom: 10px;
display: none;
}
.header .header_welcome .cont_list .wx .wx_clod img{
width: 180px;
height: 180px;
}
.header .header_welcome .cont_list .wx .wx_clod .txt{
text-align: center;
font-size: 16px;
color: #5c5c5c;
line-height: 100%;
}
.header_cont{
height: 120px;
position: relative;
}
.header_cont .logo_box{
width: 364px;
height: 100%;
float: left;
}
.header_cont .logo_box .logo{
width: 100%;
height: 100%;
text-indent: -1000em;
background: url("../images/module/headerCom/logo.png") no-repeat left;
}
.header_cont .top_navbar{
float: right;
height: 78px;
position: absolute;
right: 0;
bottom: 0;
}
.header_cont .top_navbar .slide_bar{
position: absolute;
width: 0px;
height: 5px;
left: 0;
bottom: 0;
background: #e5a73f;
transition: all 0.8s ease;
}
.header_cont .top_navbar .top_nav{
height: 100%;
}
.header_cont .top_navbar .top_nav .nav_item{
height: 100%;
float: left;
position: relative;
}
.header_cont .top_navbar .top_nav .nav_item>.nav_link{
display: block;
height: 100%;
padding: 0 14px;
font-size: 22px;
text-align: center;
line-height: 78px;
color: #333;
overflow: hidden;
}
.header_cont .top_navbar .top_nav .nav_item.active_item>.nav_link{
color: #e5a73f;
}
.header_cont .top_navbar .top_nav .nav_item:last-child .nav_link{
padding-right:0;
}
.header_cont .top_navbar .top_nav .nav_item .menu{
width: 100px;
position: absolute;
left: 0;
top:100%;
background: #232328;
display: none;
}
.header_cont .top_navbar .top_nav .nav_item .menu .menu_item{
width: 100%;
height: 40px;
border-bottom: 1px solid #999999;
}
.header_cont .top_navbar .top_nav .nav_item .menu .menu_item:hover{
background: #404040;
}
.header_cont .top_navbar .top_nav .nav_item .menu .menu_item>.menu_link{
display: block;
width: 100%;
height: 100%;
font-size: 14px;
font-family: "Noto Sans S Chinese Regular";
text-align: center;
line-height: 40px;
color: #fff;
}