body .home .tabs{display:flex;justify-content:center;padding:1.5625vw 3.125vw;border-radius:1.3541666667vw;background:#FFF;box-shadow:0 0 25px 0 rgba(0,0,0,0.1);gap:1.5625vw;width:fit-content;margin:5.2083333333vw auto 3.125vw auto;position:sticky;left:0;top:5.2083333333vw;z-index:10}body .home .tabs span{padding:.4166666667vw 1.5625vw;transition:all 600ms;border-radius:100px;cursor:pointer}body .home .tabs span.on{background:#2871FF;color:white}body .home .sec1{width:62.5vw;margin:0 auto}body .home .sec1 .item:not(:last-child){margin-bottom:3.125vw}body .home .sec1 .item .t{line-height:1.5;display:flex;align-items:center;margin-bottom:2.0833333333vw;transition:all 600ms}body .home .sec1 .item .t::before{content:'';display:block;width:.4166666667vw;height:.4166666667vw;border-radius:50%;background:#000;margin:0 1.0416666667vw;transition:all 600ms}body .home .sec1 .item .html{line-height:1.7}body .home .sec1 .item .html img{width:100%;border-radius:1.0416666667vw}body .home .sec1 .item.on .t{color:#2871FF}body .home .sec1 .item.on .t::before{background:#2871FF}body .home .sec2{padding:10.4166666667vw 0 6.25vw 10.4166666667vw}body .home .sec2 .en{color:#2871FF;line-height:1.5}body .home .sec2 .t{width:fit-content;margin:.9375vw 0 2.0833333333vw 0}body .home .sec2 .cases{width:100%;margin-top:3.125vw}body .home .sec2 .cases .swiper1{width:100%}body .home .sec2 .cases .swiper1 .swiper-slide{padding-top:1.0416666667vw}body .home .sec2 .cases .swiper1 .swiper-slide a{background:#F9F9F9;display:block;padding:1.5625vw 1.6666666667vw 3.90625vw 1.6666666667vw;border-radius:1.0416666667vw;position:relative;transition:all 600ms}body .home .sec2 .cases .swiper1 .swiper-slide a .tag{color:#000;line-height:1.8}body .home .sec2 .cases .swiper1 .swiper-slide a .pic{margin:.625vw 0 1.0416666667vw 0;border-radius:1.0416666667vw;overflow:hidden}body .home .sec2 .cases .swiper1 .swiper-slide a .pic img{width:100%;height:11.4583333333vw;border-radius:1.0416666667vw;transition:all 600ms}body .home .sec2 .cases .swiper1 .swiper-slide a .pt{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.67;margin-bottom:.3125vw}body .home .sec2 .cases .swiper1 .swiper-slide a .des{line-height:1.8;height:2.8645833333vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body .home .sec2 .cases .swiper1 .swiper-slide a .bgz{position:absolute;right:0;bottom:0;background:#fff}body .home .sec2 .cases .swiper1 .swiper-slide a .bgz img{width:5.2083333333vw;transition:all 600ms}body .home .sec2 .cases .swiper1 .swiper-slide a .bgz img:nth-child(2){position:absolute;left:0;top:0;opacity:0}body .home .sec2 .cases .swiper1 .swiper-slide a .icon{position:absolute;right:0;bottom:0;width:2.8645833333vw;height:2.8645833333vw;border-radius:50%;background:#2871FF;display:flex;align-items:center;justify-content:center;transition:all 600ms}body .home .sec2 .cases .swiper1 .swiper-slide a .icon img{width:1.09375vw}body .home .sec2 .cases .swiper1 .swiper-slide a:hover{background:#E4F3FF;transform:translateY(-1.0416666667vw)}body .home .sec2 .cases .swiper1 .swiper-slide a:hover .pic img{transform:scale(1.05)}body .home .sec2 .cases .swiper1 .swiper-slide a:hover .bgz img:first-child{opacity:0}body .home .sec2 .cases .swiper1 .swiper-slide a:hover .bgz img:last-child{opacity:1}body .home .sec2 .cases .swiper1 .swiper-slide a:hover .icon{opacity:.75}@media screen and (max-width: 768px){body .home .tabs{width:90%;margin:30px auto;padding:15px;border-radius:15px;flex-wrap:wrap;position:static}body .home .tabs span{padding:4px 15px}body .home .sec1{width:90%}body .home .sec1 .item:not(:last-child){margin-bottom:30px}body .home .sec1 .item .t{margin-bottom:20px;font-size:24px}body .home .sec1 .item .t::before{width:6px;height:6px;margin:0 10px}body .home .sec1 .item .html img{border-radius:10px}body .home .sec2{padding:60px 0 30px 5%}body .home .sec2 .t{margin:10px 0 20px 0}body .home .sec2 .cases{margin-top:30px}body .home .sec2 .cases .swiper1 .swiper-slide{padding-top:20px}body .home .sec2 .cases .swiper1 .swiper-slide a{padding:15px;border-radius:15px;padding-bottom:70px}body .home .sec2 .cases .swiper1 .swiper-slide a .pic{margin:6px 0 10px 0;border-radius:15px}body .home .sec2 .cases .swiper1 .swiper-slide a .pic img{height:150px;border-radius:15px}body .home .sec2 .cases .swiper1 .swiper-slide a .pt{margin-bottom:5px}body .home .sec2 .cases .swiper1 .swiper-slide a .des{height:auto}body .home .sec2 .cases .swiper1 .swiper-slide a .bgz img{width:70px}body .home .sec2 .cases .swiper1 .swiper-slide a .icon{width:40px;height:40px}body .home .sec2 .cases .swiper1 .swiper-slide a .icon img{width:15px}}