body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 20px;
    background-color: #f4f4f4;
    text-align: center;
}



h1, h2, h3 {
    color: #35424a;
    text-align: center;
}

.project-safety{
    margin: 20px 0;
    position: relative;
    z-index: 1; /* 确保内容在overlay之上 */
    margin-top: 10vh; /* 确保内容在大图下方 */
}
.lab-safety{
    margin: 20px 0;
    position: relative;
    z-index: 1; /* 确保内容在overlay之上 */
}

.bordered-section {
    display: flex;
    flex-direction: column; /* 设置为垂直方向 */
    border: 3px solid green;
    border-radius: 15px;
    padding: 20px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 14%;
    margin-left: 14%;
}

.small-title {
    color: rgb(184, 255, 199);
    font-size: 40px;
    font-family:Arial, sans-serif;
    text-align: center;
}

.section-title {
    text-align: center;
    width: 100%;
    font-size: 25px;
    font-family:Arial, sans-serif;
}

.content-wrapper {
    display: flex; /* 使用 Flexbox 布局 */
    align-items: flex-start; /* 垂直对齐 */
}

.text-content {
    width: 70%; /* 左侧文本占70% */
    padding-right: 10px; /* 右侧间距 */
    font-family: Tahoma, sans-serif;
    text-align: justify;
}

.text-contentdo {
    width: 100%; /* 左侧文本占70% */
    padding-right: 10px; /* 右侧间距 */
    font-family: Tahoma, sans-serif;
    text-align: justify;
}

.image-content {
    width: 40%; /* 右侧图片占40% */
    padding-left: 10px; /* 左侧间距 */
    padding-top: 25px; /* 上侧间距 */
}

.separator {
    width: 10px; /* 分隔线的宽度 */
    background-color: #ccc; /* 分隔线颜色 */
    height: auto; /* 根据内容高度自动调整 */
}

.overview-image {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1; /* 确保在最下层 */
}

.overview-image img {
    width: 100%;
    height: 100%; /* 设置为100%以覆盖整个视口 */
    object-fit: cover; /* 保持比例并覆盖 */
}

.overlay {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    color: rgb(247, 250, 252); /* 根据背景调整文本颜色 */
    text-align: left;
    z-index: 0; /* 确保文本在图片上 */
    font-family: Tahoma, sans-serif;
}
.bordered-section img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}