.software-container{margin-top:100px;overflow:hidden;padding:0 20px;width:100%}.software-container,.software-container .accessory-diagram{align-items:center;display:flex;flex-direction:column;justify-content:center}.software-container .accessory-diagram .title-animate{font-size:45px;letter-spacing:0;line-height:1.3em;opacity:0;transform:translateY(-20px);transition:all .8s ease-out}.software-container .accessory-diagram .desc-animate{color:var(--light-color);font-size:24px;line-height:1.3em;margin-top:20px;opacity:0;text-align:center;transition:all 1s ease-out .3s}.software-container .accessory-diagram .animate-btn{margin-top:20px;opacity:0;transform:translateY(20px)}.software-container .accessory-diagram.visible .title-animate{opacity:1;transform:translateY(0)}.software-container .accessory-diagram.visible .desc-animate{opacity:1}.software-container .accessory-diagram.visible .animate-btn{opacity:1;transform:translateY(0)}.software-container .carousel-container{height:530px;margin:100px auto 0;max-width:1440px;perspective:1000px;position:relative;width:100%}.software-container .carousel-container ul{display:none}.software-container .carousel-container .carousel{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.65,0,.35,1);width:100%}.software-container .carousel-container .carousel-item{background-color:#000;box-shadow:0 15px 35px #00000080;cursor:pointer;height:450px;left:50%;margin-left:-400px;position:absolute;top:0;transition:all .8s cubic-bezier(.65,0,.35,1);width:800px}.software-container .carousel-container .carousel-item img{border:2px solid var(--main-active);border-radius:10px;box-shadow:0 0 20px 20px #0003;display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .5s ease;width:100%}.software-container .carousel-container .carousel-item.active{height:500px;margin-left:-450px;top:-25px;transform:translateZ(0) scale(1);width:900px;z-index:5}.software-container .carousel-container .carousel-item.prev{filter:brightness(.7);transform:translate(-30%) translateZ(-10px) scale(.9);z-index:4}.software-container .carousel-container .carousel-item.next{filter:brightness(.7);transform:translate(30%) translateZ(-10px) scale(.9);z-index:4}.software-container .carousel-container .carousel-item.far-prev{filter:brightness(.5);transform:translate(-63%) translateZ(-150px) scale(.8);z-index:3}.software-container .carousel-container .carousel-item.far-next{filter:brightness(.5);transform:translate(63%) translateZ(-150px) scale(.8);z-index:3}.software-container .carousel-container .carousel-item .reflection-container{border-radius:4px 4px 0 0;bottom:-83px;height:80px;left:0;overflow:hidden;position:absolute;transform:scaleY(-1);width:100%}.software-container .carousel-container .carousel-item .reflection-container .reflection{background:linear-gradient(180deg,transparent 0,rgba(0,90,120,.1) 50%,rgba(0,60,100,.3));height:100%;position:relative;width:100%}.software-container .carousel-container .carousel-item .reflection-container .reflection img{border:2px solid rgba(34,82,255,.616);height:446px;margin-top:-366px}.software-container .carousel-container .carousel-item .reflection-container .reflection:after{background:linear-gradient(180deg,#000,#000,rgba(0,0,0,.9),rgba(0,0,0,.8),rgba(0,0,0,.7),rgba(0,0,0,.5),transparent,transparent);content:"";inset:360px 0 -370px;position:absolute}.software-container .carousel-container .nav-btn{align-items:center;background:#333;border:none;border-radius:50px;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:50px}.software-container .carousel-container .nav-btn:hover{background:var(--main-active);transform:translateY(-50%) scale(1.1)}.software-container .carousel-container .nav-btn.prev-btn{left:-8%}.software-container .carousel-container .nav-btn.next-btn{right:-8%}.software-container .current-one-title{color:#fff;font-size:var(--size-30);font-style:normal;font-weight:500;line-height:1em;text-shadow:0 2px 8px rgba(0,0,0,.4);z-index:2}.software-container .soft-line{background:linear-gradient(90deg,transparent,#2253ff 49.75%,transparent);height:2px;margin:30px auto 0;position:relative;width:600px;z-index:1}@media(max-width:1440px){.software-container{margin-top:50px}.software-container .carousel-container{height:430px}.software-container .carousel-container .carousel-item{height:350px;margin-left:-300px;width:600px}.software-container .carousel-container .carousel-item.active{height:400px;margin-left:-350px;width:700px}}@media(max-width:768px){.software-container{justify-content:start;margin-top:60px;overflow:hidden;padding-bottom:170px}.software-container .accessory-diagram{display:none}.software-container .software-text{align-items:flex-start;justify-content:flex-start}.software-container .software-text h2{font-size:var(--size-24);text-align:left}.software-container .software-text span{color:var(--light-color);font-size:var(--size-14)}.software-container .software-text .animate-btn{left:0;position:absolute;right:0;text-align:center;top:490px}.software-container .carousel-container{height:54.0540540541vw;margin:50px auto 0;overflow:visible}.software-container .carousel-container .carousel-item{height:198px;margin-left:-40vw;width:80vw}.software-container .carousel-container .carousel-item.active{height:50vw;margin-left:-50%;top:-25px;transform:translateZ(0) scale(1);width:100%;z-index:5}.software-container .carousel-container .carousel-item.prev{filter:brightness(0);transform:translate(-150%) translateZ(0) scale(1);z-index:4}.software-container .carousel-container .carousel-item.next{filter:brightness(0);transform:translate(150%) translateZ(0) scale(1);z-index:4}.software-container .carousel-container .carousel-item.far-prev{filter:brightness(0);transform:translate(-150%) translateZ(-10px) scale(1);z-index:3}.software-container .carousel-container .carousel-item.far-next{filter:brightness(0);transform:translate(150%) translateZ(-10px) scale(1);z-index:3}.software-container .carousel-container .carousel-item img{border:1px solid var(--main-active)}.software-container .carousel-container .carousel-item .reflection-container{bottom:-30px;height:30px}.software-container .carousel-container .carousel-item .reflection-container .reflection{position:relative}.software-container .carousel-container .carousel-item .reflection-container .reflection img{height:200px;margin-top:-172px}.software-container .carousel-container .carousel-item .reflection-container .reflection:after{bottom:-180px;top:160px}.software-container .carousel-container ul{display:flex;left:50%;list-style:none;margin:0;padding:0;position:absolute;top:139%;transform:translate(-50%);z-index:10}.software-container .carousel-container ul li{background:#ffffff7e;border-radius:50%;cursor:pointer;height:5px;margin:0 8px;transition:all .3s;width:5px}.software-container .carousel-container ul li.active{background:#fff}.software-container .carousel-container .nav-btn{height:40px;top:140%;width:40px}.software-container .carousel-container .nav-btn.prev-btn{left:6%}.software-container .carousel-container .nav-btn.prev-btn svg{height:26px;width:26px}.software-container .carousel-container .nav-btn.next-btn{right:6%}.software-container .carousel-container .nav-btn.next-btn svg{height:16px;width:16px}.software-container .soft-line{margin:20px auto 0;width:80vw}.software-container .current-one-title{font-size:20px}}