.pro_lb{display:flex;flex-wrap:wrap}
.pro_lb li{box-sizing:border-box}
.pro_lb img{width:100%}
.pro_lb h5{padding:0 10px;line-height:27px;font-size:1.8rem;margin-bottom:20px}
.pro_lb p{padding:0 10px;font-size:1.4rem;color:#8c8c8c;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pro_lb .readmore{margin-top:40px;position:relative;background:#ededed}
.pro_lb .readmore a{white-space:nowrap;display:flex;padding-left:15px;text-transform:uppercase;color:#525254;font-size:1.4rem;line-height:50px;width:100%;box-sizing:border-box;position:relative;z-index:5}
.pro_lb .readmore i{width:50px;flex:0 0 auto;line-height:50px;text-align:center;margin-left:auto;background:#ccc;position:relative;z-index:5;color:#FFF;transition:all .2s}
.pro_lb .readmore::before{position:absolute;width:0%;height:100%;top:0;left:0;content:"";transition:all .3s}
.pro_lb .readmore:hover::before{width:100%}
.pro_lb .readmore:hover a{color:#FFF}
@media screen and (max-width:640px){
.pro_lb li{width:100%}
.pro_lb h5{margin-top:15px;margin-bottom:10px}
.pro_lb .readmore{margin-top:20px;margin-bottom:40px}
.pro_lb li:nth-child(2n){padding-left:0}
.pro_lb li:nth-child(2n+1){padding-right:0}
}
.pro_lb1 li{width:50%;display:flex;flex-direction:column;justify-content:space-between}
.pro_lb1 li:nth-child(2n){padding-left:15px}
.pro_lb1 li:nth-child(2n+1){padding-right:15px}
.pro_lb1 div{flex:0 0 auto;display:flex;flex-direction:column}
.pro_lb1 .img-box{height:100%;max-height:200px}
.pro_lb1 img{object-fit:contain;height:100%}
.pro_lb1 h5{margin-top:40px}
.pro_lb1 .readmore{margin-bottom:76px}
.pro_lb0 li{width:100%;display:flex;margin-bottom:20px}
.pro_lb0 .img-box{margin-right:20px;flex:0 0 auto;width:200px}
.pro_lb0 .img-box img{height:100%;object-fit:contain;width:100%}
.pro_lb0 .img-box+div{width:100%}