.main {
    background: #000;
}

.main .home_XA {
    padding-bottom: 16px;
    height: 1080px;
}

@media screen and (max-width: 768px) {
    .main .home_XA {
        height: auto;
        padding-bottom: 32px;
    }
}

/* banner */

.dig_banner {
    height: auto;
}

.dig_banner .dig_swiper_picture>img {
    display: block;
    width: 100%;
    height: auto;
}

.dig_banner .dig_swiper {
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.dig_banner .dig_swiper_title {
    line-height: 80px;
    position: absolute;
    top: 18.63%;
    left: 16.66%;
}

.dig_banner .dig_swiper_title>p {
    font-size: 80px;
    color: #ffffff;
    line-height: 100px;
    font-weight: 700;
}

.dig_banner .dig_swiper_desc {
    max-width: 19.2%;
    top: 20.63%;
    position: absolute;
    left: 16.66%;
}

.dig_banner .dig_swiper_title span {
    display: block;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
}

.dig_banner .dig_swiper_title p+span {
    margin-top: 30px;
}

.dig_banner .dig_swiper_button {
    margin-top: 20px;
}

.dig_banner .dig_swiper_button button {
    width: 160px;
    height: 40px;
    border-radius: 30px;
    border: 0;
    cursor: pointer;
}

.dig_BannerSwiper_pagination .swiper-pagination-bullet {
    width: 80px;
    height: 5px;
    cursor: pointer;
    display: inline-block;
    background: #999;
    margin: 0 6px !important;
    border-radius: 10px;
    opacity: 1;
}

.dig_BannerSwiper_pagination .swiper-pagination-bullet-active {
    background: #eee;
}

.dig_BannerSwiper_pagination {
    bottom: 32px !important;
}

@media screen and (max-width: 1440px) {
    .dig_banner .dig_swiper_picture>img {
        display: block;
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }

    .dig_banner .dig_swiper_title {
        top: 18.63%;
        left: 80px;
    }

    .dig_banner .dig_swiper_title>p {
        font-size: 72px;
        line-height: 80px;
    }
}

@media screen and (max-width: 1280px) {
    .dig_banner .dig_swiper_title>p {
        font-size: 48px;
        line-height: 60px;
    }
}

@media screen and (max-width: 768px) {
    .dig_banner .dig_swiper_content {
        width: 100%;
        height: auto;
    }

    .dig_banner .dig_swiper_title {
        top: 80px;
        position: absolute;
        left: 24px;
    }

    .dig_banner .dig_swiper_title>p {
        font-size: 27px;
        line-height: 36px;
    }

    .dig_banner .dig_swiper_title span {
        font-size: 14px;
        line-height: 23px;
        color: #fff;
    }

    .dig_banner .dig_swiper_title p+span {
        margin-top: 10px;
    }

    .dig_swiper_picture {
        width: 100%;
        height: calc(100vh - 48px);
    }

    .dig_swiper_picture>img {
        width: 100%;
        height: 100vh;
    }

    .dig_BannerSwiper_pagination .swiper-pagination-bullet {
        width: 24px;
        margin: 0 4px !important;
        border-radius: 8px;
    }

    .dig_BannerSwiper_pagination {
        bottom: 40px !important;
    }

    .dig_banner {
        height: auto;
    }

    .dig_banner .dig_swiper_picture>img {
        height: auto;
    }
}

#dig_swiper_banner {
    background-color: #fff;
    position: relative;
}

#dig_swiper_banner .dig_banner_picture img {
    width: 100%;
    display: block;
}

#dig_swiper_banner .dig_banner_content {
    position: absolute;
    top: 16.45833vw;
    left: 12.91666vw;
}

#dig_swiper_banner .dig_banner_content>img {
    width: 16.5625vw;
}

#dig_swiper_banner .dig_banner_content>h2 {
    font-size: 3.125vw;
    color: #333333;
    letter-spacing: 0.72px;
    line-height: 1.2;
    font-weight: Bold;
    margin-top: 1.04166vw;
}

#dig_swiper_banner .dig_banner_content>h2>span {
    font-weight: normal;
}

#dig_swiper_banner .dig_banner_content>h3 {
    margin-top: 2.60416vw;
    font-size: 1.5625vw;
    color: #333333;
    letter-spacing: 0.25px;
    line-height: 1;
    font-weight: Bold;
}

#dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc {
    display: flex;
    margin-top: 1.2vw;
}

#dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div {
    display: flex;
    align-items: start;
}

#dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div>img {
    width: 1.19791vw;
    margin-right: 0.49479vw;
}

#dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div>span {
    font-size: 0.9375vw;
    color: #333333;
    letter-spacing: 0.23px;
}

#dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div:nth-of-type(1) {
    margin-right: 4.92708vw;
}

@media screen and (max-width: 768px) {
    #dig_swiper_banner .dig_banner_content {
        top: 16.80555vw;
        left: 50%;
        transform: translateX(-50%);
        width: 77.36111vw;
        text-align: center;
    }

    #dig_swiper_banner .dig_banner_content>img {
        width: 31.73611vw;
    }

    #dig_swiper_banner .dig_banner_content>h2 {
        font-size: 8.08472vw;
        color: #333333;
        letter-spacing: 0;
        line-height: 1;
        font-weight: Bold;
        margin-top: 4.94444vw;
    }

    #dig_swiper_banner .dig_banner_content>h3 {
        font-size: 5.19722vw;
        color: #333333;
        letter-spacing: 0.62px;
        line-height: 1;
        margin-top: 6.19444vw;
    }

    #dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc {
        justify-content: space-between;
        margin-top: 3.54166vw;
    }

    #dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div>img {
        width: 3.33333vw;
        margin-right: 1.375vw;
    }

    #dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div>span {
        font-size: 2.88749vw;
        text-align: left;
    }

    #dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div {
        width: 60%;
    }

    #dig_swiper_banner .dig_banner_content .dig_banner_time_and_loc>div:nth-of-type(1) {
        width: 40%;
        margin-right: 0;
    }
}

/* 手风琴 */
.dig_carouse_accordion {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.dig_carouse_accordion .dig_carouse_headerTitle {
    font-weight: bold;
    font-size: 70px;
    color: #ffffff;
    position: absolute;
    top: 14%;
    left: 7%;
    max-width: 960px;
    z-index: 1;
    pointer-events: none;
}

.dig_carouse_accordion_box {
    display: flex;
    height: 100%;
    width: 100%;
}

.dig_carouse_accordion_li {
    border-radius: 16px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 8px;
    transition: flex 400ms ease;
    -ms-transition: flex 400ms ease;
    -moz-transition: flex 400ms ease;
    -webkit-transition: flex 400ms ease;
    -o-transition: flex 400ms ease;
    flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
    -o-flex: 1;
}

.dig_carouse_accordion_li>img {
    height: 100%;
    border-radius: 16px;
}

.dig_carouse_accordion_li .dig_ca_text_wrap {
    position: absolute;
    bottom: 60px;
    left: 40px;
}

.dig_carouse_accordion_li .dig_ca_li_title {
    font-size: 20px;
    color: #ffffff;
    width: 130px;
}

.dig_carouse_accordion_li .dig_ca_li_desc {
    opacity: 0.7;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    margin: 20px 0 26px 0;
}

.dig_carouse_accordion_li .dig_ca_li_btn {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 19px;
    cursor: pointer;
}

.dig_carouse_accordion_li .dig_ca_li_btn img {
    vertical-align: bottom;
    margin-right: 8px;
}

.dig_carouse_accordion_li .dig_ca_mock {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.3) 100%);
}

.dig_carouse_accordion_li.active {
    flex: 3.5;
    -ms-flex: 3.5;
    -moz-flex: 3.5;
    -webkit-flex: 3.5;
    -o-flex: 3.5;
}

.dig_carouse_accordion_li.active .dig_ca_text_wrap {
    left: 60px;
    margin-right: 60px;
    z-index: 99;
}

.dig_carouse_accordion_li.active .dig_ca_li_desc {
    max-width: 560px;
}

.dig_carouse_accordion_li.active .dig_ca_li_title {
    font-size: 24px;
    color: #ffffff;
    width: 500px;
    padding-right: 32px;
    margin-bottom: 24px;
}

@media screen and (max-width: 1280px) {
    .dig_carouse_accordion .dig_carouse_headerTitle {
        font-size: 48px;
        max-width: 780px;
    }

    .dig_carouse_accordion_li .dig_ca_text_wrap {
        position: absolute;
        bottom: 60px;
        left: 16px;
    }

    .dig_carouse_accordion_li .dig_ca_li_title {
        font-size: 16px;
        width: calc(100% - 20px);
    }

    .dig_carouse_accordion_li.active .dig_ca_text_wrap {
        left: 16px;
    }

    .dig_carouse_accordion_li.active .dig_ca_li_title {
        font-size: 16px;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .dig_carouse_accordion {
        height: auto;
    }

    .dig_carouse_accordion .dig_carouse_headerTitle {
        position: static;
        text-align: center;
        font-size: 24px;
        line-height: 28px;
        margin: 0 auto;
        margin-bottom: 24px;
        width: 278px;
    }

    .dig_carouse_accordion_box {
        display: block;
        height: auto;
    }

    .dig_carouse_accordion_li {
        height: 88px;
        width: calc(100% - 24px);
        box-sizing: border-box;
        transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }

    .dig_carouse_accordion_li .dig_ca_text_wrap {
        position: absolute;
        bottom: 24px;
        left: 24px;
        margin-right: 0;
    }

    .dig_carouse_accordion_li img {
        width: 100%;
        height: auto;
    }

    .dig_carouse_accordion_li .dig_ca_li_title {
        width: auto;
        margin-right: 24px;
        font-size: 16px;
        max-width: 100%;
    }

    .dig_carouse_accordion_li .dig_ca_li_btn img {
        width: 16px !important;
    }

    .dig_carouse_accordion_li.active {
        height: auto;
        transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }

    .dig_carouse_accordion_li.active .dig_ca_text_wrap {
        bottom: 24px;
        left: 24px;
        margin-right: 0;
    }

    .dig_carouse_accordion_li.active img {
        width: 100%;
    }

    .dig_carouse_accordion_li.active .dig_ca_li_title {
        width: auto;
        margin-bottom: 0;
        font-size: 20px;
        max-width: 100%;
        padding-right: 0;
    }
}


/* pvSystem */
.home_pvSystem {
    width: 100%;
    height: calc(100% - 106px);
    overflow: hidden;
    position: relative;
}

.home_pvSystem>video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.home_pvSystem_bg_m {
    display: none;
}

.home_pvSystem .home_pvSystem_tag {
    cursor: pointer;
    animation-fill-mode: forwards;
    position: absolute;
    display: flex;
    align-items: center;
    width: 194px;
    padding: 12px 16px;
    animation-name: fadeIn;
    animation-duration: 2s;
    /* border: 1px solid rgba(0, 0, 0, 0.5); */
    border-radius: 0.625rem;
    background-color: rgba(0, 0, 0, 0.7);
}

html[data-region='dk'] .home_pvSystem .home_pvSystem_tag {
    width: 228px;
}

.home_pvSystem .home_pvSystem_tag:before {
    position: absolute;
    bottom: -10px;
    left: 80%;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.7);
    border-bottom: 0;
}

.home_pvSystem .home_pvSystem_tag>img {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.home_pvSystem .home_pvSystem_tag:hover {
    z-index: 3;
}

.home_pvSystem .home_pvSystem_tag:hover .home_pvSystem_tag_sub {
    display: flex !important;
}

.home_pvSystem .home_pvSystem_tag0 {
    z-index: 1;
    bottom: 29%;
    left: 9%;
}

.home_pvSystem .home_pvSystem_tag1 {
    top: 18%;
    left: 31%;
}

.home_pvSystem .home_pvSystem_tag2 {
    top: 44%;
    left: 40%;
}

.home_pvSystem .home_pvSystem_tag3 {
    bottom: 19%;
    left: 49%;
}

.home_pvSystem .home_pvSystem_tag4 {
    top: 12%;
    left: 61%;
}

.home_pvSystem .home_pvSystem_tag_desc {
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
}

.home_pvSystem .home_pvSystem_tag_sub {
    position: absolute;
    left: -40%;
    top: -110%;
    width: 460px;
    min-height: 287px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: none;
}

.home_pvSystem .home_pvSystem_tag_sub>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_title {
    color: #ffffff;
    position: relative;
    z-index: 2;
    font-weight: bold;
    font-size: 36px;
    padding: 40px;
    /* left: 40px; */
    /* top: 76px; */
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns {
    /* position: absolute;
    left: 40px;
    bottom: 40px; */
    position: relative;
    z-index: 2;
    padding: 0 40px 40px;
    display: flex;
    align-items: center;
    color: #fff;
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn {
    padding-left: 24px;
    padding-right: 24px;
    border-right: 1px solid #fff;
    display: flex;
    align-items: center;
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn:last-child {
    border-right: 0;
    padding-right: 0;
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn:first-child {
    padding-left: 0;
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvs_sub_icon {
    display: inline-block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 8px;
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvs_sub_icon1 {
    background-image: url('/Assets/solar/v4/img/Home/man-user.png');
}

.home_pvSystem .home_pvSystem_tag_sub .home_pvs_sub_icon2 {
    background-image: url('/Assets/solar/v4/img/Home/engineer.png');
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media screen and (max-width: 1440px) {
    .home_pvSystem .home_pvSystem_tag0 {
        z-index: 1;
        bottom: 29%;
        left: 5%;
    }

    .home_pvSystem .home_pvSystem_tag1 {
        top: 18%;
        left: 27%;
    }

    .home_pvSystem .home_pvSystem_tag2 {
        top: 44%;
        left: 36%;
    }

    .home_pvSystem .home_pvSystem_tag3 {
        bottom: 19%;
        left: 45%;
    }

    .home_pvSystem .home_pvSystem_tag4 {
        top: 12%;
        left: 57%;
    }

    .home_pvSystem .home_pvSystem_tag_sub {
        position: absolute;
        left: -40%;
        top: -110%;
        width: 460px;
        min-height: 287px;
        border-radius: 8px;
        background: rgba(0, 0, 0, 0.9);
        display: none;
    }

    .home_pvSystem .home_pvSystem_tag_sub>img {
        max-width: 100%;
        height: 100%;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_title {
        color: #ffffff;
        /* position: absolute; */
        font-weight: bold;
        font-size: 36px;
        padding: 40px;
        /* left: 40px; */
        /* top: 76px; */
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns {
        /* position: absolute; */
        padding: 0 40px 40px;
        /* left: 40px;
        bottom: 40px; */
        display: flex;
        align-items: center;
        color: #fff;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn {
        padding-left: 24px;
        padding-right: 24px;
        border-right: 1px solid #fff;
        display: flex;
        align-items: center;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn:last-child {
        border-right: 0;
        padding-right: 0;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn:first-child {
        padding-left: 0;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvs_sub_icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-right: 8px;
    }
}

@media screen and (max-width: 1440px) {
    .home_pvSystem .home_pvSystem_tag0 {
        z-index: 1;
        bottom: 29%;
        left: 3%;
    }

    .home_pvSystem .home_pvSystem_tag1 {
        top: 18%;
        left: 25%;
    }

    .home_pvSystem .home_pvSystem_tag2 {
        top: 44%;
        left: 34%;
    }

    .home_pvSystem .home_pvSystem_tag3 {
        bottom: 19%;
        left: 43%;
    }

    .home_pvSystem .home_pvSystem_tag4 {
        top: 12%;
        left: 55%;
    }

    .home_pvSystem .home_pvSystem_tag_sub {
        position: absolute;
        width: 340px;
        min-height: 187px;
        border-radius: 8px;
    }

    .home_pvSystem .home_pvSystem_tag_sub>img {
        max-width: 100%;
        height: 100%;
        width: 100%;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_title {
        font-size: 28px;
        padding: 24px;
        /* left: 24px; */
        /* top: 24px; */
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns {
        /* left: 24px; */
        /* bottom: 24px; */
        padding: 0 24px 24px;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 14px;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn:last-child {
        border-right: 0;
        padding-right: 0;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn:first-child {
        padding-left: 0;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvs_sub_icon {
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

    .home_pvSystem .home_pvSystem_tag_sub0 {
        left: 0%;
        top: -300%;
    }

    .home_pvSystem .home_pvSystem_tag_sub1 {
        left: 100%;
        top: 15%;
    }

    .home_pvSystem .home_pvSystem_tag_sub2 {
        left: 100%;
        top: 15%;
    }

    .home_pvSystem .home_pvSystem_tag_sub3 {
        left: 0%;
        top: -300%;
    }

    .home_pvSystem .home_pvSystem_tag_sub4 {
        left: -180%;
        top: 0%;
    }
}

@media screen and (max-width: 1024px) {
    .home_pvSystem {
        height: 270px;
    }

    .home_pvSystem .home_pvSystem_tag {
        width: 20px;
        height: 20px;
        padding: 0;
        border: 0;
        border-radius: unset;
        background: url('/Assets/solar/v4/img/Home/dotted.png') no-repeat center center;
        background-size: 100%;
    }

    .home_pvSystem .home_pvSystem_tag:before {
        display: none;
    }

    .home_pvSystem .home_pvSystem_tag>img {
        display: none;
    }

    .home_pvSystem .home_pvSystem_tag .home_pvSystem_tag_desc {
        display: none;
    }

    .home_pvSystem .home_pvSystem_tag .home_pvSystem_tag_sub.active {
        display: block;
    }

    .home_pvSystem .home_pvSystem_tag0 {
        bottom: 23%;
        left: 13%;
    }

    .home_pvSystem .home_pvSystem_tag1 {
        top: 22%;
        left: 35%;
    }

    .home_pvSystem .home_pvSystem_tag2 {
        top: 51%;
        left: 39%;
    }

    .home_pvSystem .home_pvSystem_tag3 {
        bottom: 11%;
        left: 56%;
    }

    .home_pvSystem .home_pvSystem_tag4 {
        top: 17%;
        left: 67%;
    }

    .home_pvSystem .home_pvSystem_tag_sub {
        width: 180px;
        min-height: 108px;
    }

    .home_pvSystem .home_pvSystem_tag_sub>img {
        width: 100%;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_title {
        font-size: 12px;

        padding: 12px;
        /* left: 12px; */
        /* top: 12px; */
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns {
        /* left: 12px; */
        /* bottom: 12px; */
        padding: 0 12px 12px;
        display: block;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn {
        padding: 0;
        border-right: 0;
        display: block;
        font-size: 12px;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn1 {
        padding: 0;
        border-right: 0;
        line-height: 16px;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_btns .home_pvSystem_sub_btn2 {
        padding: 0;
        line-height: 16px;
    }

    .home_pvSystem .home_pvSystem_tag_sub .home_pvs_sub_icon {
        flex: 0 0 10px;
        width: 10px;
        height: 10px;
        margin-right: 4px;
    }

    .home_pvSystem .home_pvSystem_tag_sub0 {
        left: 0%;
        top: -548%;
    }

    .home_pvSystem .home_pvSystem_tag_sub1 {
        left: 100%;
        top: 15%;
    }

    .home_pvSystem .home_pvSystem_tag_sub2 {
        left: 100%;
        top: 15%;
    }

    .home_pvSystem .home_pvSystem_tag_sub3 {
        left: -804%;
        top: -548%;
    }

    .home_pvSystem .home_pvSystem_tag_sub4 {
        left: -903%;
        top: 0%;
    }
}

@media screen and (max-width: 768px) {
    .home_pvSystem>video {
        display: none;
    }

    .home_pvSystem_bg_m {
        display: block;
        width: 100%;
        height: 100%;
    }
}

/* banner */
.home_banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* height: 800px; */
    /* height: calc(100% - 106px); */
}

.home_banner>video {
    object-fit: cover;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.home_banner_content {
    position: absolute;
    top: 18.63%;
    left: 16.6666%;
    z-index: 2;
}

.home_banner_title>p {
    font-family: "HarmonyOS_Sans_Bold";
    font-size: 80px;
    color: #ffffff;
    line-height: 100px;
    font-weight: bold;
}

.home_banner_title span {
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 53px;
    font-weight: normal;
}

.home_banner_btn {
    margin-top: 140px;
}

.home_banner_HiddenedVideo {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.85);
    display: none;
}

.home_banner_HV_content {
    width: 1280px;
    height: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home_banner_HV_content>video {
    width: 100%;
    height: 100%;
}

.home_banner_HV_close {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: -5%;
    right: -5%;
}

@media screen and (max-width: 1440px) {
    .home_banner_content {
        left: 80px;
    }

    .home_banner_title>p {
        font-size: 72px;
        line-height: 80px;
    }

    .home_banner_btn {
        margin-top: 80px;
    }

    .home_banner_HV_content {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: unset;
        display: flex;
        align-items: center;
    }

    .home_banner_HV_content>video {
        height: auto;
    }

    .home_banner_HV_close {
        width: 16px;
        height: 16px;
        top: 65%;
        right: 50%;
        transform: translateX(50%);
        z-index: 11;
    }
}

@media screen and (max-width: 1280px) {
    .home_banner_title>p {
        font-size: 48px;
        line-height: 60px;
    }
}

@media screen and (max-width: 768px) {
    .home_banner_title span {
        font-size: 14px;
    }

    .home_banner {
        height: calc(100vh - 48px);
    }

    .home_banner_content {
        top: 80px;
        left: 24px;
    }

    .home_banner_title>p {
        font-size: 26px;
        line-height: 36px;
    }

    .home_banner_btn {
        margin-top: 40px;
    }

    .home_banner_HV_content {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: unset;
        display: flex;
        align-items: center;
    }

    .home_banner_HV_content>video {
        height: auto;
    }

    .home_banner_HV_close {
        width: 16px;
        height: 16px;
        top: 65%;
        right: 50%;
        transform: translateX(50%);
        z-index: 11;
    }
}

/* 数字面板 */
.home_dig_panel {
    padding-top: 108px;
    padding-bottom: 108px;
}

.home_dig_panel_items {
    display: flex;
    width: 100%;
    padding: 0 10%;
    color: #fff;
    justify-content: space-evenly;
}

.home_dig_panel_item {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 16px;
}

.home_dig_panel_item>h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 80px;
    line-height: 92px;
    display: flex;
    align-items: center;
}

.home_dig_panel_item>h2>img {
    height: 80px;
    width: 80px;
    margin-right: 16px;
}

.home_dig_panel_item>p {
    margin-top: 32px;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
}

@media screen and (max-width: 1440px) {
    .home_dig_panel_items {
        padding: 0 80px;
    }

    .home_dig_panel_item>h2 {
        font-size: 72px;
        line-height: 80px;
    }

    .home_dig_panel_item>h2>img {
        height: 72px;
        width: 72px;
    }

    .home_dig_panel_item>p {
        text-align: center;
        color: #ffffff;
        font-size: 24px;
    }
}

@media screen and (max-width: 1280px) {
    .home_dig_panel_item>h2 {
        font-size: 48px;
        line-height: 52px;
    }

    .home_dig_panel_item>h2>img {
        height: 48px;
        width: 48px;
    }

    .home_dig_panel_item>p {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .home_dig_panel {
        padding-top: 48px;
        padding-bottom: 24px;
    }

    .home_dig_panel_items {
        padding: 0;
        display: block;
    }

    .home_dig_panel_item {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    .home_dig_panel_item>h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .home_dig_panel_item>h2>img {
        height: 24px;
        width: 24px;
        margin-right: 4px;
    }

    .home_dig_panel_item>p {
        margin-top: 8px;
        font-size: 12px;
        line-height: 16px;
    }
}

/* 地球模块 */
.home_global .home_glb_canvas {
    position: sticky;
    /* position: -webkit-sticky; */
    width: 100%;
    height: 100vh;
    background: url('/Assets/solar/v4/img/Home/globalGb.jpg') center center no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    padding-top: 144px;
    overflow: hidden;
}

.home_global .home_glb_canvas>canvas {
    width: 752px;
    height: 752px;
}

.home_global .home_glb_content {
    width: 100%;
    height: 1080px;
    background-color: transparent;
    position: relative;
    z-index: 1;
    will-change: transform;
}

.home_global .home_glb_inner_content {
    display: flex;
    position: absolute;
    bottom: 32px;
    left: 80px;
    width: calc(100% - 160px);
    padding: 40px 56px 40px;
    color: #fff;
    align-items: center;
    background-color: rgba(32, 32, 34, 0.8);
    border-radius: 16px;
    transform: translateY(-1080px);
}

.home_global .home_glb_inner_content .inCont_split {
    width: 2px;
    height: 80px;
    background-color: #979797;
}

.home_global .home_glb_inner_content .inCont_left {
    width: 42%;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 56px;
}

.home_global .home_glb_inner_content .inCont_left .inCont_left_value {
    font-size: 72px;
}

.home_global .home_glb_inner_content .inCont_left .inCont_left_desc {
    font-weight: bold;
    font-size: 30px;
    color: #ffffff;
    margin-left: 40px;
}

.home_global .home_glb_inner_content .inCont_left_value_yellow {
    color: rgb(253, 192, 0);
}

.home_global .home_glb_inner_content .inCont_left_value_orange {
    color: rgb(255, 137, 79);
}

.home_global .home_glb_inner_content .inCont_left_value_green {
    color: rgb(0, 191, 201);
}


.home_global .home_glb_inner_content .inCont_right {
    display: flex;
    flex: 1 1;
    padding: 0 56px;
    padding-right: 0;
}

.home_global .home_glb_inner_content .inCont_right .inCont_right_subItem {
    flex: 1;
    padding-right: 16px;
    word-break: break-word;
}

.home_global .home_glb_inner_content .inCont_right .inCont_right_subItem:last-child {
    padding-right: 0;
}

.home_global .home_glb_inner_content .inCont_right .inCont_right_subItem_value {
    font-weight: bold;
    font-size: 40px;
    color: #ffffff;
}

.home_global .home_glb_inner_content .inCont_right .inCont_right_subItem_desc {
    font-size: 20px;
    color: #ffffff;
}

@media screen and (max-width: 1280px) {
    .home_global .home_glb_canvas_mobile>canvas {
        width: 700px;
        height: 700px;
    }

    .home_global .home_glb_inner_content {
        bottom: 32px;
        left: 24px;
        width: calc(100% - 48px);
        padding: 32px 24px 32px;
    }

    .home_global .home_glb_inner_content .inCont_split {
        width: 2px;
        height: 80px;
    }

    .home_global .home_glb_inner_content .inCont_left {
        width: 42%;
        padding-right: 32px;
    }

    .home_global .home_glb_inner_content .inCont_left .inCont_left_value {
        font-size: 48px;
    }

    .home_global .home_glb_inner_content .inCont_left .inCont_left_desc {
        font-size: 24px;
        margin-left: 32px;
    }

    .home_global .home_glb_inner_content .inCont_right {
        padding: 0 32px;
        padding-right: 0;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem {
        flex: 1;
        padding-right: 16px;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem:last-child {
        padding-right: 0;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem_value {
        font-size: 32px;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem_desc {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .home_global .home_glb_canvas_mobile {
        padding-top: 30%;
    }

    .home_global .home_glb_canvas_mobile>canvas {
        width: 600px;
        height: 600px;
    }

    .home_global .home_glb_inner_content {
        flex-direction: column;
        bottom: 0;
        left: 12px;
        width: calc(100% - 24px);
        padding: 0 12px;
        border-radius: 8px;
        transform: translateY(-1080px);
    }

    .home_global .home_glb_inner_content .inCont_split {
        width: 100%;
        height: 1px;
    }

    .home_global .home_glb_inner_content .inCont_left {
        width: 100%;
        padding: 24px 20px;
    }

    .home_global .home_glb_inner_content .inCont_left .inCont_left_value {
        font-size: 26px;
    }

    .home_global .home_glb_inner_content .inCont_left .inCont_left_desc {
        font-size: 16px;
        margin-left: 32px;
        line-height: 20px;
    }

    .home_global .home_glb_inner_content .inCont_right {
        padding: 12px 0;
        flex-wrap: wrap;
        width: 100%;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem {
        padding: 12px;
        flex: 0 0 50%;
        text-align: center;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem:last-child {
        padding-right: 12px;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem_value {
        font-size: 20px;
        line-height: 24px;
    }

    .home_global .home_glb_inner_content .inCont_right .inCont_right_subItem_desc {
        font-size: 14px;
        line-height: 18px;
    }
}

.home_onlineHall {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 2;
}

.home_onlineHall>video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.home_onlineHall .hO_hallTitle {
    z-index: 1;
    width: 800px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

.home_onlineHall .hO_hallTitle .hO_circle {
    width: 170px;
    height: 170px;
    background-image: url('/Assets/solar/v4/img/Home/circle.png');
    position: absolute;
    top: -35px;
    background-size: 100%;
}

.home_onlineHall .hO_hallTitle>h2 {
    font-weight: bold;
    font-size: 60px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.72);
}

.home_onlineHall .hO_hallTitle>p {
    width: 715px;
    font-family: "HarmonyOS_Sans";
    margin-top: 40px;
    margin-bottom: 150px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 24px;
}

.home_onlineHall .hO_btn {
    z-index: 1;
}

@media screen and (max-width: 1280px) {
    .home_onlineHall .hO_hallTitle>p {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 768px) {
    .home_onlineHall .hO_hallTitle {
        width: auto;
    }

    .home_onlineHall .hO_hallTitle .hO_circle {
        width: 67px;
        height: 67px;
        top: -12px;
    }

    .home_onlineHall .hO_hallTitle>h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .home_onlineHall .hO_hallTitle>p {
        width: 314px;
        margin-top: 24px;
        margin-bottom: 40px;
        font-size: 12px;
        line-height: 14px;
    }

    .home_onlineHall .hO_btn {
        z-index: 1;
    }
}


html[data-region='pl'] .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_title {
    font-size: 25px;
    padding-top: 6vw;
}

@media (max-width: 1280px) {
    html[data-region='pl'] .home_pvSystem .home_pvSystem_tag_sub .home_pvSystem_sub_title {
        font-size: 12px;
    }
}

/* 修改首页增加一屏轮播的被切情况 */
.dig_banner .dig_swiper_picture>img {
    height: auto;
}

@media screen and (max-width: 1440px) {
    .dig_banner .dig_swiper_picture>img {
        height: auto;
    }
}

.dig_banner {
    height: auto;
}

#dig_recommends {
    width: 88.54vw;
    margin: auto;
}

#dig_recommends_mob {
    display: none;
}

#dig_recommends img {
    display: block;
    width: 100%;
}

.dig_recommends_inner {
    display: flex;
    justify-content: space-between;
    margin-top: -4.6875vw;
}

@media screen and (max-width: 1600px) {
    .dig_recommends_inner {
        margin-top: -2.34375vw;
    }
}

.dig_recommends_inner .dig_recommends_container {
    position: relative;
}

.dig_recommends_inner .dig_recommends_container>.dig_recommends_info {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.8;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.67) 100%);
    padding: 0.9375vw 0 1.66666vw 1.66666vw;
    width: 100%;
    border-bottom-left-radius: 0.83333vw;
    border-bottom-right-radius: 0.83333vw;
    padding-right: 2.91666vw;
}

.dig_recommends_inner .dig_recommends_container>.dig_recommends_info>h3 {
    font-family: PingFangSC;
    font-size: 0.72916vw;
    color: #FFFFFF;
    letter-spacing: 0;
}

.dig_recommends_inner .dig_recommends_container>.dig_recommends_info>p {
    font-family: PingFangSC;
    font-size: 1.25vw;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-top: 0.52083vw;
}

.dig_recommends_inner .dig_recommends_container>.dig_recommends_info>p.p_smaller {
    font-size: 0.83333vw;
}

.dig_recommends_inner .dig_recommends_container>.dig_recommends_info>a {
    display: flex;
    align-items: center;
    font-family: PingFangSC;
    font-size: 0.72916vw;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-top: 1.25vw;
}

.dig_recommends_inner .dig_recommends_container>.dig_recommends_info a>span {
    margin-left: 0.52083vw;
}

#dig_recommends .dig_recommends_inner .dig_recommends_container>.dig_recommends_info a>span img {
    width: 0.88541vw;
}

.dig_recommends_inner .dig_recommends_container picture img {
    border-radius: 0.83333vw;
}

/* 三个开始 */

.dig_recommends_inner.third .dig_recommends_left {
    width: 55.0588%;
}

.dig_recommends_inner.third .dig_recommends_right {
    width: 43.5294%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 四个开始 */

.dig_recommends_inner.forth .dig_recommends_left {
    width: 66.23529%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dig_recommends_inner.forth .dig_recommends_right {
    width: 32.35294%;
}

.dig_recommends_inner.forth .dig_recommends_left .dig_recommends_left_down {
    display: flex;
    justify-content: space-between;
}

.dig_recommends_inner.forth .dig_recommends_left .dig_recommends_left_down .dig_recommends_left_down_left,
.dig_recommends_inner.forth .dig_recommends_left .dig_recommends_left_down .dig_recommends_left_down_right {
    width: 48.93%;
}

/* 五个开始 */
.dig_recommends_inner.fifth {
    flex-direction: column;
}

.dig_recommends_inner.fifth .dig_recommends_up {
    display: flex;
    justify-content: space-between;
}

.dig_recommends_inner.fifth .dig_recommends_down {
    display: flex;
    justify-content: space-between;
}

.dig_recommends_inner.fifth .dig_recommends_up .dig_recommends_up_left {
    width: 55.05882%;
}

.dig_recommends_inner.fifth .dig_recommends_up .dig_recommends_up_right {
    width: 43.52941%;
}

.dig_recommends_inner.fifth .dig_recommends_down {
    margin-top: 1.25vw;
}

.dig_recommends_inner.fifth .dig_recommends_down .dig_recommends_down_left,
.dig_recommends_inner.fifth .dig_recommends_down .dig_recommends_down_middle,
.dig_recommends_inner.fifth .dig_recommends_down .dig_recommends_down_right {
    width: 32.41176%;
}

/* 六个开始 */
.dig_recommends_inner.sixth {
    flex-direction: column;
}

.dig_recommends_inner.sixth .dig_recommends_up {
    display: flex;
    justify-content: space-between;
}

.dig_recommends_inner.sixth .dig_recommends_down {
    display: flex;
    justify-content: space-between;
}

.dig_recommends_inner.sixth .dig_recommends_up .dig_recommends_up_left {
    width: 55.05882%;
}

.dig_recommends_inner.sixth .dig_recommends_up .dig_recommends_up_right {
    width: 43.52941%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dig_recommends_inner.sixth .dig_recommends_down {
    margin-top: 1.25vw;
}

.dig_recommends_inner.sixth .dig_recommends_down .dig_recommends_down_left,
.dig_recommends_inner.sixth .dig_recommends_down .dig_recommends_down_middle {
    width: 26.82352%;
}

.dig_recommends_inner.sixth .dig_recommends_down .dig_recommends_down_right {
    width: 43.52941%;
}

/* 七个开始 */
.dig_recommends_inner.seventh {
    flex-direction: column;
}

.dig_recommends_inner.seventh .dig_recommends_up {
    display: flex;
    justify-content: space-between;
}

.dig_recommends_inner.seventh .dig_recommends_down {
    display: flex;
    justify-content: space-between;
}

.dig_recommends_inner.seventh .dig_recommends_up .dig_recommends_up_left {
    width: 49.29411%;
}

.dig_recommends_inner.seventh .dig_recommends_up .dig_recommends_up_right {
    display: flex;
    justify-content: space-between;
    width: 49.29411%;
}

.dig_recommends_inner.seventh .dig_recommends_up .dig_recommends_up_right .dig_recommends_up_right_left,
.dig_recommends_inner.seventh .dig_recommends_up .dig_recommends_up_right .dig_recommends_up_right_right {
    width: 48.56801%;
}

.dig_recommends_inner.seventh .dig_recommends_up .dig_recommends_up_right .dig_recommends_up_right_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dig_recommends_inner.seventh .dig_recommends_down {
    margin-top: 1.41176vw;
}

.dig_recommends_inner.seventh .dig_recommends_down .dig_recommends_down_left,
.dig_recommends_inner.seventh .dig_recommends_down .dig_recommends_down_middle {
    width: 23.94117%;
}

.dig_recommends_inner.seventh .dig_recommends_down .dig_recommends_down_right {
    width: 49.47058%;
}

@media screen and (max-width: 768px) {
    #dig_recommends {
        display: none;
    }

    #dig_recommends_mob {
        display: block;
        width: 91.11111vw;
        margin: auto;
        margin-top: -10.27777vw;
    }

    #dig_recommends_mob img {
        display: block;
        width: 100%;
    }

    .dig_recommends_inner_mob {
        margin-top: 10.27777vw;
    }

    .dig_recommends_inner_mob .dig_recommends_container {
        position: relative;
    }

    .dig_recommends_inner_mob .dig_recommends_container>.dig_recommends_info {
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0.8;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.67) 100%);
        padding: 10vw 0 5vw 5.55555vw;
        width: 100%;
        border-bottom-left-radius: 1.94444vw;
        border-bottom-right-radius: 1.94444vw;
    }

    .dig_recommends_inner_mob .dig_recommends_container>.dig_recommends_info.padding-small {
        padding: 10vw 4.44444vw 5vw 4.44444vw;
    }

    .dig_recommends_inner_mob .dig_recommends_swiper_container .dig_recommends_container>.dig_recommends_info.padding-small {
        padding: 10vw 4.44444vw 10vw 4.44444vw;
    }

    .dig_recommends_inner_mob .dig_recommends_container>.dig_recommends_info>h3 {
        font-size: 3.33333vw;
        color: #FFFFFF;
        letter-spacing: 0;
        font-weight: normal;
    }

    .dig_recommends_inner_mob .dig_recommends_container>.dig_recommends_info>p {
        font-size: 4.44444vw;
        color: #FFFFFF;
        letter-spacing: 0;
        margin-top: 2.22222vw;
    }

    .dig_recommends_inner_mob .dig_recommends_container>.dig_recommends_info>p.p_small {
        font-size: 3.33333vw;
    }

    .dig_recommends_inner_mob .dig_recommends_container picture img {
        border-radius: 1.94444vw;
    }

    .dig_recommends_inner_mob.third .dig_recommends_down {
        display: flex;
        justify-content: space-between;
        margin-top: 3.33333vw;
    }

    .dig_recommends_inner_mob.third .dig_recommends_down .dig_recommends_down_left {
        width: 48.17073%;
    }

    .dig_recommends_inner_mob.third .dig_recommends_down .dig_recommends_down_right {
        width: 48.17073%;
    }

    .dig_recommends_inner_mob.forth {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dig_recommends_inner_mob.forth .dig_recommends_container {
        width: 48.17073%;
    }

    .dig_recommends_inner_mob.forth .dig_recommends_container:nth-of-type(n+3) {
        margin-top: 3.33333vw;
    }

    .dig_recommends_inner_mob.fifth-and-more {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dig_recommends_inner_mob.fifth-and-more .dig_recommends_swiper_container {
        width: 100%;
        overflow: hidden;
        position: relative;
        border-radius: 1.94444vw;
    }

    .dig_recommends_inner_mob.fifth-and-more .dig_recommends_container {
        width: 48.17073%;
    }

    .dig_recommends_inner_mob.fifth-and-more .dig_recommends_swiper_container .dig_recommends_container {
        width: 100%;
    }

    .dig_recommends_inner_mob.fifth-and-more .dig_recommends_container:nth-of-type(n+2) {
        margin-top: 3.33333vw;
    }

    .dig_recommends_inner_mob .dig_recommends_swiper_container .swiper-pagination-bullet-active {
        background: #fff;
        border-radius: 50% !important;
    }

    .dig_recommends_inner_mob .dig_recommends_swiper_container .swiper-button-next {
        width: 7.77777vw;
        height: 7.77777vw;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg) skew(15deg, 15deg);
        /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); */
    }

    .dig_recommends_inner_mob .dig_recommends_swiper_container .swiper-button-prev {
        width: 7.77777vw;
        height: 7.77777vw;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        transform: rotate(45deg) skew(15deg, 15deg);
        /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); */
    }

    .dig_recommends_inner_mob .dig_recommends_swiper_container .swiper-button-next::after {
        content: "";
    }

    .dig_recommends_inner_mob .dig_recommends_swiper_container .swiper-button-prev::after {
        content: "";
    }

}

#newsletter {
    /* padding-top: 3.28125vw; */
    background: #000;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#newsletter>picture>img {
    width: 100%;
    display: block;
}

#newsletter>.inner {
    position: absolute;
    top: 3.274479vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

#newsletter>.inner>h2 {
    font-size: 1.875vw;
    line-height: 2.5vw;
    letter-spacing: 0;
    color: #fff;
}

#newsletter .form-info {
    margin-top: 1.25vw;
    /* padding-bottom: 5.677083vw; */
}

#newsletter .form-info #myForm .form_container {
    width: 100%;
    position: relative;
}

#newsletter .form-info #myForm .form_container:nth-of-type(2) {
    margin-top: 1.66666vw;
}

#newsletter .form-info #myForm .form_container:nth-of-type(3) {
    margin-top: 2.5vw;
}

#newsletter .form-info #myForm .form_container:nth-of-type(4) {
    margin-top: 0.83333vw;
}

#newsletter .form-info #myForm .form_container:last-child {
    margin-top: 2.08333vw;
}

#newsletter .form-info #myForm .form_container .input_info {
    width: 25vw;
    margin: auto;
    position: relative;
}

#newsletter .form-info #myForm .form_container .input_info .input_container {
    width: 100%;
    position: relative;
}

#newsletter .form-info #myForm .form_container .input_info input {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.625vw;
    padding: 0.39062vw 0 0.39062vw 0.9375vw;
    color: rgba(255, 255, 255, 0.8);
    background-color: transparent;
    border-color: rgb(255, 255, 255) !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-size: 0.83333vw;
    line-height: 1.25vw;
}

#newsletter .form-info #myForm .form_container .input_info input[readonly] {
    border: initial !important;
    color: rgba(255, 255, 255, 0.8) !important;
    /* background-color: #000 !important; */
    cursor: pointer !important;
    box-shadow: initial !important;
    border-color: rgb(255, 255, 255) !important;
    border-style: solid !important;
    border-width: 1px !important;
}

#newsletter .form-info #myForm .form_container .input_info input::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

#newsletter .form-info #myForm .form_container .input_info .input_container>img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 23.22916vw;
    width: 0.78125vw;
}

#newsletter .form-info #myForm .form_container .input_info .input_container>img.active {
    transform: translateY(-50%) rotate(180deg);
}

#newsletter .form-info #myForm .form_container .input_info ul {
    position: absolute;
    width: 25vw;
    color: #000;
    text-align: left;
    z-index: 1;
    background: #fff;
    border-radius: 0.625vw;
    margin-top: 0.41666vw;
    padding: 0.72916vw;
    display: none;
}

#newsletter .form-info #myForm .form_container .input_info ul li {
    padding: 0.36458vw 0.625vw;
    cursor: pointer;
    font-size: .729167vw;
    line-height: 1.145833vw;
    position: relative;
}

#newsletter .form-info #myForm .form_container>span {
    display: block;
    margin: auto;
    width: 25vw;
    text-align: left;
    font-size: 0.625vw;
    line-height: normal;
    margin-top: 2px;
    color: #f43146;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

#newsletter .form-info #myForm .form_container .checkbox_container {
    width: 100%;
}

#newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 29.79166vw;
}

#newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark {
    margin-right: 0.46875vw;
    position: relative;
    height: 0.83333vw;
    display: flex;
}

#newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark>input {
    opacity: 0;
    width: 0.83333vw;
    height: 0.83333vw;
}

#newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark>label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0.83333vw;
    height: 0.83333vw;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    border-radius: .208333vw;
}

#newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark input[type='checkbox']:checked~label {
    background: url(/Assets/solar/v4/img/Home/newsletter/check_mark.png);
    background-size: 0.42968vw 0.29635vw;
    background-repeat: no-repeat;
    background-position: center center;
}

#newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info>label {
    font-size: 0.72916vw;
    line-height: 1.14583vw;
    color: rgba(255, 255, 255, 0.6);
}

#newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info>label>a {
    color: #0A59F7;
}

#newsletter .form-info #myForm .form_container .checkbox_container>span {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 29.79166vw;
    font-size: 0.625vw;
    line-height: normal;
    color: #f43146;
    margin-top: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

#newsletter .form-info #myForm .form_container .submit_btn {
    width: 9.89583vw;
    /* padding: 0.83333vw 0; */
    height: 2.604167vw;
    border-radius: 2.23958vw;
    cursor: pointer;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    border: none;
}

#newsletter .form-info #myForm .form_container .submit_btn:disabled {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.4);
}

#newsletter .form-info #myForm .form_container .submit_btn>span {
    font-size: 0.72916vw;
    line-height: 1;
    font-weight: bold;
}

#newsletter .success_message {
    background: #FFFFFF;
    display: none;
}

#newsletter .success_message .inner {
    padding: 1.666667vw 0 1.458333vw;
    width: 51.770833vw;
    margin: auto;
    position: relative;
}

#newsletter .success_message .inner>h2 {
    font-size: 1.25vw;
    line-height: normal;
}

#newsletter .success_message .inner>p {
    font-size: .729167vw;
    line-height: normal;
    margin-top: .729167vw;
}

#newsletter .success_message .inner .close_btn {
    position: absolute;
    top: .833333vw;
    right: 0;
    width: .663021vw;
    height: .663021vw;
    cursor: pointer;
}

#newsletter .success_message .inner .close_btn img {
    width: 100%;
    height: 100%;
    display: block;
}

@media screen and (max-aspect-ratio:11/10) {
    /* #newsletter {
        padding: 10vw 0 0 0;
    } */

    #newsletter>.inner {
        /* left: unset;
        transform: none; */
        top: 10vw;
    }

    #newsletter>.inner>h2 {
        font-size: 6.666667vw;
        line-height: 10vw;
    }

    #newsletter .form-info {
        margin-top: 6.666667vw;
        /* padding-bottom: 13.333333vw; */
    }

    #newsletter .form-info #myForm .form_container .input_info {
        width: 93.333333vw;
    }

    #newsletter .form-info #myForm .form_container .input_info input {
        padding: 2.5vw 0 2.5vw 4.444444vw;
        font-size: 3.888889vw;
        line-height: 6.111111vw;
        border-radius: 3.333333vw;
    }

    #newsletter .form-info #myForm .form_container .input_info .input_container>img {
        left: 84.375vw;
        width: 3.472222vw;
    }

    #newsletter .form-info #myForm .form_container>span {
        width: 93.333333vw;
        font-size: 3.33333vw;
    }

    #newsletter .form-info #myForm .form_container:nth-of-type(2) {
        margin-top: 6.666667vw;
    }

    #newsletter .form-info #myForm .form_container:nth-of-type(3) {
        margin-top: 8.888889vw;
    }

    #newsletter .form-info #myForm .form_container:nth-of-type(4) {
        margin-top: 5vw;
    }

    #newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info {
        padding-left: 3.333333vw;
        padding-right: 3.333333vw;
        align-items: flex-start;
    }

    #newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark {
        margin-right: 2.5vw;
        height: 4.444444vw;
    }

    #newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark>input {
        width: 4.444444vw;
        height: 4.444444vw;
    }

    #newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark>label {
        width: 4.444444vw;
        height: 4.444444vw;
        border-radius: 1.111111vw;
    }

    #newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info>label {
        font-size: 3.333333vw;
        line-height: 5vw;
        text-align: left;
        transform: translateY(-0.833333vw);
    }

    #newsletter .form-info #myForm .form_container .checkbox_container .checkbox_info .check_mark input[type='checkbox']:checked~label {
        background-size: 2.29166vw 1.580556vw;
    }

    #newsletter .form-info #myForm .form_container .checkbox_container>span {
        font-size: 3.33333vw;
        padding-left: 3.333333vw;
        left: 0;
        transform: translateY(-0.833333vw);
    }

    #newsletter .form-info #myForm .form_container:last-child {
        margin-top: 6.666667vw;
    }

    #newsletter .form-info #myForm .form_container .submit_btn {
        width: 32.222222vw;
        /* padding: 1.944444vw 0; */
        height: 8.888889vw;
        border-radius: 4.444444vw;
    }

    #newsletter .form-info #myForm .form_container .submit_btn>span {
        font-size: 3.33333vw;
        line-height: 5vw;
    }

    #newsletter .form-info #myForm .form_container .input_info ul {
        width: 93.333333vw;
        margin-top: 1.111111vw;
        border-radius: 3.333333vw;
        padding: 3.888889vw 0 3.888889vw 3.888889vw;
    }

    #newsletter .form-info #myForm .form_container .input_info ul li {
        padding: 1.944444vw 3.333333vw;
        font-size: 3.888889vw;
        line-height: 6.111111vw;
    }

    #newsletter .success_message .inner {
        padding: 8.888889vw 0 7.777778vw;
        width: 93.333333vw;
    }

    #newsletter .success_message .inner>h2 {
        font-size: 6.666667vw;
    }

    #newsletter .success_message .inner>p {
        font-size: 3.888889vw;
        margin-top: 3.888889vw;
    }

    #newsletter .success_message .inner .close_btn {
        width: 2.947222vw;
        height: 2.947222vw;
        top: 4.638889vw;
    }
}

#newsletter .form-info #myForm .form_container>span .mandatory {
    display: none;
}

#newsletter .form-info #myForm .form_container>span .custom {
    display: none;
}

#newsletter .form-info #myForm .form_container .checkbox_container>span .mandatory {
    display: none;
}

#newsletter .form-info #myForm .form_container .checkbox_container>span .custom {
    display: none;
}

#newsletter .form-info #myForm .form_container>span .mandatory.showTips {
    display: block;
}

#newsletter .form-info #myForm .form_container>span .custom.showTips {
    display: block;
}

#newsletter .form-info #myForm .form_container .checkbox_container>span .mandatory.showTips {
    display: block;
}

#newsletter .form-info #myForm .form_container .checkbox_container>span .custom.showTips {
    display: block;
}