.header {
 background:url(../img/header-bg.jpg) no-repeat center center;
 height: 86px;
}
.header > .container {
 position: relative;
}
.logo {
 float: left;
 height:86px;
 display: table;

}
.logo #imgbox {
 display:table-cell;
 vertical-align: middle;
}
.logo #imgbox img {
 display: inline-block;
}
.logo h1 {
 display: inline-block;
 font-size: 24px;
 color: #1f1f1f;
}


.head-nav {

}

#nav > li {
 display: inline-block;

}
#nav> li > a {
 height:100%;
 line-height:82px;
 display: block;
 font-size: 16px;
 color: #121212;
 padding:0 25px;
 font-weight:bold;
}
#nav> li > a.cur {
  border-bottom:4px solid #f36d08;
}
.nav-right {
 padding-left: 50px;
}

.nav-right > ul > li {
 display: inline-block;
/* position: relative;*/

}
.nav-right > ul > li::before {
 content:'';
 width: 1px;
 height: 40px;
 background: #fff;
 display: inline-block;
 position: absolute;

 top: 50%;
 margin-top: -20px;
}
.nav-right > ul > li:nth-child(1)::before {
 display: none;
}
.nav-right > ul > li.lang::before {
 left: -5px;
}
.nav-right > ul > li.head-search::before {
right:80px;
}
.nav-right > ul > li >a.head-contact {
 height:100%;
 line-height:86px;
 display: block;
 font-size: 14px;
 color: #fff;
 padding:0 20px 0 25px;
 font-weight:bold;
 background:url(../img/head-ico.png) no-repeat left center;
}
.nav-right > ul > li.lang >a {
 height:100%;
 line-height:86px;
 display: block;
 font-size: 14px;
 color: #fff;
 padding:0 10px;
 font-weight:bold;
}
.nav-right > ul > li.lang >.dropdown-menu {
 min-width: 80px;
 left: -20px;
 border-radius: 0;
}

.allsearch {float:left;width:79.28%;color: #fff;}
.top_search {display:inline-block;cursor:pointer;}
.top_search .btn-search{ display:block;width:100%;text-align: center;}
.top_search .btn-search i { width:42px;display: block; height:42px; margin:0;color:#ffffff;line-height: 42px;text-align: center;top: 15px;}
.top_search .search {height:45px;width: 100%; position: absolute;right:0;top:85px;left: 0;bottom: 0;z-index: 999;background-color: #fff; display:none;border: 1px #dcdcdc solid; }
.top_search .item{transition: right 300ms;-moz-transition: right 300ms;-ms-transition: right 300ms;-o-transition: right 300ms;-webkit-transition: right 300ms;}

.top_search .search .inp{float: left;border: none;vertical-align: top;width:90%;height: 40px;
 line-height: 40px;box-sizing: border-box;padding-left:5px; margin-top: 2px;color: #333;border-left: 1px solid #e4e4e4;font-size: 16px;}
.search_btn{float: left;width: 66px;text-align: center;margin-left: 20%;}
.search_btn i { width:30px;display: block; height:30px; background:url(../img/search_close_03.png) no-repeat; margin:0;margin-left: 10px;margin-top:8px;}
.search_close{float: right;background-color:transparent;border: none;color: #333;margin-top: 12px;}
.search_close .ion{width: 27px ;display: block;height: 27px;margin-top: 0px;background: url(../img/search_close_03.png) no-repeat;background:url(../img/top_search_03.png) no-repeat;}




.dh{width:100%; height:auto;position: relative;}
.dh ul{width:100%; height:auto;}




.dh_xl01{width:100%; height:auto;   position:absolute; left:0px; top:80px; z-index:999999; display:none; }
.dh_x101_t {height:65px;font-weight:bold;color:#fff;background: #e72029;line-height:65px;padding-left:55px;font-size:18px;  }
.dh_xl02{
 height:auto;
 margin:0px auto;
 background: #f5f5f5;
}
.dh_xl02_l{width:30%;padding:35px 0 20px 25px; height:auto;background: #fff; float:left;}
.dh_x102_top h4 {
 color: #0e0508;
 margin-bottom:20px;
}
.dh_x102_top h4 i {
 color: #999999;
}
.dh_xl02_l a p {
 display: inline-block;

}
.dh_xl02_l a p.cateimg {
 margin-right:5px;
}
.dh_xl02_l a p.catename {
 border-bottom:1px solid #cccccc;
}

.dh_xl02_l a{
 height:35px;
 text-transform: uppercase;
 line-height:35px;
 text-align:left;
 font-size:16px;
 margin:0px 0px 10px 0px;
 display:block;
 padding-left:10%;
}
.dh_xl02_l a:hover { color: #2a4068;}
.dh_xl02_r{
 width:70%;
 padding:60px 0 60px 100px;
 height:auto;
 min-height:395px;
 float:right;
 background: #f5f5f5;
 overflow: hidden;
}
.dh_xl02_r a {
 float: left;
 width:50%;
 text-align:left;
 height:25px;
 line-height:25px;
}

.dh_xl02_r a:hover {
 color: #2a4068;
}
#cate1 {
 display: block;
}
.dh_xl02_r .active {
 display: block;
}

.dh_xl03{
 width:118px; height:auto;   position:absolute; left:85px; top:80px; z-index:999999; display:none;background:#fff;
}
.dh_xl03 p {
 width:100%;
 height:40px;
 line-height:40px;
}
.dh_xl03 p a{
 width:100%;
 display:block;
}
.dh_xl03 p a:hover {
 color: #60b830;
}