html, body {
  width: 100%;
  min-height: 100%;
  height: 100%;
}
::-webkit-scrollbar {
  display: none;
}
.page {
  width: 100%;
  min-width: 1440px;
  height: 100%;
}

.space {
  flex-grow: 1;
}


.page .tabs {
  width: 100%;
  background-color: #fff;

}
.page .tabs .tabs-wrapper {
  width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.page .tabs .tabs-wrapper .tab {
  width: 25%;
  height: 80px;
  background-color: #DDE8F3;
  font-family: Source Sans Pro, Source Sans Pro;
  font-weight: 700;
  font-size: 24px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  box-sizing: border-box;
}

.page .tabs .tabs-wrapper .tab a{
  display:block;
  width:100%;
  border-right: 1px solid #999;
  text-align: center;
  height: 100%;
  line-height: 60px;
}

.page .tabs .tabs-wrapper .tab.active {
  background-color: #105DAA;
  color: #fff;
  font-family: Source Sans Pro, Source Sans Pro;
  font-weight: 700;
  font-size: 24px;
}
.page .about {
  width: 100%;
  box-sizing: border-box;
  padding: 80px 0 120px;
  background-image: url("../static/123.png");
  background-size: 100% 100%;
}
.page .about .content {
  width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  
}
.page .about .content img {
  width: 100%;
  aspect-ratio: 364 / 242;
  object-fit: cover;
}
/* 大图显示框样式 */
        .lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }
        
        .lightbox.active {
            display: flex;
        }
        
        .lightbox-content {
            max-width: 50%;
            max-height: 50%;
            position: relative;
		top: -130px;
          
        }
        
        .lightbox-img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            animation: fadeIn 1s ease-out;
        }
        
        .close-btn {
            position: absolute;
            top: -2rem;
            right: 0;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            transition: transform 1s ease;
      transform: scale(1.5);
        }
        
        .close-btn:hover {
            transform: rotate(90deg);
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }
        #pagination{
            margin:20px auto;
            margin-top: 60px;
        }