/* 媒体查询：移动设备时调整布局 */
@media (max-width: 768px) {
    .image-text-container {
        flex-direction: column; /* 垂直排列 */
        text-align: center; /* 文本居中 */
    }

        .image-text-container img {
            width: 100%;
            height: auto;
            margin-bottom: 20px;
        }

        .image-text-container div {
            margin-top: 20px; /* 增加上方外边距 */
        }

    .video-container iframe {
        width: 100%;
        height: auto;
    }

    .slides img {
        width: 100%;
        height: auto; /* 保持图片比例 */
    }

    .container {
        flex-direction: column; /* 在移动设备上使内容垂直排列 */
    }

    .image-row {
        flex-direction: column; /* 在移动设备上将图片设置为上下排列 */
        align-items: center; /* 居中对齐 */
    }

    .image-container {
        margin-bottom: 20px; /* 每个图片容器之间增加一些垂直间距 */
    }

        .image-container img {
            width: 100%; /* 保持图片在容器内宽度100% */
            height: auto; /* 自适应高度，保持比例 */
        }
    }