img{max-width:100%;max-height:100%;object-fit:cover}.common_bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.item_hover{overflow:hidden}.item_hover:hover img{transform:scale(1.05)}.item_hover img{width:100%;height:100%;transition:.6s ease}@keyframes goImg{100%{transform:translateY(-50%)}}body .home{background:linear-gradient(180deg, #000D1E 0%, #072031 100%)}body .home .solution1{overflow:hidden;padding:10.41667vw 0 7.70833vw;position:relative;z-index:1}body .home .solution1 .tu1{position:absolute;top:0;left:11.14583vw;width:5.20833vw;z-index:-1}body .home .solution1 .tu2{position:absolute;bottom:2.8125vw;right:9.16667vw;width:5.20833vw;z-index:-1}body .home .solution1 .content{position:relative}body .home .solution1 .content .button{margin:2.08333vw 0 0 0;display:flex;justify-content:center;gap:2.91667vw}body .home .solution1 .content .button .circle{width:2.39583vw;height:2.39583vw;border-radius:50%;border:1px solid #FFF;display:flex;align-items:center;justify-content:center;opacity:.5;cursor:pointer;transition:.6s ease}body .home .solution1 .content .button .circle:last-child{transform:rotate(180deg)}body .home .solution1 .content .button .circle:hover{opacity:1}body .home .solution1 .content .button .circle svg{width:1.09375vw;height:1.09375vw}body .home .solution1 .content .swiper1{width:156.25vw;margin:0;position:relative;left:50%;transform:translateX(-50%)}body .home .solution1 .content .swiper1 .swiper-slide .item{width:100%;height:28.125vw;position:relative;border-radius:1.04167vw;overflow:hidden}body .home .solution1 .content .swiper1 .swiper-slide .item .img{width:100%;height:100%}body .home .solution1 .content .swiper1 .swiper-slide .item .position{position:absolute;top:2.60417vw;left:2.60417vw;border-radius:.625vw;background:rgba(0,0,0,0.28);backdrop-filter:blur(15px);width:36.92708vw;padding:2.55208vw 1.82292vw}body .home .solution1 .content .swiper1 .swiper-slide .item .position .p1{color:#FFF;font-style:normal;font-weight:500;line-height:2.39583vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body .home .solution1 .content .swiper1 .swiper-slide .item .position .p2{color:#FFF;font-style:normal;font-weight:500;line-height:1.35417vw;margin:1.25vw 0 2.60417vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}body .home .solution1 .content .swiper1 .swiper-slide .item .position .more{height:2.76042vw;width:fit-content;padding:0 2.8125vw;display:flex;align-items:center;justify-content:center;border-radius:1.45833vw;background:#FFF;color:#041324;font-style:normal;font-weight:500;text-transform:capitalize;border:1px solid transparent;transition:.6s ease}body .home .solution1 .content .swiper1 .swiper-slide .item .position .more:hover{border:1px solid #FFF;background:rgba(255,255,255,0.4);color:#fff}body .home .solution2{margin:0 8.33333vw 5.72917vw 8.33333vw;display:flex;position:relative;z-index:1;justify-content:space-between}body .home .solution2 .tu1{position:absolute;left:-7.29167vw;top:30.78125vw;width:5.20833vw;z-index:-1}body .home .solution2:after{content:'';position:absolute;width:100%;top:0;left:0;height:28.22917vw;background:linear-gradient(180deg, #041627 0%, rgba(5,20,38,0.54) 66.76%, rgba(5,20,38,0) 95.19%);z-index:6;pointer-events:none}body .home .solution2:before{content:'';position:absolute;width:100%;bottom:-1px;left:0;height:28.22917vw;background:linear-gradient(180deg, #061C2D 0%, rgba(5,20,38,0.54) 66.76%, rgba(5,20,38,0) 95.19%);transform:rotate(180deg);z-index:6;pointer-events:none}body .home .solution2 .item{height:65.36458vw;overflow:hidden}body .home .solution2 .item:nth-child(2n) .matter{animation-direction:reverse}body .home .solution2 .matter{animation:goImg 30s infinite linear}body .home .solution2 .matter .flex .img{width:19.89583vw;height:22.86458vw;border-radius:.3125vw;overflow:hidden;margin:0 0 1.14583vw}body .home .solution2 .matter .flex .img img{width:100%;height:100%}@media screen and (max-width: 768px){body .home .solution1{padding:100px 5% 30px 5%}body .home .solution1 .tu1,body .home .solution1 .tu2{width:60px}body .home .solution1 .content .button{margin:40px 0 0 0;gap:20px}body .home .solution1 .content .button .circle{width:45px;height:45px}body .home .solution1 .content .button .circle svg{width:25px;height:25px}body .home .solution1 .content .swiper1{width:100%}body .home .solution1 .content .swiper1 .swiper-slide .item{height:auto}body .home .solution1 .content .swiper1 .swiper-slide .item .position{position:static;height:auto;width:100%;padding:30px 5%}body .home .solution1 .content .swiper1 .swiper-slide .item .position .p1{line-height:1.2}body .home .solution1 .content .swiper1 .swiper-slide .item .position .p2{line-height:1.6;margin:15px 0 0 0}body .home .solution1 .content .swiper1 .swiper-slide .item .position .more{padding:0 30px;height:40px;border-radius:25px;margin:30px 0 0 0}body .home .solution1 .content .swiper1 .swiper-slide .item .img{position:static;width:100%;height:100%;top:0;left:0}body .home .solution2{margin:50px 5%;gap:10px}body .home .solution2:after,body .home .solution2:before{height:30%}body .home .solution2 .tu1,body .home .solution2 .tu2{width:60px}body .home .solution2 .item{width:100%;height:300px}body .home .solution2 .item .matter .flex .img{height:100px;margin:0 0 10px}}
