.customerproducts_title ul{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.customerproducts_pro ul{
    margin-left: -15px;
    margin-right: -15px;
}
.customerproducts_title ul li a{
    display: block;
    padding: 10px 20px;
    margin: 0 10px;
    color: #333;
    transition: all .5s;
}
.customerproducts_title ul li a:hover,.customerproducts_title ul li a.on{
    color: #fff;
}
.customerproducts_pro ul{
    display: flex;
    flex-wrap: wrap;
}
.customerproduct2_wrapper_img{
    overflow: hidden;
}
.customerproduct2_wrapper_img img{
    transform: scale(1.05);
    transition: all .5s;
}
.customerproducts_pro li a{
    margin-bottom: 30px;
    position: relative;
    display: block;
    width: 100%;
}
.customerproducts_pro li a:after{
    position: absolute;
    display: none;
    content: '';
    /* width: 0; */
    width: 100%;
    height: 1px;
    background-color: #fff;
    left: 0;
    bottom: 30px;
    z-index: 1;
    transition: all .2s;
}
.customerproducts_pro li:hover a:after{
    width: 100%;
}
.customerproducts_pro li a .customerproduct2_wrapper_content{
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 9;
    background-color: rgba(0,0,0,.4);
    padding: 10px;
    color: #333;
    /* clip-path: inset(0 100% 0 0); */
    clip-path: inset(0 0 0 0);
    transition: all .3s cubic-bezier(.63,.24,.26,.91);
}
.customerproducts_pro li:hover a .customerproduct2_wrapper_content{
    clip-path: inset(0 0 0 0);
}
.customerproduct2_wrapper_content .model{
    margin-bottom: 10px;
    font-size: 12px;
    color: #fff;
}
.customerproduct2_wrapper_content p{
    /* transform: translateY(5px);
    opacity: 0; */
    transition: all .3s cubic-bezier(.63,.24,.26,.91) .1s;
    transform: translateY(0px);
    opacity: 1;
}
.customerproduct2_wrapper_content p.name{
    color: #fff;
    transition: all .3s cubic-bezier(.63,.24,.26,.91) .2s;
}
.customerproducts_pro li:hover .customerproduct2_wrapper_content p{
    transform: translateY(0px);
    opacity: 1;
}
.customerproducts_pro li:hover .customerproduct2_wrapper_img img{
    transform: translateX(5px) scale(1.05);
}


@media(max-width: 767px) {
    .customerproducts_pro ul li{
        flex: 0 0 50%;
        width: 50%;
    }
}