.center-content-wrap {
    position: relative;
    height: 100vh;
    width: 100%;
    box-sizing: border-box;
}
.center-content-wrap .product-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.product-introduce-right {
    position: absolute;
    top: 12.5vw;
    right: 14.0625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-introduce-left {
    position: absolute;
    top: 12.5vw;
    left: 14.0625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-introduce-center {
    position: absolute;
    top: 5.6875vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tags_icon {
    height: 0.9375vw;
    width: 1.4063vw;
    margin-bottom: 1.5625vw;
}
.section.active .tags_icon {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce1-title {
    margin-bottom: 1.5625vw;
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #3D429D;
}
.section.active .introduce1-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce1-text {
    display: flex;
    align-items: center;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #3D429D;
    line-height: 1.25vw;
}
.section.active .introduce1-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 


.introduce2-title {
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #3D429D;
    line-height: 4.1667vw;
}
.section.active .introduce2-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce2-text {
    margin-top: 0.5208vw;
    margin-bottom: 4.1667vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #3D429D;
}
.section.active .introduce2-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce2-tips {
    margin-bottom: 1.5625vw;
    padding: 0.2083vw 1.25vw;
    background-color: #fff;
    border-radius: 16px;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #3D429D;
}
.section.active .introduce2-tips {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce2-img {
    height: 15.7813vw;
    width: 29.0104vw;
}
.section.active .introduce2-img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 


.introduce3-title {
    margin-bottom: 1.5625vw;
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 4.1667vw;
}
.section.active .introduce3-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce3-text {
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
} 
.section.active .introduce3-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 


.introduce4-text {
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #3D429D;
    line-height: 1.7708vw;
} 
.section.active .introduce4-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce4-icon {
    margin-top: 3.125vw;
    height: 11.0417vw;
    width: 37.1875vw;
}
.section.active .introduce4-icon {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 
.introduce4-icon1 {
    position: absolute;
    bottom: 5.4688vw;
    right: 6.6667vw;
    height: 7.7083vw;
    width: 14.4792vw;
}
.section.active .introduce4-icon1 {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
} 
.introduce4-tips {
    position: absolute;
    bottom: 13.75vw;
    right: 7.1354vw;
    padding: 0.1042vw 0.5208vw;
    font-size: 1.5625vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    border: 1px transparent solid;
    border-image: linear-gradient(to right, #57DAFC 0%, #54D1F3, #51CBED 100%) 1 10;
    border-radius: 6px;
}
.section.active .introduce4-tips {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} 


.introduce5-tags {
    position: absolute;
    bottom: 6.0417vw;
    left: 9.8958vw;
    display: flex;
    align-items: center; 
}
.introduce5-tags .icon {
   height: 7.2917vw;
   width: 7.2917vw; 
   margin-right: 4.4271vw;
}
.section.active .introduce5-tags .icon {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
} 
.introduce5-title {
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #3D43B5;
    line-height: 4.1667vw;
}
.section.active .introduce5-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce5-text {
    margin-bottom: 3.125vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #3D429D;
}
.section.active .introduce5-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce5-txt {
    margin-bottom: 5.2083vw;
    padding: 0.2083vw 1.1458vw;
    background-color: #3D43B5;
    border-radius: 0.8333vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.875vw;
}
.section.active .introduce5-txt {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce5-txt .txt {
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
}
.introduce5-box {
    display: flex;
    align-items: flex-end;
}
.section.active .introduce5-box {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce5-box .box {
    margin-right: 5.2083vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.introduce5-box .box .icon {
    height: 1.3542vw;
    width: 1.8229vw;
    margin-bottom: 1.0417vw;
}
.introduce5-box .box .text {
    font-size: 1.0417vw;
    text-align: right;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #00252F;
    line-height: 1.3542vw;
}
.introduce5-box .table-img {
    height: 13.6979vw;
    width: 13.8021vw;
}


.introduce6-title {
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #3D43B5;
    line-height: 4.1667vw;
}
.section.active .introduce6-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce6-text {
    margin-bottom: 3.125vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #3D429D;
    line-height: 1.25vw;
}
.section.active .introduce6-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce6-icon {
    margin-bottom: 3.125vw;
    height: 15vw;
    width: 39.1667vw;
    margin-bottom: 3.125vw;
}
.section.active .introduce6-icon {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce6-txt {
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 1.875vw;
}
.section.active .introduce6-txt {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.introduce7-title {
    margin-bottom: 1.5625vw;
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #3D43B5;
}
.section.active .introduce7-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce7-text {
    display: flex;
    align-items: center;
    margin-bottom: 2.0833vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #3D429D;
}
.section.active .introduce7-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce7-text .line {
    margin: 0 0.5208vw;
    font-size: 1vw;
}
.introduce7-icon1 {
    z-index: 2;
    position: absolute;
    bottom: 5.9896vw;
    right: 26.5104vw;
    height: 26.5104vw;
    width: 20.3646vw;
}
.section.active .introduce7-icon1 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce7-icon2 {
    z-index: 1;
    position: absolute;
    bottom: 0.8854vw;
    right: 0;
    height: 30.5729vw;
    width: 27.5521vw;
}
.section.active .introduce7-icon2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.introduce8-title {
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 4.1667vw;
}
.section.active .introduce8-title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce8-text {
    display: flex;
    align-items: center;
    margin-bottom: 1.2708vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
}
.section.active .introduce8-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce8-text .line {
    margin: 0 0.5208vw;
    font-size: 1vw;
}
.introduce8-icon {
    height: 20.9375vw;
    width: 34.6354vw;
}
.section.active .introduce8-icon {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce8-tips {
    position: absolute;
    top: 32.4479vw;
    right: 7.2917vw;
}
.section.active .introduce8-tips {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
.introduce8-tips .tips-text {
    font-size: 0.9375vw;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #373DAA;
    line-height: 1.6667vw;
}

.introduce9-text {
    margin-bottom: 3.6458vw;
    font-size: 3.125vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #373DAA;
}
.section.active .introduce9-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce9-num-box {
    min-width: 22.6042vw;
    display: flex;
    align-items: flex-end;
}
.introduce9-num-box .num {
    font-size: 100px;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    color: #373DAA;
}
.section.active .introduce9-num-box .num {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce9-num-box .num .symbol {
    font-size: 1.875vw;
}
.introduce9-num-box .text {
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #373DAA;
}
.section.active .introduce9-num-box .text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce9-explain {
    min-width: 22.6042vw;
    margin-bottom: 3.125vw;
    padding: 0 1.0417vw 2.0833vw 1.0417vw;
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #373DAA;
    border-bottom: 4px solid #373DAA;
}
.section.active .introduce9-explain {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.introduce9-tips-text {
    font-size: 1.25vw;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #00252F;
    line-height: 1.6667vw;
}
.section.active .introduce9-tips-text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}