<style>
    /* 基础重置与全局样式 */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Microsoft YaHei", sans-serif;
        line-height: 2.2;
    }

    body {
        background: linear-gradient(to left, #a6e9ff57, #fff);
        overflow-x: hidden;
    }

    a {
        color: #333;
        text-decoration: none;
    }

    /* 导航栏样式 */
    .navbar {
        display: flex;
        justify-content: space-between;
        padding: 20px 50px;
        width:1300px;
        margin:0 auto;
    }

    .navbar img {
        width: 139px;
        max-width: 100%;
        height: auto;
    }

    /* 主内容区 */
    .hero-section {
        display: flex;
        padding: 36px 0;
        margin: 0 auto;
        width: 1300px;
        max-width: 90%;
    }

    .left-content {
        width: 60%;
        padding-right: 30px;
    }

    .left-content p {
        position: relative;
        margin: 5px 0;
        color: #333;
        font-size: 18px;
        line-height: 2.5rem;
        letter-spacing: 1px;
    }

    /* 右侧图片 */
    .right-image {
        width: 40%;
        text-align: center;
    }

    .right-image img {
        width: 80%;
        height: auto;
        max-width: 100%;
    }

    /* 标题样式 */
    h1 {
        font-size: 50px;
        color: #000;
        margin: 36px 0 42px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 8px;
        -webkit-font-smoothing: antialiased;
    }

    .subtitle {
        position: relative;
        font-size: 22px;
        margin-bottom: 40px;
        letter-spacing: 3px;
    }

    /* 功能区块 */
    .features {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        min-height: 66px;
        background: linear-gradient(to left, #a6e9ff57, #fff);
        border-radius: 6px 6px 0 0;
        margin: 10px auto 0;
        width: 1300px;
        max-width: 90%;
    }

    .feature-box {
        padding: 12px 20px;
        border-radius: 10px;
        width: 100%;
        max-width: 236px;
        min-width: 216px;
        margin: 5px 2px;
        text-align: center;
        flex: 1 0 0;
    }

    .feature-box p {
        width: 100%;
        height: auto;
        max-width: 200px;
        margin: 6px 10px;
        font-size: 13px;
        text-align: center;
        line-height: 24px;
        color: #5f5f5f;
    }

    .feature-box img {
        width: 66px;
        height: 66px;
        margin-bottom: 5px;
    }

    .feature-box h3 {
        font-size: 20px;
        color: #666;
        font-weight: 400;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        .hero-section,
        .features {
            width: 90%;
        }
    }

    @media (max-width: 768px) {
        .navbar {
            padding: 15px 20px;
            flex-direction: column;
            align-items: center;
        }

        .navbar img {
            width: 100px;
          
        }

        .hero-section {
            flex-direction: column;
            padding: 6px 0;
        
        }

        .left-content,
        .right-image {
            width: 100% !important;
            padding: 0 15px;
        }
 .left-content p {
            font-size: 14px;
            line-height: 2.6;
        }
        h1 {
            font-size: 32px;
            margin-bottom: 25px;
            letter-spacing: 3px;
            line-height: 1.3;
        }

        .subtitle {
            font-size: 18px;
            margin-bottom: 25px;
        }

        .features {
            width: 90%;
            padding: 0 10px;
        }

        .feature-box {
            min-width: 45%;
            margin: 0px;
            padding:3px;
        }
        .feature-box h3 {
    font-size: 16px;
    color: #666;
    font-weight: 400;
}
 .feature-box p{
width: 100%;
        height: 56px;
        max-width: 186px;
        margin: 6px 0;
        font-size: 12px;
        text-align: center;
        line-height: 1.6rem;
        overflow: hidden; }


        .feature-box img {
            width: 36px;
            height: 36px;
        }
    }

  
</style>