.img-banner{width:100%;height:750px;background-color:#000;position:relative}.img-banner__img{position:absolute}.img-banner__mid{width:216px;height:144px;overflow:hidden;margin:0 10px 20px;position:relative}.img-banner__midimg{width:216px;height:144px;display:block}.img-banner__customer{width:300px;position:relative}.img-banner__customer,.img-banner__title{height:60px;line-height:60px;overflow:hidden}.img-banner__title{font-size:58px;color:#fff}.img-banner__intro{position:absolute;top:120px;left:22%;color:#fff;background:radial-gradient(rgba(0,0,0,.9),transparent);padding:0 2% 2%;border-radius:10px}.img-banner__btn{background-color:#4386e9;padding:15px 30px;color:#fff;border-radius:5px;font-size:18px;cursor:pointer;display:inline-block;margin-top:30px}.scale0To1{animation:scale0To1 .5s ease forwards}.imgToTop1{animation:imgToTop1 .5s ease forwards}.imgToTop2{animation:imgToTop2 .5s ease forwards}.imgToTop3{animation:imgToTop3 .5s ease forwards}.txtToTop0{animation:txtToTop0 .5s ease forwards}.txtToTop1{animation:txtToTop1 .5s ease forwards}.txtToTop2{animation:txtToTop2 .5s ease forwards}.txtToTop3{animation:txtToTop3 .5s ease forwards}@keyframes scale0To1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes imgToTop1{0%{top:0}to{top:-144px}}@keyframes imgToTop2{0%{top:-144px}to{top:-288px}}@keyframes imgToTop3{0%{top:-288px}to{top:-432px}}@keyframes txtToTop0{0%{top:-180px}to{top:0}}@keyframes txtToTop1{0%{top:0}to{top:-60px}}@keyframes txtToTop2{0%{top:-60px}to{top:-120px}}@keyframes txtToTop3{0%{top:-120px}to{top:-180px}}.solution{padding:50px 0}.solution__title{text-align:center;font-size:50px;margin-bottom:30px;font-weight:400}.solution__subtitle{text-align:center;margin-bottom:80px;font-size:24px}.solution__lists{padding-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}.solution__item{width:24%;margin-bottom:30px;background:#fff}.solution__swiper-item{width:100%;background:#fff}.solution__item--3{width:32%}.solution__content{padding:10px 15px 20px}.solution__img{width:100%}.solution__name{font-size:22px;margin:0 0 15px}.solution__feature,.solution__intro{margin-bottom:20px;font-size:16px}.solution__feature{line-height:1.8em}.solution__link{color:#4386e9;font-size:16px}.swiper-banner{padding:40px 0 0}.swiper-banner__tabs{margin:0 auto 40px;width:400px;display:flex;justify-content:space-between;background-color:#ededed;border-radius:50px}.swiper-banner__tabitem{padding:15px 15px;width:30%;text-align:center;font-size:16px;cursor:pointer}.swiper-banner__tabitem--active{background-color:#ff5f35;color:#fff;border-radius:50px}.swiper-banner__item{height:902px}.swiper-banner__info{background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:20px;width:60%;padding:50px 20px 20px;margin-top:50px;font-size:16px}.swiper-banner__feature{display:flex;justify-content:space-between;flex-wrap:wrap}.swiper-banner__feature-item{width:45%;text-align:center;margin-bottom:30px}.swiper-wrapper{transition-timing-function:linear;margin:0 auto}@media (max-width:1036px){.img-banner{height:850px}.img-banner__img{opacity:0;transform:scale(.6)}.img-banner__intro{position:absolute;top:80px;left:5%;width:90%}.img-banner__intro .y-center{align-items:start}.solution__title{font-size:28px}.solution__subtitle{font-size:18px;margin:0 10% 30px}.solution__item,.solution__item--3{width:100%;margin:0 auto 30px}.solution .wrapper{width:90%}.swiper-banner__info{width:90%;padding:30px 5% 30px 5%;margin:30px auto 0}.swiper-banner .h5{font-size:16px}.swiper-banner .p2{font-size:14px}.swiper-banner .wrapper{width:90%}}