.swiper-container{box-shadow: 0 16px 30px rgba(0, 0, 0, 0.04);padding:0 25px 68px;}
.swiper-pagination{bottom:25px !important;}
.swiper-pagination-bullet{width: 10px;height: 10px;background:#aaa;margin:0 6px !important}
.swiper-pagination-bullet-active{background:#E60012}

.tx-planl{padding-top: 60px;}
.tx-planl li{width: 100%;margin-bottom: 50px;border:1px solid #f2f2f2;}
.tx-planl li .img{position: relative; width: 30%;height: 180px;overflow: hidden;}
.tx-planl li .img:before{content:'';position: absolute;z-index: 20;width: 0;height: 0;top:0;bottom:0;margin:auto 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.tx-planl li .img.fl:before{right: 0;border-right: 8px solid #fff;}
.tx-planl li .img.fr:before{left: 0;border-left: 8px solid #fff;}
.tx-planl li .img img{width: 100%;height: 100%;}
.tx-planl li .text{position: relative; width: 70%;padding:40px 36px 20px;}
.tx-planl li .text::before{position: absolute;width: 50px;height: 50px;top:0;bottom:0;margin:auto 0;background:#E60012;border-radius: 50%;text-align: center;line-height: 50px;font-family: 'simsun';font-size: 30px;color:#fff;opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-planl li .text.fl::before{content: '>';left:-50px}
.tx-planl li .text.fr::before{content: '<';right: -50px;}
.tx-planl li .text h3{font-size: 20px;font-weight: bold;line-height: 22px;height: 22px;margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-planl li .text em{display: block;font-size: 16px;line-height: 32px;height: 64px; overflow: hidden;color: #666;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

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

  .tx-planl li:hover .img img{transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);}
  .tx-planl li:hover .text::before{opacity: 1;}
  .tx-planl li:hover .text.fl::before{left:-25px}
  .tx-planl li:hover .text.fr::before{right: -25px;}

}

@media screen and (max-width: 1465px) {
  
  .tx-planl li .text h3{font-size: 18px;}
  .tx-planl li .text em{font-size: 14px;}

}

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

  .tx-planl{padding-top: 20px;}
  .tx-planl li .img{width: 35%;overflow: hidden;height: 23vw;}
  .tx-planl li .text{width: 64%;padding:11px 10px;}
  .tx-planl li .text em{font-size: 12px;line-height: 20px;height: 40px;}
  .tx-planl li .text h3{font-size: 13px;margin-bottom: 2px;}
  .tx-planl li{margin-bottom: 12px;}

}