@charset "utf-8";

@media screen and (max-width: 1200px) {
  .wrapper {
    width: 100%;
    max-width: 100%;
  }

  .banner-top {
    padding-top: 0.2rem;
    height: 1.6rem;
  }

  .banner-top .menu-container {
    align-items: center;
  }

  .banner-top .search-container {
    width: 2.6rem;
    height: 0.44rem;
  }

  .banner-top .search-container .keyword {
    width: 1.5rem;
    height: 100%;
    line-height: 0.44rem;
  }

  .banner-top .search-container .btn-search {
    width: 0.44rem;
    height: 0.44rem;
  }

  .banner-top .share-container {
    display: none;
  }

  .banner-top .nav-container .nav {
    width: 2.5rem;
  }

  .banner-top .nav-container .nav .name {
    font-size: 0.24rem;
    line-height: 0.6rem;
  }

  .banner-top .logo-container {
    margin-bottom: 0.2rem;
  }

  .banner-top .logo-container .logo {
    width: 4.88rem;
    height: auto;
  }

  .banner-top .fr {
    float: none;
  }

  .banner-top .bread-menu {
    display: none;
  }

  .banner-top.abs {
    padding: 0;
    top: 0.1rem;
    height: auto;
  }

  .nav-menu-container {
    width: 100%;
  }

  .nav-menu {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .main-body {
    padding: 0 10px;
  }
  .main-focus {
    height: 4.5rem;
  }
  .main-focus .focus-main-title {
    font-size: 0.6rem;
  }
  .main-focus .focus-sub-title {
    font-size: 0.22rem;
  }
  .main-body .intro {
    width: 100%;
  }

  .section-title-container.tab {
    padding: 0;
  }

  .section-title-container .section-title {
    /* position: static; */
  }

  .section-title-container .section-title-more {
    background: none;
    font-size: 0.16rem;
    padding-left: 0;
  }

  .title-container.center {
    margin-bottom: 0.3rem;
    /* text-align: left; */
  }

  .title-more {
    font-size: 0.18rem;
  }

  .tab-container {
    position: static;
    display: flex;
  }

  .tab-container .tab-item {
    /* flex: 1; */
    flex-shrink: 0;
    text-align: center;
  }

  .tab-container .tab-item.cur {
    font-size: 0.26rem;
    padding-left: 0.4rem;
    background: url(../img/icon-logo-small-blue.png) no-repeat center
      left/.35rem;
  }

  .gallery-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1%;
  }

  .gallery-list .gallery-item {
    width: 46%;
    margin: 0 2% 2% 2%;
    height: 1.42rem;
  }

  .gallery-list .gallery-item:nth-of-type(3n) {
    margin-right: 2%;
  }

  .gallery-list .gallery-item .icon {
    width: 0.36rem;
    height: 0.36rem;
  }

  .swiper-main-full {
    height: 3.5rem;
  }

  .swiper-main-full .swiper-slide .layer {
    height: 0.8rem;
  }

  .swiper-main-full .swiper-slide .swiper-title {
    font-size: 0.24rem;
    line-height: 0.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0.25rem;
  }
  .section-l-tab-r .tab .tab-item:after {
    top: 0.16rem;
  }
  .section-l-tab-r {
    margin-top: 0.3rem;
    background: url(../img/bg-yszzx-left-part.png) bottom left / 50% 90%
        no-repeat,
      url(../img/bg-yszzx-right-part.png) bottom right / 50% 90% no-repeat;
  }
  .section-l-tab-r .tab {
    height: 0.5rem;
    line-height: 0.5rem;
  }
  .section-l-tab-r .wrapper {
    width: 100%;
  }

  .section-l-tab-r .title-container {
    padding: 0 0.5rem;
  }

  .section-l-tab-r .title-more {
    /* right: .2rem; */
  }

  .section-l-tab-r .main,
  .section-l-tab-r .sub {
    width: 50%;
    min-height: 6rem;
    height: auto;
  }

  .section-l-tab-r .headline {
    display: flex;
    padding: 0 0.2rem;
    margin-bottom: 0.1rem;
  }

  .section-l-tab-r .headline .headline-title {
    flex-shrink: 0;
  }

  .section-l-tab-r .headline .headline-text {
    max-width: 100%;
    margin-left: 0.25rem;
  }

  .swiper-news {
    width: 100%;
    height: 4.2rem;
    margin-left: 0;
  }

  .swiper-news .swiper-slide .opa {
    padding: 0 0.2rem;
    height: 1.1rem;
  }

  .swiper-news .swiper-slide .news-pic-title {
    font-size: 0.26rem;
  }

  .swiper-news .swiper-slide .news-pic-detail {
    font-size: 0.18rem;
  }

  .swiper-news.swiper-container-horizontal > .swiper-pagination-bullets {
    text-align: center;
  }

  .section-l-tab-r .sub {
    padding: 0 0.2rem;
  }

  .section-l-tab-r .tab {
    display: flex;
    justify-content: center;
  }
  .section-l-tab-r .tab-cnt {
    margin-top: -0.3rem;
  }
  .section-l-tab-r .tab .tab-item {
    font-size: 0.28rem;
    margin-top: -0.5rem;
    flex: 1;
    text-align: center;
    max-width: 50%;
  }

  .section-l-tab-r .tab .tab-item.cur:after {
    left: 0.5rem;
  }

  .section-l-tab-r .sub .fl {
    /* float: none;
    display: block; */
  }

  .section-l-tab-r .sub .news-pic {
    float: none;
    width: 100%;
  }

  .section-l-tab-r .sub .news-pic .news-pic-title {
    font-size: 0.18rem;
    line-height: 0.28rem;
    margin-top: 0.1rem;
  }

  .section-l-tab-r .sub .news-pic .news-pic-time {
    font-size: 0.18rem;
    margin-top: 0.15rem;
  }

  .section-l-tab-r .sub .news-pic .news-pic-detail {
    font-size: 0.18rem;
    margin-top: 0.15rem;
  }
  .section-l-tab-r .sub .news-pic .news-pic-detail {
    font-size: 0.14rem;
    line-height: 0.24rem;
    margin-top: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .section-l-tab-r .sub .news-pic .pic-box {
    height: 2.4rem;
  }

  .section-l-tab-r .sub .news-text {
    width: 100%;
    margin: 0.1rem 0 0 0;
  }

  .section-l-tab-r .sub .news-text-item {
    width: 100%;
    margin-bottom: 0.1rem;
    padding-bottom: 0.15rem;
  }

  .section-l-tab-r .sub .news-text-item:nth-of-type(1) {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 0.05rem;
  }
  .section-l-tab-r .sub .news-text-item .news-text-title {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
  .section-l-tab-r .sub .news-text-item .news-text-time {
    font-size: 0.13rem;
    margin-top: 0.05rem;
  }
  .section-6-grid-news {
    margin-top: 0.3rem;
  }

  .section-6-grid-news .wrapper {
    width: 100%;
  }

  .section-6-grid-news .activity-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 0.3rem;
  }

  .activity-list .activity-item {
    margin: 0 0 0.2rem 0;
    padding: 0.3rem;
  }

  /* .activity-list .activity-item:nth-of-type(4),
  .activity-list .activity-item:nth-of-type(5),
  .activity-list .activity-item:nth-of-type(6) {
    display: none;
  } */

  .activity-list .activity-item .activity-time {
    left: -0.3rem;
  }

  .activity-list .activity-item .activity-title {
    font-size: 0.22rem;
    line-height: 0.3rem;
    height: 0.6rem;
    box-sizing: border-box;
    padding-bottom: 0;
    margin-bottom: 0.3rem;
  }

  .activity-list .activity-item .activity-title:after {
    left: 0;
    right: 0;
    bottom: -0.2rem;
    margin: auto;
  }

  .activity-list .activity-item .activity-text {
    font-size: 0.18rem;
  }

  .section-dg {
    padding: 0.3rem 0 0.6rem;
  }
  .section-dg .dg-wrapper {
  }

  .section-2-col .wrapper {
    padding: 0.2rem;
  }

  .section-2-col .wrapper .fl,
  .section-2-col .wrapper .fr {
    width: 49%;
    display: block;
  }

  .section-2-col .pic-only {
    height: 2.08rem;
  }

  .gallery-list .gallery-item {
    width: 31%;
    margin: 0 1% 1% 1%;
    height: 2.2rem;
  }

  .gallery-list .gallery-item:nth-of-type(3n) {
    margin-right: 2%;
  }

  .gallery-list .gallery-item .icon {
    width: 0.36rem;
    height: 0.36rem;
  }

  .news-text-time-line-1 .news-text-item {
    display: flex;
  }

  .news-text-time-line-1 .news-text-item:before {
    top: 0.21rem;
  }

  .news-text-time-line-1 .news-text-link {
    display: flex;
    max-width: 100%;
  }

  .news-text-time-line-1 .news-text-title {
    flex: 1;
    font-size: 0.18rem;
  }

  .news-text-time-line-1 .news-text-time {
    width: 0.8rem;
    flex-shrink: 0;
    margin-left: 0.25rem;
    font-size: 0.18rem;
    display: none;
  }

  .section-2-col .news-single {
    padding: 0.2rem;
    height: auto;
  }

  .section-2-col .news-single .news-single-title {
    font-size: 0.22rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .section-2-col .news-single .news-single-text {
    font-size: 0.18rem;
  }

  .section-teacher {
    padding-top: 0;
    margin-top: 0.3rem;
    padding-top: 0.2rem;
    height: auto;
    padding-bottom: 0.3rem;
  }

  .section-teacher .title-container {
    margin-top: 0;
    float: none;
    text-align: center;
  }

  .section-teacher .title-text {
    float: none;
  }

  .section-teacher .swiper-teacher {
    width: 130%;
    float: none;
    margin-top: 0.2rem;
  }

  .section-teacher .swiper-container .swiper-slide .news-pic-title {
    font-size: 0.22rem;
    font-weight: bold;
  }

  .swiper-teacher .swiper-button-next {
    right: 25%;
  }

  .section-intro {
    height: auto;
    margin-top: 0.4rem;
    padding-top: 0;
  }

  .swiper-container-outer {
    width: 100%;
    padding: 0.3rem 0.25rem;
  }

  .swiper-intro .intro-title {
    font-size: 0.32rem;
    text-align: center;
  }

  .swiper-intro .intro-more {
    margin: 0.2rem 0.2rem 0 0;
  }
  .section-teacher .swiper-container .swiper-slide .pic-box {
    width: 1.6rem;
    height: 1.6rem;
  }
  .section-teacher .swiper-container:after {
    margin-top: 0.8rem;
  }
  .section-teacher .swiper-container .swiper-button-next {
    top: 0.85rem;
  }
  .section-teacher .swiper-container .swiper-button-prev {
    top: 0.85rem;
  }
  .page-news-list .main-body .main {
    width: 67% !important;
    float: left;
  }
  .page-news-list .main-body .sub {
    width: 30%;
    float: right;
    padding-top: 0.25rem;
  }
  .news-detail-cont h1 {
    text-align: center;
    line-height: 0.5rem;
  }
  .teacher-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .teacher-list .teacher-item {
    width: 48.5%;
    height: 3.6rem;
    border-radius: 0.1rem;
    margin: 0 0.2rem 0.2rem 0;
    padding: 0.2rem 0.2rem;
    display: flex;
    align-items: center;
  }
  .teacher-item .teacher-img {
    margin-right: 0.3rem;
  }
  .teacher-item .teacher-text {
    float: left;
    width: 4rem;
  }
  .zt-list .zt-item {
    position: relative;
    height: 5.2rem;
    margin-bottom: 0.6rem;
  }
  .zt-list .zt-item .zt-pic {
    width: 85%;
    height: 100%;
    display: block;
  }
  .zt-list .zt-item .zt-cnt {
    height: 4.2rem;
    top: 0.5rem;
  }
}

@media (max-width: 768px) {
  .wp {
    padding: 0 10px;
    max-width: 100%;
  }

  .wrapper {
    width: 100%;
    max-width: 100%;
  }
  .swiper-main-full {
    height: 2.8rem;
  }
  .main-focus {
    height: 2.5rem;
  }
  .main-focus .focus-main-title {
    font-size: 0.32rem;
    top: 40%;
  }
  .main-body {
    margin-top: 0.2rem;
  }
  .main-body .intro {
    width: 100%;
    padding: 0.2rem;
    margin-top: 0.2rem;
  }
  .main-body .intro-body {
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
  }
  .main-focus .focus-sub-title {
    font-size: 0.22rem;
    top: 58%;
    z-index: 9;
  }
  .section-intro {
    height: 3.6rem;
    background: none;
  }
  .gallery-list .gallery-item {
    width: 49%;
    margin: 0 2% 0.1rem 0;
    height: 1.6rem;
  }
  .gallery-list .gallery-item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .gallery-list .gallery-item:nth-child(2n + 2) {
    margin-right: 0;
  }
  .section-l-tab-r .main,
  .section-l-tab-r .sub {
    width: 100%;
    min-height: 4rem;
    height: auto;
    float: none;
  }
  .swiper-news {
    width: 100%;
    height: 3.4rem;
    margin-left: 0;
  }
  .section-6-grid-news {
    margin-top: 0;
    padding: 0.3rem 0;
  }
  .section-dg .dg-wrapper {
    width: 100%;
    height: 3.24rem;
  }
  .dg-container .dg-prev {
    width: 0.5rem;
    height: 0.5rem;
    left: 1%;
    top: 1.4rem;
  }
  .dg-container .dg-next {
    width: 0.5rem;
    height: 0.5rem;
    right: 1%;
    top: 1.4rem;
  }
  .section-2-col {
    margin-top: 0.3rem;
    height: auto;
  }
  .section-2-col .wrapper .fl,
  .section-2-col .wrapper .fr {
    width: 100%;
    display: block;
    float: none;
  }
  .section-teacher .swiper-container .swiper-slide .pic-box {
    width: 1rem;
    height: 1rem;
  }
  .section-teacher .swiper-container {
    height: 1.4rem;
  }
  .section-teacher .swiper-container .swiper-button-next {
    display: none;
  }
  .section-teacher .swiper-container .swiper-button-prev {
    display: none;
  }
  .section-teacher .swiper-container:after {
    margin-top: 0.52rem;
  }
  .section-l-tab-r .sub .news-pic .news-pic-title {
    font-size: 0.2rem;
  }
  .section-l-tab-r .sub .news-pic .news-pic-detail {
    font-size: 0.18rem;
    line-height: 0.28rem;
  }
  .section-l-tab-r .sub .news-text-item .news-text-title {
    font-size: 0.18rem;
    line-height: 0.28rem;
  }
  .section-l-tab-r .sub .news-text-item {
    width: 100%;
    margin-bottom: 0.1rem;
    padding-bottom: 0.1rem;
  }
  .page-news-list .main-body .main {
    width: 100% !important;
    float: none;
  }
  .page-news-list .pic-news-item {
    padding: 0.2rem 0;
  }
  .page-news-list .pic-news-item .pic-box {
    width: 2.2rem;
    height: 1.38rem;
    margin-right: 0.2rem;
  }
  .page-news-list .pic-news-item .pic-news-detail {
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .page-news-list .main-body .sub {
    width: 100%;
    float: none;
    padding-top: 0.1rem;
  }
  .teacher-list .teacher-item {
    width: 100%;
    height: 3rem;
  }
  .teacher-item .teacher-img {
    width: 2rem;
    height: 2.6rem;
    display: block;
    float: left;
    margin-right: 0.2rem;
  }
  .teacher-item .teacher-more {
    margin-top: 0.5rem;
  }
  .zt-list {
    margin-top: 0.2rem;
  }
  .zt-list .zt-item {
    position: relative;
    height: 3.2rem;
    margin-bottom: 0.3rem;
  }
  .zt-list .zt-item .zt-cnt {
    width: 80%;
    height: 2.8rem;
    top: 0.2rem;
    padding: 0.2rem 0.2rem;
  }
  .zt-list .zt-item .zt-desc {
    margin-top: 0.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .zt-list .zt-item .zt-info {
    margin-top: 0.2rem;
  }
  .section-teacher .swiper-container .swiper-slide .news-pic-title {
    width: 1rem;
  }
}