.typical-case{position:relative}.typical-case .h{width:100%;position:absolute;top:-3.2rem}.typical-case .h h1{color:#fff;font-size:.72rem;font-family:Quantum;font-weight:400}.typical-case .h h2{color:#fff;font-size:.44rem;font-family:Source Han Sans CN;font-weight:500}.typical-case .subtitle{margin-top:.6rem;font-size:.4rem;font-family:Source Han Sans CN;font-weight:700}.typical-case .system-list .row-list-top{width:14.4rem;margin:0 auto;background-color:#fff;border-radius:.1rem;box-shadow:0 .1rem .2rem #ccc}.typical-case .system-list .row-list-top .top-item{padding:.5rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.typical-case .system-list .row-list-top .top-item .p1{margin-top:.24rem;margin-bottom:0;font-size:.22rem;font-family:Source Han Sans CN;font-weight:500}.typical-case .system-list .row-list-top .top-item .p2{margin-top:.08rem;font-size:.11rem;font-family:Source Han Sans CN;font-weight:400}.typical-case .system-list .row-list-top .top-item:hover{color:#fff;transition:all .5s ease-out}.typical-case .system-list .sys-list-item{width:12.4rem;margin:0 auto}.typical-case .system-list .sys-list-item li{width:100%;margin-top:.6rem;display:flex}.typical-case .system-list .sys-list-item li .sys-box-l{width:40%;padding:.15rem;background:url(../img/路径\ 29041.a4be3102.png) no-repeat;background-position:0 100%}.typical-case .system-list .sys-list-item li .sys-box-l img{width:100%;height:100%}.typical-case .system-list .sys-list-item li .sys-box-l h3{font-size:.24rem;font-family:Source Han Sans CN;font-weight:700}.typical-case .system-list .sys-list-item li .sys-box-l .p1{font-size:.12rem;color:#5f9ea0;font-family:Source Han Sans CN;font-weight:400}.typical-case .system-list .sys-list-item li .sys-box-r{padding:.3rem;width:60%}.typical-case .system-list .sys-list-item li .sys-box-r h3{font-size:.24rem;font-family:Source Han Sans CN;font-weight:700}.typical-case .system-list .sys-list-item li .sys-box-r .p-one{margin-top:.16rem;font-size:.05rem}.typical-case .system-list .sys-list-item li .sys-box-r .p-two{margin-top:.16rem}.typical-case .system-list .sys-list-item li .sys-box-r .p-two img{margin-right:.2rem}.typical-case .system-list .sys-list-item li .sys-box-r .btn1{margin-top:.2rem;width:2rem;padding:.1rem;background:hsla(0,0%,100%,.39);border-radius:.1rem;border:.01rem solid #e85500;color:#e85500;bottom:.15rem;cursor:pointer}.typical-case .system-list .sys-list-item li .sys-box-r .btn1:active{background-color:#e85500;color:#fff;opacity:.5}.typical-case .process-flow{width:14.4rem;margin:0 auto;padding-bottom:.4rem}.typical-case .process-flow .pro-icon{text-align:center}.typical-case .process-flow .pro-icon p{margin:0;font-size:.18rem;font-family:Source Han Sans CN;font-weight:400}.typical-case .process-flow .pro-icon img{width:2.06rem;height:1.98rem}.typical-case .process-flow .pro-small{display:flex;align-items:center}.typical-case .process-flow .pro-small img{line-height:100%;width:.58rem;height:.14rem}.typical-case .swiper{width:14.4rem;margin:0 auto;border-radius:.2rem}.typical-case .swiper .swiper-wrapper .swiper-slide{border-radius:.2rem;position:relative;overflow:hidden}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.6);opacity:0;color:#fff;text-align:center;transition:opacity .5s ease;display:flex;align-items:flex-end;justify-content:center}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask:hover{opacity:1}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask div{background:url(../img/804.b8c133a9.png) no-repeat;background-position:100% 100%;background-size:100% 100%;padding:.2rem;margin:0 auto}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask div .h-p{margin:0;font-size:.24rem;font-family:Source Han Sans CN;font-weight:500}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask div .t{margin-top:.25rem;font-size:.12rem;font-family:Source Han Sans CN;font-weight:400}.typical-case .swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%}@media (max-width:700px){.typical-case{position:relative}.typical-case .h{width:100%;position:absolute;top:-3.7rem}.typical-case .h h1{color:#fff;font-size:1rem;font-family:Quantum;font-weight:400}.typical-case .h h2{color:#fff;font-size:.54rem;font-family:Source Han Sans CN;font-weight:500}.typical-case .subtitle{margin-top:.6rem;font-size:.8rem;font-family:Source Han Sans CN;font-weight:700}.typical-case .system-list .row-list-top{width:14.4rem;margin:0 auto;background-color:#fff;border-radius:.1rem;box-shadow:0 .1rem .2rem #ccc}.typical-case .system-list .row-list-top .top-item{padding:.5rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.typical-case .system-list .row-list-top .top-item .p1{margin-top:.24rem;margin-bottom:0;font-size:.22rem;font-family:Source Han Sans CN;font-weight:500}.typical-case .system-list .row-list-top .top-item .p2{margin-top:.08rem;font-size:.11rem;font-family:Source Han Sans CN;font-weight:400}.typical-case .system-list .row-list-top .top-item:hover{color:#fff;transition:all .5s ease-out}.typical-case .system-list .sys-list-item{width:12.4rem;margin:0 auto}.typical-case .system-list .sys-list-item li{width:100%;margin-top:.6rem;display:flex;flex-wrap:wrap}.typical-case .system-list .sys-list-item li .sys-box-l{width:100%;padding:.15rem;background:url(../img/路径\ 29041.a4be3102.png) no-repeat;background-position:0 100%}.typical-case .system-list .sys-list-item li .sys-box-l img{width:100%;height:100%}.typical-case .system-list .sys-list-item li .sys-box-l h3{font-size:.48rem;font-family:Source Han Sans CN;font-weight:700}.typical-case .system-list .sys-list-item li .sys-box-l .p1{font-size:.24rem;color:#5f9ea0;font-family:Source Han Sans CN;font-weight:400}.typical-case .system-list .sys-list-item li .sys-box-r{padding:.3rem;width:100%}.typical-case .system-list .sys-list-item li .sys-box-r h3{font-size:.58rem;font-family:Source Han Sans CN;font-weight:700}.typical-case .system-list .sys-list-item li .sys-box-r .p-one{text-indent:1rem;margin-top:.16rem;font-size:.48rem}.typical-case .system-list .sys-list-item li .sys-box-r .p-two{margin-top:.16rem}.typical-case .system-list .sys-list-item li .sys-box-r .p-two img{width:1rem;height:1rem;margin-right:.2rem}.typical-case .system-list .sys-list-item li .sys-box-r .p-two span{font-size:.38rem}.typical-case .system-list .sys-list-item li .sys-box-r .btn1{margin-top:.2rem;width:5rem;height:1rem;padding:.1rem;background:hsla(0,0%,100%,.39);border-radius:.2rem;border:.01rem solid #e85500;color:#e85500;bottom:.15rem;cursor:pointer;font-size:.48rem}.typical-case .system-list .sys-list-item li .sys-box-r .btn1:active{background-color:#e85500;color:#fff;opacity:.5}.typical-case .process-flow{width:14.4rem;margin:0 auto;padding-bottom:.4rem}.typical-case .process-flow .pro-icon{text-align:center}.typical-case .process-flow .pro-icon p{margin:0;font-size:.48rem;font-family:Source Han Sans CN;font-weight:800}.typical-case .process-flow .pro-icon img{width:2.06rem;height:1.98rem}.typical-case .process-flow .pro-small{display:flex;align-items:center}.typical-case .process-flow .pro-small img{line-height:100%;width:.58rem;height:.14rem}.typical-case .swiper{width:14.4rem;margin:0 auto;border-radius:.2rem}.typical-case .swiper .swiper-wrapper .swiper-slide{border-radius:.2rem;position:relative;overflow:hidden}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.6);opacity:0;color:#fff;text-align:center;transition:opacity .5s ease;display:flex;align-items:flex-end;justify-content:center}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask:hover{opacity:1}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask div{background:url(../img/804.b8c133a9.png) no-repeat;background-position:100% 100%;background-size:100% 100%;padding:.2rem;margin:0 auto}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask div .h-p{margin:0;font-size:.58rem;font-family:Source Han Sans CN;font-weight:500}.typical-case .swiper .swiper-wrapper .swiper-slide .item-mask div .t{margin-top:.25rem;font-size:.24rem;font-family:Source Han Sans CN;font-weight:400}.typical-case .swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%}}