.tabs,
.section-1,
.section-2,
.section-3,
.section-4{
    width:100%;
    padding-left: 15.625vw;padding-right: 15.625vw;margin-top: 5.104166666666667vw;
}
.section-1 .title{
    color: #000;
    transform: skewX(-5deg);
    text-shadow: none;
    position: static;
    margin-left: 0;
    font-size: 4.3vw;
    font-weight: 400;
}
.section-1 .title small{
    font-size: 2.6vw;
    margin-left: 0.6vw;
    position: relative;
    display: inline-block;
    bottom: 0.3vw;
}
.section-1 .sub-title,
.section-2 .sub-title,
.section-3 .sub-title,
.section-4 .sub-title{
    position: static;
    color: #7e4a2a;
    transform: none;
    text-shadow: none;
    margin-left: 0;
    font-size: 1.4vw;
    font-weight: 700;
    margin-top: 1.6vw;
}
.section-1 .sub-title-2,
.section-3 .sub-title-2,
.section-4 .sub-title-2{
    font-size: 1.8vw;
    margin-top: 0.6vw;
} 
.section-1 .text,
.section-2 .text,
.section-3 .text,
.section-4 .text{
    font-size: 1.2vw;
} 
.section-3 .text .tips{
    font-size: 70%;
}
.section-1 .img,
.section-3 .img{
    margin: 0.8vw 0;
}

.section-1 .img-tips{
    font-size: 1vw;text-align: right;
}


.section-2,
.section-4{
    background-color: #ede7e3;margin-top: 0;    padding-bottom: 2vw;
}
.section-2 .text,
.section-4 .text{
    margin-bottom: 1vw;
}
.section-2 > .content,
.section-3 > .content,
.section-4 > .content{
    position: static;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between; 
    align-items: stretch;
}
.section-2 > .content .left-img{
    width: 54%;
}
.section-2 > .content .right{
    width: 42%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.section-2 > .content .right .top{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
} 
.section-2 > .content .right .top .right.img{
    width: auto;
    height: 15.7vw;
}
.section-2 > .content .right .top .right-2{

}
.section-2 > .content .right .bottom .title{
    font-size: 2vw;
}
.section-2 > .content .right .bottom .text{
    margin-bottom: -0.3vw;    margin-top: 1vw;
}

.section-3 > .content{
    margin-top: 1vw;
}
.section-3 > .content .left,
.section-3 > .content .right{
    width: 48%;
}



.section-4{
    padding-top: 1.6vw;
}
.section-4 > .content{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}
.section-4 > .content .left{
    width: 30.20833333333333vw;    position: relative;
}
.section-4 > .content .right{
    width: 36.97916666666667vw;
}
.section-4 > .content .left .sub-title-2{
    margin-top: -2%;
}
.section-4 .content .text{
    font-size: 1vw;
}
.section-4 .content  .content {
    display: flex; flex-direction: row; flex-wrap: nowrap;  align-content: center;  justify-content: flex-start; 
    align-items: center; position: absolute;  bottom: 9vw;
}
.section-4 .content  .content .img{
    width: 12vw; margin-right: 1vw;
}

/*悠享空间*/
.sa section.kv .text-container{
    top: 45.2%;
    margin-left: 60.125vw;
    text-shadow: 0 0 3px black;
    width: 36%;
    letter-spacing: 0.2vw;
}

.sa .tabs{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.sa .tabs .tab{
    width: 15.625vw;
    border-radius: 1vw;
    background-color: #e1e8ea;
    box-shadow: 0 0 1.2vw 0px #e1e8ea;
    color: #fff;
    padding: 1.5625vw;
    cursor: pointer;
    transition: all 0.25s ease-in;
}
.sa .tabs .tab .title{
    font-weight: 400;
    font-size: 2.6vw;
    transform: skewX(-5deg);line-height: 1;
}
.sa .tabs .tab .text{
    font-weight: 400;
    font-size: 1.56vw;
    transform: skewX(-5deg);
} 
.sa .tabs .tab:hover,
.sa .tabs .tab.current{
    background-color: #657ce8;
    box-shadow: 0 0 1.2vw 0px #657ce8;
}


.sa .section{
    margin-bottom: 7.708333333333333vw;
/*    display: none; */
}

.sa .section .img-radius{
    border-radius: 1vw;
}

.sa .section > .content{
    position: static;
    display: block;
    margin: 0;
    width: 100%;
}
.sa .section > .content .text small{
    font-size: 1.2vw;
}
.sa .section > .content .text small.blue{
    color: #6097a7;
} 
.sa .section.section-ub,
.sa .section.section-warm,
.sa .section.section-clean,
.sa .section.section-relax{
/*    display: none;*/
}
.sa .section.section-warm > .content.content-1,
.sa .section.section-relax > .content.content-1{
    position: relative;    margin-bottom: 4.166666666666667vw;
}
.sa .section.section-warm > .content.content-1 .title,
.sa .section.section-warm > .content.content-1 .text,
.sa .section.section-relax > .content.content-1 .title,
.sa .section.section-relax > .content.content-1 .text{
    position: absolute;
}
.sa .section.section-clean > .content.content-1 .title,
.sa .section.section-warm > .content.content-1 .title,
.sa .section.section-relax > .content.content-1 .title{
    top: 1%;
    transform: none;
    font-size: 3vw;
} 
.sa .section.section-warm > .content.content-1 .text,
.sa .section.section-relax > .content.content-1 .text{
    top: 14%;
}


.sa .section.section-warm > .content.content-2{
    position: relative;    margin-bottom: 2.166666666666667vw;
}
.sa .section.section-warm > .content.content-2 .title,
.sa .section.section-warm > .content.content-2 .text{
    position: absolute;
}
.sa .section.section-clean > .content.content-2 .title,
.sa .section.section-warm > .content.content-2 .title{
    top: 1%;
    transform: none;
    font-size: 3vw;
} 
.sa .section.section-warm > .content.content-2 .text{
    top: 14%;
}

.sa .section.section-warm > .content.content-3 .title{
    transform: none;
    color: #84c3d3;
    font-size: 1.8vw;
    position: relative;
    padding-left: 2vw;
}
.sa .section.section-warm > .content.content-3 .title:before{
    content: "";
    display: inline-block;
    border-radius: 50%;
    background-color: #84c3d3;
    width: 1.8vw;
    height: 1.8vw;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}



.sa .section.section-relax > .content{
    margin-bottom: 1.29vw;
}
.sa .section.section-relax > .content.content-2 .title,
.sa .section.section-relax > .content.content-3 .title{
    top: 1%;
    transform: none;
    font-size: 2.5vw;
    margin-top: 7.604166666666667vw;margin-bottom: 1.29vw;
}  
.sa .section.section-relax > .content.content-3 .title{
    margin-top: 3.604166666666667vw;
}



.sa .section.section-ud > .content .text{
    margin-bottom: 3.166666666666667vw;
}