.top{height:600px!important}.top{padding-top:60px;position:relative;overflow:hidden}.top-title{margin:202px 0 236px}.top-title_detail{font-size:58px;font-weight:800;color:#fff;letter-spacing:8px;text-shadow:0 0 30px rgba(59,59,59,.6)}.top-title_detail__left{letter-spacing:14px;font-size:58px;font-weight:800;color:#fff}.top-title_detail__right{letter-spacing:14px;margin-left:22px}.top-title-introduce{margin-top:24px;width:695px;height:80px;font-size:16px;font-weight:500;color:#fff;line-height:26px;text-align:center;text-shadow:0 0 40px rgba(59,59,59,.6);letter-spacing:.9px}.top-title-play{width:150px;height:45px;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:42px;background:rgba(255,255,255,.3);border-radius:9px;border:1px solid #fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:20px;font-weight:500;color:#fff;line-height:45px;text-align:center;cursor:pointer}.top-title-play img{margin:0 8px 0 25px}.pain{width:100%;padding-bottom:224px}.pain .pain-title{padding-top:198px;font-size:40px;font-weight:700;color:#333;line-height:40px;text-align:center}.pain .pain-spot{left:0;right:0;margin-left:auto;margin-right:auto;margin-top:72px;width:1200px}.pain .pain-spot .spot-item{-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:330px;-webkit-box-shadow:0 10px 24px 0 rgba(200,205,214,.3);box-shadow:0 10px 24px 0 rgba(200,205,214,.3);background:#fff;padding:2px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-transition:all .5s;transition:all .5s;cursor:default}.pain .pain-spot .spot-item .spot-bg{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.51);border-radius:8px;padding:50px}.pain .pain-spot .spot-item:hover{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);background:linear-gradient(135deg,#aac9ff,#4085ff);-webkit-box-shadow:0 10px 24px 0 rgba(200,205,214,.7);box-shadow:0 10px 24px 0 rgba(200,205,214,.7)}.pain .pain-spot .spot-item:hover .spot-bg{background:#fff}.pain .pain-spot .spot-item .spot-item-title{margin:32px 0 16px 0;font-size:24px;font-weight:700;color:#333;line-height:24px}.pain .pain-spot .spot-item .spot-item-desc{text-align:center;font-size:16px;font-weight:400;color:#8c97ab;line-height:24px}.pain .pain-spot .spot-item:last-child{margin-right:0}.programme{width:100%;padding-bottom:72px}.programme-title{padding-top:107px;padding-bottom:58px;text-align:center;font-size:40px;font-weight:700;color:#333;line-height:40px}.programme-img{margin:0 auto}.scene{position:relative;width:100%}.scene-title{padding-top:107px;text-align:center;font-size:40px;font-weight:700;color:#333;line-height:40px;padding-bottom:72px}.scene-img{margin:0 auto}.scene .value-title{padding-top:152px;text-align:center;font-size:40px;font-weight:700;color:#333;line-height:40px;padding-bottom:72px}.scene .value-core{margin:0 auto;padding-bottom:106px;width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.scene .value-core .core-item{width:590px;height:212px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;margin-right:20px;margin-bottom:32px;padding:2px;-webkit-box-shadow:0 10px 20px 0 rgba(200,205,214,.3);box-shadow:0 10px 20px 0 rgba(200,205,214,.3);border-radius:4px;-webkit-transition:all .5s;transition:all .5s;cursor:default}.scene .value-core .core-item .core-bg{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.51);border-radius:4px;padding:50px 40px}.scene .value-core .core-item:hover{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 10px 24px 0 rgba(200,205,214,.7);box-shadow:0 10px 24px 0 rgba(200,205,214,.7);background:linear-gradient(135deg,#aac9ff,#4085ff)}.scene .value-core .core-item:hover .core-bg{background:#fff}.scene .value-core .core-item:nth-child(2){margin-right:0}.scene .value-core .core-item:nth-child(3){margin-bottom:0}.scene .value-core .core-item:nth-child(4){margin-right:0;margin-bottom:0}.scene .value-core .core-item-right{margin-left:24px}.scene .value-core .core-item-right-title{margin-top:4px;margin-bottom:12px;font-size:24px;font-weight:700;color:#333;line-height:24px}.scene .value-core .core-item-right-tips{font-size:16px;font-weight:400;color:#596179;line-height:24px}.case{position:relative;width:100%;padding-top:107px}.case-title{margin-bottom:24px;text-align:center;font-size:40px;font-weight:700;color:#333;line-height:40px}.case-desc{text-align:center;font-size:24px;font-weight:400;color:#8c97ab;line-height:24px}.case-customs{left:0;right:0;margin:72px auto 0 auto;padding-bottom:67px;width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.case-customs .customs-item{width:220px;height:90px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:4px;border:1px solid #dce9ff;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);margin:0 20px 40px 0;cursor:default}.case-customs .customs-item:nth-child(5){margin:0}.case-customs .customs-item:nth-child(10){margin:0}.case-customs .customs-item:nth-child(15){margin:0}.case-customs .customs-item p{margin-top:5px;font-size:14px;font-weight:400;color:#333;line-height:21px}.know{position:relative;width:100%}.know-mes-title{margin:60px 28.75vw 24px 20.8vw;font-size:36px;line-height:36px;font-weight:700;color:#fff}.know-mes-desc{margin:0 23.75vw 120px 20.8vw;font-size:24px;line-height:24px;font-weight:400;color:#fff}.know-learn{width:200px;height:54px;margin-top:69px;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#bfd6ff));background-image:linear-gradient(#fff,#bfd6ff);-webkit-box-shadow:0 2px 8px 0 rgba(0,67,186,.6),inset 0 0 8px 0 #fff;box-shadow:0 2px 8px 0 rgba(0,67,186,.6),inset 0 0 8px 0 #fff;border-radius:35px;font-size:22px;font-weight:500;color:#005cff;line-height:54px;text-align:center;cursor:pointer}.curtain{display:none;position:fixed;z-index:3;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);pointer-events:auto}.video{display:none;position:fixed;z-index:4;top:calc(50vh - 270px);left:calc(50vw - 480px);width:959px;height:540px;cursor:pointer}.video .close{position:absolute;z-index:11;right:23px;top:23px;cursor:pointer}body,html{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Roboto,Arial,"PingFang SC","Hiragino Sans GB","Microsoft Yahei","Microsoft Jhenghei",sans-serif!important}.top{background:url(../static/images/solution/smartCampus/top.png) no-repeat center;background-size:cover}.step{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:-62px;height:124px;width:1200px;background:#fff;-webkit-box-shadow:0 10px 10px 0 rgba(200,205,214,.7);box-shadow:0 10px 10px 0 rgba(200,205,214,.7);border-radius:8px}.step .step-item{width:200px;height:66px;padding:29px 24px;background-size:72px 72px;background-repeat:no-repeat;background-position:122px 58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;cursor:default}.step .step-item .step-item-title{font-size:20px;font-weight:700;color:#333;line-height:20px;margin-bottom:8px}.step .step-item .step-item-desc{width:120px;font-size:14px;font-weight:400;color:#666;line-height:18px}.step-item-hover{padding:35px 24px!important}.step-item-hover{-webkit-transition-property:padding,color;transition-property:padding,color;-webkit-transition-duration:.5s;transition-duration:.5s;background:#005cff;border-radius:8px}.step-item-hover .step-item-desc,.step-item-hover .step-item-title{color:#fff!important}.pain{background:url(../static/images/solution/smartCampus/pain.png) no-repeat center;background-size:cover}.pain .spot-item{width:280px!important;height:282px!important}.pain .spot-item{margin-right:26px;padding:40px 16px}.pain .spot-item .spot-bg{padding:40px 16px!important}.programme{background:url(../static/images/solution/smartCampus/programme.png) no-repeat center;background-size:cover}.scene{background:url(../static/images/solution/smartCampus/sceneBg.png) no-repeat center;background-size:cover}.scene .core-item{height:190px!important}.case{background:url(../static/images/solution/smartCampus/case.png) no-repeat center;background-size:cover}.case .customs-item{height:114px!important}.know{background:url(../static/images/solution/smartCampus/know.png) no-repeat center;background-size:cover}