.zdmb-banner {
    /* height: 250px; */
    margin-top: 64px;
    position: relative;
}

.zdmb-ban-box {
    /* height: 250px; */
}

.zdmb-ban-imgbox {
    /* height: 250px; */
}

.zdmb-ban-imgbox>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.zdmb-ban-imgbox>.zdmb-ban-title {
    height: 4rem;
    width: 100%;
    /* text-align: center; */
    background-color: #c7000b;
    color: #FFFFFF;
    position: relative;
    /* bottom: 2rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}



.zdmb-banner-content {
    position: absolute;
    margin: 0 24px;
    top: 50%;
    /* left: 50%; */
    transform: translate(0, -50%);

    z-index: 1;
}

.zdmb-banner-content>* {
    animation: fadeInUp 1.2s;
}

.zdmb-banner-title {
    text-align: center;
}

.zdmb-banner-title>h3 {
    margin-bottom: 14px;
}

.zdmb-banner-title>h3>span {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: #333333;
}

.zdmb-banner-title>h3>span:first-child {
    font-weight: 400;
}

.banner-title-subtitle {
    font-size: 15px;
    line-height: 20px;
    color: #666666;
}

.zdmb-main {
    width: 100%;
}

.zdmb-tabs {
    height: 100%;
    margin-bottom: 10px;
}

.tabs-warp {
    overflow-x: auto;
}

/* 设置滚动条为0 */
.tabs-warp::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
}

#tabs-swiper {
    /* width: 612px; */
    margin: 0 auto;
}

.tabs-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: #E3E3E3 1px solid;
}

#tabs-swiper .tab-item {
    /* width: 153px; */
    width: 100%;
    flex: 1;
    height: 45px;
    /* line-height: 45px; */
    font-size: 15px;
    text-align: center;
    background: #fff;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zdmb-tabs-content {
    /* height: 646px; */
    background: #F9F9F9;
    padding: 46px 15px 30px;
}

.zdmb-tabs-content__top {
    /* padding: 0 14px; */
}

.zdmb-tabs-content__top-title {
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 25px;
    padding: 0 14px;
}

.zdmb-tabs-content__top-desc {
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    margin-bottom: 25px;
    padding: 0 14px;
}

.zdmb-content-item {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    /* width: 345px; */
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 14px 10px 22px;
    height: 100%;
}

.content-item__img,
.content-item__img>img {
    width: 75px;
    /* height: 42px; */
    margin-right: 25px;
    /* object-fit: fill; */
}

.content-item__img-en,
.content-item__img-en>img {
    width: 120px;
    margin-right: 25px;
}

.content-item__title {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: #C7000B;
    margin-bottom: 8px;
}

.content-item__desc {
    font-size: 12px;
    line-height: 18px;
    color: #666666;
}

.zdmb-diagram {
    /* height: 495px; */
    /* padding: 42px 15px 42px; */
    margin: 10% auto;
}

.zdmb-diagram-title {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    margin: 26px auto;
}

.zdmb-diagram-img {
    width: 100%;
    /* overflow-x: auto; */
    text-align: center;
}

.zdmb-diagram-img::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
}

.zdmb-diagram-img>img {
    /* width: 660px; */
    /* max-width: none; */
}

.zdmb-hardware {
    /* height: 565px; */
    padding-bottom: 50px;
}

.zdmb-hardware-title {
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 10px;
}

.zdmb-hardware-swiper {
    width: 233px;
}

.zdmb-hardware-swiper-small {
    display: flex;
    justify-content: center;
}

.zdmb-hardware-swiper .swiper-slide-small {
    width: 233px;
}

.zdmb__swiper-content {
    /* width: 234px; */
    background: #f9f9f9;
}

.zdmb__swiper-content>img {
    width: 233px;
    height: 190px;
}

.zdmb-swiper-text__title {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: #333333;
    margin-bottom: 15px;
}

.zdmb-swiper-text__desc {
    margin-bottom: 30px;
}

.zdmb-swiper-text__desc>p {
    font-size: 12px;
    line-height: 15px;
    color: #666666;

}

.zdmb-swiper-btn {
    width: 200px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #C7000B;
    border: 1px solid #C7000B;
}

.zdmb__swiper-content-desc {
    width: 233px;
    height: 211px;
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    padding: 16px 17px 23px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media screen and (min-width: 1023px) {

    .zdpc-banner,
    .zdpc-main,
    .zd-pc__hardware {
        display: block;
    }

    .zdmb-banner,
    .zdmb-main,
    .zdmb-hardware {
        display: none;
    }
}

@media screen and (max-width: 1023px) {

    .zdpc-banner,
    .zdpc-main,
    .zd-pc__hardware {
        display: none;
    }

    .zdmb-banner,
    .zdmb-main,
    .zdmb-hardware {
        display: block;
    }
}

/* 移动端 */
.scenarios_tabs_layout-mb {
    overflow-x: auto;
    /* 明确启用横向滚动 */
    /* white-space: nowrap; */
    /* 防止子元素换行 */
    display: flex;
    /* 或使用 inline-block */
    flex-shrink: 0;
    /* 防止子元素被压缩 */
    width: 100%;
    margin-top: 2rem;
    gap: 1rem;
    padding: 1rem 2rem;
    position: relative;
}


.scenarios_tabs_item-mb {
    min-width: 44%;
    position: relative;
    
}

.scenarios_tabs_item-mb img {
    width: calc(100%);
    height: calc(100% - 0.5rem);
    object-fit: cover;
    border-radius: 6px;
}

.scenarios_tabs_item_active-mb {
    border-bottom: 3px #cc1922 solid;
    border-right: 3px #cc1922 solid;
    border-radius: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.scenarios_tabs_item_active-mb img {
    width: 100%;
    height: 100%;
}

.scenarios_tabs_text_layout-mb {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0.5rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 69%, rgba(0, 0, 0, 0.8) 100%);
    display: flex;
    /* 启用 Flexbox */
    flex-direction: column;
    /* 垂直排列子元素 */
    justify-content: flex-end;
    /* 子元素靠底部对齐 */
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 2rem;
    /* padding-bottom: 1.5rem; */
}

.scenarios_tabs_item_active-mb .scenarios_tabs_text_layout-mb {
    bottom: 0rem;
}

.scenarios_tabs_title-mb,
.scenarios_tabs_dec-mb {
    color: #FFFFFF;
}

.scenarios_tabs_title-mb {
    font-size: 1.6rem;
    /* width: 100%; */
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示2行 */
    overflow: hidden;
    /* 超出部分隐藏 */

    /* 确保文字能正常换行 */
    word-wrap: break-word;
    /* 允许长单词换行 */
    word-break: break-all;
    /* 允许在单词内换行（根据需要选择） */
}

.scenarios_tabs_dec-mb {
    /* width: 100%; */
    font-size: 1.5rem;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示2行 */
    overflow: hidden;
    /* 超出部分隐藏 */

    /* 确保文字能正常换行 */
    word-wrap: break-word;
    /* 允许长单词换行 */
    word-break: break-all;
    /* 允许在单词内换行（根据需要选择） */
}

.solution_title_h2-mb {
    font-size: 2rem;
    color: #333333;
    text-align: left;
    font-weight: bold;
}

.euq_img_layout-mb {
    /* width: 40%; */
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}


.euq_img_layout-mb img {
    width: 32%
}

.euq_img_layout-mb p {
    width: 32%;
    color: #333;
    font-size: 1.6rem;
    text-align: center;
}

.euq_text_layout-mb {
    display: flex;
    flex-direction: column;
}

.euq_content_item-mb {
    margin: 2rem 0;
    margin-bottom: 4rem;
}

.euq_title-mb,
.solution_dec-mb {
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: #333333;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem;
}

.solution_dec-mb p,
.solution_dec p {
    margin-top: 2rem;
    line-height: 2.5rem;
    font-size: 1.6rem;
}



.scenarios_content_item-mb {
    display: none;
    background: #fff;
    border-radius: 8px;
}

.scenarios_tabs_more-mb {
    min-width: 10%;
    background: #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: #fff;
    font-size: 4rem;
    margin-bottom: 0.5rem;

}

.scenarios_content_item-mb.active-mb {
    display: flex;
    flex-direction: column;
}

.scenarios_value-mb {
    margin-top: 4rem;
}

.scenarios_value_content-mb {
    padding: 0 2.5rem;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.scenarios_value_content_item-mb {
    width: 100%;
    background: #f2f2f2;
    display: flex;
    /* justify-content: space-between; */
    padding: 1rem 0;
    border-radius: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
}

.scenarios_value_icon-mb {
    min-width: 7rem;
    max-width: 7rem;
    height: 7rem;
    /* margin-right: 1rem; */
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.scenarios_value_title-mb {
    font-weight: bold;
    font-size: 1.9rem;
    color: #333333;
    line-height: 3rem;
}

.scenarios_value_dec-mb {
    font-size: 1.7rem;
    color: #666666;
    margin-top: 0.5rem;
    line-height: 2.5rem;
}

.partner_box-mb {
    margin: 4rem 0;
}

.partner_list-mb {
    margin-top: 1rem;
    padding: 0 3rem;
}

.partner_list-inner-mb {
    display: flex;
    flex-wrap: wrap;
    /* 允许换行 */
    gap: 1rem;
    /* 元素之间的间距 */
}

.partner_list_item-mb {
    width: calc(33.333% - 0.7rem);
    /* 12px = 16px * 2/3，用于补偿gap */
}