* {
      box-sizing: border-box;
  }

  html {
      font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }


  /* 设置 body 元素的样式 */
  body {
      margin: 0;
      font-size: 0.9em;
      background-color: var(--bs-tertiary-bg);
  }

  .container-xxl,
  .container-fluid,
  .container {
      background-color: white;
  }

  a {
      color: #5e6e74;
      text-decoration: none;
  }

  a:hover,
  a:active {
      color: rgb(var(--primary));
      transition: color 0.3s ease;
  }

  .ratio-1 {
      aspect-ratio: 1 / 1 !important;
  }


  .card-squre {
      aspect-ratio: 1 / 1;
      overflow: hidden;
  }

  .ssfont {
      font-size: 0.3em;
  }


  /* 标题 / LOGO */

  .header {
      padding-top: calc(var(--bs-gutter-x)*0.6);
      padding-bottom: calc(var(--bs-gutter-x)*0.6);
  }


  /* 设置顶部导航栏样式 */
  .navbar {}

  .navbar-brand {
      background-image: url(../images/logo.png);
      display: block;
      background-repeat: no-repeat;
      background-size: 60%;
      background-position: center;
      text-indent: -80000px;
      aspect-ratio: 2.5 / 1;
      margin-right: 0;
  }

  @media (max-width: 540px) {
      .navbar-brand {
          background-image: url(../images/logo-s.png);
          background-size: 80%;
      }
  }

  /* 设置导航条链接演示 */
  .navbar a {
      color: #5e6e74!important;
      text-decoration: none;
      text-align: center;
  }

  /* 更改鼠标悬停时的颜色 */

  .navbar-nav a:hover{
    color: rgb(var(--primary))!important;
  }
  .navbar-nav a:active{
    color: rgb(var(--primary))!important;
  }


  /* 设置顶部导航栏样式 */
 
  .navbar>div{
    padding-left:0!important;
    padding-right:0!important;
  }


  /* 页脚 */
  .footer {
      padding-top: 144px;
      padding-bottom: 32px;
      background-color: white;
  }

  .sduad img {
      padding: 0 calc(var(--bs-gutter-x) * .5);
      width: 100%;
  }

  .qrCode {}

  .qrCode img {
      width: 88px;
      height: 88px;
  }

  .footer .copyright {
      margin: 16px 0 0 0;
      padding: 4px 0 0 0;
  }





  /*/////////////////////////////////////////////index ///////////////////////////////////////////*/


  /* 内容 */
  .content>.row {
      padding: calc(var(--bs-gutter-x)*2) 0 0 0;

  }

  .card-title {
      text-align: center;
  }

  @media (min-width: 720px) {
      .row-news-card div:nth-child(even) {
          flex-direction: column-reverse;
      }

      .card-news-content,
      .row-news-card .card-img {
          aspect-ratio: 1 / 1;
      }
  }

  @media (max-width: 720px) {

      .card-news-content,
      .card-img {
          aspect-ratio: 2 / 1;
      }

      .index-research-list .card2 {
          aspect-ratio: 2 / 1 ;

      }

      .row-news-card div:nth-child(odd) .card-img {
          aspect-ratio: 1 / 1;
      }

  }




  .card-news {
      display: flex;
      flex-direction: column;
  }

  .card-content {
      padding: calc(var(--bs-gutter-x)) calc(var(--bs-gutter-x) * .5);
  }

  .card-news h7 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
  }

  .card-content p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
  }

  .card-img {
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url(../images/logo.png);
      background-position: center;
      background-size: 60%;
      background-repeat: no-repeat;
      background-color: rgba(0, 0, 0, 0.1);
      padding-left: 0;
      padding-right: 0;
  }

  .card-img img {

      object-fit: cover;
      object-position: center;

  }

  .card2 {
      display: inline-grid;
      overflow: hidden;
      padding-bottom: calc(var(--bs-gutter-x) * .5);
      margin-bottom: calc(var(--bs-gutter-x) * .5);
      aspect-ratio: 1 / 1;
  }

  .card2>img {
      max-width: 100%;
      height: auto;

  }

  .card2>.card-img,
  .card2>figcaption {
      grid-row: 1 / 2;
      grid-column: 1 / 2;
  }

  .card2>figcaption {
      align-self: end;
      padding: 8px;
      background-color: rgba(var(--primary), 0.9);
      z-index: 1;
      color: #fff;
      height:80px;
  }

  .card2 p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin-bottom: 0;
  }

  .card2 a {
      color: white;
  }



.index-research-list .card-img {
      background-color: rgba(var(--primary), 1.0);
      aspect-ratio: 1 / 1;
  }

.index-research-list .card-img img {
  transition: transform 500ms;
  }

.index-research-list .card-img img:hover {
      transform: scale(1.2);
  }



  /*/////////////////////////////////////////////news///////////////////////////////////////////*/

  .card-notice {
      border-color: rgb(var(--primary));
      border: solid;
      border-width: 1px;
      color: rgb(var(--primary));
      padding: calc(var(--bs-gutter-x) *0.5);
      margin-bottom: calc(var(--bs-gutter-x));
  }
.card-notice p{
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
  .card-notice:hover {
      background-color: rgb(var(--primary));
  }
  .card-notice a{
color: rgb(var(--primary));
  }

  .card-notice:hover {
      background-color: rgb(var(--primary));
      color: white;
  }
  .card-notice:hover a{
      color: white;
  }
  .card-notice a:hover {
      color: white;
  }

  .news-list {
      list-style-type: circle;
      list-style-position: outside;
      padding: 0;
  }

  .news-list li {
      padding: 16px 0 32px 0;
  }

  /*/////////////////////////////////////////////news page///////////////////////////////////////////*/

  .content {}

  .news-content h3 {
      margin: 32px 0;
      line-height: 1.5;
  }

  .news-content .news-date {
      margin-bottom: 32px;
      line-height: 1em;
  }

  .news-content p {
      line-height: 1.8;
  }

  .news-content img {
      margin-bottom: 32px;
width:100%;
  }

  .news-hero img {
  }

  .page-banner {
      height: 64px;
      overflow: hidden;
      background-image: url(../images/banner.png);
      background-size: cover;
      background-position: center;
  }

  .news-author {
      margin: 32px 0;
  }



  /*/////////////////////////////////////////////About///////////////////////////////////////////*/

  .side-menu {
      list-style-type: none;
      padding: 0;
  }

  .side-menu li {
      margin-bottom: 1em;
      display: flex;
      flex-direction: column;

  }

  .side-menu li h7 {
      align-self: center;
  }

  .container-aboutus>.row {
      margin-bottom: calc(var(--bs-gutter-x));

  }

  .container-aboutus img {
      width: 200px;
      height: auto;
  }
#container{
  aspect-ratio: 2 / 1;
}

        .amap-marker-label{
            border: 0;
            background-color: transparent;
        }
.info{
  border: 0;
}

  /*/////////////////////////////////////////////Alumini///////////////////////////////////////////*/

  .alumini-news .card-img {
      aspect-ratio: 2 / 1;
  }

  .alumini-news .card-news-content {
      aspect-ratio: ;
  }

        .alumini-list .card-img {
          aspect-ratio: 1 / 1;
      }

      .alumini-list .card2 {
          aspect-ratio: 1 / 1;

      }
  

  .accordion-button:not(.collapsed) {
      color: rgba(var(--primary), 1);
      background-color: rgba(var(--primary), 0.1);
      box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  }

  .accordion-button:focus {
      z-index: 3;
      border-color: rgba(var(--primary), 0.5) !important;
      outline: 0;
      box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  }


  /*/////////////////////////////////////////////Teachers///////////////////////////////////////////*/
.alumini-conetnt .img-hero {aspect-ratio:1 / 1; }
.alumini-conetnt .v_news_content img{width:100%}

  /*/////////////////////////////////////////////Teachers///////////////////////////////////////////*/

  .row-teachers>div {
      display: flex;
  }

  .row-teachers .card-img {
      background-color: rgba(var(--primary), 1.0);
      aspect-ratio: 1 / 1;
  }

  .row-teachers .card-img img {
      opacity: .8;
  }

  .row-teachers .card-img img:hover {
      opacity: 1;
      transition: opacity 0.5s ease;
  }

  @media (max-width: 720px) {}

  .menu-container {
      position: relative;
  }

  .side-menu {
      position: sticky;
      z-index: 2;
      top: 0;
  }

  .more-button a{
    width: 100%;
    height: 100%;
    display: block;
  }
.teacher-pic{
width:50%;
}
  /*/////////////////////////////////////////////Teacher-single///////////////////////////////////////////*/

.breadcrumb{  font-size: 0.6em;}
.teacher-pic{ width:100%;}


  /*/////////////////////////////////////////////party///////////////////////////////////////////*/

  .party-news {
    
  }

  .party-news-li .card-img {
      aspect-ratio: 1 / 1;

  }
    .party-news-li .card-img img{
     width: 300px;
     height: 300px;
  }


  .party-news .content-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-left: calc(var(--bs-gutter-x));
  }

  .party-news .content-wrapper p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 3;
  }

  .party-news li {
      margin-bottom: calc(var(--bs-gutter-x)*2);
  }


  @media (max-width: 768px) {
      .party-news .content-wrapper p {
          -webkit-line-clamp: 2;
      }

      .party-news .content-wrapper h6 {
          -webkit-line-clamp: 2;
      }
  }
  

  @media (min-width: 768px) {
      .party-news .content-wrapper p {
          -webkit-line-clamp: 3;
      }

      .party-news .content-wrapper h6 {
          -webkit-line-clamp: 3;
      }
  }


  @media (min-width: 992px) {
      .party-news .content-wrapper p {
          -webkit-line-clamp: 4;
      }
  }

  @media (min-width: 1200px) {}

  @media (min-width: 1400px) {
      ...
  }

  /*/////////////////////////////////////////////party///////////////////////////////////////////*/

  .container-aboutus>div {
      margin-bottom: calc(var(--bs-gutter-x)*4);
  }

  @media (min-width: 768px) {
      .menu-container{  
margin-top:calc(var(--bs-gutter-x) * 2);
}
}

 /*/////////////////////////////////////////////research list///////////////////////////////////////////*/
.research-news-li img{
width:100%;
}



  /*/////////////////////////////////////////////about us///////////////////////////////////////////*/

  #admins .col {
      margin-bottom: calc(var(--bs-gutter-x));
  }

  /*/////////////////////////////////////////////pics page///////////////////////////////////////////*/

  .img-hero {
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 16 / 9;
  }

  .img-hero img {
      width: 100%;

  }

  .picnews-content {
      margin-left: auto;
      margin-right: auto;
  }

  .picnews-content img {
      width: 100%;

  }

  .picnews-content h3 {
      margin-bottom: 2em;

  }

  .picnews-content .news-date {
      margin-bottom: 2em;

  }