body {
    margin-bottom: 500px;
    background: url('/images/ContactUs/ContactUs_1.jpg') no-repeat center center fixed;
    background-size: cover; /*关键属性 */
    padding: 0; /* 去除默认内边距 */
    width: 100%; /* 宽度铺满 */
    min-height:100vh;
}

/*主幻灯片样式 */
.slideshow-container-lxwm {
    position: relative;
    width: 100vw;
    height: 100vh;
    background-color: transparent; /*确保容器透明*/

}

    .slideshow-container-lxwm .slide {
        position: absolute;
        width: 100%;
        height: 100%;
        transition: all 0.6s ease;
        opacity: 0;
    }

        .slideshow-container-lxwm .slide.active {
            opacity: 1;
        }

        .slideshow-container-lxwm .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
           /*filter: brightness(0.7);*/ /*将元素的亮度设置为原始值的 70%，元素会变暗*/
        }



/*标题样式 */
.main-title-custom {
    font-size: clamp(2.5rem, 5vw, 3.3rem);
    font-weight: 700;
    color: #33508b;
    margin-top:20px;
    margin-bottom:80px;
    text-align: center;
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.8s ease-out;
}

    .main-title-custom::after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(90deg, #3498db, #8e44ad);
        margin: 15px auto;
        border-radius: 2px;
    }

    .main-title-custom.show {
        opacity: 1;
        transform: translateY(0);
    }



.product-card-custom {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.8s ease-out;
}

    .product-card-custom.show {
        transform: translateY(0);
        opacity: 1;
    }

.content-wrapper-custom {
    position: absolute;
    top: 20%; /* 直接调整到靠上位置，避免用负边距 */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

    .content-wrapper-custom.show {
        transform: translateY(0);
        opacity: 1;
    }



/* 产品网格 */
.products-grid-custom {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 60px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

/*产品卡片 - 移除背景*/
.product-card-custom {
    background: rgba(20, 20, 30, 0);
    backdrop-filter: blur(10px);
    border-radius: 12px;
   /* overflow: hidden;*/
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.8s ease-out;
    display: flex;
    flex-direction: column;
    align-items: center; /*水平居中*/
}

    .product-card-custom.show {
        opacity: 1;
        transform: translateY(0);
    }

/*统一图片容器样式 */
.product-img-container-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.product-img1-custom, .product-img2-custom, .product-img3-custom {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

.product-info-custom {
    padding: 0 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center; /*内容居中 */
    text-align: center;
    max-width: 400px; /*文本居中 */
}


.product-info-custom h2{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 25px;
    color: blue;
    gap: 10px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    font-weight: 700;
}

    .product-info-custom h2:hover {
        transform: translateX(5px);
    }

    .product-info-custom h2 .logo {
        display: inline-block;
        width: 45px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        flex-shrink: 0;
    }

.product-name-custom1 .logo, .product-name-custom2 .logo {
    background-image: url('/images/logo_dh.png');
}

.product-name-custom3 .logo {
    background-image: url('/images/logo_dy.png');
}



.product-desc-custom {
    font-size: 1rem;
    line-height: 1.6;
    color: blue;
    margin-bottom: 20px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.product-features-custom {
    list-style: none;
    margin-bottom: 25px;
    flex: 1;
    width: 100%;
    padding: 5px;
}

    .product-features-custom li {
        padding: 8px 0;
        padding-left: 25px;
        position: relative;
        font-size: 0.95rem;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    }

        .product-features-custom li::before {
            content: '';
            position: absolute;
            left: 0;
            color: #2ecc71;
            font-weight: bold;
            font-size: 1.2rem;
        }

/* 动画延迟 */
.product-card-custom:nth-child(1) {
    transition-delay: 0.2s;
}
   
.product-card-custom:nth-child(2) {
    transition-delay: 0.4s;
}

.product-card-custom:nth-child(3) {
    transition-delay: 0.6s;
}


@media (max-width: 1366px) {
    body {                                                 
        margin-bottom: 770px;
    }

    .main-title-custom {
        margin-top: 50px;
    }
}

/* 桌面端 */
@media (max-width: 1280px) {
    body {
        margin-bottom: 2900px !important;
    }

    html[lang="en-US"] body {
        margin-bottom: 3200px !important;
    }

    .main-title-custom {
        margin: 0;
        font-size: 3.4rem;
    }

    .products-grid-custom {
        margin-top: 80px;
        max-width: 550px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 100px;
    }

    .product-card-custom {
        width: 100%;
        height: auto;
    }


    .product-info-custom {
        margin: 0;
        padding: 0;
        line-height: 2;
        min-height: 320px;
    }


        .product-info-custom h2 .logo {
            width: 80px;
            height: 70px;
        }

        .product-info-custom h2 {
            font-size: 1.5rem;
            margin: 10px 0;
            white-space: nowrap;
        }

    html[lang="en-US"] .product-info-custom h2 {
        white-space: pre-wrap;
    }

    .product-features-custom li {
        font-size: 1.2rem;
        white-space: nowrap;
    }

    html[lang="en-US"] .product-info-custom li {
        white-space: pre-wrap;
    }
}

@media (max-width: 1024px) {
    body {
        margin-bottom: 3200px !important;
    }

    html[lang="en-US"] body {
        margin-bottom: 3600px !important;
    }

    .main-title-custom {
        margin: 0;
        font-size: 3.8rem;
    }

    .products-grid-custom {
        margin-top: 80px;
        max-width: 650px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 100px;
    }

    .product-card-custom {
        width: 100%;
        height: auto;
    }


    .product-info-custom {
        margin: 0;
        padding: 0;
        line-height: 2;
        min-height: 320px;
    }


    .product-info-custom h2 .logo {
        width: 80px;
        height: 70px;
    }

        .product-info-custom h2 {
            font-size: 1.9rem;
            margin: 10px 0;
            white-space: nowrap;
        }

    html[lang="en-US"] .product-info-custom h2 {
        white-space: pre-wrap;
    }

    .product-features-custom li {
        font-size: 1.6rem;
        white-space: nowrap;
       
    }

    html[lang="en-US"] .product-info-custom li {
        white-space: pre-wrap;
    }
}

@media (max-width: 991.98px) {
    body {
        margin-bottom: 3700px !important;
    }

    html[lang="en-US"] body {
        margin-bottom: 4200px !important;
    }

    .main-title-custom {
        margin: 0;
        font-size: 3.8rem;
    }

    .products-grid-custom {
        margin-top: 80px;
        max-width: 650px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 100px;
    }

    .product-card-custom {
        width: 100%;
        height: auto;
    }

    html[lang="en-US"] .product-card-custom {
        height: auto;
    }

    .product-info-custom {
        margin: 0;
        padding: 0;
        line-height: 2;
    }
 

        .product-info-custom h2 .logo {
            width: 80px;
            height: 70px;
        }

        .product-info-custom h2 {
            font-size: 1.9rem;
            margin: 10px 0;
            white-space: nowrap;
        }

    html[lang="en-US"] .product-info-custom h2 {
        white-space: pre-wrap;
    }

    .product-features-custom li {
        font-size: 1.6rem;
        white-space: nowrap;
    }

    html[lang="en-US"] .product-info-custom li {
        white-space: pre-wrap;
    }
       
}
/* 平板横屏/小桌面 */
@media (max-width: 820px) {
    /* 769px-820px */
    body {
        margin-bottom: 2400px !important;
    }

    html[lang="en-US"] body {
        margin-bottom: 2700px !important;
    }

    .main-title-custom {
        margin: 0;
        font-size: 3rem;
    }

    .products-grid-custom {
        margin-top: 80px;
        max-width: 520px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 100px;
    }

    .product-info-custom {
        min-height: 350px;
        line-height: 2;
    }

        .product-info-custom h2 .logo {
            width: 60px;
            height: 50px;
        }

        .product-info-custom h2 {
            font-size: 1.5rem;
            margin: 10px 0;
            white-space: nowrap;
        }


    html[lang="en-US"] h2 {
        font-size: 1.2rem;
    }

    .product-features-custom li {
        font-size: 1.2rem;
        white-space: nowrap;
    }

    html[lang="en-US"] .product-features-custom li {
        white-space: pre-wrap;
    }
}
/* 平板竖屏 */
@media (max-width: 767px) {
    /* 541px-768px */
    body {
        margin-bottom: 2100px !important;
    }

    html[lang="en-US"] body {
        margin-bottom: 2300px !important;
    }

    .main-title-custom {
        margin: 0;
        font-size: 2.2rem;
    }

    .products-grid-custom {
        margin-top: 80px;
        max-width: 380px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 100px;
    }

    .product-card-custom {
        width: 100%;
        height: auto;
    }


    .product-info-custom {
        min-height: 320px;
        line-height: 1.5;
    }


        .product-info-custom h2 {
            font-size: 1rem;
            margin: 10px 0;
            white-space: nowrap;
        }

    html[lang="en-US"] .product-info-custom h2 {
        white-space: pre-wrap;
    }

    .product-features-custom li {
        font-size: 0.9rem;
        white-space: nowrap;
    }

    html[lang="en-US"] .product-info-custom li {
        white-space: pre-wrap;
    }
}

/* 大屏手机 (iPhone Plus/Pro Max, 大屏安卓) */
@media (max-width: 480px) {
    /* 针对 415px-480px */
    body {
        margin-bottom: 2200px !important;
    }

    html[lang="en-US"] body {
        margin-bottom: 2300px !important;
    }

    .products-grid-custom {
        margin-top: 40px;
        max-width: 350px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .product-info-custom {
        min-height: 260px;
        line-height: 1.5;
    }

    .product-info-custom h2 {
        font-size: 1rem;
        margin: 0;
    }

    html[lang="en-US"] h2 {
        font-size: 1rem;
    }

    .product-features-custom li {
        font-size: 0.9rem;
    }
}
/* ===== 小屏幕手机 ===== */
@media (max-width: 375px) {
    /* 针对 320px-375px */
    body {
        margin-bottom: 340vh !important;
    }

    html[lang="en-US"] body {
        margin-bottom: 370vh !important;
    }

    .main-title-custom {
        margin: 0;
        font-size: 1.8rem;
    }

    .products-grid-custom {
        margin-top: 40px;
        max-width: 350px;
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .product-info-custom {
        min-height: 240px;
        line-height: 1;
    }

        .product-info-custom h2 .logo {
            width: 50px;
            height: 40px;
        }

        .product-info-custom h2 {
            font-size: 0.9rem;
            margin: 0;
        }

    html[lang="en-US"] h2 {
        font-size: 1rem;
    }

    .product-features-custom li {
        font-size: 0.8rem;
    }

    html[lang="en-US"] .product-features-custom li {
        line-height: 1.5;
    }
}