.banner img{
    width: 100%;
    margin-bottom: 36px;
}
.about,.clean,.consume{
    overflow: hidden;
    position: relative;
}

.about .title,
.clean .title,
.consume .title
{
    width: 330px;
    margin: 50px auto;
}
.about .title img,
.clean .title img,
.consume .title img
{
    width: 100%;
}
.about{
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* 浅浅的阴影 */
}
.about .content{
    height: 325px;
    background: url(../images/index/bg1.png) no-repeat;
    background-size: cover;
    font-size:20px;
    box-sizing: border-box;
    padding: 60px 40px;
    line-height: 45px;
    color: #636462;
    text-indent: 44px;
}

.clean,.consume{
    background: url(../images/index/bg2.png) no-repeat;
    background-size: cover;
}

.product{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 40px;
}
.product .item{
    flex: 1 1 20%;
}
.product .item img{
    width: 100%;
    height: 250px;
    border-radius: 15px;
}
.product .item .name{
    width: 210px;
    margin: 10px auto;
    font-size: 16px;
    display: -webkit-box;        /* 弹性伸缩盒子模型 */
    -webkit-box-orient: vertical;/* 垂直排列 */
    -webkit-line-clamp: 2;       /* 限制为 2 行 */
    overflow: hidden;            /* 超出隐藏 */
    text-overflow: ellipsis;     /* 省略号 */
    line-height: 26px;
}
.product .item .price{
    text-align: center;
    margin: 10px auto;
    font-size: 18px;
    color: red;
}
.clean .more,.consume .more{
    position: absolute;
    right: 30px;
    top:30px;
    color: #5A5A5A;
    font-size: 14px;
    color: #e33333;
}
.qrcode{
    display: flex;
    margin: 60px auto;
}
.qrcode div{
    width: 50%;
    text-align: center;
}
.qrcode img{
    width: 200px;
    height: 200px;
}
.qrcode p {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 500;
}