.to-bottom{
  position: absolute;
  top: 83%;
  left: calc(50% - 30px);
  z-index: 10;
  animation: buttonToBottom 3s 0s infinite forwards;}
@keyframes buttonToBottom {
  0%{ top: 83%;}
  50%{ top: 90%;}
  100%{ top: 83%;}
}
.pagination{
    display: none
;}
@media (max-width: 1200px) {
  .to-bottom {
    display: none;}
}
.pagination2{
    display: block !important;}
.notice-swiper .swiper-slide2{padding: 0.35rem 0.35rem 0.22rem !important;}
.column{
    margin: 0.42rem 0 0.4rem !important;}
.swiper-slide{
    background-color: #f3f3f3 !important;}
.l-container{
    width:100%;}
.l-container img{
    width: 100%;
    height: 300px;}
.btn{
    text-align: right;}
.t2{
    -webkit-line-clamp: 2;}

.l-container{
    position: relative;
    width: 100%;
    transition: transform 0.3s ease;}
.l-container .lc-img{
    width: 100%;
    height: 400px;}
.l-description{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    opacity: 1;
    padding: 0 0.2rem;
    background: #930311;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    transition: transform 0.3s ease;}
.l-container:hover .l-description {
    opacity: 1;}

.tt8{
    -webkit-line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;}
.t-w{
color: #ffffff !important;}
.layer23 .l-container{
    background-color:white;}
.tt4{
-webkit-line-clamp: 1;}
.notice-swiper .swiper-slide{
    padding:0rem 0rem .22rem;}
.description{    margin: 0.15rem 0.22rem;}
.notice-swiper .swiper-slide:hover{
     transform: scale(1.05);
    transition: all 1s ease
;}
.notice-swiper .swiper-slide:not(:hover) {
    transition: all 1s ease
;}
.news-swiper .text-swiper li.on a {
    transition:all 1s ease
;}
.notice-swiper .swiper-slide:hover .info {
    color: #000000;}
/* style */