.module-width{width:100%}.test-style{color:red;font-size:24px}.first-flow{position:relative}.first-flow .counting-bar-wraper{z-index:2;position:absolute;bottom:0;left:calc(50% - 600px)}.first-flow .counting-bar-wraper .counting-bar{background:#fff;border-radius:4px;height:100px;margin:auto;padding-left:64px;box-shadow:0 2px 18px #00747d17}.first-flow .counting-bar-wraper .counting-bar .square{margin-right:64px}.first-flow .counting-bar-wraper .counting-bar img{width:60px;height:60px;margin-right:2px}.first-flow .counting-bar-wraper .counting-bar label{color:#333;margin-right:4px;font-family:DINAlternate-Bold,DINAlternate;font-size:34px;font-weight:700;line-height:40px}.first-flow .counting-bar-wraper .counting-bar .count-desc{color:#595959;font-size:16px;font-weight:400;line-height:22px}.first-flow .counting-bar-wraper .counting-bar span{color:#262626;font-size:14px;font-weight:500;line-height:20px}.first-flow .banner-home{background-image:url(/assets/banner.jpg);background-position:50%;background-size:cover;flex-shrink:0;width:100%;min-width:1200px;height:520px}.first-flow .banner-home .main-text{color:#333;font-family:PingFangSC-Medium,PingFang SC;font-size:36px;font-weight:500;line-height:50px}.first-flow .banner-home .p-text{color:#333;height:20px;margin-top:18px;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;line-height:20px}.first-flow .banner-home .btn-free{color:#fff;background:#16b0b0;border-radius:4px;width:100px;height:36px;margin-top:32px;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;line-height:22px;text-decoration:none}.flow-wraper{width:100vw}.flow-wraper .trans-logo{width:104px;height:84px}.flow-wraper .flow-item-wraper{background-color:#fafafa;height:100%}.flow-wraper .flow-item-wraper .flow-item-bg-left{height:100%}.flow-wraper .flow-item-wraper .flow-item-bg-left .bg-left-img{width:135px;height:100%}.flow-wraper .flow-item-wraper .flow-item-right{margin-left:18px}.flow-wraper .flow-item-wraper .flow-item-right .flow-item-right-title{color:#262626;font-family:PingFangSC-Medium,PingFang SC;font-size:20px;font-weight:500;line-height:28px}.flow-wraper .flow-item-wraper .flow-item-right .flow-item-right-desc{color:#262626;max-height:60px;margin-top:12px;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.second-flow{margin-top:80px}.second-flow .title{color:#333;font-family:PingFangSC-Medium,PingFang SC;font-size:34px;font-weight:500;line-height:48px}.second-flow .desc{color:#333;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;line-height:22px}.second-flow .home-dy-bg{min-width:1200px}.second-flow .btn-detail{color:#fff;background:#16b0b0;border-radius:4px;width:100px;height:36px;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;line-height:22px;text-decoration:none}.third-flow .title{color:#333;margin-top:127px;font-family:PingFangSC-Medium,PingFang SC;font-size:34px;font-weight:500;line-height:48px}.third-flow .desc{color:#333;margin-top:12px;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;line-height:22px}.third-flow .horizontal-block{height:132px;margin-top:80px}.third-flow .frame-square{cursor:pointer;border-radius:6px;height:132px;margin:0 8px;transition:width .4s}.third-flow .square-style{width:135px}.third-flow .square-open{width:400px}.third-flow .frame-square-unfocus-text{color:#fff;text-align:left;box-sizing:border-box;width:100%;margin-top:16px;padding-left:19px;font-family:PingFangSC-Medium,PingFang SC;font-size:20px;font-weight:500;line-height:28px}.fourth-flow{margin-top:120px}.fourth-flow label{color:#16b0b0;font-size:34px;font-weight:500;line-height:48px}.fourth-flow span{color:#333;margin-left:9px;font-size:34px;font-weight:500;line-height:48px}.fourth-flow p{color:#333;margin-top:12px;font-size:16px;font-weight:500;line-height:22px}.video-parent-frame-wraper{background:#fdfdfd}.video-parent-frame-wraper .video-parent-frame{box-sizing:border-box;margin-top:38px;display:flex}.video-parent-frame-wraper .video-parent-frame .video-left{box-sizing:border-box;width:580px;height:427px;box-shadow:0 1px 36px #49494912}.video-parent-frame-wraper .video-parent-frame .video-right{min-height:480px;margin-left:57px}.video-parent-frame-wraper .video-parent-frame .video-right .step-item-on{border:1px solid var(--main-color);padding:0;box-shadow:0 0 20px #16b0b033}.video-parent-frame-wraper .video-parent-frame .video-right .step-item{box-sizing:border-box;background:#fff;border-radius:8px;align-items:center;width:472px;height:122px;margin-bottom:20px;padding:1px;display:flex}.video-parent-frame-wraper .video-parent-frame .video-right .step-item .icon-step-round{width:46px;height:46px;margin-left:24px}.video-parent-frame-wraper .video-parent-frame .video-right .step-item .step-right{flex:1;margin-left:20px}.video-parent-frame-wraper .video-parent-frame .video-right .step-item .step-title{color:#262626;font-family:PingFangSC-Medium,PingFang SC;font-size:18px;font-weight:500;line-height:25px}.video-parent-frame-wraper .video-parent-frame .video-right .step-item .step-desc{color:#262626;margin-top:12px;font-family:PingFangSC-Medium,PingFang SC;font-size:14px;font-weight:500;line-height:20px}.video-parent-frame-wraper .video-parent-frame .video-right .step-item .step-number{text-align:center;margin-top:11px;margin-right:20px;font-size:80px;font-weight:700;line-height:93px;font-family:DINCondensed-Bold!important}.video-parent-frame-wraper .video-parent-frame .video-right .step-item .f0{color:#f0f0f0}.video-parent-frame-wraper .video-tag{box-sizing:content-box;width:580px;height:427px}.water-fall-view{margin-top:114px}.water-fall-view .water-fall-view-left .w-l-logo{width:325px;height:321px;margin-top:68px}.water-fall-view .water-fall-view-left .w-title-l1{color:#333;margin-top:64px;font-family:PingFangSC-Medium,PingFang SC;font-size:34px;font-weight:500;line-height:48px}.water-fall-view .water-fall-view-left .w-title-l2{color:#333;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;line-height:22px}.water-fall-view .water-fall-view-left .w-button{background:var(--main-color);color:#fff;border-radius:4px;width:100px;height:36px;font-size:16px;text-decoration:none}.water-fall-view .water-fall-view-right{flex:1;position:relative}.water-fall-view .water-fall-view-right:hover .ws-parent,.water-fall-view .water-fall-view-right:hover .ws-parent-right,.water-fall-view .water-fall-view-right:hover .ws-parent-left{animation-play-state:paused!important}.water-fall-view .water-fall-view-right .fall-item{width:220px;height:175px}.water-fall-view .water-fall-view-right .w-scroller{margin-left:24px}.water-fall-view .water-fall-view-right .white-paper{z-index:3;flex-direction:column;justify-content:space-between;width:100%;height:641px;display:flex;position:absolute;top:0}.water-fall-view .water-fall-view-right .white-paper .white-top{background:linear-gradient(#fff 0%,#fff0 100%);width:100%;height:145px}.water-fall-view .water-fall-view-right .white-paper .white-bottom{background:linear-gradient(#fff0 0%,#fff 100%);width:100%;height:122px}
.w-r-img-item{width:220px;height:320px;margin-top:24px}.water-scroller-left{box-sizing:border-box;overflow:hidden}.water-scroller-left .ws-parent-left{width:220px;height:641px;margin:0;padding:0;animation:220s linear infinite waterLeftList}.water-scroller-left .ws-parent-left:hover{animation-play-state:paused}@keyframes waterLeftList{0%{transform:translateY(0)}20%{transform:translateY(-354px)}40%{transform:translateY(-708px)}60%{transform:translateY(-1068px)}80%{transform:translateY(-1416px)}to{transform:translateY(-1770px)}}