#content section {
        display: flex;        /* 使用Flexbox布局 */
        flex-direction: column; /* 设置主轴方向为垂直 */
        align-items: center; /* 水平居中子元素 */
        margin: auto;         /* 如果需要，可以设置外边距 */
        padding: 20px;        /* 内边距，根据需要调整 */
        text-align: center;    /* 确保文本居中，如果flex布局不起作用时作为备选 */
    }

    #content h2 {
        text-align: center; /* 确保标题也居中 */
        margin-bottom: -10px; /* 根据需要添加一些间隔 */
        font-size: 60px;
        margin-top: 100px;
    }

    #content p {
        text-align: center; /* 确保段落文本也居中 */
        margin-bottom: -10px;
    }


    .mods {
        display: flex; /* 使用Flexbox布局 */
        justify-content: center; /* 元素之间的间距平均分布 */
        align-items: center; /* 垂直对齐方式 */
        flex-wrap: nowrap; /* 防止换行 */
    }

    .mods > div {
        padding: 0 20px; /* 给每个元素设置左右间距 */
        text-align: center; /* 文本居中 */
    }

    .mods h4 {
        margin: 0.5em 0; /* 为标题添加上下边距 */
    }

    .mods img {
        max-width: 100%; /* 确保图片宽度不超过其容器 */
        height: auto; /* 保持图片的宽高比 */
    }
    #nrlsimg {
              width: 300px;
              height: 180px;
              object-fit: cover; /* 裁剪图片以适应容器 */
          }
    #jxdlimg {
                  width: 300px;
                  height: 180px;
                  object-fit: cover; /* 裁剪图片以适应容器 */
          }
    #qyimg {
              width: 300px;
              height: 180px;
              object-fit: cover; /* 裁剪图片以适应容器 */
          }
    #yynyimg {
                  width: 300px;
                  height: 180px;
                  object-fit: cover; /* 裁剪图片以适应容器 */
          }
    @media (max-width: 767px) {
        .mods {
            flex-direction: column; /* 改变为垂直排列 */
            align-items: stretch; /* 拉伸子元素以填满容器宽度 */
            margin: 10px 0; /* 调整外边距 */
        }

        .mods > div {
            width: 100%; /* 每个元素占据全部宽度 */
            padding: 10px 0; /* 调整间距 */
        }
    }
    .modsend p {
            text-align: center;
            font-size: 15px;
            margin: 10px;
          }