.centers{max-width: 1200px;margin:0 auto;}
.floats{float:left;width: 100%;}

.tx-news{background:#e6e6e6; padding:92px 0 83px;}
.tx-news,.tx-news *{box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;transition: 0.8s;-webkit-transition: 0.8s;-ms-transition: 0.8s;}

.tx-news-title{margin-bottom: 70px;}
.tx-news-title h3{text-align: center;font-size: 38px;line-height: 40px;font-weight: bold;color:#fff;}

.tx-news-main li{float:left; width: 33.33%;}
.tx-news-main li a{position: relative; float: left;width: 100%; z-index: 20;padding:60px 47px;}
.tx-news-main li a:before{content:'';position: absolute;top:0;left:0; z-index: -1;width: 100%;height: 100%;background: #fff;opacity: 0.8;}
.tx-news-main li a .main{position: relative;}
.tx-news-main li .img{position: absolute;left: 0px;bottom:0px; height:156px;overflow: hidden;}
.tx-news-main li .img img{width: 100%;height:100%;}
.tx-news-main li .text{margin-bottom: 30px;padding-top:0;}
.tx-news-main li .text h3{font-size: 18px;line-height: 20px;height:20px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.tx-news-main li .text h4{position: relative; font-size: 20px;color:#888;padding-top: 12px;margin:17px 0 10px;}
.tx-news-main li .text h4:before{content:'';position: absolute;top:0;left: 0;width: 30px;height:1px;background: #2268BD;}
.tx-news-main li .text em{display: block;font-size: 15px;line-height: 30px;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}

.tx-news-more{text-align: center;margin-top: 60px;}
.tx-news-more .morebtn{margin: 0;display: inline-block;}

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

  .tx-news-main li:hover a::before{background: #2268BD;}
  .tx-news-main li:hover .img{bottom: calc(100% - 106px);}
  .tx-news-main li:hover .text{margin-bottom: 0;margin-top: 30px; padding-bottom: 0;}
  .tx-news-main li:hover .text h3{color:#fff;font-weight: bold;}
  .tx-news-main li:hover .text h4,.tx-news-main li:hover .text em{color:#fff;}
  .tx-news-main li:hover .text h4:before{background: #fff;}

}

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

  .tx-news-title{margin-bottom: 60px;}
  .tx-news-title h3{font-size: 32px;}

}

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

  .centers{max-width: 1240px;padding:0 20px;}

  .tx-news{padding:50px 0;}

  .tx-news-title{margin-bottom: 30px;}
  .tx-news-title h3{font-size: 24px;}

  .tx-news-main li a{padding:35px 30px;}
  .tx-news-main li .img{height: 14.5vw;}
  .tx-news-main li .text{margin-bottom: 15px;padding-bottom: 14.5vw;}
  .tx-news-main li .text h3{font-size: 17px;}
  .tx-news-main li .text h4{font-size: 18px;padding-top: 8px;margin:10px 0 5px}
  .tx-news-main li .text em{font-size: 13px;line-height: 22px;height:44px;}

  .tx-news-main li:hover .img{bottom: calc(100% - 14.5vw);}
  .tx-news-main li:hover .text{padding-top:14.5vw;margin-top: 15px;}

  .tx-news-more{margin-top: 30px;}
  .tx-news-more a{font-size: 13px;line-height: 38px;padding:0 30px;}

}

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

  .tx-news{padding: 22px 0;background-size: auto 100%;}
  .tx-news-title{margin-bottom: 10px;}
  .tx-news-main li{width: 100%;margin-bottom: 10px;}
  .tx-news-title h3{font-size: 20px;}

  .tx-news-main li a{padding:20px 20px 15px}
  .tx-news-main li .text{width: 55%;}
  .tx-news-main li .text h3{font-size: 16px;line-height: 19px;height:19px;}
  .tx-news-main li .text h4{font-size: 14px;padding-top: 5px;margin:8px 0 3px;}
  .tx-news-main li .text em{font-size: 12px;line-height: 20px;height:20px;}
  .tx-news-main li .text{margin-bottom: 0px;padding-bottom: 0;}
  .tx-news-main li .img{position: relative;width: 45%;padding-left: 12px; height:20vw;}

  .tx-news-more{margin-top: 12px;}
  .tx-news-more a{font-size: 12px;line-height: 35px;padding: 0 22px;}
  .tx-news-more a i{width: 15px;}

}