.banner-box{position:relative}.banner-box img{width:100%;max-height:320px;-o-object-fit:cover;object-fit:cover}.banner-box .title{display:none;color:#fff;position:absolute;left:20%;top:50%;transform:translateY(-50%);font-size:18px}.case-nav{margin-top:30px;padding-bottom:0;font-size:18px}.case-nav ul{display:flex;justify-content:center;border-bottom:1px solid rgba(157,164,182,.133);padding:0 16px}.case-nav ul li+li{margin-left:3%}.case-nav ul li{width:140px;padding-bottom:10px;position:relative;text-align:center;cursor:pointer;color:#70788d;font-weight:500}.case-nav ul li.active,.case-nav ul li:hover{color:#006bfd}.case-nav ul li.active::before,.case-nav ul li:hover::before{content:"";position:absolute;bottom:-1px;left:0;right:0;width:100%;height:2px;background:#126bfc}.case-content{margin-top:30px}.case-content .case-swiper{overflow:hidden;position:relative}.case-content .case-swiper .swiper-slide{padding:20px 60px;box-sizing:border-box}.case-content .case-swiper .swiper-slide .case-slide{display:flex;overflow:hidden;box-shadow:0px 0px 26px 1px rgba(64,120,252,.114);border-radius:15px;height:24vw;min-height:310px;max-height:400px}.case-content .case-swiper .swiper-slide .case-slide .case-img{display:block;width:50%;height:100%;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.case-content .case-swiper .swiper-slide .case-slide .case-desc{padding:45px 30px 10px;box-sizing:border-box}.case-content .case-swiper .swiper-slide .case-slide .case-desc .page-num{color:#9da4b7;letter-spacing:1px}.case-content .case-swiper .swiper-slide .case-slide .case-desc .page-num span{font-size:24px;color:#0f7eff}.case-content .case-swiper .swiper-slide .case-slide .case-desc h3{color:#1f2431;font-size:18px;max-width:100%;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:20px}.case-content .case-swiper .swiper-slide .case-slide .case-desc h2{font-size:22px;max-width:100%;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:15px;margin-bottom:10px}.case-content .case-swiper .swiper-slide .case-slide .case-desc p{color:#70788d;line-height:26px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0}.case-content .case-swiper .swiper-slide .case-slide .case-desc .more-btn{color:#0f7eff;text-decoration:underline;margin-top:1.8vw;display:inline-block}.case-content .case-swiper .swiper-slide .case-slide .case-desc .more-btn i{font-size:14px}.case-content .case-swiper .swiper-slide .case-slide .case-desc .more-btn-mobile{display:none}.case-content .case-swiper .case-swiper-button{border-radius:5px;width:30px;height:60px;line-height:60px;border:2px solid #dfeaf5;color:rgba(157,164,182,.424);position:absolute;top:50%;transform:translateY(-50%);z-index:99;box-sizing:border-box;cursor:pointer}.case-content .case-swiper .case-swiper-button i{font-size:24px;font-weight:normal}.case-content .case-swiper .case-swiper-button-next{right:10px;left:auto;padding-left:2px}.case-content .case-swiper .case-swiper-button-prev{left:10px;right:auto;padding-right:2px}.case-list{display:grid;justify-content:space-around;grid-template-columns:repeat(auto-fill, 32%);padding-bottom:20px}.case-list .case-list-item{margin-bottom:18px;padding:20px 0 20px 20px;box-sizing:border-box;border-radius:6px;box-shadow:0px 0px 16px 1px rgba(75,124,255,.2);color:#1f2431}.case-list .case-list-item .title img{width:35px;height:35px;-o-object-fit:contain;object-fit:contain}.case-list .case-list-item .title span{vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;margin-left:5px}.case-list .case-list-item .desc{padding-right:20px;color:#70788d;line-height:24px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;height:45px}.case-list .case-list-item .to-details{color:#bdc3d1;text-decoration:underline}.page-wrapper{text-align:center;margin-bottom:30px}.page-wrapper .layui-laypage a:hover{color:#fff;background:#1890ff}.page-wrapper a,.page-wrapper span{margin-left:8px;padding:0 10px;border:1px solid #d9d9d9;color:#595959}.page-wrapper a:hover,.page-wrapper span:hover{border:1px solid #1890ff;color:#fff;background:#1890ff}.page-wrapper .layui-laypage-em{border-radius:0}.page-wrapper .layui-laypage-curr{border:1px solid #1890ff;box-sizing:border-box;color:#fff;background:#1890ff}.page-wrapper .layui-laypage-curr em{color:#fff}.page-wrapper .layui-laypage-curr .layui-laypage-em{background:#fff;left:0;top:0;padding:0;width:inherit}.page-wrapper .mobile-page{color:#9da4b7;font-size:12px;text-align:center;display:none}.page-wrapper .mobile-page img{height:10px;width:10px;-o-object-fit:contain;object-fit:contain;margin:auto}@media only screen and (min-width: 1680px){.case-content .case-swiper .swiper-slide .case-slide .case-desc h3{font-size:20px;padding-bottom:10px}.case-content .case-swiper .swiper-slide .case-slide .case-desc h2{font-size:24px}.case-list .case-list-item{padding-bottom:25px}.case-list .case-list-item .title img{width:40px;height:40px}.case-list .case-list-item .title span{font-size:20px}.case-list .case-list-item .to-details{margin-top:10px}}@media(max-width: 980px){.case-list .case-list-item .title img{width:32px;height:32px}.case-list .case-list-item .title span{font-size:15px;margin-left:2px}.case-list .case-list-item .desc{font-size:13px}.case-list .case-list-item .to-details{margin-top:10px;font-size:13px}}@media screen and (min-width: 0px)and (max-width: 820px){.banner-box img{min-height:130px;-o-object-fit:cover;object-fit:cover}.banner-box .title{display:block}.case-nav{margin-top:20px}.case-nav ul{margin-bottom:0}.case-nav ul li{color:#1f2431;font-weight:400;font-size:14px}.case-nav ul li.active,.case-nav ul li:hover{color:#1f2431;font-weight:500;font-size:15px}.case-nav ul li.active::before,.case-nav ul li:hover::before{width:25px;margin:auto;height:3px;bottom:-1.5px;background:linear-gradient(to right, #00ebd0, #14aeff)}.case-wrapper{padding:0 10px}.case-content{margin-top:0}.case-content .case-swiper .swiper-slide{padding:20px 10px}.case-content .case-swiper .swiper-slide .case-slide{position:relative;box-shadow:none;border-radius:0;overflow:visible;height:auto;min-height:-moz-max-content;min-height:max-content;max-height:-moz-max-content;max-height:max-content}.case-content .case-swiper .swiper-slide .case-slide .case-img{width:42%;height:15vw;max-height:200px;min-height:100px;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:8px;z-index:80}.case-content .case-swiper .swiper-slide .case-slide .case-desc{height:18vw;min-height:130px;max-height:240px;background-color:#fff;margin-left:37%;padding:25px 20px 20px 8.2vw;border-radius:8px;box-shadow:0px 0px 10px 1px rgba(64,120,252,.15)}.case-content .case-swiper .swiper-slide .case-slide .case-desc h3{font-size:14px;-webkit-line-clamp:1;line-clamp:1;font-weight:normal;margin:0}.case-content .case-swiper .swiper-slide .case-slide .case-desc h2{-webkit-line-clamp:1;line-clamp:1;font-size:15px;margin:0;margin-top:10px}.case-content .case-swiper .swiper-slide .case-slide .case-desc .title{display:flex;align-items:center}.case-content .case-swiper .swiper-slide .case-slide .case-desc .page-num{font-size:12px;margin-right:8px}.case-content .case-swiper .swiper-slide .case-slide .case-desc .page-num span{font-size:16px}.case-content .case-swiper .swiper-slide .case-slide .case-desc p{-webkit-line-clamp:1;line-clamp:1;line-height:18px;margin:2px 0;font-size:12px}.case-content .case-swiper .swiper-slide .case-slide .case-desc .more-btn{display:none}.case-content .case-swiper .swiper-slide .case-slide .case-desc .more-btn-mobile{display:block;color:#0f7eff;font-size:12px;text-decoration:underline}.case-content .case-swiper .case-swiper-button-next,.case-content .case-swiper .case-swiper-button-prev{background:#fff;width:16px;height:30px;line-height:28px;border-width:1px}.case-content .case-swiper .case-swiper-button-next i,.case-content .case-swiper .case-swiper-button-prev i{font-size:12px}.case-content .case-swiper .case-swiper-button-next{right:0;padding-left:2px}.case-content .case-swiper .case-swiper-button-prev{left:0;padding-left:1px}.case-list{grid-template-columns:repeat(auto-fill, 48%)}.case-list .case-list-item{padding:12px 8px 12px 12px;margin-bottom:10px}.case-list .case-list-item .title{width:100%;overflow:hidden;display:flex}.case-list .case-list-item .title img{width:20px;height:20px}.case-list .case-list-item .title span{margin-left:2px;font-size:14px}.case-list .case-list-item .desc{line-height:16px;font-size:12px;margin-top:6px;height:32px;margin-bottom:15px}.case-list .case-list-item .to-details{font-size:12px;margin-top:0}.page-wrapper .pc-page{display:none}.page-wrapper .mobile-page{display:block}}