#homeProducts {
    margin: 0;
    list-style: none;
    padding: 12.5vh 0 0;
    height: 100vh;
    width: 100%;
}

#homeProducts .box {
    margin: 0 auto;
    max-width: 1758px;
}

#homeProducts .box_imgs {
    text-align: center;
    margin: 0 auto;
}

#homeProducts .box_title {
    width: 100%;
    margin: 0 auto;
}

#homeProducts .box_content {
    max-width: 213.33rem;
    height: 47.222vh;
    list-style: none;
    margin: 8vh auto 0;
    display: flex;
    justify-content: space-around;
    column-gap: 2.22rem;
}

#homeProducts .box_content > li {
    height: 47.222vh;
    background: #000;
    transition: all 0.2s linear;
    cursor: pointer;
    flex-grow: 0;
    margin: 0;
}

#homeProducts .box_content .box_item {
    cursor: pointer;
    width: 30rem;
    height: 47.222vh;
    overflow: hidden;
    text-shadow: 1px 1px black;
}

#homeProducts .box_content .box_item_active {
    width: 110rem;
}

#homeProducts .box_item_text{
    font-family: Microsoft YaHei-Regular, Microsoft YaHei, serif;
    padding-left:5.44rem;
    
    position: absolute;
    bottom: 0;
    min-height: 38.407vh;
    overflow: hidden;
}
#homeProducts .box_item_active .box_item_text{
    padding-right: 18.11rem;
}

#homeProducts .name_one {
    width: 100%;
    font-size: 3rem;
    font-weight: 400;
    color: #ffffff;
    margin-top: 137px;
    /* 文字阴影 */
    text-shadow: 2px 2px 2px #000000;
}

#homeProducts .name_two {
    font-size: 2.22rem;
    font-weight: 400;
    color: #ffffff;
    margin-top: 4.259vh;
    min-height: 7.407vh;
    /* 这里要显示的设置宽度 */
    overflow: hidden;
    white-space: normal;
    /* 文字超出宽度则显示ellipsis省略号 */
    text-overflow: ellipsis;
    opacity: 0;

}
#homeProducts .name_two .overflow {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
}

#homeProducts .box_item_active .name_two {
    opacity: 1;
}

#homeProducts .one_img {
    display: block;
    border-style: none;
    width: 100%;
    object-fit: cover;
    object-position: right;
    height: 47.222vh;
    position: relative;
}
#homeProducts .box_item_active .one_img {
    background-color: rgba(0, 0, 0, 0.7);
}
#homeProducts .customer-title {
    height: 6.389vh;
    text-align: center;
    line-height: 1;
    width: 100%;
}
#homeProducts .customer-title-en {
    font-size: 5.57rem;
    font-family: Arial-Bold, Arial, serif;
    font-weight: bold;
    color: #ebebeb;
}
#homeProducts .customer-title-cn{
    font-size: 3.5rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei, serif;
    font-weight: bold;
    color: #333333;
    position: relative;
    top: -3.56rem;
}