.index-banner{position:relative;height:100vh}.index-banner .mask{position:absolute;top:0;left:0;width:100%;height:30vh;flex-shrink:0;z-index:2;background:linear-gradient(180deg, #009ed6 0%, #029dd600 97.14%)}.index-banner .homeBanner .swiper-slide img{height:100vh;width:100vw;object-fit:cover}.index-banner .homeBanner .swiper-slide .slide-text{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:36px;width:1500px;font-weight:100;gap:10px}.index-banner .homeBanner .swiper-slide .slide-text .sub-title{font-weight:500;text-align:center}.index-banner .homeBanner .banner-bottom{position:absolute;bottom:50px;height:50px;z-index:1;width:1600px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px}.index-banner .homeBanner .banner-bottom .swiper-tips{position:relative}.index-banner .homeBanner .banner-bottom .swiper-tips .iconfont{position:absolute;font-size:24px;-webkit-animation:updown .7s cubic-bezier(.56, .01, .46, 1) infinite alternate;animation:updown .7s cubic-bezier(.56, .01, .46, 1) infinite alternate}.index-banner .homeBanner .banner-bottom .swiper-tips span{margin-left:30px}.index-banner .homeBanner .banner-bottom .prev-next{position:absolute;width:150px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop{width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;cursor:pointer}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop i{font-size:30px;position:absolute;line-height:1}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop .path-loop{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop .path-loop-bg{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;opacity:.1}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop .bi-play{display:none}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop .bi-pause{display:block}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop.active .bi-play{display:block}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop.active .bi-pause{display:none}.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-next,.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-prev{width:26px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff}.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-next i,.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-prev i{font-size:30px}.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-next::after,.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-prev::after{display:none}.index-banner .homeBanner .banner-bottom .bannerPagination{right:10px;width:auto;left:auto}.index-banner .homeBanner .banner-bottom .bannerPagination .swiper-pagination-current{font-size:26px;font-weight:bold}.youshi-list{gap:30px;display:flex;flex-wrap:wrap}.youshi-list .item{width:calc((100% - 30px * 3) / 4);background-color:#fff;padding:45px;box-sizing:border-box;box-shadow:0 0 15px 0 #0000000d;transition:all .3s}.youshi-list .item:hover{transform:translateY(-5px)}.youshi-list .item .img{width:85px;height:85px;border-radius:50%;border:1px solid var(--color-primary)}.youshi-list .item .img img{width:42px;height:42px}.youshi-list .item .title{font-size:20px;color:var(--color-default)}.youshi-list .item .content{font-size:14px;color:var(--color-secondary)}.about-us .list .item{background-color:#fff;box-sizing:border-box;flex:1}.about-us .list .item:nth-child(2){flex-direction:column-reverse !important}.about-us .list .item .img{width:100%;height:335px;overflow:hidden}.about-us .list .item .img img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all .5s}.about-us .list .item .img img:hover{transform:scale(1.04)}.about-us .list .item .info{padding:40px;box-sizing:border-box;gap:25px;height:335px}.about-us .list .item .info:hover .arrow{border:1px solid var(--color-primary);color:var(--color-primary)}.about-us .list .item .info:hover .arrow .iconfont{transform:rotate(45deg)}.about-us .list .item .info .title{font-size:24px;color:var(--color-default)}.about-us .list .item .info .content{text-align:center;line-height:1.8em;color:var(--color-secondary);font-size:14px}.about-us .list .item .info .arrow{width:45px;height:45px;border:1px solid #d2d2d2;border-radius:50%;color:#d2d2d2}.about-us .list .item .info .arrow .iconfont{font-size:14px;transition:all .3s}.product-solution{background-color:#fff}.product-solution .container{position:relative;height:820px;box-sizing:border-box;padding:0}.product-solution .container .list{position:absolute;width:100%;height:100%;z-index:2}.product-solution .container .list .item .info{position:absolute;z-index:4;width:100%;height:100%;color:#fff;gap:20px}.product-solution .container .list .item .info .img{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.product-solution .container .list .item .info .img img{max-width:100%;max-height:100%}.product-solution .container .list .item .info h2{font-size:30px}.product-solution .container .list .item .info .more{margin-top:25px;width:60px;height:60px;border-radius:999px;background:transparent;transition:all .5s;gap:25px;position:relative}.product-solution .container .list .item .info .more span{position:absolute;opacity:0;transition:all .5s;left:60px;white-space:nowrap}.product-solution .container .list .item .info .more .iconfont{position:absolute;width:45px;height:45px;border-radius:999px;background-color:#ffffff4d;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .5s}.product-solution .container .list .item .mask{position:absolute;width:100%;height:100%;background:linear-gradient(180deg, #029dd600 -0.58%, #029dd6ab 49.19%, #029dd600 98.95%);opacity:0;z-index:3;transition:all .3s}.product-solution .container .list .item:hover .info .more{width:155px;background:linear-gradient(270deg, #ea65384d 0%, #ea6538 100%)}.product-solution .container .list .item:hover .info .more span{left:15px;opacity:1}.product-solution .container .list .item:hover .info .more .iconfont{background-color:#fff;color:#ea6538;transform:rotate(45deg);right:15px}.product-solution .container .list .item:hover .mask{opacity:1}.product-solution .container .thumbs-list{position:absolute;width:100%;height:100%;z-index:1}.product-solution .container .thumbs-list .swiper-slide .mask{position:absolute;width:100%;height:100%;background:#000;opacity:.3;z-index:2}.product-solution .container .thumbs-list .swiper-slide img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.link .list{gap:25px;flex-wrap:wrap}.link .list a{width:calc((100% - 25px * 4) / 5);height:120px;background-color:#fff;border:1px solid #e9e9e9;box-sizing:border-box;padding:10px 20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.link .list a img{max-width:100%;max-height:100%}.link .list a:hover{transform:translateY(-3px);border:1px solid var(--color-primary)}@media screen and (max-width:1580px){.index-banner .homeBanner .swiper-slide .slide-text{font-size:24px}.index-banner .homeBanner .banner-bottom .swiper-tips .iconfont{font-size:18px}.index-banner .homeBanner .banner-bottom{font-size:12px}.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-next i,.index-banner .homeBanner .banner-bottom .prev-next .swiper-button-prev i{font-size:20px}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop{width:30px;height:30px}.index-banner .homeBanner .banner-bottom .prev-next .ui-loop i{font-size:20px}.index-banner .homeBanner .banner-bottom .bannerPagination .swiper-pagination-current{font-size:20px}.index-banner .homeBanner .banner-bottom{bottom:20px}}@media screen and (max-width:1600px){.index-banner .homeBanner .swiper-slide .slide-text{width:100%;padding:0 20px;box-sizing:border-box}.index-banner .homeBanner .banner-bottom{width:100%;padding:0 20px;box-sizing:border-box}}@media screen and (max-width:768px){.index-banner{height:100vh}.index-banner .homeBanner{height:100%}.index-banner .homeBanner .swiper-slide .slide-text{font-size:20px}.index-banner .homeBanner .swiper-slide .img-box{height:100%}.index-banner .homeBanner .swiper-slide .img-box img{height:100%;object-fit:cover}.index-banner .homeBanner .banner-bottom{bottom:20px}.index-banner .homeBanner .banner-bottom .prev-next{display:none}.index-banner .homeBanner .banner-bottom .bannerPagination{right:20px;bottom:5px}.index-banner .homeBanner .banner-bottom .bannerPagination .swiper-pagination-current{font-size:22px}.youshi-list{gap:20px}.youshi-list .item{width:calc((100% - 20px * 0) / 1);padding:20px}.youshi-list .item .content{font-size:16px}.about-us .list{flex-wrap:wrap}.about-us .list .item{flex:auto;width:100%}.about-us .list .item:nth-child(2){flex-direction:column !important}.about-us .list .item .img{height:300px}.about-us .list .item .info{padding:20px;gap:20px;height:auto}.about-us .list .item .info .title{font-size:24px}.about-us .list .item .info .content{font-size:16px}.about-us .list .item .info .arrow{width:45px;height:45px;border:1px solid #d2d2d2;border-radius:50%;color:#d2d2d2}.about-us .list .item .info .arrow .iconfont{font-size:14px}.product-solution{background-color:#fff}.product-solution .container{height:550px}.product-solution .container .list .item.swiper-slide-active .info .more{width:155px;background:linear-gradient(270deg, #ea65384d 0%, #ea6538 100%)}.product-solution .container .list .item.swiper-slide-active .info .more span{left:15px;opacity:1}.product-solution .container .list .item.swiper-slide-active .info .more .iconfont{background-color:#fff;color:#ea6538;transform:rotate(45deg);right:15px}.product-solution .container .list .item.swiper-slide-active .mask{opacity:1}.product-solution .container .thumbs-list{position:absolute;width:100%;height:100%;z-index:1}.product-solution .container .thumbs-list .swiper-slide .mask{position:absolute;width:100%;height:100%;background:#000;opacity:.3;z-index:2}.product-solution .container .thumbs-list .swiper-slide img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.link .title h2{font-size:25px;text-align:center;line-height:1.5em}.link .title span{top:-10px}.link .list{gap:20px}.link .list a{width:calc((100% - 20px * 1) / 2);height:90px;padding:10px}.link .list a img{max-width:100%;max-height:100%}}