.home-case{margin:2% 0 4%;}
.home-case #homecaseswiper{margin-top:20px}
@media (min-width:769px){.home-case .homecase-list{justify-content: space-between;display:flex;flex-wrap:wrap;}}
.home-case .homecase-list .swiper-slide{border-radius:4px;position:relative;height:auto;display:flex;flex-direction:column;width:23%;}
.home-case .homecase-list .swiper-slide:hover .content{opacity:1;visibility:inherit;margin-top:0px}
.home-case .homecase-list .swiper-slide .content{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color);opacity:0.8;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:all .1s linear;opacity:0;visibility:hidden;margin-top:20px}
.home-case .homecase-list .swiper-slide .content .text{color:#FFFFFF;text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.home-case .homecase-list .swiper-slide .content .text a{color:#FFFFFF}
.home-case .homecase-list .swiper-slide .content .more{margin-top:30px;width:49px;height:49px;background:rgba(0,146,255,0);border:1px solid #FFFFFF;border-radius:25px;color:#FFFFFF;font-size:var(--fontsize24);display:flex;align-items:center;justify-content:center}
.home-case .homecase-pagination{margin-top:30px;text-align:center}
.home-case .homecase-pagination .swiper-pagination-bullet{width:36px;height:3px;background:#253745;border-radius:3px;transition:all .1s linear}
.home-case .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.home-case .homecase-list .swiper-slide strong{display:block;}
.home-case .homecase-list .swiper-slide .img{margin-top:15px;height:90px;}
.home-case .homecase-list .swiper-slide .img img{max-height:90px;width:300px;object-fit:contain;}
.home-case .homecase-list .swiper-slide .words{flex:1;}
@media (max-width:768px){.home-case #homecaseswiper{padding-bottom:50px;}}
/*banner*/
#swiper-banner .video-banner-text{position:absolute;color:#fff;left:10%;top:30%}
#swiper-banner .video-banner-text .title{font-size:30px;font-weight:var(--fontbold7)}
#swiper-banner .video-banner-text .more{padding:8px 20px;margin-top:10px;background:#fff;color:#111;display:inline-block;border-radius:20px;font-weight:var(--fontbold5)}
@media (max-width:1024px){#swiper-banner .video-banner-text .title{font-size:20px}}
@media (max-width:768px){#swiper-banner video{min-height:inherit;}}
@media (max-width:600px){#swiper-banner .video-banner-text .desc{font-size:15px}
#swiper-banner .video-banner-text .more{padding:4px 10px;font-size:14px;display:none;}}
@media (max-width:480px){#swiper-banner .video-banner-text{left:3%;top:20%;}
#swiper-banner .video-banner-text .title{font-size:16px}
#swiper-banner .video-banner-text .desc,#swiper-banner .video-banner-text .more{font-size:12px}}
@media (max-width:350px){#swiper-banner .video-banner-text .desc{display:none;}}