/* *{
    margin: 0;
    padding: 0;

} */




.self-consumption .blur-up.lazyloaded {
    filter: blur(0);
}

.self-consumption .blur-up {
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter;
}

.solar-pop-video-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    display: none;
}

.solar-pop-video-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70vw;
}

.solar-pop-video-content .solar-pop-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2vw;
    height: 2vw;
    z-index: 99;
    cursor: pointer;
}

.high-pressure-kv {
    position: relative;
}

.high-pressure-active {
    display: block !important;
}

.high-pressure-rotate {
    transform: rotate(0) !important;
}

.self-consumption img {
    width: 100%;
    display: block;
}

.self-consumption video {
    width: 100%;
    display: block;
}

.high-pressure-kv h2 {
    position: absolute;
    left: 16.666667vw;
    top: 10.416667vw;
    color: #fff;
    line-height: 1.25;
    font-size: 2.916667vw;
    font-weight: bold;
}

.self-consumption h2 {
    font-size: 2.916667vw;
    font-weight: 700;
    line-height: 1.25;
}

.self-consumption h3 {
    font-size: 1.666667vw;
    line-height: 1.25;
    font-weight: 700;
}

.self-consumption p {
    font-size: 1.25vw;
    line-height: 1.5;
}

.self-consumption .space-120 {
    margin-top: 6.25vw;
}

.self-consumption .section-kv .kv-content {
    position: relative;
}

.self-consumption .section-kv .kv-content h2 {
    position: absolute;
    top: 10.416667vw;
    left: 16.666667vw;
    color: #fff;
}

.self-consumption .section-power-plant {
    width: 100%;
    position: relative;
    background: #D9E1EE;
}

.self-consumption .section-power-plant .plant-title {
    position: absolute;
    top: 6.25vw;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
}

.self-consumption .section-power-plant .plant-title h3 {
    padding: 0 1.458333vw;
    border: .208333vw solid #373231;
    border-radius: .46875vw;
    background: #D5F2FF;
    color: #373231;
    height: 3.541667vw;
    display: flex;
    align-items: center;
}

.self-consumption .section-power-plant .plant-desc {
    position: absolute;
    top: 6.25vw;
    right: 18.697917vw;
}

.self-consumption .section-power-plant .plant-desc p {
    font-size: 1.041667vw;
    font-weight: 700;
    margin-left: 1.145833vw;
    line-height: 1.25;
}

.self-consumption .section-power-plant .plant-desc .direct,
.self-consumption .section-power-plant .plant-desc .alternating,
.self-consumption .section-power-plant .plant-desc .communication {
    display: flex;
    align-items: center;
    margin-bottom: .833333vw;
}

.self-consumption .section-power-plant .plant-desc .direct .line {
    width: 2.083333vw;
    height: .416667vw;
    border-radius: 7.864583vw;
    background: #93C2FC;
}

.self-consumption .section-power-plant .plant-desc .alternating .line {
    width: 2.083333vw;
    height: .416667vw;
    border-radius: 7.864583vw;
    background: #FA9E9E;
}

.self-consumption .section-power-plant .plant-desc .communication .line {
    width: 2.083333vw;
    height: .416667vw;
    display: flex;
    justify-content: space-between;
}

.self-consumption .section-power-plant .plant-desc .communication .line div {
    width: .520833vw;
    background: #373231;
    border-radius: 16.458333vw;
}





.sec3-title {
    background-color: #EEF4FA;
    padding-top: 6.25vw;
    font-size: 1.666667vw;
    padding-left: 18.75vw;
    padding-bottom: .833333vw;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.sec3-title span {
    margin-left: 7.8625vw;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.sec3-title span:first-child {
    margin-left: 0;
}

.sec3-tit-active:after {
    content: '';
    position: absolute;
    width: 5vw;
    height: 2px;
    background-color: #000;
    bottom: -.833333vw;
    left: 0;
}



.sec4-input img {
    width: 1.1vw;
    margin-left: .625vw;
    transform: rotate(180deg);
    transition: .3s;

}

.high-pressure-universal h2 {
    font-size: 2.708333vw;
    line-height: 1.25;
    font-weight: bold;
    background: linear-gradient(93deg, #4887BD -11%, #06C1AC 56%, #24857E 110%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 2;
    position: relative;
}

.high-pressure-universal p {
    font-size: 1.041667vw;
    line-height: 1.5;
}

.sec4-list>div>p {
    color: #181818;
    opacity: .8;
}

.high-pressure-universal {
    height: 41.666667vw;
    display: flex;
    align-items: center;
    padding-left: 18.75vw;
    position: relative;
}

.universal-txt {
    width: 33.333333vw;
}

.universal-img {
    width: 32.291667vw;
    margin-left: 1.041667vw;
}

.sec4-list>div {
    display: none;
}

.sec4-input>p {
    font-size: 1.666667vw;
}

.sec4-img>div {
    display: none;
}

.sec4-select {
    position: absolute;
    top: 120%;
    left: 0;
    width: 29.375vw;
    background-color: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    padding: 1.666667vw .833333vw;
    display: none;
    z-index: 11;
    box-sizing: border-box;
    border-radius: .833333vw;
}

.sec4-select p {
    padding: .625vw 0.833333vw;
    background: transparent;
    border-radius: .416667vw;
    line-height: 1;
    font-size: 1.25vw;
}

.sec4-select p:hover {
    background: rgba(0, 0, 0, 0.05);
}

.sec4-input {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: .833333vw;
    cursor: pointer;
}

.sec4-list {
    margin-top: 1.5625vw;
}

.high-pressure-universal a {
    font-size: 1.041667vw;
    color: #474747;
    text-decoration: none;
    margin-top: 2.604167vw;
    display: inline-block;
}

.high-pressure-universal a img {
    width: .520833vw;
    margin-left: .625vw;
    display: inline-block;
}

.universal-txt .p-bold {
    font-size: 1.666667vw;
    line-height: 1.5;
    margin-top: 0.833333vw;
}

.sec5-p {
    margin-top: 1.5625vw;
}

.sec6-p {
    margin-top: 1.5625vw;
}


.sec7-p {
    margin-top: 1.5625vw;
}

.sec5-p>p {
    color: #181818;
    opacity: .8;
}

.sec6-p>p {
    color: #181818;
    opacity: .8;
}

.sec7-p>p {
    color: #181818;
    opacity: .8;
}

@keyframes vertical_bar {
    0% {
        height: 0;
    }

    100% {
        height: 40vw;
    }
}

.sec5-ove {
    position: absolute;
    left: 70%;
    top: 62%;
    width: 16px;
    background: url(/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/self-consumption/img/universal-ove-gif.gif) no-repeat 54% center;
    animation-name: vertical_bar;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    box-shadow: rgba(6, 194, 172, 0.2) 0px 0px 3px inset;
    z-index: -1;
}

.sec6-ove {
    position: absolute;
    left: 70%;
    top: 70%;
    width: 16px;
    background: url(/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/self-consumption/img/universal-ove-gif.gif) no-repeat 54% center;
    animation-name: vertical_bar;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    box-shadow: rgba(6, 194, 172, 0.2) 0px 0px 3px inset;
    z-index: -1;
}



/* video_scale */
.dig_video_scale {
    height: 200vh;
}

.dig_video_scale .dig_vs_sticty {
    position: sticky;
    left: 0;
    top: 82px;
    height: calc(100vh - 82px);
    background-color: #000;
    overflow: hidden;
}

.dig_video_scale .dig_vs_video_start {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: url('../img/img_video_start.svg') no-repeat center center;
    transform: translate(-50%, -50%);
    display: none;
    cursor: pointer;
    background-size: 100%;
}




.dig_video_scale .dig_vs_img_wrap {
    width: 100%;
    height: 100%;
    /* transition: all 400ms ease; */
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img {
    position: absolute;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.dig_vs_help {
    width: 100%;
    height: 100vh;
}




.talk_and_communication {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    width: 66.666667vw;
    margin: 6.25vw auto 0;
}

.talk_and_communication .talk_and_communication_sec {
    background: #F5F5F5;
    position: relative;
    border-radius: 8px;
    width: 32.291667vw;
}

.talk_and_communication .talk_and_communication_sec:nth-child(1) {
    margin-right: 2.083333vw;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info {
    position: absolute;
    top: 3.645833vw;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    text-align: center;
    z-index: 1;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info>a {
    text-decoration: none;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info img {
    width: 2.916667vw;
    margin: auto;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info h3 {
    font-size: 1.25vw;
    font-weight: bold;
    line-height: 1.25;
    color: #191919;
    margin-top: 1.666667vw;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p {
    font-size: .833333vw;
    font-weight: bold;
    line-height: 1.25;
    color: #000000;
    margin-top: .625vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p img {
    width: 1.041667vw;
    margin: 0 .520833vw 0 0;
}






.section-feature {
    margin-top: 6.25vw;
}

.section-feature .feature-content .feature-button {
    position: relative;
}

.section-feature .feature-content .button-content {
    width: 100%;
}

.section-feature .feature-content .feature-button::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
}

.section-feature .feature-content .feature-button .button-content {
    width: 62.5vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.section-feature .feature-content .feature-button p {
    font-size: 1.145833vw;
    line-height: 1.25;
    padding-bottom: .885417vw;
    /* margin-right: 7.8125vw; */
    cursor: pointer;
}

.section-feature .feature-content .feature-button p:last-child {
    /* margin-right: 6.25vw; */
}

.section-feature .feature-content .feature-button p.active {
    font-weight: 700;
    border-bottom: solid 2px #000;
}

.section-feature .feature-content .feature-pic {
    width: 100%;
}

.section-feature .feature-content .feature-pic .pic-content {
    display: none;
    position: relative;
    height: 100%;
}

.pic-content h2 {
    font-size: 2.1875vw;
    line-height: 1.25;
    color: #333333;
}

.pic-content p {
    position: absolute;
    font-size: 1.041667vw;
    top: 1.25vw;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.25;
    color: #333333;
    width: 100%;
    text-align: center;
}

.pic-content .sec3-swiper-item span {
    font-size: 1.041667vw;
    margin-top: 1.25vw;
    line-height: 1.25;
    color: #00000099;
    display: block;
}



.pic-content>div {
    width: 100%;
    box-sizing: border-box;
}

.pic-content .copy-content {
    height: 9.21875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pic-content .content-img {
    padding-bottom: 3.59375vw;
}

.feature-swiper .swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    height: 2px;
    width: 100%;
    border-radius: 0;
}


.feature-swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: #D60033;
}


.section-feature .feature-content .feature-pic .pic-content.active {
    display: block;

}

.section-feature .feature-content .feature-pic .pic-content .feature-swiper {
    overflow: hidden;
    height: 100%;
}

.pic-content .video-play {
    width: 4.166667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.sec3-1>div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}

.sec3-2>div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}

.sec3-3>div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}

.sec3-4>div {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}

.sec3-swiper-item {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
}

.sec3-1 .content-img {
    width: 100%;
    background: #F7F7F7;
    border-radius: .625vw;
    height: 28.645833vw;
    position: relative;
}

.sec3-1 .content-img img {
    width: 47.447917vw;
    margin: 0 auto;
    padding-top: 2.5vw;
}

.sec3-2 .content-img {
    width: 100%;
    background: #F7F7F7;
    border-radius: .625vw;
    height: 28.645833vw;
    position: relative;
}

.sec3-2 .content-img img {
    width: 41.055208vw;
    margin: 0 auto;
    padding-top: 1.666667vw;
}

.sec3-3 .content-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sec3-4 .content-img {
    width: 100%;
}

.sec3-5 .content-img {
    width: 100%;
}

.self-consumption .sec3-3 .copy-content .copy h3 {
    font-size: 1.458333vw;
    color: #333333;
}

.self-consumption .sec3-3 .copy-content .special-copy {
    font-size: 7.5vw;
    font-weight: 700;
}

.self-consumption .sec3-3 .copy-content .special-copy span {
    font-size: 3.645833vw;
}

.self-consumption .sec3-3 .copy-content .special-copy b,
.self-consumption .sec3-3 .copy-content .special-copy span {
    background: linear-gradient(90deg, rgba(18, 223, 87, 0.84) 34%, rgba(60, 214, 111, 0.40) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "HarmonyOS_Sans", "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
}

.self-consumption .sec3-3 .copy-content .special-copy b:nth-child(2) {
    margin-left: -.9375vw;
}

.slide1 .content-img {
    width: 100%;
}

.slide2 .content-img {
    width: 51.927083vw;
    margin: 0 auto;
}

.slide2 .copy-content h2 {
    font-size: 1.458333vw;
}

.slide1>img {
    position: absolute;
    right: 5vw;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    width: 3.333333vw;
    opacity: .4;
    transition: .5s;
}

.slide1>img:hover {
    opacity: 1;
}

.slide2>img {
    position: absolute;
    left: 5vw;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%)rotate(180deg);
    width: 3.333333vw;
    opacity: .4;
    transition: .5s;
}

.slide2>img:hover {
    opacity: 1;
}

/* 放大动效css */



.dig_video_scale .dig_vs_video {
    width: 25%;
    height: 25%;
    position: absolute;
    left: 37.5%;
    top: 37.5%;
}

.dig_video_scale .dig_vs_video>video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.dig_video_scale .dig_vs_img_wrap {
    width: 100%;
    height: 100%;
    /* transition: all 400ms ease; */
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img {
    position: absolute;
}



.dig_video_scale .dig_vs_img_wrap .dig_vs_img1 {
    left: 37.5%;
    top: 4.17%;
    width: 28.3%;
    height: 31.11%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img2 {
    left: 16.58%;
    top: 24.82%;
    width: 19.17%;
    height: 37.69%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img4 {
    left: 64.18%;
    top: 37.5%;
    width: 25%;
    height: 25%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img5 {
    left: 9.34%;
    top: 64.72%;
    width: 31.35%;
    height: 27.96%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img6 {
    left: 42.36%;
    top: 64.72%;
    width: 20.16%;
    height: 27.96%;
}

.dig_video_scale .dig_vs_img_wrap .dig_vs_img7 {
    left: 64.18%;
    top: 64.72%;
    width: 21.14%;
    height: 27.96%;
}

.dig_vs_help {
    width: 100%;
    height: 100vh;
}




/* 上浮动效 */
.typed-strings {
    display: none;
}

.box-come-up {
    opacity: 0;
    transform: translateY(10vw);
    transition: .7s;
}

.box-come-up-active {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.sec-ove {
    display: none;
}


.section-faq {
    background: #F9F9F9;
    margin-top: 6.25vw;
}

.section-faq h2 {
    font-size: 2.5vw;
    line-height: 1.25;
}

.faq-content {
    width: 66.666667vw;
    margin: 0 auto;
    padding: 6.25vw 0;
}

.faq-content .faq-item {
    background: #ffffff;
    margin-top: 1.875vw;
    padding: 3.75vw 4.166667vw;
    position: relative;
    border-radius: .833333vw;
}

.faq-content .faq-item .faq-part {
    height: 13.697917vw;
    overflow-y: auto;
    width: 8.4375vw;
}

.faq-content .faq-item::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    height: calc(100% - 3.880208vw - 3.151042vw);
    background: #979797;
    top: 3.880208vw;
    left: 13.125vw;
}

.faq-content .faq-item .q-a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.666667vw;
}

.faq-content .faq-item .q-a:last-child {
    margin-bottom: 0;
}

.faq-content .faq-item .q-a .question {
    width: 7.395833vw;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.faq-content .faq-item .q-a .answer {
    width: 48.4375vw;
    display: none;
    position: absolute;
    top: 3.880208vw;
    left: 16.145833vw;
    padding-right: 6.770833vw;
    height: 13.697917vw;
    overflow-y: auto;
}

.faq-content .faq-item .q-a.active .answer {
    display: block;
}

.faq-content .faq-item .q-a.active .question {
    font-weight: 700;
}

.faq-content .faq-item .q-a p {
    font-size: .833333vw;
    line-height: 1.25;
}

.faq-content .faq-item .q-a .answer p {
    color: #333333;
    margin: 1.25vw auto;

}

.faq-content .faq-item .q-a .answer h2 {
    font-size: 1.25vw;
    line-height: 1.25;
    margin-bottom: 1.25vw;
}

.faq-content .faq-item .q-a .answer h3 {
    font-size: .833333vw;
    line-height: 1.25;
    color: #000;
}

.faq-content .faq-item .q-a .answer p img {
    width: 1.041667vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: .520833vw;

}

.mob-show {
    display: none !important;
}

.nowrap {
    white-space: nowrap;
}



.self-consumption .section-area {
    width: 62.5vw;
    margin: 6.25vw auto 0;
}

.self-consumption .section-area h2 {
    margin-bottom: 3.125vw;
}

.self-consumption .section-area p {
    width: 62.5vw;
    margin: 2.083333vw auto 2.916667vw;
}

.self-consumption .mega-cell {
    padding-top: 5.729167vw;
    position: relative;
}

.self-consumption .mega-cell .cell-swiper {
    overflow: hidden;
}

.self-consumption .mega-cell .swiper-pagination {
    top: 0;
    display: flex;
    width: 62.5vw;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.self-consumption .mega-cell .swiper-pagination-bullet {
    width: auto;
    height: auto;
    text-align: center;
    opacity: 1;
    font-size: .833333vw;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    color: #191919;
    background: none;
    display: inline-block;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    padding: 0;
    padding-bottom: 1.25vw;
    position: relative;
    transform: translateY(1px);
    width: 6.354167vw;
}


.self-consumption .mega-cell .swiper-pagination-bullet-active {
    padding-top: 0;
    margin: 0;
    line-height: 1.5;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    border-bottom: 1px solid #000;
}

.self-consumption .cell-swiper .swiper-slide {
    border-radius: 1.25vw;
    overflow: hidden;
}





@media screen and (max-width: 1280px) {
    .high-pressure-kv {
        margin-top: 80px;
    }

    .dig_video_scale .dig_vs_sticty {
        top: 48px;
        height: calc(100vh - 48px);
    }
}

@media screen and (max-width: 768px) {
    .high-pressure-kv {
        margin-top: 0;
    }

}

@media screen and (max-aspect-ratio: 11/10) {



    .self-consumption h2 {
        font-size: 6.666667vw;
    }

    .self-consumption h3 {
        font-size: 4.444444vw;
    }

    .self-consumption p {
        font-size: 3.333333vw;
    }

    .self-consumption .section-kv .kv-content h2 {
        width: 86.666667vw;
        margin: 0 auto;
        top: 22.222222vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .self-consumption .section-power-plant .plant-title {
        top: 13.888889vw;
    }

    .self-consumption .section-power-plant .plant-title h3 {
        padding: 0 3.888889vw;
        border: 2px solid #373231;
        border-radius: 2.5vw;
        height: 11.666667vw;
    }

    .self-consumption .section-power-plant .plant-desc {
        top: 30.555556vw;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }

    .self-consumption .section-power-plant .plant-desc p {
        font-size: 3.333333vw;
        line-height: 1.3;
    }

    .self-consumption .section-power-plant .plant-desc .direct,
    .self-consumption .section-power-plant .plant-desc .alternating,
    .self-consumption .section-power-plant .plant-desc .communication {
        margin-bottom: 2.777778vw;
    }

    .self-consumption .section-power-plant .plant-desc .direct .line,
    .self-consumption .section-power-plant .plant-desc .alternating .line,
    .self-consumption .section-power-plant .plant-desc .communication .line {
        width: 4.444444vw;
        height: .888889vw;
    }

    .self-consumption .section-power-plant .plant-desc .communication .line div {
        width: 1.111111vw;
    }


    .dig_video_scale {
        height: auto;
        margin-top: 19.444444vw;
    }

    .dig_video_scale .dig_vs_sticty {
        position: static;
        height: 202px;
        overflow: hidden;
    }

    .dig_video_scale .dig_vs_video {
        width: 100%;
        height: 100%;
        position: static;
    }

    .dig_video_scale .dig_vs_video_start {
        display: block;
    }

    .dig_video_scale .dig_vs_img {
        display: none;
    }

    .dig_vs_help {
        display: none;
    }

    .talk_and_communication {
        margin-top: 13.333333vw;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 3.333333vw;
        box-sizing: border-box;
    }

    .talk_and_communication .talk_and_communication_sec:nth-child(1) {
        margin-right: 0;
    }

    .talk_and_communication .talk_and_communication_sec {
        width: 100%;
    }



    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info h3 {
        font-size: 4.444444vw;
        margin-top: 2.777778vw;
    }

    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p {
        font-size: 3.333333vw;
        font-weight: 500;
        margin-top: 2.222222vw;
        align-items: center;
    }

    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info p img {
        width: 4.444444vw;
        margin: 0 2.222222vw 0 0;
        flex-shrink: 0;
    }

    .talk_and_communication .talk_and_communication_sec:nth-child(2) {
        margin-top: 3.333333vw;
    }

    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info {
        width: 38.888889vw;
        right: 6.666667vw;
        top: 50%;
        left: auto;
        transform: translateY(-50%);
    }

    .talk_and_communication .talk_and_communication_sec .talk_and_communication_sec_info img {
        width: 8.888889vw;
    }


    .section-faq {
        margin-top: 13.333333vw;
        margin-bottom: 8.888889vw;
    }

    .faq-content {
        width: 100%;
        background: #fff;
        padding: 0;
    }

    .faq-content h2 {
        margin: 0 0 4.444444vw 6.666667vw;
        font-size: 6.666667vw;
    }

    .faq-content .faq-item {
        padding: 0;
        margin: 0;
        border-radius: none;
    }

    .faq-content .faq-item .faq-part {
        height: auto;
        width: auto;
        overflow: visible;
    }

    .faq-content .faq-item::after {
        display: none;
    }

    .faq-content .faq-item .q-a {
        flex-direction: column;
        padding: 4.444444vw 6.666667vw;
        position: relative;
    }

    .faq-content .faq-item .q-a:nth-child(odd) {
        background-color: #F9F9F9;
    }

    .faq-content .faq-item .q-a p {
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }

    .faq-content .faq-item .q-a .answer {
        position: initial;
        width: 84.444444vw;
        padding: 6.666667vw 0 0 2.222222vw;
        height: auto;
        overflow: visible;
    }

    .faq-content .faq-item .q-a .question {
        width: auto;
        display: flex;
        justify-content: space-between;

    }

    .faq-content .faq-item .q-a .question span {
        width: 66.666667vw;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .faq-content .faq-item .q-a .question img {
        width: 4.444444vw;
        transition: .5s;

    }

    .faq-content .faq-item .q-a.active .question img {
        transform: rotate(180deg);
    }

    .faq-content .faq-item .q-a .answer h2 {
        font-size: 3.888889vw;
        margin-bottom: 6.666667vw;
        margin-left: 0;
    }


    .faq-content .faq-item .q-a .question {
        font-weight: 700;
        position: relative;
        font-size: 4.44444vw;
    }

    .faq-content .faq-item .q-a .answer p .text-bold {
        color: #000;
        font-weight: 700;
    }

    .faq-content .faq-item .q-a .answer h3 {
        font-size: 3.888889vw;
        margin: 6.666667vw auto;
    }

    .faq-content .faq-item .q-a .answer p img {
        width: 5.555556vw;
        margin-left: 1.666667vw;
    }

    .mob-show {
        display: block !important;
    }

    .faq-content .faq-item .q-a .answer p {
        font-size: 3.888889vw;
    }

    .high-pressure-kv h2 {
        width: 86.666667vw;
        top: 22.222222vw;
        left: 50%;
        transform: translateX(-50%);
        font-size: 6.666667vw;
    }

    .section-feature .feature-content .feature-button::-webkit-scrollbar {
        display: none;
    }

    .feature-content {
        overflow-x: hidden;
    }

    .section-feature .feature-content .feature-button {
        width: 86.666667vw;
        overflow-x: scroll;
        white-space: nowrap;
        margin: 0 auto;
        transition: .5s;
    }

    .section-feature .feature-content .feature-button .button-content {
        width: auto;
    }

    .section-feature .feature-content .feature-button p {
        font-size: 3.888889vw;
        padding-right: 12.8125vw;
        margin-right: 0;
        white-space: nowrap;
        padding-bottom: 3.333333vw;
        position: relative;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }



    .section-feature .feature-content .feature-button::after {
        content: none;
    }

    .section-feature .feature-content .feature-button p:last-child {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    .section-feature {
        margin-top: 13.333333vw;
    }

    .section-feature .feature-content .feature-button p.active {
        border: none;
    }

    .section-feature .feature-content .feature-button p.active::after {
        content: '';
        position: absolute;
        width: calc(100% - 12.8125vw);
        height: 1px;
        background-color: #000;
        bottom: 0;
        left: 0;
    }

    .section-feature .feature-content .feature-button p::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #D8D8D8;
        bottom: 0;
        left: 0;
    }

    .section-feature .feature-content .feature-button p:last-child.active::after {
        width: 100%;
    }

    .pic-content .content-img {
        padding-bottom: 6.666667vw;
    }

    .pic-content .copy-content {
        height: 37.222222vw;
        text-align: left;
    }

    .pic-content h2 {
        font-size: 6.666667vw;
    }

    .pic-content p {
        font-size: 4.444444vw;
        top: 5.555556vw;
        padding: 0 2.777778vw;
        text-align: left;
    }

    .self-consumption .sec3-3 .copy-content .copy h3 {
        font-size: 4.444444vw;
    }

    .pic-content .sec3-swiper-item span {
        font-size: 3.888889vw;
        margin-top: 3.333333vw;
    }

    .sec3-swiper-item {
        width: 86.666667vw;
    }

    .sec3-1>div {
        width: 86.666667vw;
    }

    .sec3-2>div {
        width: 86.666667vw;
    }

    .sec3-3>div {
        width: 86.666667vw;
    }

    .sec3-4>div {
        width: 86.666667vw;
    }

    .slide1 .content-img {
        width: 100%;
        margin: 12.777778vw auto 0;
    }

    .slide2 .content-img {
        width: 100%;
        margin: 12.777778vw auto 0;
    }

    .sec3-1 .content-img {
        width: 100%;
        height: 101.666667vw;
        border-radius: 3.333333vw;
    }

    .sec3-1 .content-img img {
        width: 97%;
        padding-top: 42.5vw;
    }

    .sec3-2 .content-img {
        width: 100%;
        height: 101.666667vw;
        border-radius: 3.333333vw;
    }

    .sec3-2 .content-img img {
        width: 97%;
        padding-top: 20.833333vw;
    }

    .sec3-3 .content-img {
        width: 100%;
    }

    .sec3-4 .content-img {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .sec3-5 .content-img {
        width: 100%;
        margin-top: 0;
    }

    .sec3-5 .slide2 .content-img {
        margin-top: 0;
    }

    .self-consumption .sec3-3 .copy-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .self-consumption .sec3-3 .copy-content .copy {
        width: auto;
    }

    .self-consumption .sec3-3 .copy-content .copy h3:last-child {
        margin-top: 4.444444vw;
    }

    .self-consumption .sec3-3 .copy-content .special-copy {
        margin-top: 2.222222vw;
        font-size: 22.222222vw;
    }

    .self-consumption .sec3-3 .copy-content .special-copy b:nth-child(2) {
        margin-left: -2.222222vw;
    }

    .self-consumption .sec3-3 .copy-content .special-copy span {
        font-size: 11.111111vw;
        margin-left: -2.222222vw;
    }

    .slide1>img {
        display: none;
    }

    .slide2>img {
        display: none;
    }

    .slide2 .copy-content h2 {
        font-size: 4.444444vw;
    }

    .high-pressure-universal {
        height: auto;
        padding-left: 6.666667vw;
        margin-top: 33.333333vw;
    }

    .high-pressure-sec4 {
        margin-top: 13.333333vw;
    }

    .universal-txt {
        width: 44.444444vw;
        position: relative;
        z-index: 11;
    }

    .universal-img {
        width: 46.111111vw;
        position: relative;
        z-index: 10;
    }

    .high-pressure-universal h2 {
        font-size: 6.666667vw;
        width: 80vw;
        letter-spacing: 0;
    }

    .high-pressure-universal a {
        font-size: 3.333333vw;
        margin-top: 4.444444vw;
    }

    .high-pressure-universal a img {
        width: 1.511111vw;
        margin-left: 2.222222vw;
    }

    .high-pressure-universal p {
        font-size: 3.333333vw;
    }

    .universal-txt .p-bold {
        font-size: 4.444444vw;
        margin-top: 2.222222vw;
        width: 80vw;
    }

    .sec7-p {
        margin-top: 11.111111vw;
    }

    .sec6-p {
        margin-top: 11.111111vw;
    }

    .sec5-p {
        margin-top: 11.111111vw;
    }

    .sec4-input>p {
        font-size: 4.444444vw;
    }

    .sec4-input img {
        width: 4.044444vw;
        margin-left: 2.625vw;
    }

    .sec4-input {
        margin-top: 2.222222vw;
        width: 80vw;
    }

    .sec4-select>p {
        font-size: 4.444444vw;
        padding: 2.222222vw;
    }

    .sec4-select {
        width: 100%;
        padding: 4.444444vw 2.222222vw;
    }

    .sec4-list {
        margin-top: 11.111111vw;
    }

    .sec5-ove {
        left: 74%;
        top: 48%;
    }

    .sec6-ove {
        left: 74%;
        top: 62%;
    }

    @keyframes vertical_bar {
        0% {
            height: 0;
        }

        100% {
            height: 130vw;
        }
    }

    .pic-content .video-play {
        width: 5.555556vw;
    }



    .self-consumption .section-area {
        width: 86.666667vw;
        margin: 13.333333vw auto 0;
    }

    .self-consumption .mega-cell {
        overflow: hidden;
        padding-top: 0;
    }

    .self-consumption .section-area h2 {
        margin-bottom: 4.444444vw;
        font-size: 6.666667vw;
    }

    .self-consumption .mega-cell .pagination-content {
        overflow: auto;
    }

    .self-consumption .mega-cell .swiper-pagination {
        width: max-content;
        left: 0;
        transform: none;
        border: none;
        position: inherit;
        margin-bottom: 3.888889vw;
    }

    .self-consumption .mega-cell .swiper-pagination-bullet-active {
        border-bottom: 1px solid transparent;
    }

    .self-consumption .mega-cell .pagination-content::-webkit-scrollbar {
        display: none;
    }

    .self-consumption .mega-cell .swiper-pagination-bullet {
        white-space: nowrap;
        padding-right: 2.222222vw;
        padding-bottom: 4.444444vw;
        font-size: 3.333333vw;
        width: 15.555556vw;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }

    .self-consumption .mega-cell .swiper-pagination-bullet:last-child {
        padding-right: 0;
    }

    .self-consumption .mega-cell .swiper-pagination-bullet::after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .self-consumption .mega-cell .swiper-pagination-bullet-active::before {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: calc(100% - 2.222222vw);
        height: 1px;
        background-color: rgba(0, 0, 0, 1);
    }

    .self-consumption .mega-cell .swiper-pagination-bullet-active:last-child::before {
        width: 100%;
    }

    .self-consumption .cell-swiper .swiper-slide {
        border-radius: 1.111111vw;
    }
}


.sec5-input img {
    width: 1.1vw;
    margin-left: .625vw;
    transform: rotate(180deg);
    transition: .3s;

}

.sec5-input {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: .833333vw;
    cursor: pointer;
}

.sec5-select {
    position: absolute;
    top: 120%;
    left: 0;
    width: 29.375vw;
    background-color: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    padding: 1.666667vw .833333vw;
    display: none;
    z-index: 11;
    box-sizing: border-box;
    border-radius: .833333vw;
}

.sec5-select p {
    padding: .625vw 0.833333vw;
    background: transparent;
    border-radius: .416667vw;
    line-height: 1;
}

.sec5-select p:hover {
    background: rgba(0, 0, 0, 0.05);
}

.sec5-list>div>p {
    margin-top: .833333vw;
}

.sec5-list>div {
    display: none;
}

.sec5-list {
    margin-top: 3.90625vw;
}

.sec5-img>div {
    display: none;
}

.universal-txt .sec5-select p {
    padding: 0 0.833333vw;
    background: transparent;
    border-radius: 0.416667vw;
    line-height: 2;
    font-size: 1.25vw;
    margin-top: 0;
    font-weight: 500;
    color: #191919;
}

.sec5-input>p {
    font-size: 1.666667vw;
}

@media screen and (max-aspect-ratio: 11/10) {
    .sec5-input>p {
        font-size: 4.444444vw;
    }

    .sec5-input img {
        width: 4.044444vw;
        margin-left: 2.625vw;
    }

    .sec5-input {
        margin-top: 2.222222vw;
        width: 80vw;
    }

    .sec5-select>p {
        font-size: 4.444444vw;
        padding: 2.222222vw;
    }

    .sec5-select {
        width: 100%;
        padding: 4.444444vw 2.222222vw;
    }

    .sec5-list>div>p {
        margin-top: 3.333333vw;
    }

    .sec5-list {
        margin-top: 11.111111vw;
    }

    .universal-txt .sec5-select p {
        font-size: 3.888889vw;
    }
}



/* 新增图文分离 */
.self-consumption .section-power-plant h3 {
    position: absolute;
    top: 6.95vw;
    left: 40.667vw;
    font-size: 1.666667vw;
    line-height: 1.25;
    font-weight: 700;
    z-index: 2;
}

.self-consumption .section-power-plant span {
    position: absolute;
    font-size: .9375vw;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    z-index: 2;
}

.self-consumption .section-power-plant span:nth-of-type(1) {
    top: 21.95vw;
    left: 26.841667vw;
}

.self-consumption .section-power-plant span:nth-of-type(2) {
    top: 23.95vw;
    left: 39.41667vw;
}

.self-consumption .section-power-plant span:nth-of-type(3) {
    top: 23.3vw;
    left: 44.1667vw;
}

.self-consumption .section-power-plant span:nth-of-type(4) {
    top: 15.7vw;
    left: 63.1667vw;
}

.self-consumption .section-power-plant span:nth-of-type(5) {
    top: 22.95vw;
    left: 61.1667vw;
}

.self-consumption .section-power-plant span:nth-of-type(6) {
    top: 22.95vw;
    left: 71.1667vw;
}

.self-consumption .section-power-plant span:nth-of-type(7) {
    top: 34.95vw;
    left: 27.041667vw;
}

.self-consumption .section-power-plant span:nth-of-type(8) {
    top: 33.95vw;
    left: 39.41667vw;
}

.self-consumption .section-power-plant span:nth-of-type(9) {
    top: 30.5vw;
    left: 45.041667vw;
}

.self-consumption .section-power-plant span:nth-of-type(10) {
    top: 30.95vw;
    left: 52.0667vw;
}

.self-consumption .section-power-plant span:nth-of-type(11) {
    top: 35.95vw;
    left: 59.041667vw;
}

.self-consumption .section-power-plant span:nth-of-type(12) {
    top: 31.95vw;
    left: 62.041667vw;
}

.self-consumption .section-power-plant span:nth-of-type(13) {
    top: 33.95vw;
    left: 69.1667vw;
}

.self-consumption .section-power-plant .text-con {
    position: absolute;
    top: 6.15vw;
    left: 68.041667vw;
    z-index: 2;
}

.self-consumption .section-power-plant .text-con p {
    font-size: .9375vw;
    font-weight: 700;
    line-height: 150%;
    color: #000;
    margin-bottom: .625vw;
}


@media screen and (max-aspect-ratio: 11/10) {
    .self-consumption .section-power-plant h3 {

        top: 16.95vw;
        left: 17.041667vw;
        font-size: 5.555556vw;
        line-height: 1.5;
        font-weight: 700;
        width: 66.666667vw;
        text-align: center;

    }

    .self-consumption .section-power-plant .text-con {
        top: 36.15vw;
        left: 36.041667vw;

    }

    .self-consumption .section-power-plant .text-con p {
        font-size: 3.333333vw;
        font-weight: 700;
        line-height: 150%;
        margin-bottom: 2.625vw;
    }


    .self-consumption .section-power-plant span {
        font-size: 2.15vw;
        width: 21.666667vw;
        text-align: center;
    }

    .self-consumption .section-power-plant span:nth-of-type(12) {
        top: 145.95vw;
        left: 16.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(6) {
        top: 185.5vw;
        left: 59.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(4) {
        top: 149.95vw;
        left: 67.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(3) {
        top: 108.95vw;
        left: 47.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(9) {
        top: 106.95vw;
        left: 26.41667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(5) {
        top: 145.95vw;
        left: 51.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(10) {
        top: 122.95vw;
        left: 69.4667vw;

    }

    .self-consumption .section-power-plant span:nth-of-type(12) {
        top: 157.95vw;
        left: 33.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(7) {
        top: 77.95vw;
        left: 32.41667vw;
    }


    .self-consumption .section-power-plant span:nth-of-type(8) {
        top: 98.95vw;
        left: 53.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(2) {
        top: 98.95vw;
        left: 28.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(13) {
        top: 179.95vw;
        left: 31.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(1) {
        top: 71.95vw;
        left: 59.041667vw;
    }

    .self-consumption .section-power-plant span:nth-of-type(11) {
        top: 136.95vw;
        left: 17.041667vw
    }
}