[data-v-37a05fca]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-37a05fca]:root{--header-height:60px;--sticky-top-ad-height:63px}}.franklinwh-battery[data-v-37a05fca]{height:auto;overflow-x:hidden;width:100%}
[data-v-7918c112]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-7918c112]:root{--header-height:60px;--sticky-top-ad-height:63px}}.section-banner[data-v-7918c112]{height:100vh;min-height:700px;position:relative}.section-banner .header[data-v-7918c112]{font-size:0;left:49px;position:absolute;top:30px;width:291px;z-index:2}.section-banner .header a img[data-v-7918c112]{width:100%}.section-banner .banner[data-v-7918c112],.section-banner .banner .swiper-wrapper[data-v-7918c112]{height:100%}.section-banner .banner .swiper-wrapper .swiper-slide[data-v-7918c112]{background-image:var(--slide-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content[data-v-7918c112]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;justify-content:center;margin-left:17%}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .headline[data-v-7918c112]{font-family:Inter-Bold;font-size:40px;line-height:1.25}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .sub-headline[data-v-7918c112]{font-family:Inter-Medium;font-size:18px;line-height:1.25;margin-bottom:12px}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .banner-btn[data-v-7918c112]{margin-top:48px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-1 .banner-content[data-v-7918c112]{width:600px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-2 .banner-content[data-v-7918c112]{width:360px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3[data-v-7918c112]{background-position-y:top;position:relative}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3[data-v-7918c112]:after{border:13px solid #da261b;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3[data-v-7918c112]:before{border:18px solid #fff;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content[data-v-7918c112]{margin-left:10.4%;width:290px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content .sub-headline[data-v-7918c112]{font-size:24px;line-height:1.5;margin-bottom:8px;width:200px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content h4.sub-headline[data-v-7918c112]{color:#da261b;margin-top:8px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content .banner-btn[data-v-7918c112]{background:#fff;color:#da261b}@media screen and (min-width:1280px){.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content .banner-btn[data-v-7918c112]:hover{background:#da261b;color:#fff}}.section-banner .banner[data-v-7918c112] .swiper-pagination{bottom:24px;font-size:0}.section-banner .banner[data-v-7918c112] .swiper-pagination .swiper-pagination-bullet{background:#fff;border-radius:4px;height:4px;opacity:.3;-webkit-transition:all .5s linear;transition:all .5s linear;width:16px}.section-banner .banner[data-v-7918c112] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;height:4px;opacity:1;width:32px}.section-banner .banner[data-v-7918c112] .swiper-button-prev{background:url(https://e-static.franklinwh.us/website/office/dist_V_1753941860852/assets/images/franklin-battery/navigation-prev.svg) no-repeat 50%;background-size:cover;height:96px;left:48px;width:96px}.section-banner .banner[data-v-7918c112] .swiper-button-next{background-image:url(https://e-static.franklinwh.us/website/office/dist_V_1753941860852/assets/images/franklin-battery/navigation-next.svg);background-size:cover;height:96px;right:48px;width:96px}@media screen and (max-width:1536px){.section-banner .banner .swiper-wrapper .swiper-slide .banner-content[data-v-7918c112]{margin-left:13%}.section-banner .banner[data-v-7918c112] .swiper-button-prev{height:60px;left:30px;width:60px}.section-banner .banner[data-v-7918c112] .swiper-button-next{height:60px;right:30px;width:60px}}@media screen and (max-width:1366px){.section-banner.safari[data-v-7918c112]{height:calc(100vh - 75px)}}@media screen and (max-width:1280px){.section-banner .header[data-v-7918c112]{left:49px;top:30px;width:200px}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content[data-v-7918c112]{margin-left:13%}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .headline[data-v-7918c112]{font-size:32px}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .sub-headline[data-v-7918c112]{font-size:14px;margin-bottom:10px}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .banner-btn[data-v-7918c112]{margin-top:30px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-1 .banner-content[data-v-7918c112]{width:500px}.section-banner .banner .swiper-wrapper .swiper-slide.slide-4 .banner-content .sub-headline[data-v-7918c112]{font-size:20px;width:180px}}@media screen and (max-width:1024px){.section-banner[data-v-7918c112]{min-height:800px}.section-banner .header[data-v-7918c112]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section-banner .banner .swiper-wrapper .swiper-slide[data-v-7918c112]{background-image:var(--slide-tablet-bg)}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content[data-v-7918c112]{display:block;margin:147px auto 0;text-align:center}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .banner-btn[data-v-7918c112]{margin:48px auto 0}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content[data-v-7918c112]{bottom:20%;height:auto;left:0;margin:0 auto;position:absolute;right:0;text-align:left}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content .banner-btn[data-v-7918c112]{margin:48px 0 0}.section-banner .banner[data-v-7918c112] .swiper-button-next,.section-banner .banner[data-v-7918c112] .swiper-button-prev{display:none}}@media screen and (max-width:767px){.section-banner[data-v-7918c112]{min-height:700px;position:relative}.section-banner .header[data-v-7918c112]{height:.22rem;top:.48rem;width:3.13rem}.section-banner .banner .swiper-wrapper .swiper-slide[data-v-7918c112]{background-image:var(--slide-mobile-bg)}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content[data-v-7918c112]{margin:2.18rem auto 0}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content.safari[data-v-7918c112]{margin:1.8rem auto 0}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .headline[data-v-7918c112]{font-size:.6rem}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .sub-headline[data-v-7918c112]{font-size:.28rem;line-height:1.5;margin-bottom:.16rem}.section-banner .banner .swiper-wrapper .swiper-slide .banner-content .banner-btn[data-v-7918c112]{bottom:1.2rem;left:0;margin:auto;position:absolute;right:0}.section-banner .banner .swiper-wrapper .swiper-slide.slide-1 .banner-content[data-v-7918c112],.section-banner .banner .swiper-wrapper .swiper-slide.slide-2 .banner-content[data-v-7918c112]{width:5.5rem}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3[data-v-7918c112]{background-position:top}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3[data-v-7918c112]:after{border:.18rem solid #da261b;-webkit-box-sizing:border-box;box-sizing:border-box}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3[data-v-7918c112]:before{border:.26rem solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content[data-v-7918c112]{bottom:1.2rem;width:4.75rem}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content .sub-headline[data-v-7918c112]{font-size:.28rem;margin-bottom:.08rem;width:2.24rem}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content h4.sub-headline[data-v-7918c112]{margin-top:.08rem}.section-banner .banner .swiper-wrapper .swiper-slide.slide-3 .banner-content .banner-btn[data-v-7918c112]{margin:.41rem 0 0;position:static}}
[data-v-6ba762ee]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-6ba762ee]:root{--header-height:60px;--sticky-top-ad-height:63px}}.consultation-btn[data-v-6ba762ee]{background:#e0861b;border:none;border-radius:4px;color:#fff;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Inter-SemiBold;font-size:14px;height:40px;width:234px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background color;transition-property:background color;-webkit-transition-timing-function:linear;transition-timing-function:linear}@media screen and (min-width:1280px){.consultation-btn[data-v-6ba762ee]:hover{background:#fff;color:#e0861b}}@media screen and (max-width:1280px){.consultation-btn[data-v-6ba762ee]{font-size:13px;height:36px;width:200px}.consultation-btn[data-v-6ba762ee]:hover{background:#e0861b;color:#fff}}@media screen and (max-width:767px){.consultation-btn[data-v-6ba762ee]{border-radius:.08rem;font-size:.28rem;height:.8rem;width:4.72rem}}
[data-v-3cd93cfd]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-3cd93cfd]:root{--header-height:60px;--sticky-top-ad-height:63px}}.section-fhp[data-v-3cd93cfd]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1753941860852/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-3cd93cfd]{font-family:Inter-Bold;font-size:56px;line-height:1.2}.section-fhp .sub-title[data-v-3cd93cfd]{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-3cd93cfd]{height:600px;margin:auto;max-width:1200px;width:90%}.section-fhp .fhp-video[data-v-3cd93cfd]{height:100%;width:100%}.section-fhp .fhp-video .video-js[data-v-3cd93cfd],.section-fhp .fhp-video .vjs-tech[data-v-3cd93cfd]{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-3cd93cfd]{padding:60px 0 100px}.section-fhp .title[data-v-3cd93cfd]{font-size:32px}.section-fhp .sub-title[data-v-3cd93cfd]{font-size:16px;padding:10px 0 50px}}@media screen and (max-width:1023px){.section-fhp[data-v-3cd93cfd]{background-image:url(https://e-static.franklinwh.us/website/office/dist_V_1753941860852/assets/images/franklin-battery/fhp-video-bg-wap.png)}.section-fhp .video-wrapper[data-v-3cd93cfd]{height:50vw;margin:auto;width:100%}.section-fhp .video-wrapper .video-js[data-v-3cd93cfd],.section-fhp .video-wrapper .vjs-tech[data-v-3cd93cfd]{border-radius:0}}@media screen and (max-width:767px){.section-fhp[data-v-3cd93cfd]{padding:1.28rem 0 1.6rem}.section-fhp .title[data-v-3cd93cfd]{font-size:.8rem;margin:auto;width:5.52rem}.section-fhp .sub-title[data-v-3cd93cfd]{font-size:.28rem;margin:auto;padding:.24rem 0 .8rem;width:6.22rem}.section-fhp .video-wrapper[data-v-3cd93cfd]{height:4.25rem;position:relative}}
[data-v-51e30e02]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-51e30e02]:root{--header-height:60px;--sticky-top-ad-height:63px}}.energy[data-v-51e30e02]{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-51e30e02]{font-family:Inter-Bold;font-size:40px}.energy .points[data-v-51e30e02]{margin-top:24px}.energy .points>li[data-v-51e30e02]:not(:last-child){margin-bottom:10px}.energy .energy-home[data-v-51e30e02]{display:none}.energy-management[data-v-51e30e02],.energy-storage[data-v-51e30e02]{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-51e30e02],.energy-storage .content[data-v-51e30e02]{text-align:center;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.energy-management .content .desc[data-v-51e30e02],.energy-management .content .expand[data-v-51e30e02],.energy-storage .content .desc[data-v-51e30e02],.energy-storage .content .expand[data-v-51e30e02]{display:none}@media screen and (min-width:1025px){.energy-management:hover .content[data-v-51e30e02],.energy-storage:hover .content[data-v-51e30e02]{opacity:0}.energy-management:hover .mask.management[data-v-51e30e02],.energy-management:hover .mask.storage[data-v-51e30e02],.energy-storage:hover .mask.management[data-v-51e30e02],.energy-storage:hover .mask.storage[data-v-51e30e02]{-webkit-transform:translateX(0);transform:translateX(0)}}.energy-management .content .points[data-v-51e30e02]{margin:24px auto 0;text-align:left;width:270px}.energy .mobile-btn[data-v-51e30e02]{display:none}.energy .mask[data-v-51e30e02]{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-51e30e02]{margin:110px auto 0;text-align:left;width:517px}.energy .mask .mask-content .desc[data-v-51e30e02]{line-height:1.75;margin:64px 0}.energy .mask.management[data-v-51e30e02]{left:0;-webkit-transform:translateX(-200%);transform:translateX(-200%)}.energy .mask.storage[data-v-51e30e02]{right:0;-webkit-transform:translateX(200%);transform:translateX(200%)}.energy .mask.storage .content[data-v-51e30e02]{margin-top:170px}@media screen and (max-width:1536px){.energy[data-v-51e30e02]{height:750px}}@media screen and (max-width:1280px){.energy[data-v-51e30e02]{font-size:14px;height:650px}.energy .title[data-v-51e30e02]{font-size:30px}.energy-management .content .points[data-v-51e30e02]{margin:20px auto 0;width:220px}.energy .mask .mask-content[data-v-51e30e02]{height:auto;width:70%}.energy .mask .mask-content .desc[data-v-51e30e02]{margin:30px 0}}@media screen and (max-width:1024px){.energy[data-v-51e30e02]{background-color:#000;background-image:none!important;display:block;font-size:16px;height:auto;padding:0 0 60px}.energy .energy-home[data-v-51e30e02]{display:block;height:137vw;width:100%}.energy-management[data-v-51e30e02],.energy-storage[data-v-51e30e02]{height:auto;margin:auto;width:400px}.energy-management .content[data-v-51e30e02],.energy-storage .content[data-v-51e30e02]{width:100%}.energy-management .content .points[data-v-51e30e02],.energy-storage .content .points[data-v-51e30e02]{margin:20px auto 10px}.energy-management .content .desc[data-v-51e30e02],.energy-storage .content .desc[data-v-51e30e02]{display:block;max-height:0;overflow:hidden;-webkit-transition:max-height .5s;transition:max-height .5s}.energy-management .content .desc.full-text[data-v-51e30e02],.energy-storage .content .desc.full-text[data-v-51e30e02]{height:auto;margin:20px 0;max-height:250px}.energy-management .content .expand[data-v-51e30e02],.energy-storage .content .expand[data-v-51e30e02]{-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-51e30e02],.energy-storage .content .expand.rotate-180[data-v-51e30e02]{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.energy .mobile-btn[data-v-51e30e02]{display:block;margin:auto}.energy .mask[data-v-51e30e02]{display:none}.energy-storage[data-v-51e30e02]{margin:40px auto}.energy-management[data-v-51e30e02]{margin:-20vh auto 0}}@media screen and (max-width:767px){.energy[data-v-51e30e02]{font-size:.28rem;padding:0 0 .47rem}.energy .title[data-v-51e30e02]{font-size:.48rem}.energy .title br[data-v-51e30e02]{display:none}.energy .energy-home[data-v-51e30e02]{height:10.34rem}.energy-management[data-v-51e30e02],.energy-storage[data-v-51e30e02]{width:6.4rem}.energy-management .content .points[data-v-51e30e02],.energy-storage .content .points[data-v-51e30e02]{margin:.32rem auto}.energy-management .content .desc.full-text[data-v-51e30e02],.energy-storage .content .desc.full-text[data-v-51e30e02]{margin:.32rem 0}.energy-management .content .expand[data-v-51e30e02],.energy-storage .content .expand[data-v-51e30e02]{height:.28rem;width:.28rem}.energy .mobile-btn[data-v-51e30e02]{width:6.22rem}.energy-storage[data-v-51e30e02]{margin:.96rem auto}.energy-management[data-v-51e30e02]{margin:-2rem auto 0}.energy-management .content .points[data-v-51e30e02]{width:3.8rem}}