.xmdh_bg {
  height: 460px;
}

.xmdh_a {
  background: rgba(0, 0, 0, .5);
  width: 19.0709046%;
  padding: 2% 0px;
  height: 100%;
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  height: 460px;
}

.xmdh_a>ul>li {
  color: #fff;
  padding: 5.3% 30px;
}

.xmdh_a>ul>li>a {
  position: relative
}

.xmdh_a>ul>li i {
  color: #ffffff;
  float: right;
}

.xmdh_a>ul>li>a {}

.xmdh_a li a {
  color: white;
  font-size: 14px;
}

.xmdh_a li a span {
  margin-right: 8px;
}

.xmdh_a>ul>li:hover {
  background: #FF6700;
  cursor: pointer;
}

.xmdh_a .content {
  height: 100%;
  width: 993px;
  position: absolute;
  left: 100%;
  top: 0px;
  z-index: 1;
  display: none;
}

.xmdh_a li:hover .content {
  display: block;
  color: #000;
}

.xmdh_a .good-list {
  height: 100%;
  display: inline-block;
  background: #fff;
  border-top: solid #ccc 1px;
  box-shadow: 5px 8px 6px rgba(0, 0, 0, 0.2);
  float: left;
}

.xmdh_a .good-list li:first-child {
  margin-top: 1px;
}

.xmdh_a .good-list>li {
  width: 248px;
}

.xmdh_a .good-list>li a {
  padding: 10px 18px;
  line-height: 71px;
  color: #333;
  -webkit-transition: color .2s;
  transition: color .2s;
  font-size: 16px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.xmdh_a .good-list>li a:hover {
  color: red
}

.xmdh_a .good-list>li a>img {
  float: left;
  margin-right: 12px;
  vertical-align: middle;
  width: 72px;
  height: 72px;
}

.xmdh_a .good-list>li a>span {
  float: left;
  width: 172px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.xmdh_a .good-list>li a:hover {}

/*  */

/* 新增手机端自适应样式 */
@media (max-width: 768px) {
  .xmdh_a {
    width: 30%;
    /* 手机端调整导航宽度 */
    height: auto;
    /* 取消固定高度 */
    max-height: 80vh;
    /* 限制最大高度 */
  }

  .xmdh_a>ul>li {
    padding: 3% 15px;
    /* 缩小列表项内边距 */
  }

  .xmdh_a li a {
    font-size: 16px;
    /* 增大手机端字体 */
  }

  .xmdh_a .content {
    width: 70%;
    /* 调整子内容宽度 */
    left: 100%;
    /* 保持右侧展开 */
    top: 0;
  }

  .xmdh_a .good-list {
    width: 100%;
    /* 子列表占满容器 */
    box-shadow: none;
    /* 取消阴影提升性能 */
  }

  .xmdh_a .good-list>li {
    width: 100%;
    /* 列表项占满宽度 */
  }

  .xmdh_a .good-list>li a {
    padding: 8px 12px;
    /* 缩小内边距 */
    line-height: 50px;
    /* 调整行高 */
    font-size: 14px;
    /* 适当减小字体 */
  }

  .xmdh_a .good-list>li a>img {
    width: 50px;
    /* 缩小图片尺寸 */
    height: 50px;
    margin-right: 8px;
    /* 调整边距 */
  }

  .xmdh_a .good-list>li a>span {
    width: calc(100% - 58px);
    /* 动态计算文字宽度 */
    line-height: 25px;
    /* 调整行高 */
  }
}

.xmdh_b {}