.tx-mains{background:#f8f8f8;}
.tx-casel{margin-top: 50px;}
.tx-casel li{width: 23.25%; margin-left: 2.33%; margin-bottom: 50px;background:#fff;}
.tx-casel li:nth-child(4n-3){margin-left: 0;}
.tx-casel li .img{height: 260px;overflow: hidden;}
.tx-casel li .img img{width: 100%;height: 100%;}
.tx-casel li .text{position: relative;padding: 0 30px;}
.tx-casel li .text h3{ font-size: 18px;line-height: 65px;height: 65px;border-bottom:1px solid #f3f3f3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-casel li .text em{position: relative; display: block; font-size: 16px;color: #999; line-height: 65px;height: 65px;padding-right: 50px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-casel li .text i{position: absolute;right: 30px;top:74px; width: 46px;height: 46px;color:#666;text-align: center;line-height: 40px;font-size: 25px;border-radius: 50%;border:3px solid #fff;background:#fff;}

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

  .tx-casel li:hover .img img{transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);}

  .tx-casel li:hover .text i{background:#e60012;color: #fff;top:-23px}

}

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

  .tx-casel li .img{height: 210px;}

}

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

  .tx-casel li .img{height: 180px;}
  .tx-casel li .text{padding:0 18px;}
  .tx-casel li .text h3{font-size: 16px;line-height: 55px;height: 55px;}
  .tx-casel li .text em{font-size: 14px;line-height: 55px;height: 55px;}
  .tx-casel li .text i{width: 35px;height: 35px;line-height: 29px;top: 63px;font-size: 20px;}
  .tx-casel li{margin-bottom: 32px;}

}

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

  .tx-casel{margin-top: 20px;}

  .tx-casel li{width: 48.835%;margin-bottom: 8px;}
  .tx-casel li:nth-child(4n-3){margin-left: 2.33%;}
  .tx-casel li:nth-child(2n-1){margin-left: 0%;}
  .tx-casel li .img{height: 30vw;}
  .tx-casel li .text{padding: 0 12px;}
  .tx-casel li .text h3{font-size: 14px;line-height: 38px;height: 38px;}
  .tx-casel li .text em{font-size: 13px;line-height: 38px;height: 38px;padding-right:0;}
  .tx-casel li .text i{display: none;}

}