.section {
    padding: 125px 0 126px;
}

.section .wrap .swiper .swiper-slide .item {
    display: block;
    width: 100%;
}

.section .wrap .swiper .swiper-slide .item .img {
    width: 100%;
    height: 277px;
    border-radius: 8px;
    overflow: hidden;
}

.section .wrap .swiper .swiper-slide .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 3s;
}

.section .wrap .swiper .swiper-slide .item .item_title {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    height: 64px;
    color: #1a1a1a;
    margin: 40px 0 20px;
    transition: 0.6s;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section .wrap .swiper .swiper-slide .item .item_bottom {
    display: flex;
    gap: 19px;
    align-items: center;
}

.section .wrap .swiper .swiper-slide .item .item_bottom .eye {
    display: flex;
    align-items: center;
    gap: 8px;
}

.section .wrap .swiper .swiper-slide .item .item_bottom .eye img {
    display: block;
    width: 22px;
}

.section .wrap .swiper .swiper-slide .item .item_bottom .eye p {
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    color: #555555;
}

.section .wrap .swiper .swiper-slide .item .item_bottom .time {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section .wrap .swiper .swiper-slide .item .item_bottom .time img {
    display: block;
    width: 16px;
}

.section .wrap .swiper .swiper-slide .item .item_bottom .time p {
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    color: #555555;
}

.section .wrap .swiper .swiper-slide .item:hover .img img {
    transform: scale(1.1);
}

.section .wrap .swiper .swiper-slide .item:hover .item_title {
    color: #87B22E;
}

.section .wrap .btns {
    display: flex;
    margin: 55px 0 0;
    justify-content: center;
    gap: 10px;
}

.section .wrap .btns .jt {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #87B22E;
    cursor: pointer;
    transition: 0.6s;
    font-size: 14px;
    border-radius: 50%;
    color: #FFFFFF;
    opacity: 0.4;
}
.section .r_box .r_box_sq {
	width: 190px;
}
.section .wrap .btns .jt:nth-child(1) {
    transform: rotate(180deg);
}

.section .wrap .btns .jt:hover {
    opacity: 1;
}

.section .wrap .part {
    padding: 128px 0 0;
}

.section .wrap .list {
    display: flex;
    flex-wrap: wrap;
    gap: 45px 0;
    margin: 0 0 80px;
}

.section .wrap .list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 54px 38px 0;
    border-bottom: 1px solid #d9d9d9;
}

.section .wrap .list .item .item_r {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section .wrap .list .item .item_r p {
    font-weight: 400;
    font-size: 16px;
    color: #888888;
}

.section .wrap .list .item .item_r .iconfont {
    font-weight: 400;
    font-size: 14px;
    color: #888888;
}

.section .wrap .list .item .item_l {
    display: flex;
    align-items: center;
    gap: 138px;
}

.section .wrap .list .item .item_l .item_title {
    font-weight: bold;
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.6s;
    color: #1a1a1a;
}

.section .wrap .list .item .item_l .date {
    width: 70px;
}

.section .wrap .list .item .item_l .date .day {
    font-family: 'Poppins-SemiBold';
    font-weight: 500;
    font-size: 52px;
    line-height: 1;
    color: #888888;
}

.section .wrap .list .item .item_l .date .y_m {
    font-weight: 300;
    font-size: 14px;
    line-height: 32px;
    color: #888888;
}

.section .wrap .list .item:hover .img img {
    transform: scale(1.1);
}

.section .wrap .list .item:hover .item_l .item_title {
    color: #87B22E;
}

@keyframes lineAnimate {
    100% {
        width: 100%;
    }
}

@media screen and (max-width: 1919px) {
  .section{
    padding: 6.5104166667vw 0px 6.5625vw;
  }
  .section .wrap .swiper .swiper-slide .item .img{
    height: 14.4270833333vw;
    border-radius: 0.4166666667vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_title{
    font-size: 1.25vw;
    line-height: 1.6666666667vw;
    height: 3.3333333333vw;
    margin: 2.0833333333vw 0px 1.0416666667vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_bottom{
    gap: 0.9895833333vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_bottom .eye{
    gap: 0.4166666667vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_bottom .eye img{
    width: 1.1458333333vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_bottom .eye p{
    font-size: 0.8333333333vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_bottom .time{
    gap: 0.625vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_bottom .time img{
    width: 0.8333333333vw;
  }
  .section .wrap .swiper .swiper-slide .item .item_bottom .time p{
    font-size: 0.8333333333vw;
  }
  .section .wrap .btns{
    margin: 2.8645833333vw 0px 0px;
    gap: 0.5208333333vw;
  }
  .section .wrap .btns .jt{
    width: 2.1875vw;
    height: 2.1875vw;
    font-size: 0.7291666667vw;
  }
  .section .wrap .part{
    padding: 6.6666666667vw 0px 0px;
  }
  .section .wrap .list{
    gap: 2.34375vw 0px;
    margin: 0px 0px 4.1666666667vw;
  }
  .section .wrap .list .item{
    padding: 0px 2.8125vw 1.9791666667vw 0px;
  }
.section .r_box .r_box_sq {
	width: 9.8vw;
}
  .section .wrap .list .item .item_r{
    gap: 0.5208333333vw;
  }
  .section .wrap .list .item .item_r p{
    font-size: 0.8333333333vw;
  }
  .section .wrap .list .item .item_r .iconfont{
    font-size: 0.7291666667vw;
  }
  .section .wrap .list .item .item_l{
    gap: 7.1875vw;
  }
  .section .wrap .list .item .item_l .item_title{
    font-size: 1.25vw;
  }
  .section .wrap .list .item .item_l .date{
    width: 3.6458333333vw;
  }
  .section .wrap .list .item .item_l .date .day{
    font-size: 2.7083333333vw;
  }
  .section .wrap .list .item .item_l .date .y_m{
    font-size: 0.7291666667vw;
    line-height: 1.6666666667vw;
  }
}

@media screen and (max-width: 768px) {
    .section {
        padding: 50px 0;
    }
    .section .wrap .swiper .swiper-slide .item .img {
        height: 46vw;
    }
    .section .wrap .swiper .swiper-slide .item .item_title {
        font-size: 16px;
        line-height: 1.4;
        height: 45px;
    }
    .section .wrap .swiper .swiper-slide .item .item_title {
        margin: 15px 0;
    }
    .section .wrap .swiper .swiper-slide .item .item_bottom {
        gap: 8px;
    }
    .section .wrap .swiper .swiper-slide .item .item_bottom .eye img {
        width: 15px;
    }
    .section .wrap .swiper .swiper-slide .item .item_bottom .time p,.section .wrap .swiper .swiper-slide .item .item_bottom .eye p {
        font-size: 14px;
    }
    .section .wrap .swiper .swiper-slide .item .item_bottom .time img {
        width: 12px;
    }
    .section .wrap .swiper .swiper-slide .item .item_bottom .time,.section .wrap .swiper .swiper-slide .item .item_bottom .eye {
        gap: 4px;
    }
    .section .wrap .list .item {
        display: block;
        padding: 15px 0;
    }
    .section .wrap .list {
        margin: 0 0 30px;
    }
    .section .wrap .list .item .item_l .item_title {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .section .wrap .list .item .item_r {
        margin: 10px 0 0;
        gap: 4px;
    }
    .section .wrap .list .item .item_r p {
        font-size: 14px;
    }
    .section .wrap .list .item .item_r .iconfont {
        font-size: 12px;
    }
    .section .wrap .list .item .item_l {
        display: block;
    }
    .section .wrap .list .item .item_l .date {
        width: unset;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 4px;
    }
    .section .wrap .list .item .item_l .date .y_m {
        font-size: 14px;
        line-height: 1;
    }
    .section .wrap .list .item .item_l .date .day {
        font-size: 14px;
        font-family: unset;
    }
}
