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

} */

/* @font-face {
    font-family: "MEIRYO";
    src: url('/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/residential/font/Meiryo-UI-Bold.TTC');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "MEIRYO";
    src: url('/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/residential/font/Meiryo-UI-Regular.TTC');
    font-weight: normal;
    font-style: normal;
}


.high-pressure-container * {
    font-family: MEIRYO !important;
} */


.high-pressure-container .blur-up.lazyloaded {
    filter: blur(0);
}

.high-pressure-container .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;
}

.high-pressure-container img {
    width: 100%;
    display: block;
}

.high-pressure-container video {
    width: 100%;
    display: block;
}

.high-pressure-kv h2 {
    position: absolute;
    left: 14.583333vw;
    top: 4.375vw;
    color: #fff;
    line-height: 1.5;
    font-size: 2.916667vw;
    font-weight: bold;
    letter-spacing: -2px;
}

.high-pressure-kv h2 span {
    letter-spacing: -8px;
    font-family: MEIRYO UI !important;
}

.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;
}

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

.self-consumption .section-power-plant .plant-title h3 {
    font-size: 2.708333vw;
    /* padding: 0 1.458333vw;
    border: .208333vw solid #373231;
    border-radius: .46875vw;
    background: #DCE4FD;
    color: #373231;
    height: 3.541667vw;
    display: flex;
    align-items: center; */
    line-height: 1.25;
    color: #333333;
}

.self-consumption .section-power-plant .plant-desc {
    position: absolute;
    top: 8.90625vw;
    /* right: 17.34375vw; */
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    display: flex;
    align-items: center;
}

.self-consumption .section-power-plant .plant-desc p {
    font-size: 1.041667vw;
    font-weight: 700;
    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,
.self-consumption .section-power-plant .plant-desc .electricity {
    display: flex;
    align-items: center;
}

.self-consumption .section-power-plant .plant-desc>div {
    margin-right: .885417vw;
}

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

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

.self-consumption .section-power-plant .plant-desc .communication .line {
    width: 1.197917vw;
    height: .416667vw;
    margin-right: .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;
}

.self-consumption .section-power-plant .plant-desc .electricity .line {
    width: .885417vw;
    margin-right: .416667vw;
}

.self-consumption .section-power-plant .plant-desc .electricity .line div {
    width: 100%;
    height: .15625vw;
    background: #373231;
    border-radius: 16.458333vw;
}

.self-consumption .section-power-plant .plant-desc .electricity .line div:nth-child(2) {
    margin-top: .104167vw;
}





.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;
}

.high-pressure-universal p {
    font-size: 1.041667vw;
    line-height: 1.5;
    color: #181818CC;

}

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

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

.high-pressure-sec8.high-pressure-universal {
    height: auto;
    align-items: flex-start;
}

.universal-txt {
    width: 33.333333vw;
}

.high-pressure-sec8.high-pressure-universal .universal-txt {
    padding-top: 6.04166vw;
}

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

.sec8-img.universal-img {
    width: 31.09375vw;
    margin-left: 7.447917vw;
}

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

.sec4-input>p {
    font-weight: bold;
}


.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;
}

.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: 3.90625vw;
}

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

.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;
    font-weight: bold;
    margin-top: 0.833333vw;
}

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

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

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

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

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

.sec4-p>p {
    margin-top: 0;
    font-weight: 500;
}

.sec5-p>p {
    margin-top: 0;
    font-weight: 500;
}

.sec6-p>p {
    margin-top: 0;
    font-weight: 500;
}

.sec7-p>p {
    margin-top: 0;
    font-weight: 500;
}

.sec8-p>p {
    margin-top: 0;
    font-weight: 500;
}

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

    100% {
        height: 40vw;
    }
}

.sec4-ove {
    position: absolute;
    left: 70%;
    top: 62%;
    width: 16px;
    background: url(/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/residential/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;
}

.sec5-ove {
    position: absolute;
    left: 70%;
    top: 62%;
    width: 16px;
    background: url(/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/residential/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: 62%;
    width: 16px;
    background: url(/-/media/SolarV4/solar-version2/asia-pacific/jp/solutions/residential/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: 0; */
}

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

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

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

.pic-content h2 {
    font-size: 2.708333vw;
    line-height: 1.25;
    height: 9.166667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: -2px;
    text-align: center;
}

.pic-content h3 {
    font-size: 2.1875vw;
    line-height: 1.25;
    height: 9.166667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /* letter-spacing: -2px; */
    text-align: center;
}

.pic-content p {
    font-size: 1.25vw;
    margin-top: 1.25vw;
    line-height: 1.25;
}

.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;
}

/* .section-feature .swiper-pagination-progressbar {
    background: #D1D1D1;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.section-feature .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #D60033;
} */

.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;
}

.swiper-slide {
    padding-top: 0;
}

/* .sec3-1 .slide2 {
    background-color: #EEF4FA;
} */

.sec3-2>div {
    width: 100%;
    padding: 0 calc(18.75vw - 8.5px);
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
}

.sec3-3>div {
    width: 100%;
    /* padding: 0 calc(18.75vw - 8.5px); */
    margin-left: auto;
    margin-right: auto;
}

.sec3-4>div {
    width: 100%;
    padding: 0 calc(18.75vw - 8.5px);
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
}

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

.sec3-swiper-item {
    width: 100%;
    padding: 0 calc(18.75vw - 8.5px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.sec3-2 .content-img {
    width: 100%;
    margin-top: 0;
    /* margin-left: 10.9375vw; */
    /* transform: translateX(-1.5vw); */
}

.sec3-3 .content-img {
    width: 100%;
    margin: 4.895833vw auto 0;
    position: relative;
    border-radius: 1.25vw;
    overflow: hidden;
}

.sec3-3 .feature-swiper2 .slide1 .content-logo {
    position: absolute;
    width: 14.166667vw;
    top: 0;
    right: calc(18.75vw - 8.5px);
}

.sec3-4 .content-img {
    width: 100%;
    /* margin: 5vw 0 0 6.25vw; */
}

/* .slide1 .content-img{
    width: 49.479167vw;
    margin: 2.5vw auto 0;
} */
.slide1 .content-img {
    width: 100%;
    margin: 0;
    margin-top: 0;
}

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

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

.feature-swiper1 .slide3 .content-img {
    margin-top: 0;
}

.feature-swiper1 .slide1 .content-logo {
    position: absolute;
    top: 1.04166vw;
    right: calc(18.75vw - 8.5px);
    width: 10.9375vw;
}

.feature-swiper2 .slide2 .content-img {
    width: 100%;
    margin-top: 0;
}

.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;
    cursor: pointer;
    left: 5vw;
    transform: translateY(-50%)rotate(180deg);
    top: 50%;
    width: 3.333333vw;
    opacity: .4;
    transition: .5s;
    z-index: 1;
}

.slide2>img.arrow_left {
    left: 5vw;
    transform: translateY(-50%)rotate(180deg);
}

.slide2>img.arrow_right {
    left: unset;
    right: 5vw;
    transform: translateY(-50%);
}

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

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

.slide3>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;
}











@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: 5.555556vw;
    }

    .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: 8.888889vw;
    }

    .self-consumption .section-power-plant .plant-title h3 {
        font-size: 6.666667vw;
    }

    .self-consumption .section-power-plant .plant-desc {
        top: 23.888889vw;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    .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;
        margin-right: 1.944444vw;
    }

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

    .self-consumption .section-power-plant .plant-desc .electricity .line {
        width: 4.444444vw;
        margin-right: 1.944444vw;
    }

    .self-consumption .section-power-plant .plant-desc .electricity .line div {
        width: 4.444444vw;
        height: .888889vw;
    }

    .self-consumption .section-power-plant .plant-desc .electricity .line div:nth-child(2) {
        margin-top: .555556vw;
    }

    .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 {

        user-select: none;
        -webkit-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;
    }

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

    .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: 3.333333vw;
        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% - 3.333333vw);
        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%;
    }

    .section-feature .feature-content .feature-pic {
        height: 146.944444vw;
    }

    .pic-content>div {
        padding-top: 0;
    }

    .pic-content h2 {
        font-size: 6.66666vw;
        line-height: 1.5;
        letter-spacing: 0;
        height: 37.222222vw;
        text-align: left;
        justify-content: flex-start;
        width: 86.666667vw;
        margin: auto;
    }

    .pic-content h3 {
        font-size: 5.555556vw;
        line-height: 1.5;
        letter-spacing: 0;
        height: 37.222222vw;
        text-align: left;
        justify-content: flex-start;
        width: 86.666667vw;
        margin: auto;
    }

    .pic-content.sec3-4 h2 {
        font-size: 5.555556vw;
    }

    .feature-swiper1 .slide2 h3 {
        font-size: 6.66666vw;
    }

    .pic-content.sec3-2 h3 {
        letter-spacing: -1px;
    }

    .feature-swiper1 .slide1 h2 {
        font-size: 4.44444vw;
    }

    .feature-swiper2 .slide1 h3 {
        letter-spacing: -2px;
    }

    .feature-swiper1 .slide1 .content-logo {
        top: 4.722222vw;
        right: 3.611111vw;
        width: 17.5vw;
    }

    .pic-content p {
        font-size: 4.444444vw;
        margin-top: 4.444444vw;
    }

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

    .swiper-slide {
        padding-top: 0;
    }

    .sec3-swiper-item {
        width: 92.222222vw;
        padding: 0;
    }

    .sec3-2>div {
        /* width: 86.666667vw; */
        width: 100%;
        padding: 0;
        /* background-color: #EEF4FA; */
    }

    .sec3-3>div {
        width: 100%;
    }

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

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

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

    .feature-swiper1 .slide1 .content-img {
        width: 100%;
        margin: 0 auto;
    }

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

    .feature-swiper1 .slide2 .content-img {
        margin-top: 0;
    }

    .feature-swiper1 .slide3 .content-img {
        margin-top: 0;
    }

    .sec3-2 .content-img {
        width: 92.22222vw;
        margin: auto;
        transform: none;
    }

    .sec3-3 .feature-swiper2 .slide1 h2 {
        font-size: 4.444444vw;
    }

    .sec3-3 .feature-swiper2 .slide1 .content-logo {
        position: static;
        width: 33.333333vw;
        margin-top: 3.333333vw;
    }

    .sec3-3 .content-img {
        width: 100%;
        margin: auto;
        border-radius: 2.222222vw;
    }

    .sec3-3 .slide2 .content-img {
        width: 100%;
        margin: auto;
        transform: none;
    }

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

    .sec3-5 .content-img {
        width: 100%;
        margin-top: 17.777778vw;
        margin-left: 0;
        border-radius: 2.222222vw;
    }

    .slide1>img {
        display: none;
    }

    .slide2>img {
        display: none;
    }

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

    .high-pressure-sec8.high-pressure-universal {
        height: auto;
        align-items: flex-end;
    }

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

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

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

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

    .sec8-img.universal-img {
        width: 33.611111vw;
        margin-left: 7.222222vw;
        transform: translateY(5vw) !important;
    }

    .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;
    }

    .sec8-p {
        margin-top: 8.333333vw;
    }

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

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

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

    .sec4-p {
        margin-top: 8.333333vw;
    }

    .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>div>p {
        margin-top: 3.333333vw;
    }

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

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

    .sec6-ove {
        left: 74%;
    }

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

        100% {
            height: 95vw;
        }
    }

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

    .sec4-p>p {
        margin-top: 0;
    }

    .sec5-p>p {
        margin-top: 0;
    }

    .sec6-p>p {
        margin-top: 0;
    }

    .sec7-p>p {
        margin-top: 0;
    }

    .sec8-p>p {
        margin-top: 0;
    }
}


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

}

.sec6-input>p {
    font-weight: bold;
}

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

.sec6-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

}

.sec5-input>p {
    font-weight: bold;
}

.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;
}

@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;
    }
}



/* 新增图文分离 */

.high-pressure-container .section-power-plant h3 {
    position: absolute;
    top: 6.95vw;
    left: 36.1667vw;
    font-size: 1.666667vw;
    line-height: 1.25;
    font-weight: 700;
    z-index: 2;
}

.high-pressure-container .section-power-plant span {
    position: absolute;
    font-size: .9375vw;
    font-weight: 700;
    line-height: 150%;
    color: #000;
    z-index: 2;
}



.high-pressure-container .section-power-plant span:nth-child(2) {

    top: 15.95vw;
    left: 13.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(3) {

    top: 11.95vw;
    left: 28.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(4) {

    top: 19.95vw;
    left: 32.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(5) {

    top: 21.95vw;
    left: 41.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(6) {

    top: 25.95vw;
    left: 18.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(7) {

    top: 30.5vw;

    left: 41.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(8) {

    top: 33.5vw;
    left: 41.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(9) {

top: 34.9vw;

left: 50.1667vw;

left: 50.667vw;
}

.high-pressure-container .section-power-plant span:nth-child(10) {

top: 34.9vw;

left: 64.8667vw;
}

.high-pressure-container .section-power-plant span:nth-child(11) {

    top: 35.95vw;
    left: 15.041667vw;
}

.high-pressure-container .section-power-plant span:nth-child(12) {

top: 35.5vw;

left: 75.667vw;
}

.high-pressure-container .section-power-plant .text-con {
    position: absolute;
    top: 6.15vw;
    left: 70.041667vw;
    z-index: 2;
}

.high-pressure-container .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) {
    .high-pressure-container .section-power-plant h3 {

        top: 10.95vw;
        left: 18.041667vw;
        font-size: 5.555556vw;
        line-height: 1.5;
        font-weight: 700;
        width: 62.666667vw;
        text-align: center;

    }

    .high-pressure-container .section-power-plant .text-con {
        top: 36.15vw;
        left: 36.041667vw;

    }

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


    .high-pressure-container .section-power-plant span {
        font-size: 2.15vw;
        width: 21.666667vw;
        text-align: center;
    }

    .high-pressure-container .section-power-plant span:nth-child(11) {
        top: 83.95vw;
        left: 10.041667vw;
    }

    .high-pressure-container .section-power-plant span:nth-child(6) {
        top: 92.95vw;
        left: 55.041667vw;
    }

    .high-pressure-container .section-power-plant span:nth-child(4) {
        top: 100.95vw;
        left: 9.041667vw;
    }

    .high-pressure-container .section-power-plant span:nth-child(3) {
        top: 116.95vw;
        left: 62.041667vw;
    }

    .high-pressure-container .section-power-plant span:nth-child(9) {
        top: 132.95vw;
        left: 24.41667vw;
    }

    .high-pressure-container .section-power-plant span:nth-child(5) {
        top: 132.95vw;
        left: 46.041667vw;
        transform: rotate(90deg);
    }

    .high-pressure-container .section-power-plant span:nth-child(10) {
        top: 152.95vw;
        left: 23.4667vw;

    }

    .high-pressure-container .section-power-plant span:nth-child(12) {
        top: 169.5vw;
        left: 11.041667vw;
    }

    .high-pressure-container .section-power-plant span:nth-child(7) {
        top: 119.5vw;
        left: 18.041667vw;
        writing-mode: vertical-rl;
    }


    .high-pressure-container .section-power-plant span:nth-child(8) {
        top: 119.5vw;
        left: 10.041667vw;
        writing-mode: vertical-rl;
    }

    .high-pressure-container .section-power-plant span:nth-child(2) {
        top: 154.95vw;
        left: 54.041667vw;
    }
}