@media screen and (max-width: 1200px) {
  /* 轮播图 */
  .lb .btn-box {
    left: 0;
  }
  .lb .page-box {
    right: 6%;
  }
  /* 新闻中心 */
  .news .main {
    width: auto;
    margin: 0 0.24rem;
  }
  .news .left {
    width: 47%;
  }
  .news .left .box-info {
    width: 100%;
    left: 52%;
  }
  .news .left .box-info .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .news .left .box-info p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  /* 学术研究 */
  .academic .main {
    width: auto;
    margin: 0 0.24rem;
  }
  .academic .content li {
    width: 32%;
    margin-left: 2%;
  }
  .academic .content li .img {
    width: 100%;
  }
  .academic .content li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  /* 专题专栏 */
  .spcial .main {
    width: auto;
    margin: 0 0.24rem;
  }
  .spcial .content li {
    width: 20%;
  }
  .spcial .content li .box-intro .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  /* 通知公告 */
  .notice .main {
    width: auto;
    margin: 0 0.24rem;
  }
  .notice .content li {
    width: 32%;
    margin-left: 2%;
  }
  .notice .content li p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media screen and (max-width: 767px) {
  .news {
    height: 804px;
    padding-bottom: 24px;
    padding-top: 40px;
  }
  .news .left {
    float: none;
    width: 100%;
    margin-top: 24px;
  }
  .news .left .box-info {
    position: static;
  }
  .news .right {
    float: none;
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .lb {
    height: 330px;
  }
  .lb .page-box {
    top: 100px;
  }
  .lb .btn-box {
    height: 68px;
  }
  .lb .btn-box .xian {
    top: 24px;
  }
  .news {
    height: 650px;
  }
  .news .first {
    display: block;
  }
  .news .left {
    height: 280px;
  }
  .academic .content li {
    float: none;
    width: 100%;
    margin-left: 0 !important;
    margin-top: 24px !important;
  }
  .academic .content li .img {
    height: auto;
  }
  .spcial {
    height: auto;
    padding-bottom: 24px;
  }
  .spcial .content li {
    float: none;
    width: 100%;
    margin-top: 24px;
  }
  .spcial .content li .img {
    height: auto;
  }
  .notice .content li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
}