.about-lastexhi{
  width: 80%;
    margin: auto;
    /* border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5; */
    /* min-height: 60vh; */
    margin-bottom:50px;
}

.lastexhi-first-imgs {
    display: flex; /* 使用 Flex 布局将子元素排成一行 */
    gap: 10px; /* 图片之间的间距 */
    /* width: 80%; */
    margin: auto;
}

.lastexhi-first-imgs div {
    flex: 1; /* 子元素等宽 */
    display: flex; /* 让内部内容居中对齐 */
    justify-content: center;
    align-items: center;
    overflow: hidden; /* 隐藏溢出的内容 */
    max-height: 200px; /* 可根据需要调整高度 */
}

.lastexhi-first-imgs img {
    height: 100%; /* 保证高度一致 */
    width: auto; /* 按比例缩放 */
    object-fit: cover; /* 图片裁剪方式 */
}
/* .lastexhi-first-show{
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
} */

.lastexhi-first-show {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; /* 控制子元素间距 */
        justify-content: space-between; /* 子元素两端对齐 */
        width: 90%;
        margin: 20px auto;
    }
    .lastexhi-first-show > div {
        flex: 1 1 calc(20% - 20px); /* 每个子元素占20%的宽度并留出间距 */
        min-width: 200px; /* 设置最小宽度 */
        text-align: left; /* 内容居中对齐 */
        box-sizing: border-box; /* 包括内边距和边框 */
    }
    .lastexhi-first-show > .placeholder {
        visibility: hidden; /* 设置占位的 div 为不可见 */
    }

.lastexhi-second{
  width: 80%;
}

.exhibition-section {
  text-align: center;
  background-color: #f0f8ff; /* 浅蓝色背景 */
  height: 400px;
  /* padding: 30px; */
  padding-top: 30px;
}

.exhibition-section h2 {
  font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000;
    width: 80%;
    margin: auto;
    text-align: left;
}

.exhibition-cards {
  width: 80%;
  margin: -300px auto 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* gap: 20px; */
}
.exhibition-cards1 {
  width: 80%;
  margin: -175px auto 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* gap: 20px; */
}
.card1{
 width:26% !important;
}
.card2{
   width:40%  !important;
}
.card {
  background-size: cover; /* 背景图片覆盖 */
  background-position: center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
  width: 17%;
  min-height: 450px;
  padding: 15px;
  /* border-radius: 10px; */
  text-align: left;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #fff; /* 白色文字 */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 5px;
}

.card p {
  font-size: 14px;
  line-height: 1.6;
  padding: 5px;
  border-radius: 5px;
  /* text-indent:2em; */
  color: #BDD7EE;
}
.forum-section {
  /* max-width: 1200px; */
  width:80%;
  margin: 40px auto;
  /* padding: 20px; */
  font-family: Arial, sans-serif;
  color: #333;
}

.forum-section h2 {
  font-size: 22px;
    font-weight: bold;
    /* text-align: right; */
    margin-bottom: 20px;

}

.forum-section p {
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
  /* text-indent: 2em; */
}

.forum-section ul {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.forum-section ul li {
  margin-bottom: 5px;
  font-size: 15px;
}

.forum-section ul li strong {
  font-weight: bold;
}

.forum-section ul ul {
  margin-top: 10px;
  padding-left: 20px;
  list-style: disc;
}

.gallery {
  margin-top: 30px;
  text-align: center;
}

.gallery img {
  max-width: 100%;
  height: auto;
  /* border-radius: 10px; */
}

.thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  justify-content: center;
}

.thumbnails img {
  width: calc(33.333% - 10px);
  max-width: 200px;
  height: auto;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.thumbnails img:hover {
  transform: scale(1.05);
}


.lastexhi-last{
    width: 80%;
    margin: 40px auto;
}
.lastexhi-last h2{
    /* text-align: right; */
    font-size: 24px;
    font-weight: bold;
}
.lastexhi-last p{
   /* text-indent: 2em; */
}
.lastexhi-last-right{
    padding: 40px 0;
}
.lastexhi-last-right p{
    text-align: right;
    margin: 30px !important;
}