.component-CustomerCase[data-v-218be544]{width:100%;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:justify;-ms-flex-pack:justify;justify-content:space-between}.component-CustomerCase .device-box[data-v-218be544]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:32px}.component-CustomerCase .device-box .subtitle[data-v-218be544]{cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;color:#13171f;text-align:justify;font-size:20px;font-style:normal;font-weight:400;line-height:36px;position:relative}.component-CustomerCase .device-box .subtitle[data-v-218be544]:not(:first-child){margin-left:48px}.component-CustomerCase .device-box .subtitle[data-v-218be544]:not(:first-child):before{content:"";position:absolute;left:-24px;top:50%;width:1px;height:20px;background:#000;opacity:.5;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.component-CustomerCase .device-box .active[data-v-218be544]{color:#28af8c;font-weight:700}.component-CustomerCase .bg-div[data-v-218be544]{width:100%;margin-top:32px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.component-CustomerCase .bg-div .text-con[data-v-218be544]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:1080px;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.component-CustomerCase .bg-div .text-con .item-box[data-v-218be544]{position:relative;height:1080px;width:100%;background-size:100% 100%;background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.component-CustomerCase .bg-div .text-con .item-box .text-box[data-v-218be544]{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:48px;font-style:normal;font-weight:700;line-height:64px}.component-CustomerCase .bg-div .text-con .item-box .text-box .home-title[data-v-218be544]{padding-top:848px;padding-left:160px}.component-CustomerCase .bg-div .text-con[data-v-218be544] .el-carousel__container{height:1080px}.component-CustomerCase .bg-div .text-con[data-v-218be544] .el-carousel__button{width:160px;height:8px;border-radius:4px}.component-CustomerCase .bg-div .text-con[data-v-218be544] .el-carousel__indicator.is-active .el-carousel__button{width:200px;background:#28af8c}.component-CustomerCase .bg-div .text-con[data-v-218be544] .el-carousel__indicators--horizontal{left:430px;bottom:88px}.page-scene[data-v-583e6e91]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;min-width:1366px;background-size:cover}.page-scene .page-body[data-v-583e6e91]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding-top:64px}.page-scene .page-body .component-box[data-v-583e6e91]{background:url(../../static/img/sut-electric-bg.eb9b944a.png) no-repeat;background-size:cover}.page-scene .page-body .nav[data-v-583e6e91]{height:88px;position:sticky;top:0;z-index:8;background:#fff;-webkit-box-shadow:rgba(0,0,0,.027) 0 5px 5px 0;box-shadow:0 5px 5px 0 rgba(0,0,0,.027)}.page-scene .page-body .nav-item[data-v-583e6e91],.page-scene .page-body .nav[data-v-583e6e91]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-scene .page-body .nav-item[data-v-583e6e91]{width:184px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:20px;font-style:normal;font-weight:700;line-height:36px;color:#13171f;margin-left:24px}.page-scene .page-body .nav-item[data-v-583e6e91]:hover{color:#28af8c}.page-scene .page-body .nav-item .nav-icon[data-v-583e6e91]{display:inline-block;width:32px;height:32px}.page-scene .page-body .nav-item p[data-v-583e6e91]{margin-left:24px}.page-scene .page-body .nav-item[data-v-583e6e91]:not(:first-child){margin-left:96px}.page-scene .page-body .nav .active[data-v-583e6e91]{color:#28af8c;border-bottom:4px solid #28af8c}.page-scene .page-body .content .item[data-v-583e6e91]{padding:0 160px;margin-top:120px}.page-scene .page-body .content .item .sub-title[data-v-583e6e91]{color:#13171f;text-align:center;font-size:48px;font-style:normal;font-weight:700;line-height:64px}.page-scene .page-body .content .item .sub-nav[data-v-583e6e91]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:48px}.page-scene .page-body .content .item .sub-nav .subnav-item[data-v-583e6e91]{cursor:pointer;color:#13171f;font-size:20px;font-style:normal;font-weight:400;line-height:36px;position:relative}.page-scene .page-body .content .item .sub-nav .subnav-item[data-v-583e6e91]:not(:first-child){margin-left:48px}.page-scene .page-body .content .item .sub-nav .subnav-item[data-v-583e6e91]:not(:first-child):before{content:"";position:absolute;left:-24px;top:50%;width:1px;height:20px;background:#000;opacity:.5;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.page-scene .page-body .content .item .sub-nav .active[data-v-583e6e91]{font-weight:700;color:#28af8c}.page-scene .page-body .content .item .sub-content[data-v-583e6e91]{margin-top:48px;-webkit-box-shadow:0 4px 40px 0 rgba(28,110,121,.2);box-shadow:0 4px 40px 0 rgba(28,110,121,.2);display:-webkit-box;display:-ms-flexbox;display:flex;height:960px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%;background-repeat:no-repeat;border-radius:12px}.page-scene .page-body .content .item .sub-content .left[data-v-583e6e91]{width:66.25%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:48px 48px 0 64px}.page-scene .page-body .content .item .sub-content .left .advantage-item[data-v-583e6e91]{height:108px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}.page-scene .page-body .content .item .sub-content .left .advantage-item .left-content[data-v-583e6e91]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-scene .page-body .content .item .sub-content .left .advantage-item .left-content img[data-v-583e6e91]{display:block;height:24px;width:24px}.page-scene .page-body .content .item .sub-content .left .advantage-item .left-content .main-desc[data-v-583e6e91]{color:#798492;font-size:20px;font-style:normal;font-weight:700;line-height:36px;padding-left:24px}.page-scene .page-body .content .item .sub-content .left .advantage-item .sub-desc[data-v-583e6e91]{color:#798492;font-size:16px;font-style:normal;font-weight:400;line-height:32px;padding-left:48px}.page-scene .page-body .content .item .sub-content .left .active[data-v-583e6e91]{border-radius:8px;border:1px solid #fff;background:hsla(0,0%,100%,.5019607843137255);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.page-scene .page-body .content .item .sub-content .right[data-v-583e6e91]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:0 12px 12px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../static/img/scene-values-right-bg.615215d2.png);background-size:100% 100%;padding:0 48px;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-scene .page-body .content .item .sub-content .right .web-funcs[data-v-583e6e91]{width:100%}.page-scene .page-body .content .item .sub-content .right .web-funcs[data-v-583e6e91]:not(:first-child){margin-top:24px}.page-scene .page-body .content .item .sub-content .right .funcs-item[data-v-583e6e91]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;color:#13171f;font-size:20px;font-style:normal;font-weight:700;line-height:36px}.page-scene .page-body .content .item .sub-content .right .funcs-item .funcs-icon[data-v-583e6e91]{display:inline-block;width:32px;height:32px}.page-scene .page-body .content .item .sub-content .right .funcs-item .func-title[data-v-583e6e91]{margin-left:16px}.page-scene .page-body .content .item .sub-content .right .web-item[data-v-583e6e91]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;-ms-flex-item-align:stretch;align-self:stretch;border-radius:12px;background:rgba(225,246,250,.5019607843137255);margin-top:24px}.page-scene .page-body .content .item .sub-content .right .web-item .web-title[data-v-583e6e91]{color:#13171f;font-family:Microsoft YaHei UI;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.page-scene .page-body .content .item .sub-content .right .web-item .web-desc[data-v-583e6e91]{color:#798492;font-family:Microsoft YaHei UI;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.page-scene .page-body .content .item .devices-content[data-v-583e6e91]{padding-top:48px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-scene .page-body .content .item .devices-content .device-item[data-v-583e6e91]{height:864px;border-radius:12px;border:2px solid #fff;background:hsla(0,0%,100%,.34901960784313724);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 56px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-scene .page-body .content .item .devices-content .device-item[data-v-583e6e91]:not(:first-child){margin-left:32px}.page-scene .page-body .content .item .devices-content .device-item .img-box[data-v-583e6e91]{height:480px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-scene .page-body .content .item .devices-content .device-item .text-box .device-title[data-v-583e6e91]{color:#13171f;font-size:20px;font-style:normal;font-weight:700;line-height:36px}.page-scene .page-body .content .item .devices-content .device-item .text-box .device-desc[data-v-583e6e91]{margin-top:24px;color:#798492;text-align:justify;font-size:16px;font-style:normal;font-weight:400;line-height:32px}.page-scene .page-body .content .item .devices-content .device-item .text-box .get-more[data-v-583e6e91]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#28af8c}.page-scene .page-body .content .item .devices-content .device-item .text-box .get-more span[data-v-583e6e91]{cursor:pointer;font-size:16px;font-style:normal;font-weight:400;line-height:36px}.page-scene .page-body .content .item .devices-content .device-item .text-box .get-more span[data-v-583e6e91]:hover{font-weight:700}.page-scene .page-body .content .item .devices-content .device-item .text-box .get-more i[data-v-583e6e91]{margin-left:8px;font-size:12px}.page-scene .page-body .content .item .devices-content .single-device[data-v-583e6e91]{height:512px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-scene .page-body .content .item .scene-content[data-v-583e6e91]{margin-top:48px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-scene .page-body .content .item .scene-content .left[data-v-583e6e91]{width:34%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-scene .page-body .content .item .scene-content .left .scene-box[data-v-583e6e91]{border-left:1px solid #798492}.page-scene .page-body .content .item .scene-content .left .scene-box .scene-item[data-v-583e6e91]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:40px}.page-scene .page-body .content .item .scene-content .left .scene-box .scene-item[data-v-583e6e91]:not(:first-child){margin-top:36px}.page-scene .page-body .content .item .scene-content .left .scene-box .scene-item[data-v-583e6e91]:before{content:"";display:inline-block;height:5px;width:5px;border-radius:50%;background:#798492}.page-scene .page-body .content .item .scene-content .left .scene-box .scene-item .scene-nav[data-v-583e6e91]{padding-left:16px;color:#798492;font-size:24px;font-style:normal;font-weight:400;line-height:40px;height:40px;position:relative;cursor:pointer}.page-scene .page-body .content .item .scene-content .left .scene-box .scene-item .active[data-v-583e6e91]{color:#13171f;font-weight:700}.page-scene .page-body .content .item .scene-content .left .scene-box .active-scene[data-v-583e6e91]{border-left:3px solid #13171f}.page-scene .page-body .content .item .scene-content .left .scene-box .active-scene[data-v-583e6e91]:before{background:#13171f}.page-scene .page-body .content .item .scene-content .right[data-v-583e6e91]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:792px;border-radius:12px;background-size:100% 100%}.page-scene .page-body .content .nopadding[data-v-583e6e91]{padding:0}.page-scene .page-header[data-v-583e6e91]{background:hsla(0,0%,100%,.30196078431372547);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;top:0;left:0;width:100%;z-index:10}.page-scene .carousel-box[data-v-583e6e91]{height:480px}.page-scene .carousel-box .item-box[data-v-583e6e91]{width:100%;height:100%;position:relative}.page-scene .carousel-box .item-box .banner-img[data-v-583e6e91]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.page-scene .carousel-box .item-box .text-box[data-v-583e6e91]{padding-top:100px;padding-left:160px}.page-scene .carousel-box .item-box .text-box .logo-img[data-v-583e6e91]{height:48px}.page-scene .carousel-box .item-box .text-box .btn-box[data-v-583e6e91]{margin-top:24px}.page-scene .carousel-box .item-box .text-box .btn-box .btn[data-v-583e6e91]{-webkit-box-sizing:border-box;box-sizing:border-box;width:400px;height:64px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px;color:#fff;font-size:20px;font-style:normal;font-weight:700;line-height:36px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-scene .carousel-box .item-box .text-box .btn-box .btn i[data-v-583e6e91]{font-size:14px}.page-scene .carousel-box .item-box .text-box .home-title[data-v-583e6e91]{color:#13171f;font-size:64px;font-style:normal;font-weight:700;line-height:80px}.page-scene .carousel-box .item-box .text-box .subtitle[data-v-583e6e91]{width:860px;-ms-flex-item-align:stretch;align-self:stretch;color:#13171f;text-align:justify;font-size:20px;font-style:normal;font-weight:400;line-height:36px;margin-top:24px}.page-scene .carousel-box .item-box .text-box .isEnglish[data-v-583e6e91]{font-size:18px}.page-scene .carousel-box[data-v-583e6e91] .el-carousel__container{height:480px}.page-scene .carousel-box[data-v-583e6e91] .el-carousel__container .el-carousel__item h3{color:#475669;font-size:18px;opacity:.75;line-height:380px;margin:0;text-align:center}.page-scene .carousel-box .carousel-item[data-v-583e6e91]{display:inline-block;width:100%;height:100%}.appear-box[data-v-583e6e91]{opacity:0;-webkit-transform:translateY(44px) scale(.96);transform:translateY(44px) scale(.96);-webkit-transition:opacity .9s cubic-bezier(.22,1,.36,1),-webkit-transform .9s cubic-bezier(.22,1,.36,1);transition:opacity .9s cubic-bezier(.22,1,.36,1),-webkit-transform .9s cubic-bezier(.22,1,.36,1);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),-webkit-transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.appear-box.appear-active[data-v-583e6e91]{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.carousel-box .item-box .text-box[data-v-583e6e91]{opacity:0;-webkit-transform:translateX(-24px);transform:translateX(-24px);-webkit-transition:opacity .9s ease,-webkit-transform .9s ease;transition:opacity .9s ease,-webkit-transform .9s ease;transition:opacity .9s ease,transform .9s ease;transition:opacity .9s ease,transform .9s ease,-webkit-transform .9s ease;-webkit-transition-delay:.25s;transition-delay:.25s}.carousel-box.appear-active .text-box[data-v-583e6e91]{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.footer[data-v-583e6e91],.quickstart-box[data-v-583e6e91]{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px)}.footer.appear-active[data-v-583e6e91],.quickstart-box.appear-active[data-v-583e6e91]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.download[data-v-583e6e91]{-webkit-animation:floatUpDown-583e6e91 2.5s ease-in-out infinite;animation:floatUpDown-583e6e91 2.5s ease-in-out infinite}.download[data-v-583e6e91]:hover{-webkit-transform:translateY(-4px) scale(1.02);transform:translateY(-4px) scale(1.02)}@-webkit-keyframes fadeInUp-583e6e91{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-583e6e91{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes floatUpDown-583e6e91{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes floatUpDown-583e6e91{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}[data-v-583e6e91]::-webkit-scrollbar,[data-v-583e6e91]::-webkit-scrollbar-thumb{width:0!important}