body {
            font-family: 'Open Sans', Arial, sans-serif;
            background-color: #ffffff;  /* 背景颜色设置为白色 */
            margin: 0;
            padding: 0;
        }

        /* 外部居中容器 */
        .main-container {
            width: 80%;  /* 内容占页面的80%宽度 */
            max-width: 1500px;  /* 最大宽度为1500px */
            margin: 0 auto;
            padding: 20px;
            display: flex;
            justify-content: center;
        }

        /* 为特定内容区域设置独立样式 */
        .extrusion-container {
            width: 100%;  /* 保持容器宽度为父元素的100% */
            display: flex;
            background-color: #fff;
            padding: 20px;
            gap: 10%;  /* 设置左右内容区域之间的间距为网站宽度的10% */
        }

        .extrusion-image-section {
            width: 55%;  /* 调整为55% */
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .extrusion-text-section {
            width: 45%;  /* 调整为45% */
            padding-left: 20px;  /* 添加左侧内边距 */
        }

        .extrusion-text-section h3 {
            color: #D32F2F;  /* 深红色用于小标题 */
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .extrusion-text-section h2 {
            color: #333;
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .extrusion-text-section p {
            color: #666;
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .extrusion-text-section ul {
            list-style-type: none;  /* 移除默认列表符号 */
            padding-left: 0;
            color: #666;
            font-size: 16px;
        }

        .extrusion-text-section ul li {
            position: relative;
            padding-left: 25px;
            line-height: 2.0;  /* 每段小点内容的行距为2.0倍 */
            margin-bottom: 30px;  /* 每段小点内容之间的间距为3.0倍 */
        }

        .extrusion-text-section ul li::before {
            content: '●';  /* 使用圆点符号作为自定义列表符号 */
            color: #D32F2F;  /* 深红色的圆点 */
            font-size: 14px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .extrusion-image-section img {
            width: 100%;
            height: auto;  /* 自动调整图片高度以保持比例 */
            object-fit: contain;  /* 保持图片比例，并填充容器 */
        }

        .extrusion-image-section .image-title {
            text-align: center;
            font-size: 14px;
            color: #555;
            margin-top: 5px;
        }

        .extrusion-image-section .first-image {
            max-height: 400px;  /* 设置最大高度为400px */
        }

        .extrusion-image-section .second-image {
            max-height: 300px;  /* 设置最大高度为300px */
        }

        /* 媒体查询 - 移动端样式 */
        @media (max-width: 768px) {
            .extrusion-container {
                flex-direction: column;
                gap: 20px;  /* 调整内容区域之间的间距 */
            }

            .extrusion-text-section,
            .extrusion-image-section {
                width: 100%;  /* 在移动端时，文本和图片区域宽度设为100% */
                padding-left: 0;  /* 移除左侧内边距 */
                padding-right: 0;  /* 移除右侧内边距 */
            }

            .extrusion-image-section {
                order: 2;  /* 确保图片在文本下方 */
                gap: 10px;  /* 调整图片之间的间距 */
            }

            .extrusion-text-section {
                order: 1;  /* 确保文本在图片上方 */
            }

            .extrusion-image-section .first-image,
            .extrusion-image-section .second-image {
                height: auto;  /* 自动调整图片高度以适应宽度 */
                max-height: none;  /* 移除最大高度限制 */
            }

            .extrusion-text-section h2 {
                font-size: 24px;  /* 减小标题字体大小 */
            }

            .extrusion-text-section h3 {
                font-size: 18px;  /* 减小小标题字体大小 */
            }

            .extrusion-text-section p,
            .extrusion-text-section ul {
                font-size: 14px;  /* 减小正文和列表字体大小 */
            }
        }