html, body {
            margin: 0;
            padding: 0;
        }

          body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            font-family: Arial, sans-serif;

        }

.info{color:#888; line-height: 29px;}
.image-container {
    display: flex;
    justify-content: center; /* 水平方向居中 */
    align-items: center; /* 垂直方向居中 */
    text-align: center;
    width: 100%;
}


        /* Tab 栏样式 */
        .product_detail .product_detail_back01 .content .boxlist ul {
            width: 100%;
            display: flex;
            align-items: center;
            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.06);
            margin-bottom: 20px;
            padding: 0;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li {
            width: 220px;
            height: 74px;
            text-align: center;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all .5s linear;
            list-style: none;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li:first-child {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li:last-child {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li.active {
            background-color: #ad0000;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li.active a {
            color: #ffffff;
            border-right: 1px solid transparent;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li:hover {
            background-color: #ad0000;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li:hover a {
            color: #ffffff;
            border-right: 1px solid transparent;
        }

        .product_detail .product_detail_back01 .content .boxlist ul li a {
            width: 100%;
            display: inline-block;
            font-size: 20px;
            line-height: 30px;
            border-right: 1px solid #dcdcdc;
            color: #333333;
            transition: all .5s linear;
            text-decoration: none;
        }

        /* 产品详情样式 */
        .product_detail {
            width: 100%;
            padding: 70px 0 0px;
        }

        .product_detail .product_detail_back01 {
            background-color: #ffffff;
        }

        .product_detail .product_detail_back01 .content {
            width: 89.5%;
            margin: 0 auto;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .left {
            width: 50%;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .left .left_img {
            width: 100%;
            max-width: 880px;
            overflow: hidden;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .left .left_img .img img {
            width: 100%;
            height: auto;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .right {
            width: 50%;
            padding: 0 8%;
            display: block;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .right h1 {
            color: #000000;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 40px;
            font-weight: 500;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .right .info {
            width: 100%;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .right .info p {
            font-size: 16px;
            line-height: 26px;
            color: #666666;
        }

        .product_detail .product_detail_back01 .content .boxlist .bottom .right .info img {
            max-width: 100%;
        }

        @media (max-width: 760px) {
            .product_detail {
                padding: 0px; /* 移动端设置 padding 为 0 */
            }

            .product_detail .product_detail_back01 .content .boxlist ul {
                margin-top: 50px; /* 调整产品简介、产品特性等部分与顶部的距离 */
            }

            .product_detail .product_detail_back01 .content .boxlist ul li {
                width: 100px;
                height: 50px;
            }

            .product_detail .product_detail_back01 .content .boxlist ul li a {
                font-size: 14px;
            }

            .product_detail .product_detail_back01 .content .boxlist ul li.active a {
                border-right: none;
            }

            .product_detail .product_detail_back01 .content .boxlist ul li a {
                border-right: none;
            }

            .product_detail .product_detail_back01 .content .boxlist .bottom {
                flex-direction: column;
                align-items: center;
            }

            .product_detail .product_detail_back01 .content .boxlist .bottom .left,
            .product_detail .product_detail_back01 .content .boxlist .bottom .right {
                width: 100%;
            }

            .product_detail .product_detail_back01 .content .boxlist .bottom .left .left_img {
                max-width: 393px;
                margin: 30px 0;
            }

            .product_detail .product_detail_back01 .content .boxlist .bottom .left .left_img .img img {
                width: 100%;
                height: auto;
            }

            .product_detail .product_detail_back01 .content .boxlist .bottom .right h1 {
                font-size: 18px;
                line-height: 22px;
                margin-bottom: 30px;
            }

            .product_detail .product_detail_back01 .content .boxlist .bottom .right .info p {
                font-size: 14px;
                line-height: 24px;
            }
        }
         .mobile-header-text {
            font-size: 20px !important;
        }
        .mobile-header-height {
            height: 100px !important;
        }
        .mobile-margin {
            margin-bottom: 70px !important;
        }
        .mobile-padding {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
        .bg-custom-gray {
            background-color: #f8f8f8;
        }
        .bg-custom-white {
            background-color: #ffffff;
        }
                .scenarios-image-container {
            position: relative;
            overflow: hidden;
            width: 548px;
            height: 330px; /* 默认容器高度 */
            display: flex;
            justify-content: center;
            align-items: center;
            transition: height 0.3s ease;
        }

        .scenarios-image-container img {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: auto;
            transform: translateY(-50%);
            transition: transform 0.3s ease;
        }

        .scenarios-image-container:hover {
            height: 362px; /* 鼠标悬停时容器高度 */
        }

        .scenarios-image-container:hover img {
            transform: translateY(-50%) scale(1.1);
        }

        .scenarios-image-center {
            height: 344px; /* 默认容器高度 */
            display: flex;
            justify-content: center;
            align-items: center;
            transition: height 0.3s ease;
        }

        .scenarios-image-center img {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: auto;
            transform: translateY(-50%);
            transition: transform 0.3s ease;
        }

        .scenarios-image-center:hover {
            height: 378px; /* 鼠标悬停时容器高度 */
        }

        .scenarios-image-center:hover img {
            transform: translateY(-50%) scale(1.1);
        }

        .scenarios-image-wrapper {
            display: flex;
            gap: 30px;
            justify-content: center;
            align-items: center;
            height: 378px; /* 设置为最大高度，确保所有图片在同一水平线上 */
            margin-bottom: 100px; /* 电脑端图片距离底部的距离 */
        }

        @media (max-width: 640px) {
            .scenarios-image-wrapper {
                overflow: hidden;
                position: relative;
                display: flex;
                flex-direction: row; /* 调整为横向布局 */
                gap: 10px;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: auto;
                transition: transform 0.3s ease;
                margin-bottom: 50px; /* 移动端图片距离底部的距离 */
            }

            .scenarios-image-container,
            .scenarios-image-center {
                width: 30%; /* 调整图片宽度为适应屏幕 */
                height: auto;
                transition: height 0.3s ease;
                overflow: hidden;
                flex-shrink: 0;
            }

            .scenarios-image-container img,
            .scenarios-image-center img {
                position: relative;
                width: 100%;
                height: auto;
                transform: translateY(0%);
                transition: transform 0.3s ease;
            }

            .scenarios-image-container:hover,
            .scenarios-image-center:hover {
                height: auto; /* 鼠标悬停时容器高度 */
            }

            .scenarios-image-container:hover img,
            .scenarios-image-center:hover img {
                transform: scale(1.1);
            }

            .scenarios-header-container {
                padding: 20px 0;
                transition: padding 0.3s ease, font-size 0.3s ease;
                   height: 172px; /* 设置容器高度 */
    text-align: center;
    background: red;

            }

            .scenarios-header-text {
                font-size: 24px;
                transition: font-size 0.3s ease;
                text-align:center ;
            }
        }




/* 设置产品特性和产品参数的标题样式 */
.header-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 172px; /* 设置容器高度 */
    text-align: center;
}

.header-text {
    font-size: 32px; /* 设置字体大小 */
    color: #000; /* 设置字体颜色 */
}

.header-underline {
    width: 2%; /* 设置下划线宽度 */
    height: 2px; /* 设置下划线高度 */
    background-color: #ad0000; /* 设置下划线颜色 */
    margin-top: 16px; /* 设置下划线与标题的距离 */
}

.image-container {
    width: 100%; /* 设置容器宽度 */
    max-width: 1700px; /* 最大宽度为1700px */
    margin: 0 auto; /* 居中对齐 */
    padding: 0; /* 移除多余的内边距 */
    padding-bottom: 70px;
}

.image-container img {
    width: auto; /* 图片按原始宽度显示 */
    max-width: 100%; /* 最大宽度为容器宽度 */
    height: auto; /* 高度自动 */
    margin: 0; /* 移除多余的外边距 */
}


@media (max-width: 640px) {
    .image-container {
        width: 100%; /* 确保宽度为100% */
        margin: 0; /* 移除多余的外边距 */
        padding: 0; /* 移除多余的内边距 */
    }

    .image-container img {
        width: 100%; /* 设置宽度为100% */
        height: auto; /* 高度自动 */
        margin: 0; /* 移除多余的外边距 */
    }

    .header-container {
        padding: 0; /* 移动端去除内边距 */
        margin: 0; /* 移动端去除外边距 */
    }

    .header-text {
        font-size: 24px; /* 设置移动端字体大小 */
    }

    .header-underline {
        width: 12%; /* 设置移动端下划线宽度 */
        margin-top: 12px; /* 设置下划线与标题的距离 */
    }

    .module-container {
        padding-top: 0; /* 移动端去除顶部内边距 */
        padding-bottom: 0; /* 移动端去除底部内边距 */
    }

    .w-full {
        margin-top: 0; /* 移动端去除顶部外边距 */
        margin-bottom: 0; /* 移动端去除底部外边距 */
        padding: 0px;
        margin: 0px;
        display: block;

    }
    .bg-custom-white{margin-top: -55px; margin-bottom: 0px;}
}
.commonbd-mobile{
    height: auto;
}
.commonbd-mobile img {
    display: block; /* 确保图片显示为块级元素 */
    width: auto; /* 取消宽度限制，按实际尺寸显示 */
    height: auto; /* 取消高度限制，按实际尺寸显示 */
    max-width: 100%; /* 确保图片宽度不超过容器 */
    margin: 0 auto; /* 居中显示 */
}