body, html {
   
    margin: 0; /* 移除默认的margin */
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.container {
 
    max-width: 1900px; /* 最大宽度，防止太宽 */
}
.top-section {
    width: 1900px;
    height:869px;
    background-image: url('img/header-bg.png');
}
.top-nav{
    height:100px;
    margin:0;   
}

nav ul {
  list-style: none;
  padding: 40px 0 0 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 40px;
}

nav a {
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 5px;
  transition: background 0.3s;
}

nav a:hover {
  background: rgba(255, 255, 255, 0.2);
}

.bottom-section {
  width: 1900px;
  height:5650px;
  background-image: url('img/container.png');
}

.footer{
  width: 1900px;
  height:388px;
  margin-bottom: 0; /* 移除底部外边距，避免最后一个部分有额外的间距 */
  background-image: url('img/footer.png');
 font-size:14pt;
 color:#FFF;
}
.footer-top{
  height:328px;
}
.footer-bottom{
 display: flex;
 width: 1900px;
  height:60px;
  justify-content: center;
}

a {
  color: #FFF;      /* 设置链接文本的颜色 */
   text-decoration: none; /* 去除下划线 */
}

a:visited {
  color: purple; /* 设置访问过的链接的颜色 */
}

a:hover {
  color: red; /* 设置鼠标悬停在链接上时的颜色 */
}

a:active {
  color: green; /* 设置链接被点击时的颜色 */
}


.xwzx-bottom-section {
  width: 1900px;
  height:1726px;
  background-image: url('img/xwzx.png');
}

.ncp-bottom-section {
  width: 1900px;
  height:2876px;
  background-image: url('img/ncp.png');
}

.qxcy-bottom-section {
  width: 1900px;
  height:2362px;
  background-image: url('img/qxcy.png');
}

.stly-bottom-section {
  width: 1900px;
  height:2795px;
  background-image: url('img/stly.png');
}

.gywm-bottom-section {
  width: 1900px;
  height:1687px;
  background-image: url('img/gywm.png');
}