:root{
    --theme-color: #64CC44;
    --theme-color-black: #3c3c3c;
    --theme-color-white: #f6f8f9;
}
*{
    padding: 0;
    margin: 0;
}
html{
    font-size: 100px;
    font-family: Montserrat,sans-serif;
    /* font-family: "Montserrat", sans-serif; */
    font-weight: 500;
}
body{
    font-size: 0.24rem;
    color: var(--theme-color-black);
    line-height: 1.3;
    text-align: center;
}
img,video{
    display: block;
    width: 100%;
    height: auto;
}
a{
    text-decoration: none;
    color: var(--theme-color-black);
}
section{
    margin-top: 1.53rem;
    padding-bottom: 1rem;
}
.contain_box{
    max-width: 1414px;
    padding: 0 20px;
    margin: 0 auto;
}

.btn-hover {
    transition: .3s;
}
.btn-hover:hover {
    opacity: .8;
}
.relative{
    position: relative;
}


.title{
    font-size: 0.4rem;
    font-weight: 700;
}
.des{
    font-size: 0.24rem;
    color: #979797;
    margin-top: 0.2rem;
    font-weight: 400;
}
.flex_layout{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.text_green{
    color: var(--theme-color);
}
.section_content{
    margin-top: 0.5rem;
}

.pc{
    display: block;
}
.mb{
    display: none!important;
}

/* slick */
.slick-arrow{
    background: #fff;
    color: var(--theme-color-black);
    z-index: 1;
    width: 39px;
    height: 39px;
    border-radius: 50%;
}
.slick-prev::before, .slick-next::before{
    display: none;
}
.slick-next{
    right: 3%;
}
.slick-prev{
    left: 3%;
}
.slick-arrow:hover,.slick-arrow:focus{
    background: #fff;
    color: var(--theme-color-black);
}
.slick-arrow svg{
    width: 17px;
}
.slick-arrow.slick-prev svg {
    transform: rotate(-180deg);
    margin-left: -3px;
}

.slick-dots{
    position: static;
    margin-top: 0.25rem;
}
.slick-dots li{
    width: auto;
    height: auto;
}
.slick-dots li.slick-active{
    width: 40px;
}
.slick-dots li button{
    width: 7px;
    height: 7px;
    background: #ECEDF0;
    padding: 0;
    border-radius: 7px;
}
.slick-dots li.slick-active button{
    width: 100%;
    background: var(--theme-color-black);
}
.slick-dots li button::before{
    display: none;
}

/* 导航栏 */
.header{
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    box-shadow: 0px 1px 6px rgba(30, 30, 30, 0.1);
}
.nav_box{
    gap: 0.7rem;
}
.header_left{
    justify-content: flex-start;
    gap: 0.7rem;
}
.header .logo{
    width: 143px;
    cursor: pointer;
}
.header nav{
    flex: 1;
}
.header ul{
    list-style: none;
    font-size: 0.2rem;
    gap: 0.45rem;
    line-height: 0.6rem;
}
.header ul li{
    cursor: pointer;
    position: relative;
}
.header ul li a {
    color: #898989;
}

.submenu{
    position: absolute;
    bottom: 1px;
    left: -10px;
    transform: translate(0, 100%);
    background: #fff;
    box-shadow: 0px 1px 2px 1px rgba(30, 30, 30, 0.3);
    font-size: 0.15rem;
    width: 160px;
    text-align: left;
    line-height: 2.5;
    padding: 0.1rem 0.2rem;
    display: none;
}
/* .header ul li:hover .submenu{
    display: block;
} */
.submenu_item{
    border-bottom: 1px solid #ebebeb;
}
.submenu_item:hover{
    border-bottom: 1px solid #D93333;
}
.submenu_item:hover a{
    color: #D93333;
}
.header_right{
    justify-content: flex-start;
    gap: 0.3rem;
}
.header .store{
    padding: 0.09rem 0.22rem;
    border-radius: 0.3rem;
    background: var(--theme-color);
    color: #fff;
    font-size: 0.16rem;
    cursor: pointer;
    position: relative;
}
.header .store:hover .store_list{
    display: block;
}
.store_list {
    position: absolute;
    left: 0;
    top: 100%;
    background: #FFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    color: #3c3c3c;
    font-size: 16px;
    font-weight: bold;
    display: none;
}
.store_item {
    padding: 10px 20px;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    transition: .3s;
    line-height: 1.3;
}
.store_item:hover {
    background: #e0e1e4;
}
.store_icon {
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 5px;
}
.header .lang{
    justify-content: flex-start;
    gap: 0.12rem;
    font-size: 0.16rem;
    font-weight: 400;
}
.header .lang .icon{
    width: 0.24rem;
}

/* banner */
.banner{
    margin-top: 0;
}
.banner .slick-dots{
    position: absolute;
    bottom: 0.25rem;
}
.banner .slick-dots li{
    width: 167px;
}
.banner .slick-dots li button{
    width: 100%;
    height: 3px;
    background: rgba(209, 211, 213, 0.5);
    padding: 0;
}
.banner .slick-dots li.slick-active button{
    background: rgba(255, 255, 255, 1);
}
.banner .slick-dots li button::before{
    display: none;
}
.banner .slick-dotted.slick-slider{
    margin-bottom: 0;
}
.banner .banner_item{
    position: relative;
}
.banner .banner_text_box{
    position: absolute;
    top: 70.5%;
    left: 12.7%;
    color: #fff;
    width: 100%;
    line-height: 1.3;
    text-align: left;
}
.banner .banner_title{
    font-size: 0.32rem;
    font-weight: 700;
    transform: skew(-20deg);
    border-radius: 0.14rem;
    background: #D7801D;
    display: inline-block;
    padding: 0 0.38rem;
    line-height: 0.65rem;
    margin-left: 0.08rem;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
}
.banner .banner_title .text{
    transform: skew(20deg);
}
.banner .banner_des{
    font-size: 0.42rem;
    font-weight: 700;
    margin: 0.3rem 0;
}
.banner .banner_btn a{
    display: block;
    width: 10.5%;
    height: 0.42rem;
    /* padding: 0.04rem 0.1rem;
    border-radius: 0.6rem;
    background: var(--theme-color);
    font-size: 0.28rem;
    text-align: center;
    cursor: pointer; */
}
.banner .banner_btn a{
    color: #fff;
}

/* Advantages */
.advantages_box{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
}
.advantages_item{
    grid-column: span 1;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
}
.advantages_item_2,.advantages_item_3{
    grid-column: span 2;
}
.advantages_text{
    position: absolute;
    top: 0.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
}
.advantages_title{
    max-width: 80%;
    margin: 0 auto;
    font-size: 0.24rem;
}
.advantages_des{
    font-size: 0.14rem;
    /* font-size: 12px; */
    color: #7A7A7A;
    margin-top: 0.1rem;
    transition: .3s;
    text-align: left;
    display: none;
    /* opacity: 0; */
    /* position: fixed; */
    /* border: solid red 1px */
}
.advantages_des[show="1"] {
    display: block;
    animation: pop 0.3s ease-in-out;
}
@keyframes pop {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
    
}
/* .advantages_des[show="1"] .advantages_mask {
    display: block;
} */
.advantages_mask {
    position: fixed;
    /* display: none; */
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 15;
    background: rgba(0, 0, 0, 0.5);
}
.advantages_main {
    position: fixed;
    width: 80%;
    max-width: 565px;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 18;
    padding: 30px;
    background: #FFF;
    /* display: none; */
}
.advantages_des_title {
    color: #3C3C3C;
    margin-bottom: 20px;
}
.advantages_close {
    background: #000;;
    padding: 5px;
    position: absolute;
    right: -50px;
    top: -50px;
    cursor: pointer;
}
.advantages_close>svg {
    display: block;
}

.advantages_des p {
    margin-bottom: 10px;
}
.advantages_des p>a {
    color: rgb(75, 139, 207);
    text-decoration: underline;
}
.advantages_item_img2 {
    width: 100%;
    height: auto;
}
.advantages_item_2 .advantages_text{
    top: 50%;
    transform: translate(-50%, -50%);
    /* width: 47%; */
}
.advantages_item_3 .advantages_text{
    left: 0.8rem;
    top: 50%;
    transform: translate(0, -50%);
    width: 47%;
    text-align: left;
}
.advantages_item_3 .advantages_title{
    max-width: 2.5rem;
    margin: 0;
}
.advantages_bg {
    transition: .3s;
}
/* .advantages_item_over .advantages_bg{
    opacity: 0.2;
}
.advantages_item_over .advantages_des{
    opacity: 1;
} */

/* about us */
.about_us_meida{
    width: 60%;
    border-radius: 0.16rem;
    overflow: hidden;
}
.about_us_content{
    flex: 1;
    text-align: left;
}
.about_us_box{
    gap: 0.45rem;
}
.about_us_title{
    font-size: 0.5rem;
    font-weight: 700;
    line-height: 1;
}
.about_us_item_box{
    margin: 0.25rem 0 0.4rem;
    color: #7a7a7a;
}
.about_us_item_box .item{
    gap: 0.1rem;
    margin-top: 0.2rem;
    justify-content: flex-start;
}
.about_us_item_box .item:first-child{
    margin-top: 0;
}
.about_us_item_box .item_number{
    font-size: 0.45rem;
    font-weight: 700;
    min-width: 1.57rem;
}
.about_us_item_box .number_ico {
    position: relative;
    top: -0.16rem;
}
.about_us_item_box .item_des {
    font-weight: 600;
}
.about_us_des{
    font-size: 0.2rem;
}

/* product features */
.features_nav{
    justify-content: center;
}
.features_nav_box{
    line-height: 0.52rem;
    background: rgb(248 249 253);
    border-radius: 0.52rem;
    overflow-x: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
    max-width: 100%;
}
.features_nav_item{
    white-space: nowrap;
    cursor: pointer;
    padding: 0 28px;
    font-size: 20px;
}
.features_nav_item.slick-current{
    background: var(--theme-color-black);
    border-radius: 0.52rem;
    color: #fff;
}
.features_slick_item{
    margin: 0.6rem 15px 0;
    border-radius: 0.16rem;
    overflow: hidden;
    position: relative;
}
.features_slick_rela {
    position: relative;
    padding-top: 55%;
}
.features_slick_rela>video,.features_slick_rela>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.features_slick_item::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(255, 255, 255, .5);
    transition: .3s;
    visibility: visible;
    opacity: 1;
}
.features_slick_item.slick-current::after {
    visibility: hidden;
    opacity: 0;
}
.features_slick_content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    z-index: 2;
    align-items: center;
}
.features_slick_content h3 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 20px;
}
.features_slick_content p {
    color: #fff;
    font-size: 16px;
}

/* channel */
.channel_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.22rem;
}
.channel_item{
    border-radius: 0.16rem;
    overflow: hidden;
}
.channel_bottom{
    background: var(--theme-color);
    text-align: center;
    padding-bottom: 0.26rem;
}
.channel_btn{
    display: inline-block;
    font-size: 0.2rem;
    padding: 0.12rem 0.2rem;
    border-radius: 0.3rem;
    line-height: 1;
    background: var(--theme-color-black);
    cursor: pointer;
    color: #fff;
    transition: .3s;
}
.channel_btn:hover {
    transform: translateY(-3px);
}

.channel_item_2 .channel_bottom{
    background: rgb(248 249 253);
}
.channel_item_2 .channel_btn{
    background: var(--theme-color);
}

/* footer */
.footer{
    padding: 0.6rem 0 1rem;
    background: #F2F2F2;
}
/* .footer .contain_box{
    max-width: 1320px;
    
} */
.footer_content{
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    text-align: left;
}

.section_left{
    width: 65%;
}
.address{
    font-size: 0.2rem;
    
}
.address_item{
    margin-bottom: 0.25rem;
}
.address_value{
    color: #979797;
    margin-top: 0.13rem;
}
.filing{
    margin-top: 0.64rem;
    font-size: 0.18rem;
}
.section_right{
    flex: 1;
}
.footer_logo{
    width: 2.25rem;
}
.connect{
    font-size: 20px;
    margin-top: 0.35rem;
}
.connect_item{
    justify-content: flex-start;
    margin-bottom: 0.1rem;
}
.connect .icon{
    width: 0.24rem;
    margin-right: 0.12rem;
}
.meida{
    justify-content: flex-start;
    gap: 0.24rem;
    margin-top: 0.15rem;
}
.meida>a {
    transition: .3s;
}
.meida>a:hover {
    transform: scale(1.1);
}
.meida img{
    width: 0.4rem;
}
.qrcode{
    width: 1.02rem;
    margin-top: 10px;

}
.qrcode_text {
    font-size: 20px;
    margin-top: 0.33rem;

}

/* hear from the pro */
.section-subtitle {
    color: #979797;
    font-size: 24px;
    margin-top: 24px;
    margin-bottom: 38px;
}
.hf-swiper-item {
    margin: 0 10px;
}
.hf-swiper-item-content {
    position: relative;
    padding-top: 125.3%;
    border-radius: 16px;
    overflow: hidden;
}
.hf-swiper-item-content>.cover-img {
    transition:.3s;
}
.cover-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1
}
.hf-swiper-item-box {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 5;
    text-align: left;
    transition: .3s;
    transform: translateY(100%);
}
.hf-swiper-item-box>h2 {
    font-size: 28px;
    margin-bottom: 5px;
    color: #FFF;
    padding: 0 43px;
}
.hf-swiper-item-box>p {
    font-size: 20px;
    margin-bottom: 5px;
    color: #FFF;
    padding: 0 43px;
}
.hf-swiper-box-bg {
    background: #3C3C3C;
    border-radius: 16px;
    padding: 30px 40px;
}
.hf-swiper-box-longtext {
    font-size: 20px;
    color: #FFF;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.2;
}
.hf-swiper-box-footer {
    text-align: center;
}
.hf-swiper-box-btn {
    background: #FFF;
    color: #3C3C3C;
    /* justify-content: center;
    align-items: center; */
    font-size: 20px;
    padding: 9px 20px;
    border-radius: 60px;
}
.hf-swiper-box-btn>img {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}
.hf-swiper-box-btn>svg{
    vertical-align: middle;
}
.hf-swiper-item-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, 0.5);
    z-index: 3;
}
.hf-swiper-item-logofix {
    width: 30px;
    height: auto;
    position: absolute;
    z-index: 2;
    left: 30px;
    top: 30px;
}
.hf-swiper-current .hf-swiper-item-mask {
    display: none;
}
.hf-swiper-current .hf-swiper-item-box {
    transform: translateY(0);
}
.hf-swiper-current .hf-swiper-item-content .cover-img {
    transform: translateY(-10%);
}
/* See Why Media Loves UBHOME */
/* .sw-swiper {
    text-wrap: wrap;
} */
.sw-swiper-item {
    background: #F8F9FD;
    border-radius: 16px;
}
.sw-swiper-item-title {
    font-size: 24px;
    padding-top: 38px;
    margin-bottom: 27px;
}
.sw-swiper-item-icon {
    font-size: 80px;
    color: #64CC44;
    position: absolute;
    height: 50px;
    width: 50px;
}
.sw-icon-left {
    left: 0;
    top: -30px;
}
.sw-icon-right {
    right: 0;
    bottom: -30px;
}
.sw-swiper-item-content {
    max-width: 950px;
    width: 100%;
    margin: 0 auto 40px;
}
.sw-swiper-item-content>p {
    padding: 0 50px;
    font-size: 24px;
}
.sw-swiper-item-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7A7A7A;
    font-size: 20px;
    padding-bottom: 25px;
}
.sw-swiper-item-footer>img {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin-right: 11px;
}
.sw-swiper .slick-arrow{
    background: transparent;
    color: var(--theme-color-black);
    border-radius: 50%;
    border: solid 1px var(--theme-color-black);
}
.sw-footer-logo {
    width: 100%;
    max-width: 517px;
    height: auto;
    display: block;
    margin: 106px auto 0;
}
.sw-swiper-item-bgbox {
    width: 177px;
    height: 40px;
    background: #D9D9D9;
    border-radius: 30px;
    margin: 22px auto 20px;
}
.footer-email-wrap {
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    margin: 33px 0 64px;
    display: flex;
    justify-content: center;
    gap: 60px;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.foo-btn-wrap {
    display: flex;
}
.foo-btn-left {
    padding: 15px 32px;
    border-radius: 30px 0 0 30px;
    background: var(--theme-color);
    flex: 1;
}
.foo-btn-line {
    display: block;
    height: 40px;
    width: 1px;
    border-left: dashed var(--theme-color-black) 1px;
}
.foo-btn-right {
    padding: 15px 32px;
    border-radius: 0 30px 30px 0;
    background: #3C3C3C;
    color: #fff;
}



/* .footer-email-wrap>div {
    flex: 1;
    text-align: left;
} */
.footer-email-label {
    font-size: 24px;
    padding-left: 20%;
}
.footer-form {
    display: flex;
}
.footer-email-input {
    outline: none;
    border: solid #D0CED1 1px;
    border-right: none;
    height: 46px;
    padding: 0 16px;
    width: 70%;
    font-size: 16px;
    border-radius: 38px 0 0 38px;
}
.footer-email-input::placeholder {
    color: #D0CED1;
}
.footer-email-btn {
    height: 48px;
    background: #64CC44;
    padding: 0 32px;
    color: #fff;
    font-size: 16px;
    outline: none;
    border: none;
    transform: translateX(-6px);
    border-radius: 0 38px 38px 0;
    cursor: pointer;
}
.media_text {
    padding-top: 30px;
    font-size: 20px
}
.footer-email-color {
    color: rgb(75, 139, 207);
    text-decoration: underline;
}
.footer_cookie {
    padding-top: 40px;
    border-top: solid #979797 1px;
}
.footer_cookie_left {
    width: 65%;
    display: flex;
}
.footer_cookie_left>h3 {
    color: #272727;
    font-size: 16px;
    padding-right: 30px;
}
.footer_cookie_left>p {
    color: #979797;
    font-size: 16px;
    flex: 1;
    font-weight: 400;
}
.footer_cookie_left>p>a {
    color: rgb(75, 139, 207);
    text-decoration: underline;
}
.footer_cookie_right {
    flex: 1;
}
.footer_cookie_right_tag {
    color: #979797;
    font-size: 16px;
    padding: 10px 21px;
    border: solid #979797 1px;
    border-radius: 25px;
    font-weight: 400;
    display: inline-block;
}
@media (max-width: 1414px){
    html{
        font-size: 7vw;
    }
    body{
        min-width: 1000px;
    }
}
@media (max-width: 750px){
    html{
        font-size: 18vw;
    }
    body{
        min-width: 0;
    }
    .pc{
        display: none!important;
    }
    .mb{
        display: block!important;
    }
    .contain_box{
        padding: 0 0.25rem;
    }
    section{
        margin-top: 0.75rem;
        padding-bottom: 0.7rem;
    }

    /* slick */
    .slick-arrow{
        width: 28px;
        height: 28px;
    }
    .slick-dots li.slick-active{
        width: 0.9rem;
    }

    /* header */
    .header .contain_box{
        padding: 0.2rem 0.25rem;
    }
    .menu{
        width: 0.27rem;
    }
    .menu_box{
        position: absolute;
        bottom: 1px;
        left: 0;
        transform: translateY(100%);
        width: 82%;
        height: 100vh;
        background: #fff;
        display: none;
        z-index: 5;
    }
    .menu_box_mask {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 4;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        display: none;
    }
    .header_left{
        gap: 0.3rem;
    }
    .header .logo{
        width: 1.73rem;
    }
    .header .store{
        padding: 0.03rem 0.15rem;
        font-size: 0.24rem;
    }
    .header ul li a {
        color: var(--theme-color-black);
        display: block;
        text-align: left;
        padding: 0 0.18rem;
        border-top: 1px solid #ECEDF0;
        font-weight: 500;
        font-size: 0.21rem;
    }

    .submenu{
        position: static; 
        transform: translate(0, 0);
        box-shadow: none;
        font-size: 0.15rem;
        width: auto;
        text-align: left;
        line-height: 2.5;
        padding: 0 0 0 0.4rem;
    }
    .header ul li .submenu .submenu_item:last-child{
        border-bottom: none;
    }
    .header ul li .submenu a{
        border-top: none;
    }
    .store-md-wrap {
        display: flex;
        padding-top: 20px;
        flex-wrap: wrap;
    }
    .store_item {
        padding: 10px 20px;
        display: flex !important;
        border: none !important;
        font-weight: bold !important;
    }

    /* banner */
    .banner{
        padding-bottom: 0;
    }
    .banner .slick-arrow{
        display: none;
    }
    .banner .slick-dots{
        bottom: 0.25rem;
    }
    .banner .slick-dots li{
        width: 0.91rem;
    }
    .banner .slick-dots li button{
        height: 2px;
    }
    .banner .banner_text_box{
        left: 0;
        top: 42.5%;
    }
    .banner .banner_btn a{
        width: 27.5%;
        margin: 0 auto;
    }
    /* advantages */
    .advantages_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .advantages_text{
        /* width: 80%; */
        top: 0.1rem
    }
    .advantages_item_3 .advantages_text{
        left: 0.3rem;
        width: 60%;
    }
    .advantages_title{
        font-weight: 500;
        max-width: 100%;
    }
    .advantages_des{
        font-size: 0.19rem;
        margin-top: 0.15rem;
    }

    /* about us */
    .about_us_box{
        display: block;
    }
    .about_us_meida{
        width: 100%;
    }
    .about_us_content{
        margin-top: 0.3rem;
    }
    .about_us_title{
        font-size: 0.4rem;
    }
    .about_us_des{
        font-size: 0.24rem;
    }


    /* product features */
    .features_nav_item{
        padding: 0 0.2rem;
        font-size: 14px;
    }
    .features_slick_item{
        margin: 0.4rem 0.05rem 0;
    }
    .features_slick_content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .features_slick_content p {
        font-size: 14px;
    }

    /* channel */
    .channel_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .channel_btn{
        padding: 0.08rem 0.2rem;
    }

    /* footer */
    .footer {
        background: #242424;
        color: #B4B2B6;
    }
    .footer .title {
        color: #EEEDEE;
        text-align: left;
    }
    .footer .des {
        color: #EEEDEE;
        text-align: left;
    }
    /* .footer_logo{
        display: none;
    } */
    .footer_content{
        display: block;
    }

    .footer_cookie {
        padding-top: 20px;
    }
    .footer_cookie_left {
        width: 100%;
        display: block;
    }
    .footer_cookie_left>h3 {
        color: #eeedee;
        font-size: 16px;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .footer_cookie_left>p {
        color: #979797;
        font-size: 16px;
        flex: 1;
        font-weight: 400;
    }
    .footer_cookie_left>p>a {
        color: rgb(75, 139, 207);
        text-decoration: underline;
    }
    .footer_cookie_right {
        margin-top: 20px;
    }
    .footer_cookie_right_tag {
        color: #979797;
        font-size: 14px;
        padding: 10px 21px;
        border: solid #979797 1px;
        border-radius: 25px;
        font-weight: 400;
        display: inline-block;
    }





    .section_left{
        width: 100%;
        margin-top: 0.3rem;
    }
    .meida img{
        width: 0.4rem;
    }
    .address_item{
        margin: 0;
        padding: 0.24rem 0 ;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 0.23rem;
    }
    .address_label{
        font-size: 0.27rem;
        font-weight: 700;
        color: #EEEDEE;
    }
    .address_value,.connect_item,.connect_item>a{
        color: #B4B2B6;
    }
    .filing{
        margin: 0;
        padding: 0.24rem 0 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 0.2rem;
    }

    /* hear from the pro */
    .section-subtitle {
        font-size: 16px;
        margin-top: 22px;
        margin-bottom: 28px;
    }
    .hf-swiper-item {
        width: 80vw;
    }
    .hf-swiper-item-box>h2 {
        font-size: 18px;
        margin-bottom: 5px;
        padding: 0 28px;
    }
    .hf-swiper-item-box>p {
        font-size: 18px;
        margin-bottom: 5px;
        padding: 0 28px;
    }
    .hf-swiper-box-bg {
        padding: 20px 28px;
    }
    .hf-swiper-box-longtext {
        font-size: 14px;
        color: #FFF;
        margin-bottom: 15px;
    }
    .hf-swiper-box-btn {
        font-size: 16px;
        padding: 6px 16px;
        border-radius: 50px;
    }
    .hf-swiper-box-btn>img {
        width: 20px;
        height: 20px;
    }

    /* See Why Media Loves UBHOME */
    .sw-swiper-item-title {
        font-size: 18px;
        padding-top: 28px;
        width: 80%;
        margin: 0 auto 17px;
    }
    .sw-swiper-item-icon {
        font-size: 60px;
        color: #64CC44;
        position: absolute;
        height: 40px;
        width: 40px;
    }
    .sw-icon-left {
        left: 0;
        top: -30px;
    }
    .sw-icon-right {
        right: 0;
        bottom: -30px;
    }
    .sw-swiper-item-content {
        /* max-width: 950px; */
        width: 80%;
        margin: 0 auto 20px;
    }
    .sw-swiper-item-content>p {
        padding: 0 30px;
        font-size: 16px;
    }
    .sw-swiper-item-footer {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #7A7A7A;
        font-size: 14px;
        padding-bottom: 25px;
    }
    .sw-swiper-item-footer>img {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        margin-right: 11px;
    }
    .sw-swiper-item-bgbox {
        width: 177px;
        height: 40px;
        background: #D9D9D9;
        border-radius: 30px;
        margin: 16px auto 16px;
    }
    /* .sw-swiper .slick-arrow{
        background: #3C3C3C;
        color: #FFF;
        border: none;
    }
    .sw-swiper .slick-arrow svg {
        color: #FFF;
    } */
    .sw-footer-logo {
        width: 100%;
        max-width: 517px;
        height: auto;
        display: block;
        margin: 23px auto 0;
    }
    /* footer-email */
    .footer-email-wrap {
        padding: 15px;
        border-radius: 16px;
        margin: 20px 0 44px;
        flex-direction: column;
        gap: 20px;
        font-size: 14px;
        align-items: flex-start;
    }
    /* .footer-email-wrap {
        padding: 24px;
        background: #fff;
        border-radius: 16px;
        margin: 33px 0 64px;
        display: flex;
        justify-content: center;
        gap: 60px;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
    } */
    .foo-btn-wrap {
        display: flex;
        width: 100%;
    }
    .foo-btn-left {
        padding: 10px 20px;
        border-radius: 30px 0 0 30px;
        background: var(--theme-color);
    }
    .foo-btn-line {
        display: none;
    }
    .foo-btn-right {
        padding: 10px 20px;
        border-radius: 0 30px 30px 0;
        background: #3C3C3C;
        color: #fff;
    }

    /* .footer-email-wrap>div {
        flex: 1;
        text-align: left;
        width: 100%;
    } */
    /* .footer-email-label {
        font-size: 18px;
        padding-left: 0;
        color: #3C3C3C
    }
    .footer-form {
        display: flex;
        width: 100%;
    }
    .footer-email-input {
        outline: none;
        border: solid #D0CED1 1px;
        border-right: none;
        height: 40px;
        padding: 0 16px;
        flex: 1;
        font-size: 16px;
        border-radius: 34px 0 0 34px;
    }
    .footer-email-input::placeholder {
        color: #D0CED1;
    }
    .footer-email-btn {
        height: 42px;
        background: #64CC44;
        padding: 0 12px;
        color: #fff;
        font-size: 16px;
        outline: none;
        border: none;
        transform: translateX(-4px);
        border-radius: 0 34px 34px 0;
        cursor: pointer;
    } */
    
}