* {
    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/uiFramework/commonResource/image/2024070309240776700.jpg);
    background-position: center;
    background-size: cover;
}

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

.bannerTitle {
    position: absolute;
    top: 2.0625rem;
    left: 38%;
    /*transform: translate(-50%, 0);*/
}

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

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

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

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

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

.videoTitle {
    position: absolute;
    left: 7rem;
    top: 5rem;
    font-size: .725rem;
    color: #fff;
    letter-spacing: .0625rem;
}

/* 第三瓶 */
.s3-page1 {
    width: 100%;
    height: 100vh;
    position: relative;
    background-image:url(/eportal/uiFramework/commonResource/image/2024070309241695025.jpg);
    background-position: center;
    background-size: cover;
}

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

.powerTitle {
    position: absolute;
    left: 1.375rem;
    bottom: 3.75rem;
}

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

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

}
.sec3-box{position: relative;}
.s3-page2 {
    width: 100%;
    height: 100vh;
}

.powerContent {
    position: absolute;
    left: 1.375rem;
    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: relative;
    
    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: .5rem;
    color: #fff;
    letter-spacing: .0625rem;
}

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

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

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

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

.NSTitle {
    position: absolute;
    left: 1.3125rem;
    bottom: 3.5rem;
}

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

.NSTitle-bottom {
    font-size: .35rem;
    color: #fff;
    letter-spacing: .1rem;
    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: .0875rem;
    color: #fff;
}

.NSCon-list-bottom {
    font-size: .325rem;
    letter-spacing: .125rem;
    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;
    height:110vh;
}

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

.sec6 {
    position: absolute;
    left: 1rem;
    top: 1.5625rem;
}

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

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

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

.sec6Content li {
    margin-bottom: .4375rem;
    padding-left: .375rem;
    border-left: .025rem solid #fff;
}

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

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

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


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

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

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

.sec7-img1 {
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 101% 0, 74% 100%, 0 100%);
}

.sec7-img2 {
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%);
}

.se7-title {
    position: absolute;
    z-index: 2;
    font-size: .5rem;
    letter-spacing: .125rem;
    color: #fff;
}

.title1 {
    left: 5rem;
    top: 5rem;
}

.title2 {
    left: 4.9rem;
    bottom: 1.8rem;
}

.title3 {
    right: 9.5rem;
    bottom: 3.8rem;
}

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

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

.rippling2 {
    left: 8.5rem;
    bottom: 1.8rem;
}

.rippling3 {
    right: 7.9rem;
    bottom: 4.2rem;
}

@media screen and (max-width: 767px) {
  /* 在这里编写适用于小于768px屏幕尺寸的样式 */
 
 section{height:60vh;}
 .banner{height: 60vh;background-position: 80%;}
 .bannerTitle{left: 50%;transform: translate(-50%, 0);top: 5.063rem;text-align: center;}
.title-top{font-size: 1.2rem;}
.title-bottom{font-size: 1.13rem;}
.details{padding: .8rem 2.2rem;font-size: 1rem;}
.section2 video{height:60vh}
.videoTitle{width: 80%;left: 50%;transform: translate(-50%,0);font-size: 1.4rem;}
.s3-page1{height: 60vh;background-position: 74%;}
.powerTitle{bottom: 70%;}
.powerTitle-top{font-size: 1.5rem;}
.powerTitle-bottom{font-size: 1rem;}
.powerContent{bottom: 3.125rem;}
.powerConList p:nth-child(1){font-size: 1rem;}
 .powerConList p:nth-child(2){font-size: .8rem;}

.s3-page2{height: 60vh;padding-top: 3rem;}
.s3-page2 img{width: 60%;}
.engineBox{width: 95%;bottom: 2.25rem;flex-wrap: wrap;}
.engineList{width: 48%;margin-top: 1rem;}
.engineTitle{font-size: .9rem;}
.engineContent{font-size: .6rem;}
.section4{height: 60vh;}
.NSTitle{bottom: 8.5rem;}
.NSTitle-top{font-size: 1.5rem;}
.NSTitle-bottom{font-size: 1rem;}
.NSCon-list-top{font-size: 1rem;}
.NSCon-list-bottom{font-size: .7rem;}
.section5{height:auto}
.cross-country{display: block;width: 100%;}
.cross-countryList{margin-right: 0;}
.cross-countryContent{margin-bottom: .8rem;}
.cross-countryContent p:nth-child(1){font-size: 1.3rem;}
.cross-countryContent p:nth-child(2){font-size: 1rem;}
.section6{height: 60vh;}
.section6 img{height: 60vh;}
.sec6{top: 8%;}
.sec6Title-top{font-size: 1.5rem;}
.sec6Title-bottom{font-size: 1rem;}
.sec6List-top{font-size: 1rem;}

.sec6List-bottom{margin-top: .4rem;font-size: .8rem;}
.section7{display: block;height: auto;}
.section7 .sec7-img1{width: 100%;display:block;clip-path: none;position: relative;}
.section7 .sec7-img2{width: 100%;display:block;clip-path: none;position: relative;}
.section7 img{height:auto}
.rippling1{left: 6.75rem;}
.title1{left: 8rem;}
.rippling2{left: 19.5rem;bottom: 18.8rem;}
.title2{left: 15.9rem;bottom: 18.8rem;}
.rippling3{right: 11.9rem;bottom: 7.2rem;}
.title3{right: 9.5rem;bottom: 7.2rem;}


.Appearance15{width: 100% !important;}
.sest_ul_map_right_box{width: 100% !important;}
.prov{margin-right: 1.15rem !important;}

}