.advance{padding-bottom:60px}.advance-box{display:flex}.advance-item{position:relative;flex:1 auto;width:20%;height:340px;text-align:center;border:1px solid #e8e8e8;background:#f7f7f7;overflow:hidden;transition:width 0.3s cubic-bezier(0.42, 0, 0, 0.96),opacity 0.3s cubic-bezier(0.42, 0, 0, 0.96),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0, 0.96) !important;transition:width 0.3s cubic-bezier(0.42, 0, 0, 0.96),opacity 0.3s cubic-bezier(0.42, 0, 0, 0.96),transform 0.3s cubic-bezier(0.42, 0, 0, 0.96) !important;transition:width 0.3s cubic-bezier(0.42, 0, 0, 0.96),opacity 0.3s cubic-bezier(0.42, 0, 0, 0.96),transform 0.3s cubic-bezier(0.42, 0, 0, 0.96),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0, 0.96) !important}.advance-item:nth-child(1) .icon{background-color:#ef5d41}.advance-item:nth-child(1) .title:before{background:#ef5d41}.advance-item:nth-child(2) .icon{background-color:#fda336}.advance-item:nth-child(2) .title:before{background:#fda336}.advance-item:nth-child(3) .icon{background-color:#75b3fe}.advance-item:nth-child(3) .title:before{background:#75b3fe}.advance-item:nth-child(4) .icon{background-color:#41d18f}.advance-item:nth-child(4) .title:before{background:#41d18f}.advance-item:nth-child(5) .icon{background-color:#31b2f0}.advance-item:nth-child(5) .title:before{background:#31b2f0}.advance-item .icon{position:absolute;left:50%;top:35%;width:80px;height:80px;line-height:80px;text-align:center;background-image:url(../images/weapp/mask.png);background-repeat:no-repeat;background-size:cover;color:#fff;border-radius:50%;overflow:hidden;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:top 1s cubic-bezier(0.42, 0, 0.15, 0.99)}.advance-item .icon .iconfont{font-size:40px}.advance-item .title{position:absolute;top:70%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:20px;color:#434343;transition:top 1s cubic-bezier(0.42, 0, 0.15, 0.99)}.advance-item .title:before{content:'';position:absolute;bottom:-15px;left:50%;width:30px;height:4px;background:#434343;margin-left:-15px;margin-top:-2px}.advance-item .txt{position:absolute;top:90%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:12px;padding:0 15px;color:#434343;opacity:0;transition:all 1s cubic-bezier(0.42, 0, 0.15, 0.99)}.solution{padding-top:60px;padding-bottom:60px}.solution-item{float:left;width:20%;padding:25px}.solution-item a{display:block;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.3);border-radius:5px;overflow:hidden}.solution-item a:hover .pic .bg{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.solution-item a:hover .mask-txt{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1)}.solution-item .pic{position:relative;padding-top:100%;overflow:hidden}.solution-item .pic .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:all .5s ease-in-out}.solution-item .mask-txt{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);padding:20px;line-height:1.6em;font-size:16px;color:#fff;opacity:0;-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);transition:all .5s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.solution-item .mask-txt span{display:block}.solution-item .txt{height:50px;line-height:50px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case{background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:60px;padding-bottom:60px;color:#fff;overflow:hidden}.case .case-box{position:relative}.case .case-mask{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}.case .case-mask img{position:relative;z-index:2}.case .case-swiper-wrap{position:relative;z-index:2}.case .case-swiper-wrap2{position:absolute;left:5%;right:5%;top:12%;bottom:11%;overflow:hidden}.case .case-swiper-wrap2 *{height:100% !important}.case .case-swiper-wrap2 .item{float:left;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}.case .case-more{text-align:center}#swiper3d{position:relative;height:384px;margin:100px 0}#swiper3d .item{position:absolute;left:0;top:50%;background-repeat:no-repeat;background-size:cover;background-position:center}.step{padding-top:60px;padding-bottom:60px}.step .step-box{position:relative}.step .step-box:before{content:'';position:absolute;top:150px;left:0;right:0;height:1px;background:#bfbfbf}.step .step-box li{position:relative;float:left;width:20%;text-align:center}.step .step-box li:before{content:'';position:absolute;top:150px;left:50%;width:16px;height:16px;border:1px solid #037ddc;border-radius:50%;background:#fff;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.step .step-box li a{position:relative;display:block;height:250px}.step .step-box li .top{position:absolute;top:150px;left:0;width:100%;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}.step .step-box li .bottom{position:absolute;bottom:0;left:0;width:100%}.step .step-box .iconfont{display:block;margin-bottom:15px;font-size:36px}.step .step-box span{display:block;font-size:22px;height:2.4em;line-height:1.2em}.step .step-box em{font-size:48px;color:#037ddc;font-family:"GothamLight","Helvetica","PingFangSC-Regular","Microsoft Yahei","arial",sans-serif}@media screen and (max-width: 1440px){.solution-item{width:25%;padding:10px}.solution-item .mask-txt{font-size:13px}.step .step-box span{font-size:18px}.step .step-box em{font-size:34px}}@media screen and (min-width: 961px){.advance-item:hover{width:30%}.advance-item:hover .icon{top:20%}.advance-item:hover .title{top:45%}.advance-item:hover .txt{top:70%;opacity:1}}@media screen and (max-width: 960px){.advance-item{height:270px}.advance-item .title{font-size:16px;top:30%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.advance-item .icon{top:5%;width:50px;height:50px;line-height:50px;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.advance-item .icon .iconfont{font-size:20px}.advance-item .txt{top:50%;opacity:1;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.solution-item .txt{font-size:15px}.step .step-box:before{content:none}.step .step-box li:before{content:none}.step .step-box li a{height:auto}.step .step-box li .bottom{display:none}.step .step-box li .top{position:static;-webkit-transform:none;transform:none}#swiper3d{height:250px}.case .case-mask{height:300px}}@media screen and (max-width: 667px){.advance-box{display:block}.advance-item{float:left;width:50%}.advance-item:last-child{width:100%}.solution-item{width:50%;padding:5px}.step .step-box li{width:50%}.step .step-box li:nth-child(even){margin-top:60px}.step .step-box li:nth-child(odd){margin-bottom:60px}.step .step-box span{font-size:15px}}