    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        body {
            background-color: #f5f7fa;
            max-width: 100%;
            margin: 0 auto;
        }
        /* 板块通用样式 */
        .section {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,0.08);
            padding: 30px;
            margin-bottom: 30px;
            transition: all 0.3s ease;
        }
        .section:hover {
            box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
        }
        /* 标题样式 —— 居中 */
        .section-title {
            font-size: 24px;
            font-weight: 700;
            color: #2d3748;
            margin-bottom: 25px;
            display: block;
            text-align: center;
        }

        /* ========== 应用领域样式（每行2个 + 加粗文字） ========== */
        .app-domain {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 20px;
            justify-content: center;
        }
        .domain-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        /* 图片容器 */
        .domain-img-box {
            width: 500px;
            height: 300px;
            background: #f8f9fa;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
            overflow: hidden;
            transition: transform 0.3s ease;
            margin-bottom: 12px;
        }
        .domain-img-box:hover {
            transform: translateY(-5px);
        }
        .domain-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        /* 文字加粗 + 居中 */
        .domain-text {
            font-size: 20px;
            font-weight: 700;
            color: #333;
            font-family: "Microsoft YaHei", sans-serif;
            line-height: 2;
        }

        .more-btn {
            text-align: center;
            margin-top: 80px;
        }
        .more-btn button {
            padding: 8px 24px;
            background-color: #1890ff;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
        }
        .more-btn button:hover {
            background-color: #096dd9;
        }

        /* ========== 合作客户样式 ========== */
        .customer-wrap {
            width: 100%;
            overflow: hidden;
            position: relative;
            height: 160px;
            margin-bottom: 20px;
        }
        .customer-scroll {
            display: flex;
            align-items: center;
            height: 100%;
            animation: scrollLeft 60s linear infinite;
        }
        .customer-item {
            flex: 0 0 calc(100% / 6);
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 15px;
        }
        .customer-logo {
            width: 200px;
            height: 120px;
            background-color: #f5f5f5;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #8c8c8c;
            font-size: 14px;
            border: 1px solid #e8e8e8;
        }
        @keyframes scrollLeft {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }
        .customer-wrap:hover .customer-scroll {
            animation-play-state: paused;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            body { padding: 20px 10px; }
            .section { padding: 20px; }
            .section-title { font-size: 20px; }
            .domain-item { flex: 0 0 100%; }
            .domain-img-box { height: 150px; }
            .customer-item { flex: 0 0 calc(100% / 3); height: 100px; }
            .customer-logo { width: 100px; height: 60px; }
            .customer-scroll { animation-duration: 80s; }
        }

        .banner-container {
            width: 100%;
            height: calc(100vh * 2 / 3);
            background: #ffffff;
            color: #333;
            padding: 60px 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 30px;
            position: relative;
        }

        /* 企业简介标题区域 */
        .intro-title-wrap {
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }
        .intro-title-main {
            font-size: 42px;
            font-weight: 600;
            line-height: 1.4;
            color: #333;
        }

        /* 左右内容容器 */
        .content-wrapper {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 40px;
            font-family: Microsoft YaHei;
        }

        /* 左侧文字描述区域 */
        .intro-section {
            width: 50%;
            text-align: left;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 10%;
            line-height:2em;
        }
        .intro-desc {
            font-size: 20px;
            line-height: 1.7;
            color: #666;
            margin-bottom: 0;
        }

        /* 右侧卡片容器：改用2行1列的网格，每行单独控制 */
        .data-section {
            width: 50%;
            display: grid;
            grid-template-rows: auto auto; /* 只分2行，不分列 */
            gap: 30px; /* 行间距 */
            max-width: 500px;
            margin: 0 auto;
        }

        /* 第一排容器：3个卡片均匀分布 */
        .data-row-1 {
            justify-content: space-between; /* 3个卡片撑满宽度，均匀分布 */
            gap: 20px;
        }

        /* 第二排容器：2个卡片整体居中 */
        .data-row-2 {
            display: flex;
            justify-content: center; /* 核心：2个卡片相对于第一排整体居中 */
            gap: 20px; /* 2个卡片之间的间距 */
        }

        /* 卡片样式：固定尺寸，永不变形 */
        .data-img {
            height: 110px; /* 固定高度 */
            object-fit: cover;
            border-radius: 8px;
            align-items: center;
            justify-content: center;
            color: #0066cc;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            flex-shrink: 0; /* 防止卡片被挤压变形 */
        }

        /* 响应式适配（PC平板） */
        @media (max-width:1024px) {
            .banner-container {
                height: calc(100vh * 2 / 3);
                padding: 40px 30px;
                gap:25px;
            }
            .intro-title-main { font-size:32px; }
            .intro-desc { font-size:18px; }
            .data-img { width: 150px; height: 100px; }
        }

        /* 响应式适配（移动端） */
        @media (max-width:768px) {
            .banner-container {
                height:auto; 
                min-height:80vh;
                padding: 60px 25px 80px;
                gap:20px;
            }
            .content-wrapper {
                flex-direction: column;
                gap: 20px;
            }
            .intro-section, .data-section {
                width: 100%;
            }
            /* 移动端改为2列布局 */
            .data-row-1 {
                justify-content: center;
                flex-wrap: wrap;
            }
            .data-row-2 {
                justify-content: center;
            }
            .data-img { width: 140px; height: 90px; }
            .intro-title-main { font-size:26px; }
            .intro-desc { font-size:16px; }
            .detail-btn { bottom: 20px; }
        }
    </style>