.breadcrumb-temp-box{
    width:100%;
    background-color:#fff
}
.product-center-body{
    width:100%;
    background-color:#fff
}
.productcenter .cates-box{
    padding-top:4px
}
.cates-box ul.cates-list{
    display:flex;
    flex-wrap:wrap
}
.cates-box ul.cates-list>li{
    position:relative;
    margin-right:12px;
    margin-bottom:12px;
    width:392px;
    height:340px;
    background:#fff;
    box-shadow:0 0 20px 0 rgba(169,169,169,.3);
    overflow:hidden
}
.cates-box ul.cates-list>li:nth-child(3n){
    margin-right:0
}
.cates-list>li img{
    display:block;
    margin:8px auto 10px;
    width:100%;
    object-fit:cover
}
.cates-list .pro-desc h5{
    font-size:16px;
    text-align:center;
    font-weight:700
}
.cates-box ul.cates-list>li:hover .hov-list{
    top:0
}
.cates-list .hov-list{
    text-align:center;
    color:#fff;
    position:absolute;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.85);
    right:0;
    top:340px;
    transition:top .5s ease
}
.cates-list .hov-list .hov-head{
    display:block;
    padding:20px 0;
    color:#fff;
    font-size:16px;
    text-align:center;
    font-weight:700
}
.cates-list .hov-list-box{
    padding:0 20px;
    background:unset
}
.hov-list-box>p{
    height:60px;
    line-height:20px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    text-align:left
}
.hov-list-box ul{
    display:flex;
    flex-flow:wrap;
    justify-content:space-between;
    height:60px
}
.hov-list-box ul li{
    width:30%;
    display:block;
    background:unset;
    color:#fff;
    text-align:center;
    line-height:30px
}
.hov-list-box ul li a{
    color:#fff
}
.hov-list-box ul li a p{
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.cates-list p.group-intro a{
    color:#fff
}
.cates-list p.view-more{
    margin-top:20px;
    text-align:center
}
.cates-list p.view-more a{
    color:#fff;
    font-size:14px
}
@media (max-width:1200px){
    .cates-box ul.cates-list{
        justify-content:center
    }
    .cates-box ul.cates-list>li:nth-child(3n){
        margin-right:6px
    }
}