.image-container {
  position: relative;
  width: 100%;
  height: 480px;
  /* z-index: -1; */
}

.image-content {
  position: relative;
  font-size: 0
}

.image-content img {
  width: 100%;
  height: auto;
}
.image-nav {
  background-image: url(../jpg1/单色/bgimg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; 
  position: fixed; /* 将导航栏固定在页面顶部 */
  top: 0; /* 与页面顶部保持距离为0 */
  left: 0; /* 与页面左侧保持距离为0 */
  width: 100%; /* 设置导航栏宽度为100% */
  height: 9%;
  padding: 0;
  z-index: 9992;
  display: flex;
}

.image-nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* .image-nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
}

.image-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  flex: none;
} */

.image-nav a img {
  max-width: 100%; /* 设置最大宽度为父元素宽度的100% */
  height: auto;
  max-height: 40px;
  margin: 0 auto;
  object-fit: contain;
  width: 200px; /* 设置实际宽度为200px */
}

.image-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px; /* 添加margin-top属性，避免与导航栏重叠 */
}

.image-column img {
  display: block;
  width: 100%;
  margin: 0;
}