@media (max-width:859px) {
  .banner::after {
    height: 340px;
  }
  .banner {
    height: 340px;
    margin-top: 0px;
  }
  .banner .l h2 {
    margin: 20px 0 0 0;
  }
  .body {
    width: 100%;
  }
  .recommend_source .tittle {
    margin-bottom: 50px;
  }
  .recommend_source ul li {
    margin: 0 auto 20px auto;
  }
  .tittle {
    width: 100%;
  }
  .recommend_source {
    height: auto;
  }
  .recommend_source .body {
    height: auto;
  }
  .recommend_source ul {
    height: auto;
  }
  .recommend_teaching ul li {
    margin: 0 auto 0 auto;
  }
  .recommend_teaching {
    height: auto;
  }
  .recommend_teaching .body {
    height: auto;
  }
  .recommend_teaching ul {
    height: auto;
  }
  .recommend_advantages {
    height: auto;
  }
  .recommend_advantages .tittle {
    margin-bottom: 50px;
  }
  .recommend_advantages .body {
    height: auto;
  }
  .recommend_advantages ul {
    height: auto;
  }
  .recommend_advantages ul li {
    margin: 0 auto 0 auto;
  }
  .recommend_comment {
    height: auto;
  }
  .recommend_comment .body {
    height: auto;
  }
  .recommend_comment ul {
    height: auto;
  }
  .recommend_comment ul li {
    margin: 10px auto 0 auto;
  }
  .footer {
    width: 100%;
  }
  .footer {
    height: auto;
    padding-bottom: 0px;
  }
  .footer ul {
    width: 100%;
    height: auto;
    display: block;
  }
  .footer .line {
    width: 100%;
  }
  .footer ul li {
    width: 32%;
    display: inline-block;
    text-align: center;
  }
  .footer .footer_li1 {
    width: 60%;
    margin: 0 auto 10px auto;
    height: auto;
  }
  .footer ul li:nth-of-type(4) img {
    margin: auto;
  }
  .footer ul li:nth-of-type(1) .t {
    margin: 0 auto;
  }
  .footer .line {
    margin-bottom: 0px;
  }
}