@media screen and (max-width: 1024px) {
  .main .ldxx .ldxx-l {
    width: 30%;
  }
  .main .ldxx .ldxx-r {
    width: calc(70% - 32px);
  }
}
@media screen and (max-width: 779px) {
  .main .ldxx .ldxx-l {
    width: 100%;
    float: none;
  }
  .main .ldxx .ldxx-l ul li {
    margin-top: 10px;
  }
  .main .ldxx .ldxx-l ul li a {
    line-height: 45px;
  }
  .main .ldxx .ldxx-l ul li .li-active {
    padding: 6px 16px 16px 16px;
  }
  .main .ldxx .ldxx-l ul li .li-active ul {
    margin-left: -10px;
  }
  .main .ldxx .ldxx-l ul li .li-active ul li {
    width: 50%;
    float: left;
  }
  .main .ldxx .ldxx-l ul li .li-active ul li a {
    margin-left: 10px;
    font-size: 15px;
    line-height: 36px;
  }
  .main .ldxx .ldxx-l ul li .li-active ul li:nth-of-type(1) {
    width: 100%;
  }
  .main .ldxx .ldxx-r {
    width: 100%;
    float: none;
  }
  .main .ldxx .ldxx-r .ldxx-pic {
    margin-top: 30px;
    padding-bottom: 10px;
  }
  .main .ldxx .ldxx-r .ldxx-hd {
    margin-top: 15px;
  }
}