@charset "utf-8";

.banner{ overflow: hidden; position: relative;}
.banner .gp-img-responsive{ padding-bottom: 31.25%;}
.banner > .gp-container{ position: absolute; left: 50%; bottom: 90px; transform: translateX(-50%); z-index: 1;}
.banner:hover .gp-img-responsive img{transform:scale(1.03);opacity: 0.85;}
.swiper-pagination{ padding-top: 16px; float: left;}
.swiper-pagination .swiper-pagination-bullet{ width: 50px; height: 28.36px; background: url(../images/dots.png) no-repeat center center/cover; 
  margin-right: 30px; cursor: pointer; transition: all 0.35s ease;}
.swiper-pagination .swiper-pagination-bullet-active{ background: url(../images/dots_active.png) no-repeat center center/cover;}

.swiper-button{  position: relative; float: right;}
.swiper-button div{ width: 60px; height: 60px;}
.swiper-button-prev{ background: url(../images/prev.png) no-repeat center center; left: auto; right: 90px;}
.swiper-button-next{ background: url(../images/next.png) no-repeat center center; right: 0px;}

.mode-title{ }
.mode-til{ display: inline-block; padding: 0 50px 0 36px; height: 50px; line-height: 50px; color: #415E2E; 
  background: url(../images/mode_til.png) no-repeat center center; background-size: 100% 100%;
  position: relative;}
.mode-til::before{ content: ''; display: block; width: 27.7px; height: 100%; background: url(../images/mode_til2.png) no-repeat center/cover;
  position: absolute; left: 0px; top: 0px;}
.mode-more{ display: inline-block; height: 50px; line-height: 50px; color: #999999; margin-right: 14px; position: relative;}
.mode-more::after,
.mode-more::before{ content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #999;
  position: absolute; top: 50%; transform: translateY(-50%);}
.mode-more::after{ right: -14px;}
.mode-more::before{ left: -14px;}

.row01{ padding-top: 80px;}
/* 综合新闻 */
.news{ width: 57.14%; float: left;}
.news .horizontal{ margin-left: -20px; margin-right: -20px; margin-top: 30px;}
.news .horizontal li{ width: 50%; float: left;}
.news .horizontal a{ display: block; margin: 0 20px; position: relative;}
.news .horizontal a:hover img{ transform:scale(1.03);opacity: 0.85;}
.news .horizontal .gp-img-responsive{ padding-bottom: 75%;}
.news .horizontal .title{ width: 100%; box-sizing: border-box; padding: 17px 20px; background: rgba(0, 0, 0, 0.4); font-size: 20px; color: #fff;
  position: absolute; bottom: 0px; left: 0px;}
.news .vertical{ margin-top: 30px;}
.news .vertical li{ margin-bottom: 30px;}
.news .vertical li:last-child{ margin-bottom: 0px;}
.news .vertical a{ position: relative; transition: all 0.35s ease;}
.news .article-info{ width: calc(100% - 90px); float: right;}
.news .vertical .title{ line-height: 30px;}
.news .vertical .summary{ color: #999999; line-height: 21px; margin-top: 10px;}
.news .vertical .date{ width: 70px; line-height: 30px;}
.news .vertical .date::after{ content: ''; display: block; width: 30px; height: 2px; background: #8AA07B;
  position: absolute; bottom: 0px; left: 0px;}
.news .vertical .year{ color: #999; line-height: 17px; margin-top: 4px;}
.date span{ display: block; font-family: 'DIN';}

/* 通知公告 */
.notice{ width: 39.29%; float: right;}
.notice ul{ padding-top: 26px;}
.notice li{ margin-bottom: 34px;}
.notice li:last-child{ margin-bottom: 0px;}
.notice a{ position: relative;}
.notice .title{ width: calc(100% - 92px); padding-left: 20px; box-sizing: border-box; line-height: 30px; height: 60px;}
.notice .date{ width: 92px; padding-left: 22px; line-height: 30px; box-sizing: border-box;}
.notice .year{ color: #999; line-height: 17px; margin-top: 4px;}
.notice .date::after{ content: ''; display: block; width: 2px; height: 100%; background: #8AA07B;
  position: absolute; bottom: 0px; left: 0px;}

.row02{ margin-top: 34px; padding-bottom: 80px; position: relative;}
.row02::before{ content: ''; display: block; width: 100%; height: 932px; background: url(../images/institution_bg.png) no-repeat center top;
  position: absolute; top: 0px; left: 0px; z-index: -1;}
.row02::after{ content: ''; display: block; width: 380px; height: 754px; background: url(../images/teacher_bg.png) no-repeat center/cover;
  position: absolute; left: 0px; bottom: 0px; z-index: -1;}
/* 附属单位 */
.institution{ padding-top: 46px;}
.institution ul{ margin-left: -40px; margin-right: -40px; margin-top: 30px;}
.institution ul a{ display: block; margin: 0 40px; transition: all 0.35s ease;}
.institution ul li:hover a{ transform: translateY(-8px);}
.institution .gp-img-responsive{ padding-bottom: 100%;}
.institution .name{ line-height: 60px; text-align: center; background: #fff; padding: 0 10px;}

/* 师生风采 */
.teacher{ margin-top: 80px; /* padding-left: 150px; */ box-sizing: border-box;}
.teacher .flex{ margin-top: 30px;}
.teacher .left{ width: 300px; flex-shrink: 0;}
.teacher .navigation{ display: none;}
.teacher .right{ /* width: calc(100% - 350px); padding-right: 150px; */width: 100%; padding-right: 0px; box-sizing: border-box; position: relative;}
.teacher .large{ overflow: hidden;}
.teacher .info{ overflow: hidden;}
.teacher .gp-img-responsive{ padding-bottom: 140%;}
.teacher .small{ margin-top: 64px; overflow: hidden;}
.teacher .small a{ display: block;}
.teacher .small .swiper-button{ position: absolute; right: 0px; bottom: 0px;}
.teacher .small .swiper-button-prev{ right: 0px; top: auto; bottom: 70px;}
.teacher .small .swiper-button-next{ top: auto; bottom: 0px;}

.teacher .name{ font-weight: bold; padding-left: 14px; line-height: 26px; position: relative;}
.teacher .name::before{ content: ''; display: block; width: 4px; height: 100%; background: #415E2E;
  position: absolute; left: 0px; top: 0px;}
.teacher .name .post{ margin-left: 30px; color: #666666; font-weight: normal;}
.teacher .summary{ line-height: 30px; margin-top: 30px; -webkit-line-clamp: 3;}

/* 2023-09-25 */
.teacher .small .name{ margin-top: 15px;}



/* 响应式样式 */
@media screen and (max-width:1600px){
  /* .teacher{ padding-left: 40px;} */
  .teacher .small{ margin-top: 25px;}
}

@media screen and (max-width:1480px) {
  .teacher{ /* padding-left: 40px; */ margin-top: 50px;}
  .teacher .left{ width: 260px;}
}

@media screen and (max-width:1400px) {
  
}

@media screen and (max-width:1280px) {
  /* .teacher .right{ width: calc(100% - 300px); padding-right: 80px;} */
}

@media screen and (max-width:1200px) {
  .banner > .gp-container{ bottom: 60px;}
}

@media screen and (max-width:1100px) {
  .banner > .gp-container{ bottom: 50px;}
  .swiper-pagination{ padding-top: 0px;}
  .swiper-button div{ width: 50px; height: 50px; border-radius: 50%;}
  .swiper-button-prev{ right: 60px;}
  .row01{ padding-top: 50px;}
  .news{ width: 100%;}
  .notice{ width: 100%; margin-top: 50px;}
  .row02{ margin-top: 0px;}
  .institution ul{ margin-left: -10px; margin-right: -10px;}
  .institution ul a{ margin: 0 10px;}

  /* .teacher .small{ display: none;} */
  .teacher .left{ width: 180px;}
  /* .teacher .right{ width: calc(100% - 220px); padding-right: 0px;} */
  .teacher .summary{ -webkit-line-clamp: 6;}
  .banner > .gp-container{ width: 100%; position: relative; transform: none; left: 0px; box-sizing: border-box; padding: 0 10px; margin: 0px;}
  
}
@media screen and (max-width:1024px) {
  
}

@media screen and (max-width:997px) {
  .institution ul li{ margin-bottom: 20px;}
  .row02::after{ width: 300px;}
  .institution .name{ line-height: 60px;}
}

@media screen and (max-width:767px) {
  .news .horizontal{ margin-left: 0px; margin-right: 0px;}
  .news .horizontal li{ width: 100%; margin-bottom: 20px;}
  .news .horizontal li:last-child{ margin-bottom: 0px;}
  .news .horizontal a{ margin: 0;}
  /* .teacher{ padding-left: 15px;} */
  /* .teacher .right{ width: calc(100% - 200px); padding-right: 0px;} */
  .news .article-info{ width: calc(100% - 70px);}
  .notice .title{ padding-left: 0px;}
  .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 23px; margin-right: 10px;}
  .swiper-button div{ width: 40px; height: 40px;}
}

@media screen and (max-width:680px) {
  .teacher .flex:last-child{ flex-direction: column;}
  .teacher .left{ width: 440px; margin: 0 auto; position: relative;}
  .teacher .large{ padding: 0 100px;}
  .teacher .navigation{ display: block; position: absolute; inset: 0;}
  .teacher-prev, .teacher-next{ display: block; width: 30px; height: 60px; line-height: 60px; text-align: center;
    background: rgba(0, 0, 0, 0.4); font-size: 24px; color: #fff;
    position: absolute; top: 50%; transform: translateY(-50%); left: -40px;}
  .teacher-next{ left: auto; right: -40px;}
  .teacher .right{ width: 100%; margin-top: 20px;}
  .teacher .summary{ margin-top: 15px; overflow: visible; -webkit-line-clamp: unset;}
}

@media screen and (max-width:540px) {
  .teacher .left{ width: 400px;}
  .teacher .large{ padding: 0 80px;}
  
}

@media screen and (max-width:479px) {
  .gp-container{ margin: 0;}
  .mode-til{ font-size: 24px;}
  .institution ul{ margin-left: 0; margin-right: 0px;}
  .institution ul li{ width: 100%;}
  .institution ul a{ margin: 0;}
  .swiper-button{ display: none;}
  .banner > .gp-container{ bottom: 30px;}
  .teacher .left{ width: 240px;}
  .teacher .large{ padding: 0;}
}

@media screen and (max-width:380px) {
  .teacher-prev{ left: -35px;}
  .teacher-next{ right: -35px ;}
}