*{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .about-banner{
            width: 100%;
            height: 800px;
            /* 在这里替换背景图片链接，删除示例图片地址填入你的厂房图片URL */
            background-image:url("//ueeshop.ly200-cdn.com/u_file/UPBC/UPBC905/2609/04/photo/-5.jpg");
            background-size: cover;
            background-position: center;
            font-family: 'Heebo', sans-serif;
            position: relative;
            color:#ffffff;
        }
        .banner-overlay{
            width: 80%;
            margin: 0 auto;
            padding: 0 5%;
            background-color: rgba(0,0,0,0.70);
            display: grid;
            grid-template-columns: 320px 1fr;
            gap: 50px;
            align-items: center;
            min-height: 270px;
            transform: translateY(0px);
        }
        /* 左侧标题 右对齐 */
        .banner-left{
            text-align: right;
        }
        .banner-left h2{
            font-size: 48px;
            font-weight: 900;
            color:#ffffff;
            margin-bottom:10px;
            line-height: 1;
        }
        .banner-left h1{
            font-size: 56px;
            font-weight: 900;
            color:#ce0000;
            line-height: 1.05;
        }
        /* 右侧正文 左对齐 */
        .banner-right{
            text-align: left;
        }
        .banner-right p{
            font-size:18px;
            font-weight: 400;
            line-height: 1.7;
            margin-bottom:30px;
            color:#ffffff;
        }
        .btn-top{
            display: inline-block;
            padding: 12px 32px;
            border: 2px solid #fff;
            color:#ffffff;
            text-decoration: none;
            font-weight:600;
            font-size:18px;
            transition: all 0.3s ease;
        }
        .btn-top:hover{
            background-color:#ce0000;
            border-color:#ce0000;
            color:#ffffff;
        }
        .cards-wrap{
            position: absolute;
            bottom: 60px;
            width: 100%;
            left: 0;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            padding: 0 3%;
            transform: translateY(-75px);
            box-sizing: border-box;
        }
        .feature-card{
            background-color:rgba(255, 255, 255, 0.9);
            padding:32px 20px;
            text-align:center;
            display:flex;
            flex-direction:column;
            align-items:center;
        }
        .card-icon{
            /*图标图片尺寸*/
            width: 56px;
            height: 56px;
            margin-bottom:16px;
            object-fit: contain;
        }
        .feature-card h3{
            font-size: 24px;
            font-weight:700;
            color:#ce0000;
            margin-bottom:14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: clip;
        }
        .feature-card p{
            font-size:15px;
            color:#222;
            font-weight:400;
            font-style: italic;
            line-height: 1.6;
            margin-bottom:22px;
        }
        .card-link{
            font-size:17px;
            font-weight: 600;
            color:#000000;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .card-link:hover{
            color:#ce0000;
        }

        /* ========== 移动端适配：≤750px ========== */
        @media screen and (max-width:750px){
            .about-banner{
                height: auto;
                padding: 40px 0 50px;
                background-size: cover;
                background-position: center;
                position: relative;
            }

            .banner-overlay{
                width: 90%;
                margin: 0 auto;
                padding: 30px 24px;
                background-color: rgba(0,0,0,0.70);
                display: grid;
                grid-template-columns: 1fr;
                gap: 20px;
                position: relative;
                z-index: 2;
            }

            .banner-left{
                text-align: center;
            }

            .banner-left h2{
                font-size: 30px;
            }

            .banner-left h1{
                font-size: 34px;
            }

            .banner-right{
                text-align: center;
            }

            .banner-right p{
                font-size: 15px;
                line-height: 1.65;
                margin-bottom: 20px;
            }

            .btn-top{
                padding: 10px 22px;
                font-size: 15px;
            }

            /* 卡片区域 宽度100%，无左右留白，2栏布局 */
            .cards-wrap{
                position: relative;
                bottom: auto;
                left: auto;
                width: 100%;
                margin: 30px 0 0;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 14px;
                padding: 0 3%;
                transform: none;
                z-index: 2;
                box-sizing: border-box;
            }

            .feature-card{
                padding: 22px 14px;
            }

            .card-icon{
                width: 42px;
                height: 42px;
            }

            .feature-card h3{
                font-size: 18px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: clip;
            }

            .feature-card p{
                font-size: 13px;
                margin-bottom: 18px;
            }

            .card-link{
                font-size: 14px;
            }
        }