/* 容器样式 */
        .container-factory { /* 修改后的类名 */
            display: flex;
            flex-wrap: wrap; /* 允许换行 */
            justify-content: space-between; /* 子元素之间平均分配空间 */
            padding: 20px; /* 容器内边距 */
            max-width: 1200px; /* 最大宽度，根据需要调整 */
            margin: 0 auto;  /* 居中 */
        }

        /* 子模块样式 */
        .module {
            width: 32.9%;       /* PC端宽度 (100% / 3) -  留一些间距 */
            margin-bottom: 20px; /* 子模块之间的垂直间距 */
            box-sizing: border-box; /* 确保 padding 和 border 不会增加元素宽度 */
            border: 1px solid #ddd; /* 边框 */
            padding: 10px;        /* 子模块内边距 */
        }

        /* 图片样式 */
        .module img {
            width: 100%;    /* 图片宽度自适应 */
            height: auto;   /* 高度自动调整 */
            display: block; /* 移除图片底部间隙 */
            margin-bottom: 10px; /* 图片与标题之间的间距 */
        }

        /*标题样式*/
        .module h3 {
            font-size: 18px;
            margin-bottom: 5px;
            text-align: center;
            font-weight: bold; /*加粗*/

        }

        /* 描述样式 */
        .module p {
            font-size: 14px;
           text-align: center;
            color: #666;
            line-height: 1.5; /* 行高 */
        }

        /* 移动端样式 (媒体查询) */
        @media (max-width: 768px) {
            .container-factory { /* 修改后的类名 */
              padding: 10px; /* 调整内边距 */
            }

            .module {
                width: 100%; /* 移动端占满整行 */
                margin-bottom: 10px; /* 调整间距 */
            }
        }

        .blog_pro {
              width:200rem;
              height:auto;
         }