#home-swiper .banner-text{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;text-align: center;animation: texsAni 5s linear infinite;}
#home-swiper .banner-p {font-size: 80px;text-transform: uppercase;color: #fff;line-height: 1.2;}
@keyframes texsAni{0%{opacity:0;top:60%}20%{opacity:0;top:60%}30%{opacity:1;top:50%;}70%{opacity:1;top:50%;}80%{opacity:0;top:60%}100%{opacity:0;top:60%}}
@media (max-width:1440px) {#home-swiper .banner-p{font-size: 65px;}}
@media (max-width:1280px) {#home-swiper .banner-p{font-size: 40px;}}
@media (max-width:990px) {#home-swiper .banner-p{font-size: 34px;}}
@media (max-width:768px) {#home-swiper .banner-p{font-size: var(--fontsize26);}}
@media (max-width:500px) {#home-swiper .banner-p{font-size: var(--fontsize20);}}
.home-case{padding:3% 0px;background: url(https://css02.v15cdn.com/m429/imgs/casebg.webp) no-repeat;}
.home-case .home-des{color:#FFFFFF;text-align:center}
.home-case .home-title{color:#FFFFFF}
.home-case .swiper{padding-top:40px;padding-bottom:20px}
.home-case .caselist .itemcase{position:relative;overflow:hidden;margin-right:2%;margin-bottom:2em;width:23.5%;border-radius:var(--borderradius);transition:all .2s ease;transform:translateY(0)}
.home-case .caselist .itemcase .img{position:relative;display:inline-block;width:100%}
.home-case .caselist .itemcase .img img{width:100%}
.home-case .caselist .itemcase .img::before{position:absolute;top:0px;left:0px;display:inline-block;width:100%;height:100%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease}
.home-case .caselist .itemcase .info{position:relative;box-sizing:border-box;padding:15px;background-color:#FFFFFF}
.home-case .caselist .itemcase .info .title{display:inline-block;margin-bottom:5px;font-weight:var(--fontbold5);font-size:var(--fontsize18);line-height:30px;transition:all .2s ease}
.home-case .caselist .itemcase .info p{color:var(--introcolor)}
.home-case .caselist .itemcase .info .more{position:absolute;top:-25px;right:0px;display:inline-flex;width:44px;height:50px;border:1px solid #EDEDED;border-right:none;background-color:#FFFFFF;transition:all .2s ease;align-items:center;justify-content:center}
.home-case .caselist .itemcase .info .more::before{position:absolute;top:-1px;left:-20px;width:0px;height:0px;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0px;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:#ececec}
.home-case .caselist .itemcase .info .more::after{position:absolute;top:-1px;left:-20px;width:0px;height:0px;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0px;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:transparent}
.home-case .swiper-pagination{bottom:2px;display:flex;align-items:center;justify-content:center}
.home-case .swiper-pagination .swiper-pagination-bullet{opacity:.4;display:inline-flex;width:14px;height:14px;border:1px solid var(--color);border-radius:0;background-color:transparent;align-items:center;justify-content:center}
.home-case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}
.home-case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{display:inline-block;width:6px;height:6px;background-color:var(--color);content:""}
.home-case .caselist .itemcase:hover{transform:translateY(-8px)}
.home-case .caselist .itemcase:hover .img::before{background-color:rgba(0,0,0,.5)}
.home-case .caselist .itemcase:hover .info .more{border-color:var(--color);background-color:var(--color);color:#FFFFFF}
.home-case .caselist .itemcase:hover .info .more::before{border-right-color:var(--color)}
.home-case .caselist .itemcase:hover .info .more::after{border-right-color:rgba(0,0,0,.2)}
.home-case .caselist .itemcase:hover .info .title{color:var(--color)}
@media screen and (max-width:500px){.home-case .caselist .itemcase .info{padding:15px}
.home-case .swiper{padding-top:30px}
.home-case .caselist .itemcase{margin-right:0px}}
.home-case .caselist .itemcase{height:auto;flex-direction:column;display:flex;}
.home-case .caselist .itemcase .info{flex:1;}
.home-case .caselist .itemcase .info .title{margin:0;line-height:1.4;}