* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

section {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* 第一屏 */
.banner {
    width: 100%;
    height: 100vh;
    position: absolute;
    background-image: url(/eportal/imageDir/vgven/2024/07/2024071511054511782.jpg);
    background-position: center;
    background-size: cover;
}

.banner img {
    width: 100%;
    height: 100%;
    display: none;
}

.bannerTitle {
    position: absolute;
    top: 2.0625rem;
    left: 50%;
    transform: translate(-50%, 0);
    text-align:center;
}

.title-top {
    font-size: .525rem;
    color: #fff;
    font-weight: 300;
}

.title-bottom {
    font-size: .625rem;
    color: #fff;
}

.details {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: .75rem;
    font-size: .3rem;
    color: #fff;
    padding: .125rem .25rem;
    border: .0125rem solid #fff;
    letter-spacing: .05rem;
}

/* 第二屏 */
.section2 {
    position: relative;
}

.section2 video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.videoTitle {
    position: absolute;
    left: 5.5rem;
    top: 5rem;
    font-size: .6rem;
    color: #fff;
}

/* 第三瓶 */
.section3{height:110vh}
.s3-page1 {
    width: 100%;
    height: 110vh;
    position: relative;
    background: url(/eportal/imageDir/vgven/2024/07/2024071511100795177.jpg) no-repeat center bottom;
   background-size: cover;
}

.s3-page1 img {
    width: 100%;
    height: 100vh;
    display: block;
}

.powerTitle {
    position: absolute;
    right: 1.375rem;
    top: 2rem;
    text-align: right;
}

.powerTitle-top {
    font-size: .525rem;
    color: #fff;
    letter-spacing: .02rem;
}

.powerTitle-bottom {
    font-size: .35rem;
    color: #fff;
    letter-spacing: .02rem;
    font-weight: 300;
    margin-top: .25rem;

}

.s3-page2 {
    width: 100%;
    height: 100vh;
}

.powerContent {
    position: absolute;
    left: 2.75rem;
    bottom: 1.125rem;
    display: flex;
}

.powerConList {
    text-align: center;
    margin-right: .375rem;
}

.powerConList:last-child {
    margin-right: 0;
}

.powerConList p:nth-child(1) {
    font-size: .375rem;
    color: #fff;
    letter-spacing: .0625rem;
}

.powerConList p:nth-child(2) {
    font-size: .275rem;
    color: #fff;
    letter-spacing: .0625rem;
    margin-top: .125rem;
}

.plus {
    font-size: .625rem;
    color: #fff;
}

/* 发动机 */
.s3-page2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
}

.s3-page2 img {
    display: block;
    width: 25%;
    margin: 0 auto;
    padding-top: 1.125rem;
}

.engineBox {
    display: flex;
    justify-content: space-between;
    width: 80%;
    position: absolute;
    left: 50%;
    bottom: 1.25rem;
    transform: translate(-50%, 0);
}

.engineList {
    text-align: center;
}

.engineTitle {
    font-size: .4rem;
    color: #fff;
}

.engineContent {
    font-size: .225rem;
    color: #fff;
    margin-top: .375rem;
}

.engineContent:last-child {
    margin-top: .1875rem;
}

/* 第四屏 */
.section4 {
    position: relative;
    height: 110vh;
    position: relative;
    background: url(/eportal/imageDir/zqvgv/2024/03/2024032918165587842.jpg) no-repeat center bottom;
   background-size: cover;
}

.safeImg {
    width: 100%;
    height: 100vh;
    display: block;
}

.NSTitle {
    position: absolute;
    left: 1.3125rem;
    top: 2rem;
}

.NSTitle-top {
    font-size: .525rem;
    color: #fff;
    letter-spacing: .025rem;
}

.NSTitle-bottom {
    font-size: .35rem;
    color: #fff;
    letter-spacing: .025rem;
    font-weight: 300;
    margin-top: .25rem;
}

.NSContent {
    display: flex;
    position: absolute;
    left: 1.3125rem;
    bottom: 1.375rem;
}

.NSCon-list {
    margin-right: .475rem;
    padding-left: .325rem;
    border-left: .0375rem solid #fff;
}

.NSCon-list:last-child {
    margin-right: 0;
}

.NSCon-list-top {
    font-size: .4375rem;
    letter-spacing: .025rem;
    color: #fff;
}

.NSCon-list-bottom {
    font-size: .325rem;
    color: #fff;
}

/* 第五屏 */
.section5 {
    background-color: #000;
}

.cross-country {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
    margin-top: .8125rem;
}

.cross-countryList img {
    width: 100%;
    display: block;
}

.cross-countryList {
    margin-right: .325rem;
}

.cross-countryList:last-child {
    margin-right: 0;
}

.cross-countryContent {
    text-align: center;
    margin-top: .875rem;
}

.cross-countryContent p:nth-child(1) {
    font-size: .575rem;
    letter-spacing: .25rem;
    color: #fff;
}

.cross-countryContent p:nth-child(2) {
    margin-top: .35rem;
    font-size: .35rem;
    letter-spacing: .175rem;
    color: #fff;
}

/* 第六屏 */
.section6 {
    position: relative;
}

.section6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec6 {
    position: absolute;
    right: 1rem;
    top: 1.5625rem;
    text-align: right;
}

.sec6Title-top {
    font-size: .525rem;
    color: #fff;
    letter-spacing: .025rem;
}

.sec6Title-bottom {
    font-size: .35rem;
    color: #fff;
    font-weight: 300;
    margin-top: .25rem;
}

.sec6Content {
    position: absolute;
    right: 1rem;
    bottom: 1.375rem;
}

.sec6Content li {
    margin-bottom: .4375rem;
    text-align:right;
}

.sec6Content li:last-child {
    margin-bottom: 0;
}

.sec6List-top {
    font-size: .4rem;
    color: #fff;
    letter-spacing: .075rem;
}

.sec6List-bottom {
    font-size: .2875rem;
    letter-spacing: .02rem;
    color: #fff;
    margin-top: .0625rem;
    font-weight: 300;
}



/* 第七屏 */
.section7 {
    display: flex;
    position: relative;
}

.section7 img {
    width: 50%;
    height: 100vh;
    z-index: 1;
}

.section7 .sec7-img1 {
    width: 62%;
}

.sec7-img1 {
    position: absolute;
    top: 0;
    left: 0;
}

.sec7-img2 {
    position: absolute;
    top: 0;
    right: 0;
}

.se7-title {
    position: absolute;
    z-index: 2;
    font-size: .4rem;
    color: #fff;
}

.title1 {
    left: 9rem;
    top: 2.8rem;
    text-align: center;

}

.title1 p {
    margin-bottom: .25rem;
    font-size: .4rem;
    color: #fff;
}

.title1 p:nth-child(2) {
    font-size: .25rem;
    letter-spacing: .0625rem;
}

.title1 p:last-child {
    margin-bottom: 0;
}

.title2 {
    left: 1.5rem;
    bottom: 3rem;
}

.title3 {
    right: 1rem;
    bottom: 5.3rem;
}

.title4 {
    left: 8.5rem;
    bottom: 4.8rem;
}

.round {
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: #fff;
    /* opacity: 0.5; */
    position: absolute;
    z-index: 2;
}

.rippling1 {
    top: 5rem;
    left: 10.75rem;
}

.rippling2 {
    left: 8rem;
    bottom: 3rem;
}

.rippling3 {
    right: 7.6rem;
    bottom: 5.3rem;
}

.rippling4 {
    left: 7.3rem;
    bottom: 4.8rem;
}