@media screen and (max-width:1802px) {
  /* ÂÖ²¥Í¼ */
  .head .middle {
    display: none;
  }
  .arrow-left {
    /* display: none; */
    left: 0;
  }
  .arrow-right {
    /* display: none; */
    right: 0;
  }



}


@media screen and (max-width:1280px) {

  .news .content .content1 {
    padding-left: 5%;
  }

  .news .content .content2 {
    padding-left: 5%;
  }

  .news .content .content1 .right {
    padding-left: 4%;
    width: 78%;
  }

  .news .content .content1 .right p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .news .content .content2 .right {
    padding-left: 4%;
    width: 78%;
  }

  .news .content .content2 .right p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .news .content .content1 .right .intro1 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .news .content .content2 .right .intro1 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

@media screen and (max-width:1200px) {
  .swiper-container {
    width: 100%;
  }
  /* ÂÖ²¥Í¼ */
  /* .show {
    height: 330px;
  } */
  /* .show h1 {
    font-size: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 105px;
  }
  .show h2 {
    font-size: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 16px;
  }
  .show .btn {
    margin-top: 15px;
  }
  .show .btn a {
    font-size: .1rem;
  } */
  /* Ñ§Ð£½éÉÜ */
  .school .main {
    width: 98%;
    margin: 0 auto;
  }
  .school .left {
    width: 34%;
    height: auto;
  }
  .school .right {
    width: 65%;
  }
  .school .right p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .news .main {
    width: 98%;
  }
  .news .title .left,
  .news .title .right {
    display: none;
  }
  .news .content .left {
    width: 47%;
  }
  .news .content .left .bo {
    width: 100%;
    /* height: auto; */
  }
  .news .content .left .bo .shaw a {
    width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .news .content .left li {
    width: 32%;
    margin-left: 2%;
  }
  .news .content .right {
    width: 47%;
  }
  /* .news .content .left .bo .shaw {
    width: 100%;
    bottom: 0;
  }
  .news .content .content1 {
    padding-top: 2%;
    padding-left: 4%;
  } */
  .news .content .content1 .right {
    width: 70%;
  }
  .news .content .content1 .right .intro1 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .news .content .content1 .right p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .bin .main {
    width: 98%;
  }
  .science {
    width: 100%;
  }
  .science .content .list {
    width: 48%;
  }
  .science .content .list .img {
    width: 100%;
  }
  .science .content .list .content1 {
    width: 100%;
  }
  .team {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .team .content {
    width: 100%;
  }
  .news .content .left .bo .shaw {
    box-sizing: border-box;
    width: 100%;
    bottom: 0;
  }
  .finally .main {
    width: 98%;
  }
}

@media screen and (max-width:1050px) {
  .news .content .content1 .right {
    width: 70%;
  }

  .news .content .content2 .right {
    width: 70%;
  }

}



@media screen and (max-width:700px) {
  .school {
    padding-bottom: 30px;
  }
  .school .left {
    float: none;
    width: 70%;
    height: auto;
  }
  .school .right {
    width: 90%;
    float: none;
  }
  .news .content .left {
    float: none;
    width: 98%;
    margin: 0 auto;
  }
  .news .content .right {
    float: none;
    /* padding-top: 20px; */
    width: 98%;
    margin: 0 auto;
    margin-top: 20px;
  }
  .news {
    height: 1140px;
  }
  .science .content .list {
    float: none;
    width: 98%;
    margin: 0 auto;
  }
  .science .content .list .content1 .one a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .science .content .list .content1 p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .team .content .list p a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .team .content .list p {
    width: 92%;
  }
  .team .content {
    height: auto;
  }
  .news .content .content1 {
    padding-left: 7px;
  }
  .news .content .content1 .right {
    padding-left: 14px;
  }
}

@media screen and (max-width:550px) {

  .news .content .content1 .left {
    width: 17%;
  }
  
  .news .content .content2 .left {
    width: 17%;
  }
}




@media screen and (max-width:500px) {
  .arrow-left {
    display: none;
  }
  .arrow-right {
    display: none;
  }
  .se {
    height: 350px;
  }
  .show {
    height: 350px;
  }
  .show h1 {
    margin-top: 44px;
    font-size: 24px;
  }
  .show h2 {
    font-size: 18px;
  }
  .news .content .left .bo {
    height: 300px;
  }
  .se1 {
    height: 300px;
  }
  .finally {
    height: 214px;
  }
  .finally .left {
    float: none;
  }
  .finally .right {
    float: none;
  }
  .school .right {
    padding-left: 28px;
  }

  .news .content .content1 .left {
    width: 20%;
  }
  
  .news .content .content2 .left {
    width: 20%;
  }
}


@media screen and (max-width:400px) {

  .news .content .content1 {
    padding-left: 4%;
  }

  .news .content .content2 {
    padding-left: 4%;
  }

  .news .content .content1 .left {
    width: 25%;
  }
  
  .news .content .content2 .left {
    width: 25%;
  }

  .news .content .content1 .right {
    padding-left: 3%;
    width: 70%;

  }

  .news .content .content2 .right {
    padding-left: 3%;
    width: 70%;
  }
}