[data-v-e17249d6]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-e17249d6]:root{--header-height:60px;--sticky-top-ad-height:63px}}.energy-ecosystem[data-v-e17249d6]{padding-top:200px}.energy-ecosystem .section-desc[data-v-e17249d6],.energy-ecosystem .section-title[data-v-e17249d6]{margin:auto;max-width:1100px;padding:0 40px;text-align:center}.energy-ecosystem .section-desc[data-v-e17249d6]{margin-top:24px}.energy-ecosystem .house-with-fhp[data-v-e17249d6]{height:auto;margin-top:72px;min-height:100vh;position:relative;width:100%}.energy-ecosystem .house-with-fhp .house-bg[data-v-e17249d6]{aspect-ratio:2;display:block;margin:0 auto;width:62.5%}.energy-ecosystem .house-with-fhp .house-bg img[data-v-e17249d6]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.energy-ecosystem .house-with-fhp .mask-box .mask-item[data-v-e17249d6]{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}.energy-ecosystem .house-with-fhp .mask-box .mask-item img[data-v-e17249d6]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--point-one-left:25%;--point-two-left:34%;--point-three-left:24%;--point-four-right:40%;--point-five-right:15%;--aspect-ratio-adjust:0%;--point-one-bottom:calc(40% + var(--aspect-ratio-adjust));--point-two-bottom:calc(35% + var(--aspect-ratio-adjust));--point-three-bottom:calc(30% + var(--aspect-ratio-adjust));--point-four-bottom:calc(48% + var(--aspect-ratio-adjust));--point-five-bottom:calc(52% + var(--aspect-ratio-adjust));--content-max-height:350px;--content-padding-x:24px;--content-margin-x:17px;opacity:0;pointer-events:none;position:absolute;z-index:2}.energy-ecosystem .house-with-fhp .point-box.is-active[data-v-e17249d6]{z-index:5}.energy-ecosystem .house-with-fhp .point-box .content-box[data-v-e17249d6]{-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Inter-Medium;height:auto;max-height:0;overflow:hidden;position:relative;-webkit-transition:max-height .5s ease-in-out;transition:max-height .5s ease-in-out;width:21vw}.energy-ecosystem .house-with-fhp .point-box .content-box .content-title[data-v-e17249d6]{color:#f7b643;font-family:"Inter-Bold";font-size:30px;letter-spacing:-.048em;line-height:1.35}.energy-ecosystem .house-with-fhp .point-box .content-box .content-desc[data-v-e17249d6]{color:#fff;font-family:"Inter-Medium";font-size:18px;letter-spacing:-.025em;line-height:1.5;margin-top:24px}.energy-ecosystem .house-with-fhp .point-box .content-box .content-note[data-v-e17249d6]{color:#999;font-size:16px;margin-top:1.5em}.energy-ecosystem .house-with-fhp .point-box .content-box .content-note>li[data-v-e17249d6]{font-style:italic;list-style:disc;margin-left:var(--content-margin-x)}.energy-ecosystem .house-with-fhp .point-box .content-box .content-note>li+li[data-v-e17249d6]{margin-top:1.5em}.energy-ecosystem .house-with-fhp .point-box.content-top[data-v-e17249d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.energy-ecosystem .house-with-fhp .point-box.content-right .content-box[data-v-e17249d6]{border-left:1px solid #fff;left:var(--content-margin-x);padding-left:var(--content-padding-x)}.energy-ecosystem .house-with-fhp .point-box.content-left .trigger[data-v-e17249d6]{margin-left:auto}.energy-ecosystem .house-with-fhp .point-box.content-left .content-box[data-v-e17249d6]{border-right:1px solid #fff;padding-right:var(--content-padding-x);right:var(--content-margin-x)}.energy-ecosystem .house-with-fhp .point-box.content-bottom .content-box[data-v-e17249d6]{top:10px}.energy-ecosystem .house-with-fhp .point-box.content-top .content-box[data-v-e17249d6]{bottom:10px}.energy-ecosystem .house-with-fhp .point-box.point-one[data-v-e17249d6]{bottom:var(--point-one-bottom);left:var(--point-one-left)}.energy-ecosystem .house-with-fhp .point-box.point-one .content-box[data-v-e17249d6]{width:400px}.energy-ecosystem .house-with-fhp .point-box.point-two[data-v-e17249d6]{bottom:var(--point-two-bottom);left:var(--point-two-left)}.energy-ecosystem .house-with-fhp .point-box.point-two .content-box .content-desc[data-v-e17249d6]{padding-bottom:50px}.energy-ecosystem .house-with-fhp .point-box.point-three[data-v-e17249d6]{bottom:var(--point-three-bottom);left:var(--point-three-left)}.energy-ecosystem .house-with-fhp .point-box.point-three .content-box .content-desc[data-v-e17249d6]{padding-bottom:120px}.energy-ecosystem .house-with-fhp .point-box.point-four[data-v-e17249d6]{bottom:var(--point-four-bottom);right:var(--point-four-right)}.energy-ecosystem .house-with-fhp .point-box.point-five[data-v-e17249d6]{bottom:var(--point-five-bottom);right:var(--point-five-right)}.energy-ecosystem .house-with-fhp .point-box .trigger[data-v-e17249d6]{pointer-events:auto}.energy-ecosystem .house-with-fhp .point-box .trigger:hover+.content-box[data-v-e17249d6]{max-height:var(--content-max-height)}@media screen and (orientation:landscape) and (max-aspect-ratio:189/100){.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--aspect-ratio-adjust:6%}}@media screen and (orientation:landscape) and (min-aspect-ratio:19/10) and (max-aspect-ratio:103/50){.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--aspect-ratio-adjust:4%}}@media screen and (orientation:landscape) and (min-aspect-ratio:133333/100000) and (max-aspect-ratio:159/100){.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--point-one-left:18%;--point-one-bottom:47%;--point-two-left:29%;--point-two-bottom:43%;--point-three-left:31%;--point-three-bottom:40%;--point-four-right:38%;--point-four-bottom:54%;--point-five-right:3%;--point-five-bottom:58%}}@media (orientation:portrait){.energy-ecosystem .house-with-fhp .house-bg img[data-v-e17249d6],.energy-ecosystem .house-with-fhp .mask-box .mask-item img[data-v-e17249d6]{-o-object-position:bottom;object-position:bottom}.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--point-one-left:10%;--point-one-bottom:58%;--point-two-left:27vw;--point-two-bottom:55%;--point-three-left:22.7vw;--point-three-bottom:46%;--point-four-right:16%;--point-four-bottom:62%;--point-five-right:40%;--point-five-bottom:32%}.energy-ecosystem .house-with-fhp .point-box .content-box[data-v-e17249d6]{width:300px}}@media screen and (max-width:1536px){.energy-ecosystem[data-v-e17249d6]{padding-top:160px}.energy-ecosystem .house-with-fhp .point-box .content-box .content-title[data-v-e17249d6]{font-size:20px}.energy-ecosystem .house-with-fhp .point-box .content-box .content-desc[data-v-e17249d6]{font-size:16px}.energy-ecosystem .house-with-fhp .point-box .content-box .content-note[data-v-e17249d6]{font-size:14px}.energy-ecosystem .house-with-fhp .point-box.point-one .content-box[data-v-e17249d6]{width:350px}}@media screen and (max-width:1280px){.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--content-padding-x:14px;--content-margin-x:12px}.energy-ecosystem .house-with-fhp .point-box .content-box .content-title[data-v-e17249d6]{font-size:18px}.energy-ecosystem .house-with-fhp .point-box .content-box .content-desc[data-v-e17249d6]{font-size:14px;margin-top:16px}.energy-ecosystem .house-with-fhp .point-box .content-box .content-note[data-v-e17249d6]{font-size:12px}.energy-ecosystem .house-with-fhp .point-box.point-one .content-box[data-v-e17249d6]{width:300px}}@media screen and (max-width:1023px){.energy-ecosystem .house-with-fhp .point-box .content-box[data-v-e17249d6]{width:300px}}@media screen and (max-width:767px){.energy-ecosystem[data-v-e17249d6]{padding-top:2rem}.energy-ecosystem .section-desc[data-v-e17249d6],.energy-ecosystem .section-title[data-v-e17249d6]{padding:0 .75rem;text-align:left!important;width:100%}.energy-ecosystem .section-desc[data-v-e17249d6]{margin-top:.64rem}.energy-ecosystem .house-with-fhp[data-v-e17249d6]{height:100vh;margin-top:.8rem}.energy-ecosystem .house-with-fhp .house-bg[data-v-e17249d6]{aspect-ratio:none;height:8rem;width:6rem}.energy-ecosystem .house-with-fhp .house-bg[data-v-e17249d6],.energy-ecosystem .house-with-fhp .mask-box .mask-item img[data-v-e17249d6]{-o-object-position:bottom;object-position:bottom}.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--content-max-height:7rem;--content-padding-x:0.24rem;--content-margin-x:0.3rem}.energy-ecosystem .house-with-fhp .point-box .content-box[data-v-e17249d6]{border-width:.02rem!important;width:4.8rem}.energy-ecosystem .house-with-fhp .point-box .content-box .content-title[data-v-e17249d6]{font-size:.36rem}.energy-ecosystem .house-with-fhp .point-box .content-box .content-desc[data-v-e17249d6]{font-size:.28rem;margin-top:.32rem}.energy-ecosystem .house-with-fhp .point-box .content-box .content-note[data-v-e17249d6]{font-size:.26rem}.energy-ecosystem .house-with-fhp .point-box.point-one .content-box[data-v-e17249d6]{width:5.75rem}.energy-ecosystem .house-with-fhp .point-box.point-three .content-box .content-desc[data-v-e17249d6]{padding-bottom:1rem}.energy-ecosystem .house-with-fhp .point-box.point-five .content-box[data-v-e17249d6],.energy-ecosystem .house-with-fhp .point-box.point-three .content-box[data-v-e17249d6]{width:4.2rem}}@media screen and (max-width:767px) and (orientation:portrait){.energy-ecosystem .house-with-fhp .point-box[data-v-e17249d6]{--point-one-left:6%;--point-one-bottom:35vh;--point-two-left:25%;--point-two-bottom:33vh;--point-three-left:10%;--point-three-bottom:27vh;--point-four-right:13%;--point-four-bottom:40vh;--point-five-right:30%;--point-five-bottom:18vh}}
[data-v-211e1226]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-211e1226]:root{--header-height:60px;--sticky-top-ad-height:63px}}.expand-point[data-v-211e1226]{background:#f7b643;border-radius:50%;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Inter-Bold;height:33px;position:relative;width:33px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.expand-point__icon[data-v-211e1226]{height:13px;position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:13px;z-index:1}.expand-point:hover .expand-point__icon[data-v-211e1226]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.expand-point .wave[data-v-211e1226]{-webkit-animation:waveAnimation-211e1226 3s ease-in-out infinite alternate;animation:waveAnimation-211e1226 3s ease-in-out infinite alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(247,182,67,.4);border:2px solid rgba(247,182,67,.5);border-radius:100%;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.expand-point .wave1[data-v-211e1226]{-webkit-animation-delay:0s;animation-delay:0s}.expand-point .wave2[data-v-211e1226]{-webkit-animation-delay:1s;animation-delay:1s}.expand-point .wave3[data-v-211e1226]{-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes waveAnimation-211e1226{0%{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes waveAnimation-211e1226{0%{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@media screen and (max-width:1280px){.expand-point[data-v-211e1226]{height:24px;width:24px}.expand-point__icon[data-v-211e1226]{height:10px;width:10px}}@media screen and (max-width:767px){.expand-point[data-v-211e1226]{height:.6rem;width:.6rem}.expand-point__icon[data-v-211e1226]{height:.24rem;width:.24rem}}