.banner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0;height:500px;z-index:0;background:-webkit-gradient(linear,left bottom, left top,from(#32c5ff),to(#1896ff));background:-webkit-linear-gradient(bottom,#32c5ff 0%,#1896ff 100%);background:-moz- oldlinear-gradient(bottom,#32c5ff 0%,#1896ff 100%);background:linear-gradient(360deg,#32c5ff 0%,#1896ff 100%)}.banner .header-img{height:500px}.banner .banner-left{position:relative;top:40px;width:388px;background:#fff;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);border-radius:8px;margin-right:52px;padding:24px;z-index:1}.banner .banner-left .title{color:#3d4d69;font-size:24px;height:33px;line-height:33px;text-align:left;padding-left:12px;position:relative}.banner .banner-left .title:after{content:'';position:absolute;width:4px;top:5px;bottom:5px;left:0;background:-webkit-linear-gradient(133deg,#32c5ff 0%,#1795ff 100%);background:-moz- oldlinear-gradient(133deg,#32c5ff 0%,#1795ff 100%);background:linear-gradient(317deg,#32c5ff 0%,#1795ff 100%);-webkit-box-shadow:0 4px 8px 0 rgba(23,149,255,0.5);box-shadow:0 4px 8px 0 rgba(23,149,255,0.5);border-radius:3px}.banner .banner-left .text{margin-top:16px;color:#3d4d69;font-size:14px;text-align:justify}.banner .banner-right{position:relative;top:40px;background:none;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:unset;height:unset}.banner .detail-title{height:84px;font-size:60px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;letter-spacing:1px;line-height:84px;margin-top:62px}.banner .consult-btn{display:inline-block;width:240px;height:56px;background:#fff;border-radius:28px;line-height:56px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#1795ff;text-align:center;margin-top:64px;cursor:pointer;z-index:1;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s, -moz-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s, -moz-transform .3s}.banner .consult-btn:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.banner .blue{background:-webkit-gradient(linear,left top, left bottom,from(#1795ff),to(#33c7ff));background:-webkit-linear-gradient(top,#1795ff 0%,#33c7ff 100%);background:-moz- oldlinear-gradient(top,#1795ff 0%,#33c7ff 100%);background:linear-gradient(180deg,#1795ff 0%,#33c7ff 100%);color:#fff;margin:0 auto;margin-top:24px}.row-flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.count-up{width:100%}.count-up .case-bak{width:100%;background-image:url("../img/case/pic-44@2x_438d80f1d6.png");background-size:cover;background-repeat:no-repeat;background-position:center bottom;height:211px}.more{text-align:center}.more .title-ch{height:50px;font-size:36px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#3d4d69;line-height:50px;margin-top:50px}.more .title-en{font-family:PingFangSC-Regular,PingFang SC;font-size:24px;font-weight:300;color:#bdc6cf;line-height:21px;margin-top:10px;margin-bottom:20px}.column-flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.solution-detail{color:#3d4d69;width:100%}.solution-detail .img-list{width:960px}.solution-detail img{max-width:960px}.solution-detail .topology-text{height:80px;line-height:80px;width:343px;font-size:18px;border-bottom:1px solid #1795ff;margin-top:20px;margin-bottom:15px;text-align:center;font-weight:600;color:#3d4d69}.solution-detail .topology-img-school{width:960px;height:540px;background-image:url("../img/solution/topology-school_42c27b53e5.png");background-size:contain;background-position:center center}.solution-detail > .active{display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important}.solution-detail #theory-tab,.solution-detail #practice-tab{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.solution-detail #theory-tab .text-tip,.solution-detail #practice-tab .text-tip{margin:0 auto;margin-top:12px;font-size:16px;max-width:960px}.solution-detail #theory-tab .points-list,.solution-detail #practice-tab .points-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.solution-detail #theory-tab .points-list .point,.solution-detail #practice-tab .points-list .point{width:156px;margin:0 24px}.solution-detail #theory-tab .points-list .point .text,.solution-detail #practice-tab .points-list .point .text{display:block;position:relative;top:-16px;font-weight:600}.solution-detail #theory-tab .points-list .point .desc,.solution-detail #practice-tab .points-list .point .desc{text-align:justify;display:inline-block}.solution-detail #theory-tab .points-list .point .point-icon,.solution-detail #practice-tab .points-list .point .point-icon{display:inline-block;width:156px;height:156px;background-position:center center;background-size:contain;background-repeat:no-repeat}.solution-detail #theory-tab .points-list .point .audio,.solution-detail #practice-tab .points-list .point .audio{background-image:url("../img/solution/audio_c74f4713c8.png")}.solution-detail #theory-tab .points-list .point .theme,.solution-detail #practice-tab .points-list .point .theme{background-image:url("../img/solution/theme_b9022f3ca9.png")}.solution-detail #theory-tab .points-list .point .ai,.solution-detail #practice-tab .points-list .point .ai{background-image:url("../img/solution/ai_a8d8c58818.png")}.solution-detail #theory-tab .points-list .point .answer,.solution-detail #practice-tab .points-list .point .answer{background-image:url("../img/solution/answer_142c0f57b2.png")}.solution-detail #theory-tab .points-list .point .control,.solution-detail #practice-tab .points-list .point .control{background-image:url("../img/solution/control_407d801b72.png")}.solution-detail #theory-tab .points-list .point .quality,.solution-detail #practice-tab .points-list .point .quality{background-image:url("../img/solution/control_407d801b72.png")}.solution-detail #theory-tab .points-list .point .delay,.solution-detail #practice-tab .points-list .point .delay{background-image:url("../img/solution/delay_7fb12c8564.png")}.solution-detail #theory-tab .points-list .point .camera,.solution-detail #practice-tab .points-list .point .camera{background-image:url("../img/solution/camera_1cd9335b60.png")}.solution-detail #theory-tab .points-list{width:1020px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.solution-detail #practice-tab .points-list .point{width:186px;margin:0 82px}.solution-detail .tab-wrap{width:960px;margin-top:24px}.solution-detail .tab-wrap .tab-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.solution-detail .tab-wrap .tab-header .title{font-size:18px;text-align:center;line-height:30px;padding:0 24px;margin:0 50px;cursor:pointer}.solution-detail .tab-wrap .tab-header .title:hover{color:#1795ff;position:relative}.solution-detail .tab-wrap .tab-header .title:hover:after{content:'';position:absolute;bottom:-4px;border-radius:2px;width:100%;left:0;height:4px;background:-webkit-linear-gradient(133deg,#32c5ff 0%,#1795ff 100%);background:-moz- oldlinear-gradient(133deg,#32c5ff 0%,#1795ff 100%);background:linear-gradient(317deg,#32c5ff 0%,#1795ff 100%)}.solution-detail .tab-wrap .tab-header .active{color:#1795ff;position:relative}.solution-detail .tab-wrap .tab-header .active:after{content:'';position:absolute;bottom:-4px;border-radius:2px;width:100%;left:0;height:4px;background:-webkit-linear-gradient(133deg,#32c5ff 0%,#1795ff 100%);background:-moz- oldlinear-gradient(133deg,#32c5ff 0%,#1795ff 100%);background:linear-gradient(317deg,#32c5ff 0%,#1795ff 100%)}.solution-detail .tab-wrap .tab-body{width:960px}.solution-detail .tab-wrap .tab-body .body-item{display:none}.solution-detail .tab-wrap .tab-body .body-item .desc{font-size:14px;text-align:center;margin:24px}.solution-detail .tab-wrap .tab-body .body-item .img{width:960px;height:540px;border-radius:10px}.solution-detail .tab-wrap .tab-body .active{display:block}.solution-detail .more-solution{padding-top:140px;width:100%}.solution-detail .more-solution .more-title{text-align:center;height:50px;font-size:36px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#3d4d69;line-height:50px;margin-bottom:60px}.solution-detail .more-solution .more-list{margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:112px}.solution-detail .more-solution .more-list .more-item{width:228px;height:142px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);border-radius:8px;margin:0 42px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s, -moz-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s, -moz-transform .3s}.solution-detail .more-solution .more-list .more-item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.solution-detail .more-solution .more-list .more-item .text{position:relative;top:-12px;font-weight:600}.solution-detail .more-solution .more-list .more-item .icon-img{width:96px;height:96px;background-size:contain;background-repeat:no-repeat;background-position:center center}.solution-detail .more-solution .more-list .more-item .teacher{background-image:url("../img/solution/icon-teacher_6dfcea26af.png")}.solution-detail .more-solution .more-list .more-item .school{background-image:url("../img/solution/icon-school_5fc09af754.png")}.solution-detail .more-solution .more-list .more-item .practice{background-image:url("../img/solution/icon-practice_02410ed947.png")}.solution-detail .more-solution .more-list .more-item .theory{background-image:url("../img/solution/icon-theory_50b2a0e76c.png")}.solution-detail .more-solution .more-list .more-item .class{background-image:url("../img/solution/icon-class_c255d41f26.png")}.school-solution{background:#fff}@media only all and (max-width:768px){body,html{min-width:100vw;width:100vw}.header{height:11.6vw;background:#1896ff;z-index:10}.header .nav{display:none}.title-ch{font-size:6.4vw;line-height:8.8vw}.h5-banner{padding-top:11.6vw;background:#1796ff;text-align:center;color:#fff;position:relative}.h5-banner .h5-title{font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;font-size:6.4vw;padding:4vw 0;color:#fff;position:relative}.h5-banner .h5-text{margin:0 6vw;font-family:PingFangSC-Light,PingFang SC;font-weight:300;font-size:4.4vw;text-align:center;color:#fff;position:relative}.h5-banner .h5-consult-btn{width:160px;height:44px;line-height:44px;background:#fff;border-radius:22px;color:#1795ff;text-align:center;display:inline-block;margin:6vw 0;position:relative}.solution-detail{overflow:hidden;background:#f7f8f9}.solution-detail img,.solution-detail .img-list{width:96%}.solution-detail .school-h5-img{width:140%}.solution-detail .topology-text{font-size:6.4vw;width:60%;font-weight:400;font-family:PingFangSC-Regular,PingFang SC}.solution-detail #theory-tab .points-list{width:auto;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.solution-detail #theory-tab .points-list,.solution-detail #practice-tab .points-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.solution-detail #theory-tab .points-list .point,.solution-detail #practice-tab .points-list .point{padding:3vw;margin:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.solution-detail #theory-tab .points-list .point .point-icon,.solution-detail #practice-tab .points-list .point .point-icon{display:none}.solution-detail #theory-tab .points-list .point .text,.solution-detail #practice-tab .points-list .point .text{top:0;color:#1795ff;font-size:4.8vw;text-align:left;font-weight:400;margin-bottom:2vw}.solution-detail #theory-tab .points-list .point .text:before,.solution-detail #practice-tab .points-list .point .text:before{content:'';width:3.6vw;height:3.6vw;background:-webkit-gradient(linear,left top, right top,from(#32c5ff),to(#1795ff));background:-webkit-linear-gradient(left,#32c5ff 0%,#1795ff 100%);background:-moz- oldlinear-gradient(left,#32c5ff 0%,#1795ff 100%);background:linear-gradient(90deg,#32c5ff 0%,#1795ff 100%);-webkit-box-shadow:0 1px 3px 0 rgba(61,77,105,0.3);box-shadow:0 1px 3px 0 rgba(61,77,105,0.3);border-radius:50%;border:2px solid #fff;display:inline-block;margin-right:3.2vw}.solution-detail #theory-tab .points-list .point .desc,.solution-detail #practice-tab .points-list .point .desc{background:#fff;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);border-radius:8px;padding:6vw 4vw;margin-left:7vw;color:#737583}.solution-detail #theory-tab .tab-wrap,.solution-detail #practice-tab .tab-wrap{width:100%;padding:0 3vw;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.solution-detail #theory-tab .tab-wrap .tab-header,.solution-detail #practice-tab .tab-wrap .tab-header{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #d2d2d2}.solution-detail #theory-tab .tab-wrap .tab-header .title,.solution-detail #practice-tab .tab-wrap .tab-header .title{margin:0;font-size:3.6vw;padding:0 2vw}.solution-detail #theory-tab .tab-wrap .tab-header .active:after,.solution-detail #practice-tab .tab-wrap .tab-header .active:after{bottom:0;height:2px;background-color:#1795ff;border-radius:0}.solution-detail #theory-tab .tab-wrap .tab-body,.solution-detail #practice-tab .tab-wrap .tab-body{width:100%}.solution-detail #theory-tab .tab-wrap .tab-body .body-item,.solution-detail #practice-tab .tab-wrap .tab-body .body-item{position:relative;margin-top:5vw}.solution-detail #theory-tab .tab-wrap .tab-body .body-item .img,.solution-detail #practice-tab .tab-wrap .tab-body .body-item .img{width:100%;height:auto;border-radius:0;vertical-align:bottom}.solution-detail #theory-tab .tab-wrap .tab-body .body-item .desc,.solution-detail #practice-tab .tab-wrap .tab-body .body-item .desc{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;margin:0;padding:2vw 3vw;text-align:justify;font-size:3.4vw}.solution-detail .more-solution{padding:0}.solution-detail .more-solution .more-title{font-size:6.4vw;padding:8vw 0;margin:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.solution-detail .more-solution .more-list{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding-bottom:0}.solution-detail .more-solution .more-list .more-item{width:unset;height:unset;margin:unset;-webkit-box-shadow:none;box-shadow:none;background:none;border-radius:0;padding-bottom:4vw}.solution-detail .more-solution .more-list .more-item .icon-img{width:12vw;height:12vw;border-radius:50%;-webkit-box-shadow:0 5px 16px 0 rgba(0,0,0,0.1);box-shadow:0 5px 16px 0 rgba(0,0,0,0.1)}.solution-detail .more-solution .more-list .more-item .text{top:2vw;font-weight:400}.count-up{background:#f7f8f9}.count-up .number-wrap{margin:0;padding:16vw 0}}