
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_11{width: 160px;margin: 0 auto;position: relative;z-index: 2;min-height: 40px;}
.dh_11 .headBox {
  width: 100%;
}
.dh_11 .nav {
  height: 100%;
}
.dh_11 .nav>ul {
  padding: 30px 0;
}
.dh_11 .nav ul li {
  position: relative;
  width: 100%;
  text-align: center;
}
.dh_11 .nav ul li a{
  display: block;
  width: 100%;
  color: #333;
  font-weight: bold;
  box-sizing: border-box;
}
.dh_11 .nav ul li:last-child{
  margin-right: 0;
}
.dh_11 .nav ul li a {
  display: block;
  line-height: 50px;
  width: 100%;text-align: center;
}
.dh_11 .nav ul li .submenu {position: relative;width: 100%;top: 0;left: 0;display: none;}

.dh_11 .nav ul>li:hover ul.submenu{display: block;}


.tanceng{display: none;}
.medu{display: none;}

@media only screen and (min-width: 100px) and (max-width: 1000px) {
  /*media*/
  .dh_11{width: 100% !important;}
  .dh_11 .headBox{width: 100%;display: none}
  .dh_11 .nav>ul{position: fixed;z-index: 999;top: 0;left: 0;bottom: 0;width: 70%;background: #333;min-height: 100%;}
  .dh_11 .nav ul li{float: none;text-align: center;background: none;border: none;border-bottom: 1px solid #fff;border-radius: 0;margin: 0;width: 100%;box-sizing: border-box;}
  .dh_11 .nav ul li a{width: 100%;color: #fff !important;}
/*endmedia*/
}






