.main .banner {
    width: 100%;
    position: relative;
}

.main .banner .bg {
    display: flex;
    width: 100%;
    object-fit: cover;
}

.main .banner .pc_bg {
    height: auto;
}

.main .banner .m_bg {
    display: none;
}

.main .banner .bannerContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main .banner .centralContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.main .banner .bannerTitle {
    font-size: 5rem;
    color: #ffffff;
    /* font-weight: bold; */
   font-family: 'HarmonyOS Sans';
}

.main .transparentSpan {
    margin: 0 1rem;
    display: inline-block;
    color: #06c1ac;
    background-image: -webkit-linear-gradient(right, #4887bd, #06c1ac, #24857c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main .oneFitsAll {
    position: relative;
    width: 100%;
}

.main .oneFitsAll .bg {
    object-fit: cover;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.main .oneFitsAll .pad_bg,
.main .oneFitsAll .m_bg {
    display: none;
}

.main .oneFitsAll .oneFitsAllContent {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding-bottom: 20px;
    min-height:  1070px;
}

.main .oneFitsAll .oneFitsAllTitle {
    padding-top: 7.5rem;
}

.main .oneFitsAll .oneFitsAllInfo {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 7.5rem;
}

.main .oneFitsAll .infoLeft {
    width: 32rem;
}

.main .oneFitsAll .infoLeft .leftDiv+.leftDiv {
    margin-top: 6.25rem;
}

.main .oneFitsAll .infoLeft .infoTitle {
    font-size: 2.5rem;
    /* font-weight: bold; */
    line-height: 3rem;
   font-family: 'HarmonyOS Sans';
}

.main .oneFitsAll .infoLeft .infoTitle .infoTitle_impot {
    margin-right: 1rem;
    margin-left: 0;
}

.main .oneFitsAll .infoLeft .infoText {
    font-size: 1.5rem;
    line-height: 2.25rem;
}

.main .oneFitsAll .rightPart {
    display: flex;
    margin-left: 1rem;
}

.main .oneFitsAll .rightPart .centerImg {
    display: flex;
    align-items: center;
    width: 23.75rem;
    height: 23.75rem;
    padding: 0 3.125rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 48px 0 rgba(255, 255, 255, 0.50);
}

.main .oneFitsAll .rightPart .centerImg img {
    max-width: 100%;
}

.main .oneFitsAll .rightPart .infoRight {
    position: relative;
    width: 24.6875rem;
    height: 27.5rem;
}

.main .oneFitsAll .rightPart .infoRight .pc_infoRightList {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.main .oneFitsAll .rightPart .infoRight .m_infoRightList {
    display: none;
}

.main .oneFitsAll .rightPart .infoRight .line {
    position: absolute;
    top: 2.25rem;
    left: 2.25rem;
    display: inline-block;
    width: 5.75rem;
    height: 23.75rem;
    background: url('../images/line.svg') center center;
}

.main .oneFitsAll .rightPart .infoRight .iconDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 2.25rem;
    background: #ffffff;
}

.main .oneFitsAll .rightPart .infoRight .divFlex {
    position: relative;
    display: flex;
}

.main .oneFitsAll .rightPart .infoRight .divpo {
    margin-left: 5.625rem;
}

.main .oneFitsAll .rightPart .spanIcon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
}

.main .oneFitsAll .rightPart .textSpan {
    display: inline-block;
    flex: 1;
    width: 15.0625rem;
    margin-left: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-top: 20px;
}

.main .oneFitsAll .rightPart .icon1 {
    background: url('../images/ic_optimizer.svg') center center;
    background-size: 100% 100%;
}

.main .oneFitsAll .rightPart .icon2 {
    background: url('../images/ic_mobilephone.svg') center center;
    background-size: 100% 100%;
}

.main .oneFitsAll .rightPart .icon3 {
    background: url('../images/ic_battery.svg') center center;
    background-size: 100% 100%;
}

.main .oneFitsAll .rightPart .icon4 {
    background: url('../images/ic_inverter.svg') center center;
    background-size: 100% 100%;
}

.main .optimal {
    text-align: center;
    background: #ffffff;
    padding-top: 2rem;
}

.main .optimal .center2_bg {
    padding: 0;
}

.main .optimal .optimal_title {
    height: 8rem;
    line-height: 8rem;
    font-size: 50px;
    /* font-weight: bold; */
   font-family: 'HarmonyOS Sans';
}

.main .optimal .optimal_titleFix {
    width: 100%;
    text-align: center;
    position: fixed;
    top: 106px;
    left: 0;
    z-index: 3;
    background: #ffffff;
    border-bottom: 1px solid #f7f7f7;
}

.main .optimal .marginTitle {
    display: none;
}

.main .optimal .optimal_part {
    margin-top: 3rem;
}

.main .optimal .optimal_part+.optimal_part {
    margin-top: 13.75rem;
}

.main .optimal .optimal_subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
}

.main .optimal .optimal_subtitle .icon_up {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url('../images/up.svg') 0 0 no-repeat;
    background-size: 100% 100%;
    margin-right: 1rem;
}

.main .optimal .optimal_des {
    margin-top: 0.75rem;
    font-size: 1.5rem;
}

.main .optimal .skuName {
    margin-left: 0;
}

.main .optimal .optimal_center {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 3.75rem;
}

.main .optimal .optimal_center .center_img {
    max-width: 100%;
    height: 36.375rem;
}

.main .optimal .optimal_center .center_div {
    width: 21.5625rem;
    text-align: center;
}

.main .optimal .optimal_center .center_div.left {
    margin-right: 2rem;
}

.main .optimal .optimal_center .center_div.right {
    margin-left: 2rem;
}

.main .optimal .optimal_center .center_div .center_div_title {
    font-size: 1.5rem;
    /* font-weight: bold; */
   font-family: 'HarmonyOS Sans';
}

.main .optimal .optimal_center .center_div .center_div_des {
    margin-top: 1rem;
}

.main .optimal .optimal_center .center_div .center_div_card {
    display: flex;
    justify-content: space-around;
    margin-top: 3rem;
}

.main .optimal .optimal_center .center_div .center_div_card .card_item {
    width: 45px;
    font-size: 1.25rem;
}

.main .optimal .optimal_center .center_div .center_div_card .card_item img {
    width: 45px;
    height: 3.75rem;
    margin-bottom: 16px;
}

.main .optimal .optimal_center .center_div .center_div_card .green {
    color: #61d556;
}

.main .optimal .optimal_center .center_div .center_div_card .red {
    color: #e11e00;
}

.main .optimal .optimal_center .center_icon {
    width: 2rem;
    height: 2rem;
    margin-top: 2rem;
}

.main .optimal .optimal_center1 .items {
    display: flex;
    width: 100%;
    margin-top: 2rem;
}

.main .optimal .optimal_center1 .items .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 33.333333333333%;
}

.main .optimal .optimal_center1 .items .itemIcon1 {
    background: url('../images/ic_energy_modules1.svg');
}

.main .optimal .optimal_center1 .items .itemIcon2 {
    background: url('../images/ic_energy_modules2.svg');
}

.main .optimal .optimal_center1 .items .itemIcon3 {
    background: url('../images/ic_energy_modules3.svg');
}

.main .optimal .optimal_center1 .items .itemIcon {
    height: 3rem;
    width: 3rem;
    background-size: 100% 100%;
}

.main .optimal .optimal_center1 .items .itemTitle {
    font-size: 1.25rem;
    margin-top: 2rem;
    font-weight: bold;
}

.main .optimal .optimal_center1 .items .itemDes {
    margin-top: 0.75rem;
}

.main .optimal .optimal_center2 {
    position: relative;
    width: 100%;
    height: 19.875rem;
    margin-top: 10rem;
    /* background: url('../images/center2_bg.png') center bottom no-repeat; */
}

.main .optimal .optimal_center2 .middle {
    position: relative;
}

.main .optimal .optimal_center2 .centerImg {
    position: relative;
    top: -5.5rem;
    width: 24.25rem;
    margin-right: auto;
    margin-left: auto;
}

.main .optimal .optimal_center2 .center2_img {
    width: 100%;
}

.main .optimal .optimal_center2 .centerPosition {
    position: absolute;
    left: calc(50% + 150px);
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
}

.main .optimal .optimal_center2 .optimal_center2_line {
    width: 153px;
    height: 164px;
    background: url('../images/center2_line.svg') left center no-repeat;
    background-size: 90% 90%;
}

.main .optimal .optimal_center2 .tipText {
    display: flex;
    justify-content: center;
}

.main .optimal .optimal_center2 .optimal_center2_icon {
    position: relative;
    top: -10px;
    width: 3rem;
    height: 3rem;
    background: url('../images/ic_battery modules2.svg') no-repeat;
    background-size: 100% 100%;
}

.main .optimal .optimal_center2 .optimal_center2_decs {
    font-size: 1.25rem;
    margin-left: 0.5rem;
}

.main .optimal .optimal_center2 .center2_div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 3.5rem;
}

.main .optimal .optimal_center2 .center2_div .center2_item {
    width: 390px;
}

.main .optimal .optimal_center2 .center2_div .center2_item img {
    max-width: 100%;
}

.main .optimal .optimal_center2 .center2_div .center2_item .numList {
    display: flex;
    width: 100%;
    margin: -16px 0 2rem;
}

.main .optimal .optimal_center2 .center2_div .center2_item .numList .num {
    display: inline-block;
    width: 33.333333%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.main .optimal .optimal_center2 .center2_div .center2_item .numList .num:first-child {
    width: 30%;
    margin-left: 16px;
}

.main .optimal .optimal_center2 .center2_div .center2_item .numList .num:last-child {
    width: 30%;
    margin-right: 16px;
}

.main .optimal .optimal_center2 .center2_div .line {
    width: 1px;
    height: 11rem;
    margin: 0 3.875rem;
    background-color: rgba(25, 25, 25, 0.2);
}

.main .activeSafety {
    position: relative;
    width: 100%;
    color: #ffffff;
}

.main .activeSafety .bg {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}


.main .activeSafety .m_bg {
    display: none;
}

.main .activeSafety .activeSafetyContent {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    min-height: 815px;
}

.main .activeSafety .activeSafetyTitle {
    padding-top: 5.5rem;
    font-weight: bold;
}

.main .activeSafety .activeSafety_content {
    margin-top: 5rem;
}

.main .activeSafety .listData {
    display: flex;
    padding: 4rem 0;
}

.main .activeSafety .ic_1 {
    background: url('../images/ic_AI.svg');
}

.main .activeSafety .ic_2 {
    background: url('../images/ic_0V.svg');
}

.main .activeSafety .ic_3 {
    background: url('../images/ic_EMC.svg');
}

.main .activeSafety .listDataIcon {
    width: 3rem;
    height: 3rem;
    margin-right: 2rem;
    background-size: 100% 100%;
}

.main .activeSafety .listDataRight {
    width: 32rem;
}

.main .activeSafety .listDataRight_title {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2rem;
}

.main .activeSafety .listDataRight_text {
    font-size: 1.125rem;
    line-height: 1.625rem;
}

.main .experience {
    padding: 7.5rem 0;
    background: #ffffff;
}

.main .experience .experienceTab {
    display: flex;
    margin-top: 4rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main .experience .experienceTab .experienceTab_item {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.main .experience .experienceTab .experienceTab_item+.experienceTab_item {
    margin-left: 2.5rem;
}

.main .experience .experienceTab .experienceTab_item.visit {
    font-weight: bold;
}

.main .experience .experienceTab .experienceTab_item.visit::after {
    content: '';
    position: absolute;
    bottom: -2rem;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #191919;
}

.main .experience .experience_content0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -20px;
}

.main .experience .experience_content0 .content_item {
    position: relative;
    overflow: hidden;
}

.main .experience .experience_content0 .content_item .content_po {
    position: absolute;
    top: 40px;
    left: 40px;
}

.main .experience .experience_content0 .content_item_half {
    width: 50%;
}

.main .experience .experience_content0 .content_item_all {
    width: 100%;
}

.main .experience .experience_content0 .content_item_box {
    padding: 20px;
}

.main .experience .experience_content0 .content_item_box .item_m {
    display: none;
}

.main .experience .experience_content0 .content_item_box img {
    width: 100%;
    border-radius: 16px;
}

.main .experience .experience_content0 .item_title {
    font-size: 2rem;
    font-weight: bold;
}

.main .experience .experience_content0 .item_subTitle {
    font-size: 1.5rem;
}

.main .experience .experience_content1 {
    position: relative;
    padding: 3rem;
    color: #ffffff;
    border-radius: 16px;
    background-image: linear-gradient(-45deg, #111111 0%, #333333 100%);
}

.main .experience .experience_content1 .experience_content1_title {
    font-size: 2rem;
}

.main .experience .experience_content1 .experience_content1_subTitle {
    margin-top: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.5rem;
}

.main .experience .experience_content1 .content_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main .experience .experience_content1 .content_div .content_left_item {
    display: flex;
    margin-top: 4rem;
}

.main .experience .experience_content1 .content_div .content_left_item .content_left_leb {
    width: 80px;
    margin-right: 1.5625rem;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}

.main .experience .experience_content1 .content_div .content_left_item .content_left_leb .content_left_num {
    font-size: 40px;
    font-weight: bold;
}

.main .experience .experience_content1 .content_div .content_left_item .content_left_text {
    width: 386px;
    color: #ffffff;
    font-size: 16px;
}

.main .experience .experience_content1 .content_div .content_right {
    max-width: 60%;
}

.main .experience .experience_content1 .content_div .content_right img {
    max-width: 100%;
}

.main .greece {
    position: relative;
    width: 100%;
    color: #ffffff;
    background: #ffffff;
}

.main .greece .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.main .greece .arrow-left,
.main .greece .arrow-right {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    cursor: pointer;
}

.main .greece .arrow-left {
    left: 40px;
    background: url(../images/ic_left_arrow.svg);
}

.main .greece .arrow-right {
    right: 40px;
    background: url(../images/ic_right_arrow.svg);
}

.main .greece .greece_Swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.main .greece .greece_Swiper .swiper-wrapper {
    height: auto;
}

.main .greece .greece_Swiper .greece_SwiperSlide {
    width: 100%;
}

.main .greece .greece_Swiper .greece_SwiperSlide .greece_SwiperSlide_img {
    display: flex;
    width: 100%;
}

.main .greece .greece_SwiperSlide_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.main .greece .flex_content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 5rem;
}

.main .greece .mock {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 400px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, #000000 100%);
}

.main .greece .greece_address {
    margin-top: 1rem;
    font-size: 2rem;
    line-height: 2rem;
}

.main .greece .greece_address .button_transparent {
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
    padding: 0.25rem 1.5rem;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 1.25rem;
    font-size: 1rem;
    line-height: normal;
}

.main .greece .greece_address .button_transparent span {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    background-image: url('../images/ic_span1.svg');
    background-size: 100% 100%;
}

.main .greece .greece_details {
    line-height: 1.5rem;
    margin-top: 1.5rem;
}

.main .greece .greece_details .detail_item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.main .greece .greece_details .detail_item .detail_icon1 {
    background: url(../images/ic_span2.svg);
}

.main .greece .greece_details .detail_item .detail_icon2 {
    background: url(/Assets/Solar/v4/img/Professionals/Residential/ic_span3.svg);
}

.main .greece .greece_details .detail_item .detail_icon3 {
    background: url(/Assets/Solar/v4/img/Professionals/Residential/ic_span4.svg);
}

.main .greece .greece_details .detail_item .detail_icon4 {
    background: url(/Assets/Solar/v4/img/Professionals/Residential/ic_span5.svg);
}

.main .greece .greece_details .detail_item .detail_icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    background-size: 100% 100%;
}

.main .greece .greece_details .detail_item .line {
    display: inline-block;
    width: 1px;
    height: 1rem;
    margin: 0 1rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.main .greece .greece_details .detail_item:last-child .line {
    display: none;
}


/* bottomCard */

.main .bottomCard {
    padding: 7.5rem 0;
    background: #ffffff;
}

.main .bottomCard .bottomCard_flex {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
    display: flex;
}

.main .bottomCard .bottomCard_flex_item {
    display: inline-block;
    width: 50%;
}

.main .bottomCard .flex_item_box {
    position: relative;
    overflow: hidden;
    height: 33.75rem;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
    padding-top: 3.9375rem;
    border-radius: 0.5rem;
    background: #f5f5f5;
}

.main .bottomCard .bottomCard_top {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.main .bottomCard .ic_1 {
    background-image: url('../images/ic_buy.svg');
}

.main .bottomCard .ic_2 {
    background-image: url('../images/ic_education.svg');
}

.main .bottomCard .icon {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    background-size: 100% 100%;
}

.main .bottomCard .bottonImg {
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    width: 100%;
    text-align: center;
}

.main .bottomCard .bottonImg .img {
    max-width: 100%;
}

.main .bottomCard .title {
    font-size: 1.5rem;
    margin-top: 2rem;
    font-weight: bold;
}

.main .bottomCard .more {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.main .bottomCard .more span {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../images/ic_arrow_R.svg');
    margin-right: 0.5rem;
}

@media screen and (max-width:1440px) {
    .main .banner .centralContent {
        display: block;
        height: auto;
    }

    .main .banner .banner_tip {
        margin-top: 300px;
    }

    .main .banner .bannerTitle {
        width: 100%;
        font-size: 48px;
        line-height: normal;
    }

    .main .oneFitsAll .pad_bg {
        display: block;
    }

    .main .oneFitsAll .pc_bg,
    .main .oneFitsAll .m_bg {
        display: none;
    }

    .main .oneFitsAll .oneFitsAllContent{
        min-height: 1320px;
    }

    .main .oneFitsAll .oneFitsAllInfo {
        display: block;
        margin-top: 3rem;
    }

    .main .oneFitsAll .infoLeft {
        width: 100%;
    }

    .main .oneFitsAll .infoLeft .leftDiv+.leftDiv {
        margin-top: 96px;
    }

    .main .oneFitsAll .rightPart {
        align-items: center;
        justify-content: center;
        margin-top: 60px;
        margin-left: 0;
    }

    .main .oneFitsAll .rightPart .centerImg {
        width: 304px;
        height: 304px;
    }

    .main .optimal .optimal_part {
        margin-top: 80px;
    }

    .main .optimal .optimal_part+.optimal_part {
        margin-top: 120px;
    }

    .main .optimal .optimal_center1 .optimal_center1_box {
        margin-top: 60px;
    }
}

@media screen and (max-width:1280px) {
    .main .optimal .optimal_title {
        height: auto;
        font-size: 32px;
        line-height: 72px;
    }

    .main .optimal .optimal_center {
        margin-top: 64px;
    }

    .main .optimal .optimal_center0 .center_div .center_div_des {
        height: 72px;
        line-height: 24px;
    }

    .main .optimal .optimal_center2 {
        padding-top: 80px;
        margin-top: 0;
    }

    .main .optimal .optimal_center2 .centerImg {
        position: static;
        top: 0;
        width: 200px;
    }

    .main .optimal .optimal_center2 .centerPosition {
        left: calc(50% + 50px);
        top: -24px;
    }

    .main .optimal .optimal_center2 .optimal_center2_line {
        width: 120px;
        height: 130px;
    }

    .main .optimal .optimal_center2 .optimal_center2_icon {
        width: 32px;
        height: 32px;
        top: -4px;
    }

    .main .optimal .optimal_center2 .optimal_center2_decs {
        font-size: 16px;
    }

    .main .optimal .optimal_center2 .center2_div {
        flex-direction: column;
        position: static;
        bottom: auto;
        margin-top: 16px;
    }

    .main .optimal .optimal_center2 .center2_div .center2_item {
        width: 280px;
        font-size: 14px;
    }

    .main .optimal .optimal_center2 .center2_div .center2_item .numList {
        width: 100%;
        margin: -16px 0 16px;
    }

    .main .optimal .optimal_center2 .center2_div .center2_item .num {
        height: 20px;
        line-height: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .main .optimal .optimal_center2 .center2_div .line {
        width: 280px;
        height: 1px;
        margin: 16px auto;
    }

    .main .greece .arrow-left,
    .main .greece .arrow-right {
        display: none;
    }

    .main .greece .flex_content {
        padding-bottom: 40px;
    }

    .main .greece .greece_address {
        font-size: 24px;
    }

    .main .greece .greece_address .button_transparent {
        padding: 0 16px;
    }
}

@media screen and (max-width:1000px) {
    .main .experience .experienceTab {
        margin-top: 32px;
        margin-bottom: 24px;
        padding-bottom: 16px;
    }

    .main .experience .experienceTab .experienceTab_item+.experienceTab_item {
        margin-left: 24px;
    }

    .main .experience .experienceTab .experienceTab_item.visit::after {
        bottom: -16px;
    }

    .main .experience .experience_content0 {
        display: block;
        margin: 0px;
    }

    .main .experience .experience_content0 .content_item+.content_item {
        margin-top: 12px;
    }

    .main .experience .experience_content0 .content_item .content_po {
        top: 20px;
        left: 20px;
    }

    .main .experience .experience_content0 .content_item_half {
        width: 100%;
    }

    .main .experience .experience_content0 .content_item_all {
        width: 100%;
    }

    .main .experience .experience_content0 .content_item_box {
        padding: 0px;
    }

    .main .experience .experience_content0 .content_item_box .item_m {
        display: block;
    }

    .main .experience .experience_content0 .content_item_box .item_pc {
        display: none;
    }

    .main .experience .experience_content0 .content_item_box img {
        object-fit: cover;
    }

    .main .experience .experience_content0 .item_title {
        font-size: 20px;
    }

    .main .experience .experience_content0 .item_subTitle {
        font-size: 16px;
    }

    html[data-region='it'] .main .experience .experience_content0 .content_item_half .content_po{
       width: 75%;
    }

    .main .experience .experience_content1 {
        text-align: center;
        padding: 24px;
    }

    .main .experience .experience_content1 .experience_content1_title {
        font-size: 20px;
    }

    .main .experience .experience_content1 .experience_content1_subTitle {
        margin-top: 8px;
        font-size: 16px;
    }

    .main .experience .experience_content1 .content_div {
        flex-wrap: wrap-reverse;
    }

    .main .experience .experience_content1 .content_div .content_left_item {
        display: flex;
        align-items: center;
        margin-top: 40px;
        text-align: left;
    }

    .main .experience .experience_content1 .content_div .content_left_item .content_left_leb {
        font-size: 12px;
        margin-right: 16px;
    }

    .main .experience .experience_content1 .content_div .content_left_item .content_left_leb .content_left_num {
        font-size: 40px;
    }

    .main .experience .experience_content1 .content_div .content_left_item .content_left_text {
        font-size: 12px;
        width: auto;
        flex: 1;
    }

    .main .experience .experience_content1 .content_div .content_right {
        max-width: auto;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 32px;
    }

    .main .bottomCard {
        padding: 80px 0;
    }

    .main .bottomCard .bottomCard_flex {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .main .bottomCard .bottomCard_flex .bottomCard_flex_item {
        display: block;
        width: 100%;
    }

    .main .bottomCard .bottomCard_flex .bottomCard_flex_item+.bottomCard_flex_item {
        margin-top: 24px;
    }

    .main .bottomCard .bottomCard_flex .flex_item_box {
        display: flex;
        height: 270px;
        margin-right: 0;
        margin-left: 0;
        padding-top: 0;
    }

    .main .bottomCard .bottomCard_flex .bottomCard_top {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .main .bottomCard .bottomCard_flex .bottonImg {
        position: static;
        display: flex;
        align-items: flex-end;
        width: 50%;
        text-align: left;
    }

    .main .bottomCard .bottomCard_flex .bottonImg .img {
        max-width: 400px;
    }

    .main .bottomCard .bottomCard_flex .bottomCard_top {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:768px) {
    .main .banner .pc_bg {
        display: none;
    }

    .main .banner .m_bg {
        display: block;
        height: calc(100vh - 48px);
    }

    .main .banner .centralContent {
        padding: 0 24px;
    }

    .main .banner .banner_tip {
        margin-top: 62px;
    }

    .main .banner .bannerTitle {
        margin-top: 12px;
        font-size: 26px;
    }

    .main .oneFitsAll .m_bg {
        display: block;
    }

    .main .oneFitsAll .pad_bg,
    .main .oneFitsAll .pc_bg {
        display: none;
    }

    .main .oneFitsAll .oneFitsAllContent{
        min-height: 748px;

    }
    .main .oneFitsAll .oneFitsAllTitle {
        padding-top: 40px;
    }

    .main .oneFitsAll .oneFitsAllInfo {
        margin-top: 32px;
    }

    .main .oneFitsAll .infoLeft .leftDiv {
        margin-bottom: 0;
    }

    .main .oneFitsAll .infoLeft .leftDiv+.leftDiv {
        margin-top: 16px;
    }

    .main .oneFitsAll .infoLeft .leftDiv .infoTitle {
        font-size: 20px;
        line-height: 30px;
    }

    .main .oneFitsAll .infoLeft .leftDiv .infoText {
        font-size: 14px;
        line-height: 24px;
    }

    .main .oneFitsAll .rightPart {
        display: block;
        margin-top: 30px;
    }

    .main .oneFitsAll .rightPart .centerImg {
        width: 180px;
        height: 180px;
        margin-right: auto;
        margin-left: auto;
        padding: 0 16px;
    }

    .main .oneFitsAll .rightPart .infoRight {
        display: flex;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-top: 40px;
    }

    .main .oneFitsAll .rightPart .infoRight .pc_infoRightList {
        display: none;
    }

    .main .oneFitsAll .rightPart .infoRight .m_infoRightList {
        -webkit-overflow-scrolling: touch;
        display: flex;
        justify-content: flex-start;
        margin:  0 auto;
        overflow-x: auto;
        overflow-y: hidden;
        padding-top: 30px;
    }

    .main .oneFitsAll .rightPart .infoRight .m_infoRightList::-webkit-scrollbar {
        display: none;
    }

    .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item {
        position: relative;
        display: inline-block;
        flex: none;
        width: 180px;
        min-height: 100px;
        padding: 20px 16px;
        border-radius: 8px;
        background: #ffffff;
    }

html[data-region='pl'] .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item,
html[data-region='es'] .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item,
html[data-region='at'] .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item,
html[data-region='nl'] .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item,
html[data-region='se'] .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item,
html[data-region='de'] .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item,
html[data-region='it'] .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item{
    padding: 22px 16px 16px;

}


    .main .oneFitsAll .rightPart .infoRight .m_infoRightList .item+.item {
        margin-left: 12px;
    }

    .main .oneFitsAll .rightPart .infoRight .line {
        display: none;
    }

    .main .oneFitsAll .rightPart .infoRight .iconDiv {
        position: absolute;
        top: -24px;
        left: 50%;
        width: 48px;
        height: 48px;
        margin-left: -24px;
    }

    .main .oneFitsAll .rightPart .infoRight .divFlex {
        position: relative;
        display: inline-block;
        width: 180px;
        height: 100px;
        padding: 16px;
        border-radius: 8px;
        background: #ffffff;
    }

    .main .oneFitsAll .rightPart .infoRight .divFlex+.divFlex {
        margin-left: 12px;
    }

    .main .oneFitsAll .rightPart .spanIcon {
        width: 24px;
        height: 24px;
    }

    .main .oneFitsAll .rightPart .textSpan {
        display: inline-block;
        width: 100%;
        margin-left: 0;
        font-size: 12px;
        line-height: 18px;
        margin-top: 0;
    }

    html[data-region='cn'] .main .oneFitsAll .rightPart .textSpan,
    html[data-region='hk'] .main .oneFitsAll .rightPart .textSpan{
        margin-top: 3vw;
    }

    .main .optimal {
        padding-top: 40px;
    }

    .main .optimal .optimal_title {
        font-size: 24px;
        line-height: 36px;
    }

    .main .optimal .marginTitle {
        margin: 60px 0 35px;
        display: block;
    }

    .main .optimal .optimal_part {
        margin-top: 40px;
    }

    .main .optimal .optimal_part+.optimal_part {
        margin-top: 80px;
    }

    .main .optimal .optimal_subtitle {
        font-size: 20px;
    }

    html[data-region='it'] .main .optimal .optimal_subtitle {
        font-size: 15px;
    }

    html[data-region='pl'] .main .optimal .optimal_subtitle,
    html[data-region='hu'] .main .optimal .optimal_subtitle {
        display: block;
    }

    html[data-region='it'] .main .optimal .optimal_subtitle {
        font-size: 18px;
    }

    html[data-region='pl'] .main .transparentSpan{
        margin: 0;
    }

    html[data-region='hu'] .main .transparentSpan{
        margin: 0 0.5rem 0 0;
    }

    .optimal .optimal_subtitle2 span {
        display: block;
    }

    .main .optimal .optimal_des {
        margin-top: 8px;
        font-size: 20px;
    }

    .main .optimal .optimal_des .img {
        margin-right: 4px;
        margin-left: 4px;
    }

    .main .optimal .optimal_des1 {
        display: block;
        text-align: center;
    }

    .main .optimal .optimal_des1 .m_optimal_des2 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 4px;
    }

    .main .optimal .optimal_center {
        margin-top: 16px;
    }

    .main .optimal .optimal_center .center_icon {
        width: 32px;
        height: 32px;
        margin-top: 32px;
    }

    .main .optimal .optimal_center0 {
        display: block;
        padding-bottom: 0px;
    }

    .main .optimal .optimal_center0 .center_box {
        position: static;
        display: block;
    }

    .main .optimal .optimal_center0 .center_div {
        width: 100%;
        margin-top: 32px;
    }

    .main .optimal .optimal_center0 .center_div .center_div_title {
        font-size: 20px;
    }

    .main .optimal .optimal_center0 .center_div .center_div_des {
        height: auto;
    }

    .main .optimal .optimal_center0 .center_div .center_div_card {
        margin-top: 24px;
    }

    .main .optimal .optimal_center0 .center_div .center_div_card .card_item {
        width: 36px;
        font-size: 14px;
    }

    .main .optimal .optimal_center0 .center_div .center_div_card .card_item img {
        width: 100%;
        height: auto;
        margin-bottom: 12px;
    }

    .main .optimal .optimal_center0 .center_div.left {
        margin-right: 0;
    }

    .main .optimal .optimal_center0 .center_div.middle {
        display: block;
    }

    .main .optimal .optimal_center0 .center_div.middle .center_img {
        width: auto;
        height: auto;
    }

    .main .optimal .optimal_center0 .center_div.right {
        margin-left: 0;
    }

    .main .optimal .optimal_center1 .optimal_center1_box {
        margin-top: 24px;
    }

    .main .optimal .optimal_center1 img {
        max-width: 100%;
    }

    .main .optimal .optimal_center1 .items {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        margin-top: 0;
    }

    .main .optimal .optimal_center1 .hidelitems {
        overflow: hidden;
        width: 100%;
        height: 138px;
        margin-top: 40px;

    }

    .main .optimal .optimal_center1 .items .item {
        width: 240px;
        height: 138px;
        flex: none;
        background: #F5F5F5;
        border-radius: 8px;
        padding: 20px;
    }

.main .optimal .optimal_center1 .items .item{
    height: auto;
}

    .main .optimal .optimal_center1 .items .item+.item {
        margin-left: 12px;
    }

    .main .optimal .optimal_center1 .items .itemIcon {
        height: 32px;
        width: 32px;
    }

    .main .optimal .optimal_center1 .items .itemTitle {
        margin-top: 16px;
        font-size: 14px;
    }

    .main .optimal .optimal_center1 .items .itemName,
    .main .optimal .optimal_center1 .items .itemDes {
        font-size: 12px;
    }

    .main .optimal .optimal_center2 .centerPosition {
        display: block;
    }

    .main .optimal .optimal_center2 .centerPosition .optimal_center2_line {
        width: 8px;
        height: 130px;
        background: url('images/center2_line_m.svg') 0 0 no-repeat;
        flex: none;
    }

    .main .optimal .optimal_center2 .centerPosition .tipText {
        position: relative;
        top: -156px;
        left: -50%;
        width: max-content;
    }

    .main .optimal .optimal_center2 .centerPosition .optimal_center2_icon {
        width: 24px;
        height: 24px;
        top: 0;
    }

    .main .optimal .optimal_center2 .centerPosition .optimal_center2 {
        font-size: 12px;
    }

    .main .optimal .optimal_center2 .centerPosition .center2_div .items {
        display: block;
        width: 100%;
        margin-top: 24px;
    }

    .main .optimal .optimal_center2 .centerPosition .center2_div .items .item {
        display: block;
        width: 100%;
    }

    .main .optimal .optimal_center2 .centerPosition .center2_div .items .item+.item {
        margin-top: 40px;
    }

    .main .optimal .optimal_center2 .centerPosition .center2_div .items .itemName {
        font-size: 16px;
    }

    .main .optimal .optimal_center2 .centerPosition .center2_div .items .itemDes {
        font-size: 16px;
        line-height: 24px;
    }

    .main .activeSafety .pc_bg {
        display: none;
    }

    .main .activeSafety .m_bg {
        display: block;
          /* height: 720px; */
    }

    .main .activeSafety .activeSafetyContent {
        min-height: 720px;
        padding-bottom: 40px;
    }

    .main .activeSafety .activeSafetyTitle {
        padding-top: 40px;
        padding-bottom: 32px;
    }

    .main .activeSafety .activeSafety_content {
        margin-top: 40px;
    }

    .main .activeSafety .listData {
        display: flex;
        padding: 0;
        margin-top: 40px;
    }

    .main .activeSafety .listDataIcon {
        width: 32px;
        height: 32px;
        margin-right: 16px;
        background-size: 100% 100%;
    }

    .main .activeSafety .listDataRight {
        flex: 1;
        width: auto;
    }

    .main .activeSafety .listDataRight_title {
        margin-bottom: 8px;
        font-size: 20px;
    }

    .main .activeSafety .listDataRight_text {
        font-size: 14px;
        line-height: 20px;
    }

    .main .greece .greece_Swiper .greece_SwiperSlide .greece_SwiperSlide_img {
        min-height: 720px;
        object-fit: cover;
    }

    .main .greece .flex_content {
        padding-bottom: 24px;
    }

    .main .greece .greece_address {
        font-size: 20px;
    }

    .main .greece .greece_address .button_transparent {
        font-size: 12px;
    }

    .main .greece .greece_address .button_transparent span {
        width: 16px;
        height: 16px;
    }

    .main .greece .greece_details {
        font-size: 12px;
        line-height: 16px;
        margin-top: 12px;
    }

    .main .greece .greece_details .detail_item {
        display: flex;
        margin-top: 4px;
    }

    .main .greece .greece_details .detail_item .detail_icon {
        width: 16px;
        height: 16px;
    }

    .main .greece .greece_details .detail_item .line {
        display: none;
    }

    .main .bottomCard {
        padding: 40px 0;
    }

    .main .bottomCard .bottomCard_flex .bottomCard_flex_item+.bottomCard_flex_item {
        margin-top: 8px;
    }

    .main .bottomCard .bottomCard_flex .flex_item_box {
        height: 144px;
    }

    .main .bottomCard .bottomCard_flex .bottonImg {
        position: static;
        display: flex;
        align-items: flex-end;
        width: 50%;
        text-align: left;
    }

    .main .bottomCard .bottomCard_flex .bottonImg .img {
        max-width: 200px;
        max-height: 100%;
    }

    .main .bottomCard .bottomCard_flex .icon {
        width: 32px;
        height: 32px;
    }

    .main .bottomCard .bottomCard_flex .title {
        font-size: 16px;
        margin-top: 8px;
    }

    .main .bottomCard .bottomCard_flex .more {
        margin-top: 8px;
        font-size: 12px;
    }
}

html[data-region='hu'] .main .bottomCard .bottomCard_flex_item:nth-of-type(1) .more span{
    display: none;
}