.paginationjs .paginationjs-pages ul{
  display: flex;
  align-items: center;
}
.ru-box{
  margin-top:36px;
  background:#ffffff;
}
.ru-box-title-box{
  padding:10px 0 13px 16px;
}
.ru-box-title{
  cursor:pointer;
  font-size: 28px;
}
.ru-box .common-column-list{
  background-color: #d1e4e4;
  padding-top:19px;
  padding-bottom:24px;
  margin-top:0;
}
.ru-box .common-column-list-unit{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.ru-box .common-column-list-unit-bottom{
  display:none;
}
.ru-box .common-column-list-unit-img{
  height:calc( 410px * 9 / 16 );
}
.ru-box .common-column-list-unit-content{
  margin-top:19px;
  padding:0 16px;
}
.ru-box .paginationjs .paginationjs-pages li.active>a{
  background:none;
  color:#333333;
}
.ru-box .paginationjs .paginationjs-pages li,.paginationjs .paginationjs-pages li:last-child{
  border:0;
}
.ru-box .paginationjs .paginationjs-pages li.active>a{
  height:28px;
  line-height:28px;
}
.ru-box .paginationjs .paginationjs-pages li.disabled>a{
  opacity: 1;
}
.ru-box .paginationjs .paginationjs-pages li>a{
  font-size:18px;
  transition:0.5s;
}
.ru-box .paginationjs .paginationjs-pages li.active>a{
  font-size:24px;
}
.ru-box .paginationjs .paginationjs-pages li:first-of-type.disabled>a,.ru-box .paginationjs .paginationjs-pages li:last-child.disabled>a{
  opacity: 0.3;
}
.ru-box .paginationjs .paginationjs-pages li:first-of-type>a,.ru-box .paginationjs .paginationjs-pages li:last-child>a{
  font-size:30px;
  line-height:22px;
}
.ru-box .paginationjs .paginationjs-pages li:first-of-type>a:hover,.ru-box .paginationjs .paginationjs-pages li:last-child>a:hover{
  font-size:35px;
}
.ru-box .paginationjs .paginationjs-pages li:first-of-type.disabled>a:hover,.ru-box .paginationjs .paginationjs-pages li:last-child.disabled>a:hover{
  font-size:30px;
}
.ru-box-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top:42px;
  padding-right:5px;
  padding-bottom:14px;
}
.ru-box .paginationjs .paginationjs-pages li>a:hover{
  background:none;
  font-size:24px;
}
.ru-box .paginationjs .paginationjs-pages li.disabled>a:hover{
  font-size:18px;
}
.ru-box-swiper .swiper-slide{
  background:#ffffff;
}
@media (max-width:1400px){
  .ru-box{
    margin-top:2.5vw;
  }
  .ru-box .common-column-list{
    padding-top: 1.5vw;
    padding-bottom: 1.8vw;
  }
  .ru-box .common-column-list-unit{
    width:29vw;
  }
  .ru-box .common-column-list-unit-img{
    height:calc(29vw * 9 / 16);
  }
  .ru-box-title-box{
    padding: 0.8vw 0 1vw 1vw;
  }
  .ru-box-title{
    font-size:1.9vw;
  }
  .ru-box .paginationjs .paginationjs-pages li>a{
    font-size:1.5vw;
    min-width: 2vw;
    height: 2vw;
    line-height: 2vw;
  }
  .ru-box .paginationjs .paginationjs-pages li.disabled>a:hover{
    font-size:1.5vw;
  }
  .ru-box .paginationjs .paginationjs-pages li.active>a{
    font-size:2vw;
    height: 2vw;
    line-height: 2vw;
  }
  .ru-box .paginationjs .paginationjs-pages li>a:hover{
    font-size:2vw;
  }
  .ru-box .paginationjs .paginationjs-pages li:first-of-type>a, .ru-box .paginationjs .paginationjs-pages li:last-child>a{
    font-size: 2.5vw;
    line-height: 1.4vw;
  }
  .ru-box .paginationjs .paginationjs-pages li:first-of-type>a:hover, .ru-box .paginationjs .paginationjs-pages li:last-child>a:hover{
    font-size:3vw;
  }
  .ru-box .paginationjs .paginationjs-pages li:first-of-type.disabled>a:hover, .ru-box .paginationjs .paginationjs-pages li:last-child.disabled>a:hover{
    font-size: 2.5vw;
  }
  .ru-box-pagination{
    margin-top: 3vw;
    padding-right: 0.4vw;
    padding-bottom: 1vw;
  }
  .ru-box .common-column-list-unit-content{
    margin-top: 1.5vw;
    padding: 0 1vw;
  }
}
@media (max-width:767px){
  .ru-box{
    margin-top:8vw;
  }
  .ru-box .common-column-list-col-1{
    display:block;
  }
  .ru-box .common-column-list-unit{
    width:90.4vw;
  }
  .ru-box .common-column-list-unit-img{
    height:51vw;
  }
  .ru-box .common-column-list{
    padding-top:3.87vw;
    padding-bottom:4vw;
  }
  .ru-box .common-column-list-unit-title{
    -webkit-line-clamp:2;
    height: 10vw;
  }
  .ru-box-title-box{
    padding: 1vw 0 1vw 0.5vw;
  }
  .ru-box-title{
    font-size:5.33vw;
  }
  .ru-box .common-column-list-unit{
    width:96.26vw;
  }
  .ru-box .common-column-list-unit-img {
    height: calc( 96.26vw * 9 / 16 );
  }
  .ru-box .common-column-list-unit-content{
    padding:0;
    margin-top: 4.5vw;
  }
  .ru-box .paginationjs .paginationjs-pages li>a{
    font-size:4.27vw;
    line-height: 5.33vw;
    height: 5.33vw;
    min-width:5vw;
  }
  .ru-box .paginationjs .paginationjs-pages li.active>a{
    font-size: 6vw;
    height: 6vw;
    line-height: 6vw;
    min-width:5vw;
  }
  .ru-box .paginationjs .paginationjs-pages li>a:hover{
    font-size: 6vw;
  }
  .ru-box .paginationjs .paginationjs-pages li:first-of-type>a, .ru-box .paginationjs .paginationjs-pages li:last-child>a,.ru-box .paginationjs .paginationjs-pages li:first-of-type.disabled>a:hover, .ru-box .paginationjs .paginationjs-pages li:last-child.disabled>a:hover{
    font-size: 7vw;
    line-height: 3.5vw;
  }
  .ru-box-pagination {
    margin-top: 4vw;
    padding-right: 2vw;
    padding-bottom: 4vw;
  }
}