.center-content-wrap {
    position: relative;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
}
.section1-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.section1-title {
    z-index: 2;
    position: absolute;
    top: 16.1458vw;
    right: 27.3438vw; 
    font-size: 3.75vw;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 3.75vw;
    letter-spacing: 0.2083vw;
}
.section.active .section1-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section1-icon {
    z-index: 1;
    position: absolute;
    top: 19.0292vw;
    right: 24.1146vw;
    height: 2.1875vw;
    width: 26.7708vw;
}
.section.active .section1-icon {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.section2-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 34.7917vw;
    width: 100%;
}
.section2-title-en {
    text-align: center;
    margin-top: 5.2083vw;
    font-size: 2.5vw;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFE3DD;
}
.section.active .section2-title-en {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section2-title-ch {
    text-align: center;
    margin-top: -1.25vw;
    margin-bottom: 11.6667vw;
    font-size: 2.5vw;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #00252F;
}
.section.active .section2-title-ch {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section2-box {
    z-index: 1;
    position: relative;
    width: 38.0208vw;
    padding: 4.0104vw 3.125vw 3.125vw 3.125vw;
    background-color: rgba(255, 255, 255, 0.94);
    box-sizing: border-box;
}
.section.active .section2-box {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section2-box .section2-tags {
    z-index: -1;
    position: absolute;
    top: 3.125vw;
    left: 10.1042vw;
    font-size: 2.5vw;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #FFE3DD;
    line-height: 2.5vw;
    letter-spacing: 0.1042vw;
}
.section2-box .section2-title {
    margin-bottom: 2.9688vw;
    font-size: 1.9792vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #00252F;
}
.section2-box .section2-title .txt {
    margin-left: 1.5625vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #00252F;
}
.section2-box .section2-text {
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.6667vw;
} 


.section3-box {
    position: absolute;
    bottom: 0;
    left: 18.5638vw;
    height: 34.7917vw;
    width: 31.0937vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FDE9E4;
}
.section3-box .section3-icon {
    height: 3.6458vw;
    width: 3.6458vw;
    margin-bottom: 3.125vw;
}
.section.active .section3-box .section3-icon {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section3-box .section3-title-ch {
    margin-bottom: 1.0417vw;
    font-size: 1.9792vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #00252F;
}
.section.active .section3-box .section3-title-ch {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section3-box .section3-title-en {
    margin-bottom: 3.125vw;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 0.9375vw;
    letter-spacing: 1px;
}
.section.active .section3-box .section3-title-en {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section3-box .section3-text {
    text-align: center;
    padding: 0 4.6875vw;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.6667vw;
}
.section.active .section3-box .section3-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.section4-bg1 {
   position: absolute;
   top: 1.5625vw;
   left: 7vw;
   height: 61.3%;
   width: 42.5%;
}
.section4-bg2 {
    position: absolute;
    bottom: 1.5625vw;
    left: 7vw;
    height: 30%;
    width: 42.5%;
}
.section4-bg3 {
    position: absolute;
    top: 1.5625vw;
    right: 7vw;
    height: 30%;
    width: 42.5%;
}
.section4-bg4 {
    position: absolute;
    bottom: 1.5625vw;
    right: 7vw;
    height: 61.3%;
    width: 42.5%;
}
.section4-box {
    position: absolute;
    top: 16.6667vw;
    left: 8.8542vw;
    width: 38.8021vw;
    min-height: 12.9167vw;
    padding: 3.125vw;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-sizing: border-box;
}
.section.active .section4-box {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section4-box .title-box {
    display: flex;
    flex-direction: column;
}
.section4-box .title-box .title {
    font-size: 2.5vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #F9B9AB;
}
.section4-box .title-box .title .txt {
    margin-left: 1.0417vw;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.4063vw;
}
.section4-box .line-icon {
    margin: 0 2.0833vw;
    height: 6.6667vw;
    width: 1px;
}
.section4-box .explain-text {
    width: 11.9271vw;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.6667vw;
}
.section4-img1 {
    width: 100%;
    height: 39.5833vw;
    object-fit: cover;
}
.section4-img {
    display: flex;
    justify-content: space-between;
}
.section4-img .img {
    height: 36.4583vw;
    width: 36.4583vw;
}
.section4-img .bg-box {
    width: 11.1375vw;
    height: 36.4583vw;
    background: #FCE3E3;
}
.section4-text-wrap {
    margin-top: 2.0833vw;
    margin-left: 40.6563vw;
}
.section.active .section4-text-wrap {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section4-text-wrap .title-box {
    margin-bottom: 1.0417vw;
    display: flex;
}
.section4-text-wrap .title-box .title {
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.4063vw;
}
.section4-text-wrap .title-box .title .txt {
    margin-right: 1.0417vw;
    font-size: 2.5vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #F9B9AB;
    line-height: 2.5vw;
}
.section4-text-wrap .text-wrap {
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
}

.section5-box {
    padding: 0 7vw;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.section5-box .box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section.active .section5-box .box {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section5-box .box .img {
    height: 15.3646vw;
    width: 27.2917vw;
    margin-bottom: 3.125vw;
}
.section5-bg  {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 24.4792vw;
    width: 100%;
    background: #FDF8F7;
}
.section5-box .box .icon {
    height: 3.125vw;
    width: 3.125vw;
    margin-bottom: 0.9375vw;
}
.section5-box .box .title-en {
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFE3DD;
}
.section5-box .box .title-ch {
    margin-top: -0.5208vw;
    margin-bottom: 1.0417vw;
    font-size: 1.5625vw;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #00252F;
}
.section5-box .box .text {
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.6667vw;
}


.section6-box {
    position: relative;
    height: 38.5417vw;
    width: 100%;
}
.section6-box .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.section6-box .box {
    position: absolute;
    bottom: 3.125vw;
    right: 7vw;
    padding: 2.6042vw;
    width: 34.6875vw;
    background-color: #fff;
}
.section.active .section6-box .box {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section6-box .box .title-ch {
    margin-bottom: 0.5208vw;
    font-size: 1.5625vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #00252F;
}
.section6-box .box .title-en {
    padding-bottom: 1.5625vw;
    margin-bottom: 1.5625vw;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #00252F;
    line-height: 0.9375vw;
    letter-spacing: 0.1042vw;
    border-bottom: 1px solid #F9ABA9;
}
.section6-box .box .text {
    width: 19.0625vw;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.6667vw;
    letter-spacing: 2px;
}
.section6-content {
    width: 70.7083vw;
    margin: 0 auto;
    padding: 2.1875vw 7vw 0 7vw;
    display: flex;
    text-align: center;
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.6667vw;
}
.section.active .section6-content {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}