.case-banner{position:relative;width:100%;height:394px;background-image:url(../../images/cs-video/bannerbg.png);background-repeat:no-repeat}.case-banner .case-banner-carousel{position:absolute;bottom:-17px;left:50%;width:1030px;height:346px;background:#fff;border-radius:8px;transform:translateX(-50%)}.case-banner .case-banner-carousel::before,.case-banner .case-banner-carousel::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px}.case-banner .case-banner-carousel::before{box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)}.case-banner .case-banner-carousel::after{box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)}.case-banner .carousel .owl-stage-outer,.case-banner .carousel .owl-stage,.case-banner .carousel .owl-item{height:346px !important}.case-banner .carousel .owl-stage-outer{position:relative;z-index:2}.case-banner .carousel .owl-dots{display:flex;justify-content:center;margin-top:44px !important;height:3px !important}.case-banner .carousel .owl-dots .owl-dot span{margin:0 7px !important;width:85px !important;height:3px !important;background-color:#EFF1F5;overflow:hidden}.case-banner .carousel .owl-dots .owl-dot.active span{background:linear-gradient(167deg, #00adff, #2552fe) !important}.case-banner .carousel::after{position:absolute;z-index:1;top:0;left:0;display:block;content:"";width:100%;height:329px;background:-webkit-linear-gradient(#e7f4fe, #e6ebfd);background:-o-linear-gradient(#e7f4fe, #e6ebfd);background:-moz-linear-gradient(#e7f4fe, #e6ebfd);background:linear-gradient(#e7f4fe, #e6ebfd);border-radius:8px 8px 0 0}.case-banner .item{display:flex;height:394px;border-radius:8px}.case-banner .pic{flex:0 0 auto;margin:16px 30px 17px 16px;max-width:470px;width:470px;height:313px}.case-banner .pic img{display:block;width:470px;max-width:470px}.case-banner .text{position:relative;padding:51px 34px 0 0}.case-banner .text .tag{display:block;width:90px;height:22px;font-size:14px;font-weight:500;color:#004AFF;line-height:22px;text-align:center;background-color:rgba(37,82,255,0.17);border-radius:11px}.case-banner .text h3{margin:17px 0 15px;font-size:26px;font-weight:500;color:#333;line-height:37px}.case-banner .text p{font-size:14px;font-weight:400;color:#666;line-height:24px}.case-banner .text a{position:absolute;bottom:89px;left:0;display:block;width:144px;height:42px;font-size:14px;font-weight:400;color:#fff;line-height:42px;box-shadow:0 4px 11px 0 rgba(59,100,254,0.46);border-radius:4px;text-align:center;text-decoration:none}.case-banner .text a::before,.case-banner .text a::after{content:"";position:absolute;z-index:11;top:0;right:0;bottom:0;left:0;border-radius:4px;opacity:1;transition:opacity .5s}.case-banner .text a::before{background-image:linear-gradient(167deg, #00ADFF 0%, #2552FE 100%)}.case-banner .text a::after{background-image:linear-gradient(167deg, #2552FE 0%, #00ADFF 100%);opacity:0}.case-banner .text a:hover::before{opacity:0}.case-banner .text a:hover::after{opacity:1}.case-banner .text a span{position:relative;z-index:22}.case-list{margin:140px auto 0;width:1126px}.case-list ul{display:flex;flex-wrap:wrap;justify-content:center}.case-list li{position:relative;margin:0 32px 32px 0;width:354px;height:428px;background:#fff;border-radius:8px;transition:all .3s}.case-list li::before,.case-list li::after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:"";border-radius:8px}.case-list li::before{box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)}.case-list li::after{box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)}.case-list li .pic,.case-list li .text{position:relative;z-index:2}.case-list li .pic{position:relative;width:100%}.case-list li .pic img{display:block;width:100%}.case-list li .pic span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.case-list li .pic span img{opacity:.8;transition:all .3s}.case-list li:hover{transform:scale(1.03)}.case-list li:hover .pic span img{opacity:1}.case-list li:nth-child(3n){margin-right:0}.case-list li .text{position:relative;display:flex;flex-direction:column;padding:22px 23px 0;height:280px}.case-list li .text .tag{display:block;width:90px;height:22px;font-size:14px;font-weight:500;color:#004AFF;line-height:22px;text-align:center;background-color:rgba(37,82,255,0.08);border-radius:11px}.case-list li .text p{margin:21px 0 0;height:104px;font-size:14px;font-weight:400;color:#666;line-height:26px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.case-list li .text p a{color:#1890ff;text-decoration:none;transition:all .3s}.case-list li .text p a:hover{color:#40a9ff}.case-list li .text .thumb{display:flex;justify-content:center;align-items:center;height:111px}.case-list li .text .thumb img{display:block}.case-switch{margin-top:36px;padding:53px 0 76px;width:100%;height:404px;background-image:url(../../images/customer/im/comment-bg.png);background-repeat:no-repeat;background-position:center}.case-switch h2{margin:0;font-size:36px;font-weight:normal;line-height:50px;color:#333;text-align:center}.case-switch .case-switch-content{margin:76px auto 0;width:1050px}.case-switch .case-switch-content .swiper-slide{display:flex;justify-content:center;align-items:center}.case-switch .case-switch-content .swiper-slide .pic{margin-right:34px;width:108px}.case-switch .case-switch-content .swiper-slide .pic img{display:block;width:100%}.case-switch .case-switch-content .swiper-slide .text{display:flex;width:802px;font-size:16px;font-weight:400;color:#3C3D3C;line-height:28px}.case-switch .case-switch-content .swiper-slide .text::before,.case-switch .case-switch-content .swiper-slide .text::after{position:relative;top:5px;display:block;content:"";width:91px;height:56px;background-repeat:no-repeat;background-size:100%}.case-switch .case-switch-content .swiper-slide .text::before{margin-right:26px;background-image:url(../../images/customer/im/left-quote.png);background-image:-webkit-image-set(url(../../images/customer/im/left-quote.png) 1x, url(../../images/customer/im/left-quote@2x.png) 2x)}.case-switch .case-switch-content .swiper-slide .text::after{margin-left:26px;background-image:url(../../images/customer/im/right-quote.png);background-image:-webkit-image-set(url(../../images/customer/im/right-quote.png) 1x, url(../../images/customer/im/right-quote@2x.png) 2x)}.case-switch .case-switch-content .swiper-button-prev,.case-switch .case-switch-content .swiper-button-next{width:23px;height:41px;color:#014aff}.case-switch .case-switch-content .swiper-button-prev.swiper-button-disabled,.case-switch .case-switch-content .swiper-button-next.swiper-button-disabled{color:#c0c0c0}.case-switch .case-switch-content .swiper-button-prev,.case-switch .case-switch-content .swiper-rtl .swiper-button-next{left:0}.case-switch .case-switch-content .swiper-button-next,.case-switch .case-switch-content .swiper-rtl .swiper-button-prev{right:0}@media screen and (max-width:1199px){.case-banner .case-banner-carousel{width:96%}.case-banner .pic{width:48%}.case-banner .pic img{width:100%}.case-list{width:96%}.case-list li{margin-right:3.5%;width:31%}.case-list li .pic{width:100%}.case-switch{margin:0 auto;width:96%}.case-switch .case-switch-content{width:100%}.case-switch .case-switch-content .swiper-slide .text{width:80%}}@media screen and (max-width:991px){.case-switch{display:none}}@media screen and (max-width:767px){.case-banner .pic{display:none}.case-banner .text{padding:30px 20px 0}.case-banner .text h3{margin:10px 0}.case-banner .text a{left:20px}.case-banner .carousel .owl-dots .owl-dot{margin:0 2%;width:14%}.case-banner .carousel .owl-dots .owl-dot span{margin:0 !important;width:100% !important}.case-list{width:92%}.case-list li{margin-right:0;width:100%}.case .row>div:last-child{display:block !important}}