.nav-wrapper .a {
    background-color: #111116
}

.nav-wrapper .nav-opcity {
    background-color: initial !important
}

.banner-wrapper {
    position: relative;
    overflow: hidden
}

.banner-wrapper .download-wrapper {
    position: absolute;
    width: 1400px;
    left: 50%;
    margin-left: -700px;
    bottom: 20px
}

.banner-wrapper .download-wrapper .download-content {
    display: flex;
    justify-content: center
}

.banner-wrapper .download-wrapper .download-content .download {
    background-color: #fff;
    padding: 0 10px
}

.banner-wrapper .download-wrapper .download-content .download p {
    line-height: 40px
}

.banner-wrapper .download-wrapper .download-content .download span {
    display: block;
    font-size: 12px
}

.banner-wrapper .download-wrapper .download-content .no-download p {
    line-height: 24px
}

.banner-wrapper .download-wrapper .download-content .no-download span {
    line-height: 16px
}

.advantage-wrapper {
    width: 100%;
}

.advantage-wrapper .advantage-wrapper-inner {
    width: 1400px;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.advantage-wrapper .advantage-wrapper-inner .inner-row {
    display: flex;
    align-items: center;
}

.advantage-wrapper .advantage-instroduce {
    width: 680px
}

.advantage-wrapper .advantage-instroduce .advantage-instroduce-title {
    color: var(--Colour-Home-500, #00cdc2);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.advantage-wrapper .advantage-instroduce .advantage-instroduce-product {
    color: var(--Colour-Turquoise-700, #008a81);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px
}

.advantage-wrapper .advantage-instroduce .advantage-instroduce-text {
    margin-top: 24px;
    color: var(--Colour-Neutral-700, #4e5969);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.advantage-wrapper .advantage-phone {
    height: 100%;
    margin-left: 40px;
    display: flex;
    padding: 60px 60px 0 60px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex: 1 0 0;
    border-radius: 24px 0 0 24px;
    background: linear-gradient(134deg, #00ddae 1.19%, #00c0e5 98.13%)
}

.advantage-wrapper .advantage-phone img {
    width: 360px
}

.advantage-wrapper .advantage-instroduce-card {
    height: 164px;
    border-top: 1px solid #9ee7e3;
    padding: 40px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.advantage-wrapper .advantage-instroduce-card-content {
    margin-left: 24px
}

.advantage-wrapper .advantage-instroduce-card-content div {
    color: var(--Colour-Neutral-700, #4e5969);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px
}

.advantage-wrapper .advantage-instroduce-card-content p {
    color: var(--Colour-Neutral-700, #4e5969);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.advantage-details-wrapper {
    width: 100%;
    background: var(--Colour-Neutral-100, rgba(242, 243, 245, .96))
}

.advantage-details-wrapper-inner {
    width: 1400px;
    margin: 0 auto;
    padding: 60px 0 40px;
}

.advantage-details-wrapper-inner .inner-row {
    display: flex;
    justify-content: space-between;
}

.advantage-details-wrapper-inner .inner-row .img-box {
    flex: 1
}

.advantage-details-wrapper-inner .inner-row .img-box>img {
    width: 100%;
}

.advantage-details-wrapper .advantage-details-wrapper {
    width: 1200px;
    margin: 0 auto
}

.scene-wrapper {}

.scene-wrapper-inner {
    width: 1400px;
    padding: 60px 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.scene-wrapper .scence-content .scence-content-title {
    color: var(--Colour-Home-500, #00cdc2);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.scene-wrapper .scence-content .scence-content-produt {
    color: var(--Colour-Turquoise-700, #008a81);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px
}

.scene-wrapper .scence-content img {
    margin-top: 40px
}

.scene-wrapper .scence-card {
    margin-bottom: 40px;
    border-radius: 24px;
    border: 1px solid var(--Colour-Neutral-300, #c9cdd4);
    display: flex;
    width: 680px;
    padding: 52px 60px 60px 60px;
    flex-direction: column;
    align-items: flex-start
}

.scene-wrapper .scence-card .scence-card-title {
    color: var(--Colour-Neutral-700, #4e5969);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px
}

.scene-wrapper .scence-card .scence-card-subtitle {
    color: var(--Colour-Neutral-700, #4e5969);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.scene-wrapper .scence-card .scence-card-star {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.scene-wrapper .scence-card .scence-card-text {
    color: var(--Colour-Neutral-700, #4e5969);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 30px
}

.scene-wrapper .driver {
    background: url(../images/Frame.png) no-repeat right 60px top 36px
}

.scene-wrapper .comp {
    background: url('../images/Group 646.png') no-repeat right 60px top 36px
}

.scene-wrapper .ecology {
    background: url('../images/Frame (1).png') no-repeat right 60px top 36px
}

.register h3 {
    font-size: 30px;
    text-align: center
}

.register .btn-wrapper {
    display: flex;
    justify-content: space-between;
    width: 300px;
    margin: 30px auto
}

.register .btn-wrapper a {
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px
}

.register .btn-wrapper .primary {
    background-color: var(--blue);
    color: #fff
}

.register .btn-wrapper .default {
    border: 1px solid var(--blue)
}

.carousel-item {
    position: relative
}

.carousel-item .banner-download {
    position: absolute;
    top: 211px;
    left: 360px
}

.carousel-item .banner-h1 {
    color: #fff;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "DingTalk JinBuTi";
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left
}

.carousel-item .banner-h3 {
    color: #fff;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "DingTalk JinBuTi";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    margin-top: 10px
}

.carousel-item .banner-download-btn {
    width: 112px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    border-radius: 6px;
    color: var(--Colour-Home-500, #00cdc2);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "PingFang SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-top: 48px;
    cursor: pointer
}

@media (max-width:768px) {
    .banner-wrapper {
        height: 180px
    }

    .banner-wrapper .download-wrapper {
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: 0
    }

    .banner-wrapper .download-wrapper .download-content .download {
        width: 40%;
        text-align: center;
        margin-bottom: 5px;
        font-size: 10px;
        padding: 0
    }

    .banner-wrapper .download-wrapper .download-content .download p {
        line-height: 30px
    }

    .banner-wrapper .download-wrapper .download-content .download span {
        font-size: 8px
    }

    .banner-wrapper .download-wrapper .download-content .no-download p {
        line-height: 18px
    }

    .banner-wrapper .download-wrapper .download-content .no-download span {
        line-height: 12px
    }
}