* { margin: 0; padding: 0; box-sizing: border-box;}
body{ margin:0; padding:0;  }
a{ text-decoration:none; border:none;}
a {
  outline: none; /* 清除电脑端点击/ Tab选中的虚线外框 */
  -webkit-tap-highlight-color: transparent; /* 清除手机点击蓝色闪烁高亮框 */
  text-decoration: none; /* 可选：去掉a标签默认下划线 */
}
img{ border:none}
.clear{ clear:both;}
/* 外层父容器，作为定位参照物，包住背景+内容，整体跟随页面滚动 */
.wrap-all {
  position: relative;
  width: 100%;
  margin: 0; padding: 0
}
.bg-box {
  position: absolute; /* 脱离文档流，不再占位置，不会挤开container */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* 底层，内容压在上面 */
}

.bg-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 完整显示整张图片，不变形 */
}

.container {
  position: relative;
  z-index: 1; /* 层级高于bg-box，显示在背景上面 */
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; /* ✅ relative正常文档流，直接margin:0 auto居中，不需要left:50%+transform */
  padding: 0 16px;
  padding-bottom: 350px;
  box-sizing: border-box;
}
.top{max-width: 100%;height: auto;display: block; }

ul{max-width: 1200px;width:100%; height:auto;}
ul li{max-width: 1200px;width:100%;  height:auto; margin-bottom: 10px;list-style: none; padding: 0;}
ul li img{max-width: 100%;height: auto;display: block;}