ul,li{ padding:0;margin:0;list-style:none}
.clearfix:after{
  content:"";
  height:0;
  line-height:0;
  display:block;
  visibility:hidden;
  clear:both
  }
  .clearfix{
  zoom:1;
  }
  .dh_04 {position: relative;min-height: 40px;z-index: 2;}
.dh_04 .headBox {
  max-width: 1100px;
  width: 100%;
}
.dh_04 .nav {
  height: 100%;
}
.dh_04 .nav ul {
  height: 100%;
}
.dh_04 .nav ul li {
  float: left;
  position: relative;
  margin-right: 6px;
  width: 180px;
}
.dh_04 .nav ul li .cont{position: relative;}
.dh_04 .nav ul li .i_bottom{
  display:block;width: 100%;height: 5px;background: #143c94;position: absolute;bottom: 0;left: 0;display: none;
}
.dh_04 .nav ul>li:last-child{
  margin-right: 0;
}
.dh_04 .nav ul li a {
  display: block;
  color: #333;
  line-height: 80px;
  width: 100%;
  text-align: center
}
.dh_04 .nav ul li .submenu{display: none;}
.dh_04 .nav ul .menu:hover .submenu{display: block;}
.dh_04 .nav ul .active>.cont .i_bottom{display: block;}
.dh_04 .nav ul li .cont:hover .i_bottom{display: block;}

.tanceng{display: none;}
.medu{display: none;}


@media only screen and (min-width: 100px) and (max-width: 1000px) {
  /*media*/

  .dh_04 .headBox{width: 100%;display: none}
  .dh_04 .headBox .nav{position: fixed;z-index: 999;top: 0;left: 0;bottom: 0;width: 70%;background: #343434;min-height: 100%;}
  .dh_04 .nav ul li{float: none;text-align: center;background: none;border: none;border-bottom: 1px solid #aaa;border-radius: 0;margin: 0;}
  .dh_04 .nav ul .active{background: #143c94}
  .dh_04 .nav ul li a{color: #fff !important;}
  .dh_04 .nav ul li:hover a{color: #143c94;font-weight: 300;}
  .dh_04 .nav ul li .i_bottom{display: none;}
/*endmedia*/
}