









.swiper-slide img {
	width: 100%;
	border-radius: 5px;
	display: block;
}







/*-----------------------------news--------*/

  .h_news .swiper-pagination,.h_news .swiper-pagination-fraction{color: #094aa4;font-size: 18px;}
  .h_news .swiper-wrapper{margin: 0px; padding-bottom: 30px; }
  .h_news .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #4a7fc4;
    width: 10px;
    height: 10px;
  }

  .h_news{ overflow: hidden; width: 100%; margin: 0 auto;}
  .h_news .swiper-pagination{bottom:0px}

  .h_news .swiper-button-next:after,.h_news .swiper-button-prev:after {
      font-family:swiper-icons;
      font-size:20px;
      text-transform:none!important;
      letter-spacing:0;
      font-variant:initial;
      color: #fff;
      line-height:1
  }
  
  .h_news .swiper-button-prev { 
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3)
      }
      .h_news .swiper-button-next { 
        font-size: 14px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3)
      }
  
      .h_news .swiper-button-next:hover {
        opacity: 1;
 background: rgba(40, 85, 222, 0.8)
      }
    
      .h_news .swiper-button-prev:hover {
        opacity: 1;
       background: rgba(40, 85, 222, 0.8);
      }
  

      @media (max-width:750px) {
        .h_news .swiper-button-prev {
        font-size: 14px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2);
        transform: scale(0.7);   }
  .h_news .swiper-button-next {
        font-size: 14px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2);
        transform: scale(0.7); 
      }
  }
.tu_card{position: relative;margin: 0px; padding: 0px; border-radius: 5px;overflow: hidden;}
.tu_card .public-imgs{ overflow:hidden; position:relative; padding-top:65%;}
.tu_card .public-imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.tu_card:hover .public-imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.tu_card .public-imgs:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9098039216), rgba(59, 59, 59, 0.6509803922), rgba(119, 119, 119, 0.3490196078), rgba(185, 185, 185, 0), rgba(255, 255, 255, 0)); opacity: 0;}
.tu_card .public-imgs h3{ font-weight:normal; height:30px; line-height:30px; bottom:-5%; position:absolute; left:0; width:100%;box-sizing: border-box;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:16px; overflow:hidden; z-index:3; text-align: center; float: left;-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;opacity: 0;}
.tu_card:hover .public-imgs h3{ bottom:4%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.tu_card:hover .public-imgs:after{opacity: 1;} 
.tu_card .public-imgs h3{ opacity: 0;}
.tu_card:hover .public-imgs h3{opacity: 1;}