.tx-productsl li{width: 47.8%; margin-left: 4.4%;background: #f5f5f5;margin-bottom: 50px;}
.tx-productsl li:nth-child(2n-1){margin-left: 0;}
.tx-productsl li .img{position: relative; height: 440px;overflow: hidden;}
.tx-productsl li .img img{position: absolute;left: 0;right: 0;top:0;bottom:0;margin:auto;max-height: 100%;padding: 0 50px;}
.tx-productsl li .text{position: relative; padding: 40px;text-align: center;z-index: 10;}
.tx-productsl li .text::before{content: ''; position: absolute;left: 0;bottom:0;z-index: -1; width: 100%;height: 0%;background: #e80115;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-productsl li .text h3{font-size: 22px;font-weight: bold;line-height: 25px;height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.tx-productsl li .text em{display: block;font-size: 14px;line-height: 25px;height: 50px;margin:18px 0 22px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color: #666;}
.tx-productsl li .text b{display: inline-block;font-weight: normal; font-size: 14px;line-height: 35px;height: 42px; padding: 0 40px;border:1px solid #707070;color: #666;}
.tx-productsl li .text b i{font-size: 24px;position: relative;top:3px;margin-left:5px;}


@media screen and (min-width: 769px){

    .tx-productsl li:hover .img img{transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);}
    .tx-productsl li:hover .text::before{height:100%;}
    .tx-productsl li:hover .text h3{color: #fff;}
    .tx-productsl li:hover .text em{color: #fff;}
    .tx-productsl li:hover .text b{background: #fff;border-color: #fff;color: #e80115;}
}

@media screen and (max-width: 1480px){

    .tx-productsl li .img{height: 390px;}
    .tx-productsl li .text{padding: 30px;}
    .tx-productsl li .text h3{font-size: 18px;}
    .tx-productsl li .text em{font-size: 13px;line-height: 22px;height: 44px;margin: 10px 0 15px;}

}

@media screen and (max-width: 768px){

    .tx-productsl li{width: 100%;margin-left: 0;margin-bottom: 10px;}
    .tx-productsl li .img img{padding: 0 20px;}
    .tx-productsl li .img{height: 240px;}
    .tx-productsl li .text{padding: 15px 20px;border:1px solid #f5f5f5;background: #fff;}
    .tx-productsl li .text b{display: none;}
    .tx-productsl li .text h3{font-size: 15px;}
    .tx-productsl li .text em{font-size: 12px;margin:5px 0 0}

}