.m-banner{width:100%;height:86vh;background:#E4EFFA url(../images/banner.png) no-repeat 100% center/cover;overflow:hidden;position:relative}.m-banner-body{width:1200px;height:100%;margin:0 auto}.m-banner-img{width:800px;margin-top:200px;margin-left:80px}.m-banner-data{width:100%;height:102px;background:rgba(0,75,170,0.1);position:absolute;bottom:0;left:0}.m-banner-data .m-banner-slider-wrap{width:1200px;margin:0 auto;height:100%;display:flex}.m-banner-data .m-banner-slider-wrap .slider-item{width:20%;height:100%;display:flex;align-items:center;justify-content:center;cursor:default}.m-banner-data .m-banner-slider-wrap .slider-item .item-value{font-weight:800;font-size:28px;color:#004BAA}.m-banner-data .m-banner-slider-wrap .slider-item .item-name{margin-left:8px;font-weight:500;font-size:24px;color:#004BAA;font-style:normal;white-space:nowrap}.m-app{width:100%;height:616px;background:#f1f5fc;overflow:hidden}.m-app-body{width:1200px;height:100%;margin:0 auto}.m-app-body .m-app-title{text-align:center;font-size:30px;color:#222;margin-top:55px;font-weight:700}.m-app-body .m-app-more{font-size:16px;color:#186FF2;text-align:center;margin-top:12px}.m-app-body .m-app-more a{text-decoration:none;color:#186FF2;cursor:pointer}.m-app-body .m-app-type{display:flex;justify-content:space-around;align-items:center;margin-top:40px}.m-app-body .m-app-type-box{color:#222;font-size:16px;font-weight:600;text-align:center;cursor:pointer;animation:downToUp 0.8s ease-out 0.1s backwards}.m-app-body .m-app-type-box img{width:40px;height:40px}.m-app-body .m-app-type-box.m-app-type-actived p{color:#1875f0}.m-app-body .m-app-type-box.m-app-type-actived p::after{content:'';width:100%;height:4px;background-color:#1875f0;display:block;margin-top:4px;transition:0.2s}.m-app-body .m-app-type-box p{margin-top:2px;box-sizing:border-box}.m-app-body .m-app-type-box p::after{content:'';width:0;height:4px;background-color:#1875f0;display:block;margin-top:4px;transition:0.2s}.m-app-body .m-app-type-box:hover p::after{width:100%;transition:0.3s}@keyframes downToUp{0%{transform:translate(0, 30px);opacity:0}100%{transform:translate(0, 0);opacity:1}}.m-app-body .m-app-view{width:100%;height:400px;display:flex;justify-content:flex-start;flex-wrap:wrap;animation:downToUp 0.8s ease-out 0.1s backwards;margin-top:24px}.m-app-body .m-app-view-card{width:400px;height:200px;background-color:#FFFFFF;box-sizing:border-box;padding:30px 20px;cursor:pointer;border:1px solid #DAE4F2;transition:0.3s;position:relative;background-image:none}.m-app-body .m-app-view-card:hover{background:url(../images/icon_card_active.jpg) center center no-repeat;transition:0.3s;box-shadow:0 6px 10px 0 rgba(144,157,168,0.4);background-size:400px 200px;border:1px solid transparent}.m-app-body .m-app-view-card:hover .m-app-view-watch{background-color:#186FF2;color:#FFFFFF;transition:0.2s}.m-app-body .m-app-view-card:hover .m-app-view-watch a{color:#FFFFFF}.m-app-body .m-app-view-card:hover .m-app-view-title::after{width:100%}.m-app-body .m-app-view-card:nth-child(n+3){border-top:none}.m-app-body .m-app-view-card:nth-of-type(2n){border-left:none;border-right:none}.m-app-body .m-app-view-card .m-app-view-title{font-size:16px;color:#333333;font-weight:550;display:inline-block}.m-app-body .m-app-view-card .m-app-view-title:after{transition:0.2s;content:'';display:block;width:0;height:6px;background-image:linear-gradient(270deg, rgba(53,168,250,0) 0%, #186FF2 100%)}.m-app-body .m-app-view-card .m-app-view-desc{font-size:14px;color:#333333;margin:12px 0}.m-app-body .m-app-view-card .m-app-view-watch{font-size:14px;color:#186FF2;width:100px;height:32px;border:1px solid #186FF2;text-align:center;line-height:32px;position:absolute;bottom:20px}.m-app-body .m-app-view-card .m-app-view-watch a{color:#186FF2}.m-solution{width:100%;height:637px;background:#f1f5fc}.m-solution-body{width:1300px;height:100%;margin:0 auto;box-sizing:border-box;padding-top:55px}.m-solution-body .m-solution-title{text-align:center;font-size:30px;color:#222;font-weight:700}.m-solution-body .m-solution-more{text-align:center;color:#186FF2;font-size:16px}.m-solution-body .m-solution-more a{font-size:16px;text-decoration:none;color:#186FF2}.m-solution-body .m-solution-type{width:100%;display:flex;justify-content:center;align-items:center;margin-top:40px}.m-solution-body .m-solution-type-box{width:110px;height:102px;text-align:center;box-sizing:border-box;padding-top:20px;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px}.m-solution-body .m-solution-type-box:hover{background-image:linear-gradient(0deg, #53a8ff, #79bbff);background-image:linear-gradient(180deg, #53a8ff, #79bbff)}.m-solution-body .m-solution-type-box:hover p{color:#fff}.m-solution-body .m-solution-type-box.m-soluction-box-active{background-image:linear-gradient(0deg, #53a8ff, #79bbff);background-image:linear-gradient(180deg, #53a8ff, #79bbff)}.m-solution-body .m-solution-type-box.m-soluction-box-active p{color:#fff}.m-solution-body .m-solution-type-box img{width:48px;height:48px}.m-solution-body .m-solution-type-box p{color:#3f4150;font-size:12px;margin-top:4px}.m-solution-body .m-soluction-data{width:100%;height:400px}.m-solution-body .m-soluction-data .m-soluction-shape{width:1200px;height:100%;margin:0 auto;display:flex;justify-content:flex-start}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc{flex:1;height:400px;background:#f7f7fa;box-sizing:border-box;padding:70px 100px;position:relative;animation:am_left 0.8s ease-out 0.1s backwards;-webkit-animation:am_left 0.8s ease-out 0.1s backwards}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc .m-so-shape-title{font-size:24px;color:#191919;padding-bottom:20px;font-weight:700}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc .m-so-shape-text{font-size:13px}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc .m-so-shape-action{position:absolute;bottom:80px}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc .m-so-shape-action button{outline:none;cursor:pointer}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc .m-so-shape-action button:hover{opacity:0.8}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc .m-so-shape-action .m-so-to-zx{width:123px;height:38px;line-height:38px;border:1px solid #53a8ff;background:#53a8ff;color:#fff;text-align:center;border-radius:20px}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-desc .m-so-shape-action .m-so-to-xq{width:95px;height:38px;line-height:38px;color:#333;text-align:center;border:1px solid #333;border-radius:20px;margin-left:10px}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-bg{flex:1;width:50%;animation:am_right 0.8s ease-out 0.1s backwards;-webkit-animation:am_right 0.8s ease-out 0.1s backwards}.m-solution-body .m-soluction-data .m-soluction-shape .m-so-shape-bg img{width:100%;height:100%}@keyframes am_right{0%{transform:translate(-30px, 0);opacity:0}100%{transform:translate(0, 0px);opacity:1}}@keyframes am_left{0%{transform:translate(30px, 0);opacity:0}100%{transform:translate(0, 0px);opacity:1}}.dialog-confirm{display:none;position:fixed;top:0;left:0;overflow:hidden;width:100vw;height:100vh}.dialog-confirm .mark{width:100%;height:100%;background-color:rgba(0,0,0,0.4)}.dialog-confirm .dialog-confirm-content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:18px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);text-align:left;overflow:hidden;backface-visibility:hidden}.dialog-confirm .dialog-confirm-content .confirm-content-header{position:relative;padding:15px 15px 10px}.dialog-confirm .dialog-confirm-content .confirm-content-body{padding:10px 15px;color:#606266;font-size:14px}.dialog-confirm .dialog-confirm-content .confirm-content-btns{padding:5px 15px 0;text-align:right}.dialog-confirm .dialog-confirm-content .confirm-content-btns .confirm-btn{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;appearance:none;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px;padding:9px 15px;font-size:12px;border-radius:3px}.dialog-confirm .dialog-confirm-content .confirm-content-btns .confirm-btn.confirm-btn-primary{color:#fff;background-color:#409eff;border-color:#409eff}.dialog-confirm .dialog-confirm-content .confirm-content-btns .confirm-btn.confirm-btn-primary:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.dialog-confirm .dialog-confirm-content .confirm-content-btns .confirm-btn:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}
