/* 头部区域 */
.header {
    background:url(../img/bg.webp) no-repeat center;
    background-size: 100vw auto;
    min-height: 125.8667vw;
}
.title-s-all{
    color: rgba(255, 255, 255, 1);
    font-size: 4.5333vw;
    font-weight: 600;
    margin-left: 5.0667vw;
    margin-top: 9.6vw;
}
.title-s-s-all{
    margin-top: 5.8667vw;
    font-size:3.4667vw;
    margin-bottom: 2.6667vw;
}
.title-s-s-yellow{
    font-weight: 800;
    color: rgba(245, 158, 12, 1);
}
.top-content-list{
    color: rgba(255, 255, 255, 1);
    font-size: 2.6667vw;
}
.top-content-list div{
    border: .2667vw solid rgba(255, 255, 255, 1);
    border-radius: 1.0667vw;
    width: fit-content;
    margin-left: 5.0667vw;
    margin-top: 1.0667vw;
    padding: 0 2.1333vw;
}
.download-btn-all-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.7333vw;
    margin-bottom: -5.3333vw;
}
.download-btn-img img{
    width: 10.1333vw;
    height: 15.4667vw;
    margin-top: -28.8vw;
}
.download-btn{
    background-color: rgba(245, 158, 12, 1);
    width: 89.8667vw;
    height: 10.6667vw;
    line-height: 10.6667vw;
    border-radius: 2.1333vw;
    color: black;
    font-size: 4vw;
    font-weight: 600;
    text-align: center;
}
.level-div{
    background-color: rgba(255, 255, 255, 1);
    border: .5333vw solid rgba(38, 192, 192, 1);
    border-radius: 4vw;
}
.level-one{
    height: 66.6667vw;
    width: 89.8667vw;
    margin-top: -44vw;
}
.level-two{
    height: 128.8vw;
    width: 89.8667vw;
    margin-top: 4vw;
}
.level-three{
    height: 139.4667vw;
    width: 89.8667vw;
    margin-top: 4vw;
}
.level-four{
    height: 115.4667vw;
    width: 89.8667vw;
    margin-top: 4vw;
}
.level-five{
    height: 152vw;
    width: 89.8667vw;
    margin-top: 4vw;
}
.level-title{
    background:url(../img/level-title-bg.webp) no-repeat center;
    background-size: 69.6vw 10.6667vw;
    min-height: 10.6667vw;
    line-height: 10.6667vw;
    color: white;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
}
.index-advantage-flex{
    padding:0 2.9333vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-advantage-flex-div{
    width:41.0667vw;
    height: 22.9333vw;
    border-radius: 4vw;
    background-color: rgba(238, 246, 246, 1);
    display: flex;
    align-items: center;
}
.advantage-img{
    display: flex;
    align-items: center;
    margin-left: 3vw;
}
.advantage-img img{
    width: 10.1333vw;
    height: 9.6vw;
}
.advantage-info{
    margin-left: 3.7333vw;
}
.advantage-title{
    font-size: 3.4667vw;
    font-weight:600;
    color: black;
}
.advantage-desc{
    color: rgba(102, 102, 102, 1);
    font-size: 3.4667vw;
    margin-top: 1.0667vw;
}
.partner-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-img img{
    width: 88.5333vw;
    height: 48.5333vw;
    margin-top: -2.6667vw;
}
.partner-logo-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-logo-img img{
    width: 15.4667vw;
    height: 15.4667vw;
    margin-top: 4vw;
}
.partner-title{
    color: rgba(0, 0, 0, 1);
    font-size: 4vw;
    text-align: center;
    font-weight: 600;
    margin-top: 3.4667vw;
}
.partner-address{
    margin-top: 6.6667vw;
    font-size: 3.4667vw;
    line-height: 5.3333vw;
    margin-left: 6vw;
    color: rgba(0, 0, 0, 1);
}
.partner-cin{
    margin-top: 5.3333vw;
    font-size: 3.4667vw;
    margin-left: 6vw;
    color: rgba(0, 0, 0, 1);
}
.partner-bottom-img{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.partner-bottom-img img{
    width: 25.0667vw;
    height: 20.8vw;
    margin-top: -11.3vw;
}
.built-bg{
    background:url(../img/built-bg.webp) no-repeat center;
    background-size: 88.8vw 128.8vw;
    min-height: 128.8vw;
    margin-top: -10.6667vw;
}
.built-detail1{
   padding-top: 59.4667vw;
   margin-left: 6.1333vw;
}
.built-detail1 img{
    width: 47.2vw;
    height: 10.4vw;
}
.built-detail2{
   margin-top: 2.4vw;
   margin-left: 52vw;
}
.built-detail2 img{
   width: 26.9333vw;
    height: 10.4vw;
}
.built-detail3{
   margin-top: -3.2vw;
   margin-left: 9.8667vw;
}
.built-detail3 img{
    width: 34.6667vw;
    height: 10.4vw;
}
.built-info-div{
    margin-top: 4.8vw;
    width: 78.1333vw;
    height: 35.4667vw;
    border-radius: 4vw;
    background-color: rgba(238, 246, 246, 1);
    margin-left:5.2vw
}
.built-info-title{
    color: rgba(0, 0, 0, 1);
    font-size: 3.4667vw;
    font-weight: 600;
    padding-top:4vw;
    text-align: center;
}
.built-info-desc{
    margin-top: 1.8667vw;
}
.built-info-desc-div{
    display: flex;
    align-items: center;
    margin-left: 15.2vw;
    margin-bottom: 2.6667vw;
}
.built-info-desc-img{
    margin-right: 2.6667vw;
    display: flex;
    align-items: center;
}
.built-info-desc-img img{
    width: 4vw;
    height: 4vw;
}
.built-info-desc-text{
    color: rgba(0, 0, 0, 1);
    font-size: 3.4667vw;
}
.steps-top-img{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -17vw;
   
}
.steps-top-img img{
    margin-right: -5vw;
    width: 24vw;
    height: 27.4667vw;
}
.level-step-div-list{
    height: 24.5333vw;
    width: 80vw;
    margin:0 4.9333vw 6.1333vw;
}
.level-step-div-list{
    display: flex;
    align-items: center;
}
.level-step-img{
    display: flex;
    align-items: center;
    margin-right: 3.2vw;
}
.level-step-img img{
    width:13.6vw;
    height: 24.5333vw;
}
.level-step-title{
    font-size: 3.4667vw;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
}
.level-step-line{
    width:31.2667vw;
    height: 2.4vw;
    margin-top:-1.8667vw;
    background-color: rgba(17, 142, 139, 0.34);
}
.level-step-line2{
    width:27.9vw;
    height: 2.4vw;
    margin-top:-1.8667vw;
    background-color: rgba(17, 142, 139, 0.34);
}
.level-step-line3{
    width:41.3333vw;
    height: 2.4vw;
    margin-top:-1.8667vw;
    background-color: rgba(17, 142, 139, 0.34);
}
.level-step-desc{
    margin-top: 3.2vw;
    font-size: 3.4667vw;
    color: rgba(102, 102, 102, 1);
}
.point-img{
    text-align: center;
    margin-top: 6.6667vw;
}
.point-img img{
    width: 63.4667vw;
    height: 10.1333vw;
}
.good-img{
    margin-top: 2.4vw;
    text-align: right;
    margin-right: 8vw;
    position: relative;
    z-index: 2;
}
.good-img img{
    width: 16vw;
    height: 16vw;
}
.popular-phone-bg{
    position: relative;
    margin-top: -15vw;
    z-index: 1;
}
.popular-phone-bg img{
    width: 88.8vw;
    height: 113.3333vw;
}
