@media screen and (max-width: 1460px) {
.box4 .swiper-box4 .next {margin-right: -31%;}
.box4 .swiper-box4 .prev {margin-left: -31%;}
}
@media screen and (max-width: 1280px) {
.box4 .swiper-box4 .swiper-wrapper .swiper-slide {width: 65%;}
.box4 .swiper-box4 .next {margin-right: -36%;}
.box4 .swiper-box4 .prev {margin-left: -36%;}
}

@media screen and (max-width: 1024px) {
.box4 {padding: 60px 0;}
.box4 .swiper-box4 .swiper-wrapper .swiper-slide {width: 90%;}
.box4 .swiper-box4 .next {width: 45px; height: 45px; margin-right: 25px; right: 0%;}
.box4 .swiper-box4 .prev {width: 45px; height: 45px; margin-left: 25px; left: 0%;  }
}
@media screen and (max-width: 750px) {
.ibox-new { width: auto; padding: 0; margin: 50px auto; box-shadow: none; background-color: transparent; flex-direction: column; }
.ibox-new-l { padding: 0 5%; margin-bottom: 50px; }
.ibox-new-btn { right: 5%; left: auto; }
.ibox-newl-bot { margin-top:35px; }
.ibox-new-r { margin-left: 5%; width: 95%; }
}
@media screen and (max-width: 640px) {
.box4{padding: 30px 0;}
.box4 .swiper-box4 { margin-top: 30px; }
.box4 .swiper-box4 .next, .box4 .swiper-box4 .prev { width: 30px; height: 30px; font-size: 14px; }
.box4 .swiper-box4 .next { margin-right: 15px; }
.box4 .swiper-box4 .prev { margin-left: 15px; }
}
@media screen and (max-width: 1440px) {
  .ibox-newdemo a .title {
    height: auto;
    -webkit-line-clamp: inherit;
    font-size: 22px;
  }
  .ibox-newdemo a .c {
    display: none;
  }

}
@media screen and (max-width: 1360px) {
  .ibox-newdemo a .title {
    font-size: 20px;
  }

}
@media screen and (max-width: 1180px) {
  .ibox-newdemo a .title {
    font-size: 18px;
  }
}