* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        width: 100%;
    }

    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 1rem 2rem;
        z-index: 1000;
    }

    .logo {
        max-height: 56px;
        max-width: 225px;
        padding: 8px 4px 8px 12px;
        vertical-align: middle;
    }

    .des-box {
        padding: 1rem 4rem;
    }

    .down {
        display: flex;
        margin: 0 auto;
        max-width: 1280px;
        padding-top: 100px;
        gap: 2rem;
    }

    .down a img {
        width: 200px;
        height: 80px;
    }

    .des {
        width: 365px;
        height: 600px;
        padding-left: 2rem;
        padding-top: 2rem;
    }

    /* 手机端响应式设计 */
    @media (max-width: 768px) {
        .navbar {
            padding: 0.5rem 1rem;
        }

        .logo {
            max-height: 40px;
            max-width: 160px;
            padding: 4px 2px 4px 8px;
        }

        .des-box {
            padding: 1rem
        }

        .down {
            align-items: center;
            gap: 1rem;
            padding-top: 80px;
            justify-content: center;
        }

        .down a img {
            width: 150px;
            height: 60px;
        }

        .des {
            width: 100%;
            height: auto;
            max-height: 400px;
            padding: 1rem 0 0 0;
            object-fit: contain;
        }
    }

    /* 小屏幕手机 */
    @media (max-width: 480px) {
        .navbar {
            padding: 0.5rem;
        }

        .logo {
            max-height: 32px;
            max-width: 120px;
        }

        .down {
            padding-top: 70px;
        }

        .down a img {
            max-width: 100%;
            height: auto;
        }

        .des {
            max-height: 100%;
        }
    }