.franklinwh-battery[data-v-37a05fca]{height:auto;overflow-x:hidden;width:100%}
.section-fhp[data-v-429b07c6]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1774422069082/assets/images/franklin-battery/fhp-video-bg.png) no-repeat 50%;background-color:#000;background-size:cover;color:#fff;padding:73px 0 120px;text-align:center}.section-fhp .title[data-v-429b07c6]{font-family:Inter-Bold;font-size:56px;line-height:1.2}.section-fhp .sub-title[data-v-429b07c6]{color:hsla(0,0%,100%,.5);font-family:Inter-Medium;font-size:20px;line-height:1.5;padding:16px 0 64px}.section-fhp .video-wrapper[data-v-429b07c6]{height:600px;margin:auto;max-width:1200px;width:90%}.section-fhp .fhp-video[data-v-429b07c6]{height:100%;width:100%}.section-fhp .fhp-video .video-js[data-v-429b07c6],.section-fhp .fhp-video .vjs-tech[data-v-429b07c6]{background-color:transparent;border-radius:16px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:1280px){.section-fhp[data-v-429b07c6]{padding:60px 0 100px}.section-fhp .title[data-v-429b07c6]{font-size:32px}.section-fhp .sub-title[data-v-429b07c6]{font-size:16px;padding:10px 0 50px}}@media screen and (max-width:1023px){.section-fhp[data-v-429b07c6]{background-image:url(https://e-static.franklinwh.us/website/office/dist_V_1774422069082/assets/images/franklin-battery/fhp-video-bg-wap.png)}.section-fhp .video-wrapper[data-v-429b07c6]{height:50vw;margin:auto;width:100%}.section-fhp .video-wrapper .video-js[data-v-429b07c6],.section-fhp .video-wrapper .vjs-tech[data-v-429b07c6]{border-radius:0}}@media screen and (max-width:767px){.section-fhp[data-v-429b07c6]{padding:1.28rem 0 1.6rem}.section-fhp .title[data-v-429b07c6]{font-size:.8rem;margin:auto;width:5.52rem}.section-fhp .sub-title[data-v-429b07c6]{font-size:.28rem;margin:auto;padding:.24rem 0 .8rem;width:6.22rem}.section-fhp .video-wrapper[data-v-429b07c6]{height:4.25rem;position:relative}}
.energy[data-v-7e160a1f]{display:-webkit-box;display:-ms-flexbox;display:flex;height:806px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-size:20px;position:relative}.energy .title[data-v-7e160a1f]{font-family:Inter-Bold;font-size:40px}.energy .points[data-v-7e160a1f]{margin-top:24px}.energy .points>li[data-v-7e160a1f]:not(:last-child){margin-bottom:10px}.energy .energy-home[data-v-7e160a1f]{display:none}.energy-management[data-v-7e160a1f],.energy-storage[data-v-7e160a1f]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin-bottom:45px;width:45%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;cursor:pointer}.energy-management .content[data-v-7e160a1f],.energy-storage .content[data-v-7e160a1f]{text-align:center;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.energy-management .content .desc[data-v-7e160a1f],.energy-management .content .expand[data-v-7e160a1f],.energy-storage .content .desc[data-v-7e160a1f],.energy-storage .content .expand[data-v-7e160a1f]{display:none}@media screen and (min-width:1025px){.energy-management:hover .content[data-v-7e160a1f],.energy-storage:hover .content[data-v-7e160a1f]{opacity:0}.energy-management:hover .mask.management[data-v-7e160a1f],.energy-management:hover .mask.storage[data-v-7e160a1f],.energy-storage:hover .mask.management[data-v-7e160a1f],.energy-storage:hover .mask.storage[data-v-7e160a1f]{-webkit-transform:translateX(0);transform:translateX(0)}}.energy-management .content .points[data-v-7e160a1f]{margin:24px auto 0;text-align:left;width:270px}.energy .mobile-btn[data-v-7e160a1f]{display:none}.energy .mask[data-v-7e160a1f]{background:rgba(0,0,0,.8);bottom:0;max-width:830px;position:absolute;top:0;-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;width:47%}.energy .mask .mask-content[data-v-7e160a1f]{margin:110px auto 0;text-align:left;width:517px}.energy .mask .mask-content .desc[data-v-7e160a1f]{line-height:1.75;margin:64px 0}.energy .mask.management[data-v-7e160a1f]{left:0;-webkit-transform:translateX(-200%);transform:translateX(-200%)}.energy .mask.storage[data-v-7e160a1f]{right:0;-webkit-transform:translateX(200%);transform:translateX(200%)}.energy .mask.storage .content[data-v-7e160a1f]{margin-top:170px}@media screen and (max-width:1536px){.energy[data-v-7e160a1f]{height:750px}}@media screen and (max-width:1280px){.energy[data-v-7e160a1f]{font-size:14px;height:650px}.energy .title[data-v-7e160a1f]{font-size:30px}.energy-management .content .points[data-v-7e160a1f]{margin:20px auto 0;width:220px}.energy .mask .mask-content[data-v-7e160a1f]{height:auto;width:70%}.energy .mask .mask-content .desc[data-v-7e160a1f]{margin:30px 0}}@media screen and (max-width:1024px){.energy[data-v-7e160a1f]{background-color:#000;background-image:none!important;display:block;font-size:16px;height:auto;padding:0 0 60px}.energy .energy-home[data-v-7e160a1f]{display:block;height:137vw;width:100%}.energy-management[data-v-7e160a1f],.energy-storage[data-v-7e160a1f]{height:auto;margin:auto;width:400px}.energy-management .content[data-v-7e160a1f],.energy-storage .content[data-v-7e160a1f]{width:100%}.energy-management .content .points[data-v-7e160a1f],.energy-storage .content .points[data-v-7e160a1f]{margin:20px auto 10px}.energy-management .content .desc[data-v-7e160a1f],.energy-storage .content .desc[data-v-7e160a1f]{display:block;max-height:0;overflow:hidden;-webkit-transition:max-height .5s;transition:max-height .5s}.energy-management .content .desc.full-text[data-v-7e160a1f],.energy-storage .content .desc.full-text[data-v-7e160a1f]{height:auto;margin:20px 0;max-height:250px}.energy-management .content .expand[data-v-7e160a1f],.energy-storage .content .expand[data-v-7e160a1f]{-webkit-box-sizing:content-box;box-sizing:content-box;display:inline-block;height:20px;padding:10px;-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;width:20px}.energy-management .content .expand.rotate-180[data-v-7e160a1f],.energy-storage .content .expand.rotate-180[data-v-7e160a1f]{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.energy .mobile-btn[data-v-7e160a1f]{display:block;margin:auto}.energy .mask[data-v-7e160a1f]{display:none}.energy-storage[data-v-7e160a1f]{margin:40px auto}.energy-management[data-v-7e160a1f]{margin:-20vh auto 0}}@media screen and (max-width:767px){.energy[data-v-7e160a1f]{font-size:.28rem;padding:0 0 .47rem}.energy .title[data-v-7e160a1f]{font-size:.48rem}.energy .title br[data-v-7e160a1f]{display:none}.energy .energy-home[data-v-7e160a1f]{height:10.34rem}.energy-management[data-v-7e160a1f],.energy-storage[data-v-7e160a1f]{width:6.4rem}.energy-management .content .points[data-v-7e160a1f],.energy-storage .content .points[data-v-7e160a1f]{margin:.32rem auto}.energy-management .content .desc.full-text[data-v-7e160a1f],.energy-storage .content .desc.full-text[data-v-7e160a1f]{margin:.32rem 0}.energy-management .content .expand[data-v-7e160a1f],.energy-storage .content .expand[data-v-7e160a1f]{height:.28rem;width:.28rem}.energy .mobile-btn[data-v-7e160a1f]{width:6.22rem}.energy-storage[data-v-7e160a1f]{margin:.96rem auto}.energy-management[data-v-7e160a1f]{margin:-2rem auto 0}.energy-management .content .points[data-v-7e160a1f]{width:3.8rem}}