.smart-city[data-v-b7a3b4c3],.smart-city__banner[data-v-b7a3b4c3]{overflow:hidden;width:100%}.smart-city__banner[data-v-b7a3b4c3]{aspect-ratio:1440/640;position:relative}.smart-city__banner-title[data-v-b7a3b4c3]{align-items:center;color:#fff;display:flex;font-family:HarmonyOS_Sans_SC_Bold;font-size:2.5rem;font-weight:700;height:10rem;justify-content:center;left:-3rem;position:absolute;top:11rem;width:52rem}.smart-city__banner-title-bg[data-v-b7a3b4c3]{height:100%;position:absolute;width:100%}.smart-city__banner-title-content[data-v-b7a3b4c3]{left:12.5rem;position:absolute}.smart-city__banner-title-content-sub[data-v-b7a3b4c3]{color:#fff;font-size:1rem;font-weight:400;left:-.5rem;line-height:1.25rem;margin-left:.5rem;margin-top:1rem;position:relative}.smart-city__banner-bg[data-v-b7a3b4c3]{aspect-ratio:1440/760;max-width:none;position:absolute;top:-5rem;width:100%}.smart-city__banner-mask-left[data-v-b7a3b4c3]{bottom:-.125rem;position:absolute}.smart-city__banner-mask-right[data-v-b7a3b4c3]{bottom:-.25rem;position:absolute;right:0}.smart-city__banner-mask-right-one[data-v-b7a3b4c3]{height:3.75rem!important;left:41.75rem!important;position:relative;width:3.75rem!important}.smart-city__banner-mask-right-two[data-v-b7a3b4c3]{background:#0c0047;height:5rem;-webkit-mask-image:url(../images/about/process-mask.webp);mask-image:url(../images/about/process-mask.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:translate(70%);width:63rem}.smart-city__one[data-v-b7a3b4c3]{align-items:center;background:#0c0047;display:flex;justify-content:center;padding:5rem 0 4rem}.smart-city__one-left[data-v-b7a3b4c3]{display:flex;flex-direction:column;row-gap:2rem}.smart-city__one-content[data-v-b7a3b4c3]{color:#ffffffb3;font-size:1rem;font-weight:400;width:29.75rem;word-break:break-all}.smart-city__one-right[data-v-b7a3b4c3]{height:24.6875rem;width:43.875rem}.smart-city__space[data-v-b7a3b4c3]{background:#0c0047;height:5rem;position:relative;width:100%}.smart-city__space-mask[data-v-b7a3b4c3]{background:#000;height:100%;left:19.5rem;-webkit-mask-image:url(../images/about/process-mask.webp);mask-image:url(../images/about/process-mask.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:relative;width:56rem}.smart-city__two[data-v-b7a3b4c3]{background:#000;padding:0 0 1.25rem;top:-2px;width:100%}.smart-city__two[data-v-b7a3b4c3],.smart-city__two-content[data-v-b7a3b4c3]{align-items:center;display:flex;flex-direction:column;position:relative}.smart-city__two-content[data-v-b7a3b4c3]{color:#ffffffb3;font-size:1rem;font-weight:400;margin-top:2rem;z-index:1}.smart-city__two-container[data-v-b7a3b4c3]{-moz-column-gap:37.25rem;column-gap:37.25rem;display:flex;justify-content:center;padding:4.625rem 11.25rem 5.5rem 7.5rem;position:relative;width:100%}.smart-city__two-detail[data-v-b7a3b4c3]{color:#fff;font-size:.875rem;font-weight:400;width:20.125rem;word-break:break-all}.smart-city__two-detail[data-v-b7a3b4c3],.smart-city__two-diagram[data-v-b7a3b4c3]{margin-top:10%;position:relative;z-index:1}.smart-city__two-video[data-v-b7a3b4c3]{height:36.875rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.smart-city__two-tabs[data-v-b7a3b4c3]{-moz-column-gap:5.5rem;column-gap:5.5rem;display:flex;justify-content:center}.smart-city__space-two[data-v-b7a3b4c3]{background:#0c0047;display:flex;flex-direction:column;height:calc(15rem - 2px);justify-content:space-between}.smart-city__washing[data-v-b7a3b4c3]{aspect-ratio:3840/2160;background:#000;width:100%}.smart-city__washing[data-v-b7a3b4c3],.smart-city__washing-content[data-v-b7a3b4c3]{align-items:center;display:flex;flex-direction:column;position:relative}.smart-city__washing-content[data-v-b7a3b4c3]{color:#ffffffb3;font-size:1rem;font-weight:400;margin-top:2rem;z-index:1}.smart-city__washing-img[data-v-b7a3b4c3]{aspect-ratio:3840/2160;position:absolute;width:100%}.smart-city[data-v-9228aff7]{overflow:hidden;width:100%}.smart-city__banner[data-v-9228aff7]{aspect-ratio:390/570;background-image:url(../images/smart-city/mobile/banner-bg.webp);background-repeat:no-repeat;background-size:100% 100%;position:relative;width:100%}.smart-city__banner-container[data-v-9228aff7]{height:10rem;position:absolute;top:5rem}.smart-city__banner-content[data-v-9228aff7]{display:flex;flex-direction:column;height:100%;justify-content:center;padding:2.375rem 0 1.5rem 1.875rem;position:relative;row-gap:1rem;z-index:1}.smart-city__banner-title[data-v-9228aff7]{color:#fff;font-family:HarmonyOS_Sans_SC_Bold;font-size:2rem;font-weight:700;line-height:2.5rem}.smart-city__process[data-v-9228aff7]{background:#0c0047}.smart-city__process[data-v-9228aff7],.smart-city__water[data-v-9228aff7]{display:flex;flex-direction:column;padding:5rem 1.875rem;position:relative;row-gap:1.5rem;width:100%}.smart-city__water[data-v-9228aff7]{background:#000}.smart-city__water-content[data-v-9228aff7]{aspect-ratio:330/466;position:relative;width:100%}.smart-city__water-card[data-v-9228aff7]{align-items:center;display:flex;flex-direction:column;opacity:0;overflow:hidden;position:absolute;transition:opacity .4s linear;width:100%}.smart-city__water-card.activated[data-v-9228aff7]{opacity:1;transition:opacity .4s linear .4s}.smart-city__water-icons[data-v-9228aff7]{display:flex;height:5.5rem;justify-content:space-evenly;width:100%}.smart-city__transition[data-v-9228aff7]{background:#0c0047;height:5rem;position:relative;width:100%}.smart-city__washing[data-v-9228aff7]{display:flex;flex-direction:column;padding:5rem 0 0;width:100%}.smart-city__washing-content[data-v-9228aff7]{display:flex;flex-direction:column;padding:0 1.875rem;position:relative;row-gap:1.5rem;width:100%;z-index:1}.smart-city__washing-img[data-v-9228aff7]{aspect-ratio:3840/2160;width:100%}