.main-contain {
    background-color: #00050b;
}

.main-sell {
    position: relative;
    width: 100%;
    height: 250vh;
    background-color: #000;
}

.main-sell .main-sell-content {
    position: sticky;
    top: 72px;
    width: 100%;
    height: 150vh;
    padding: 2vw 0;
}

.main-sell .main-sell-content h1 {
    font-size: 2.6vw;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 2vw;
}

.main-sell .main-sell-content p {
    display: block;
    width: 50%;
    font-size: 1.6vw;
    color: #FFFFFF;
    text-align: center;
    margin: 20vw auto 0;
    opacity: 0.65;
    transition: all opacity 0.3s ease-in-out;
}

.main-sell .main-sell-content .main-sell-dom {
    position: relative;
    width: 70%;
    margin: 0 auto;
    margin-top: 2vw;
}

.main-sell .main-sell-content .main-sell-dom .main-sell-img {
    opacity: 1;
    transform: translate(0px, 0px);
    font-size: 6.2vw;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.main-sell .main-sell-content .main-sell-dom .main-action {
    position: absolute;
    top: 10vw;
    left: calc(50% - 20vw);
    width: 40vw;
    height: 20vw;
    background-image: url(../assets/images/product/js200/产品图1.png);
    background-size: 40vw;
    background-repeat: no-repeat;
    transform: translateY(30%) scale(1);
    z-index: 1;
}

.main-sell .main-sell-list {
    position: absolute;
    bottom: 5vw;
    left: 10vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 80vw;
}

.main-sell .main-sell-list .sell-list-item {
    position: relative;
    width: 40%;
    height: 15vw;
    margin: 0 0 2vw;
    border-radius: 10px;
    overflow: hidden;
}

.main-sell .main-sell-list .list-item-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1vw;
    z-index: 5;
}

.main-sell .main-sell-list .sell-list-item h3 {
    font-size: 1.67vw;
    color: #fff;
    line-height: 1.6;
}

.main-sell .main-sell-list .sell-list-item p {
    font-size: .94vw;
    color: #fff;
    line-height: 1.6;
}

.sell-analysis {
    position: relative;
    width: 100%;
    min-height: 56vw;
}

.sell-analysis .sell-analysis-info {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 4vw 0;
    z-index: 5;
}

.sell-analysis .sell-analysis-info .analysis-info-content {
    width: 50%;
    text-align: center;
}

.sell-analysis .sell-analysis-info .analysis-info-content h2 {
    font-size: 5vw;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 2vw;
}

.sell-analysis .sell-analysis-info .analysis-info-content p {
    font-size: 1.2vw;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 2vw;
}

.sell-analysis-list {
    position: relative;
    padding: 4vw 0;
    background-color: #293545;
}

.sell-analysis-list .analysis-list-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sell-analysis-list .analysis-list-content .analysis-list-info {
    width: 45%;
}

.sell-analysis-list .analysis-list-content .analysis-list-info h2 {
    font-size: 4vw;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 2vw;
}

.sell-analysis-list .analysis-list-content .analysis-list-info p {
    font-size: 1.2vw;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 2vw;
}

.sell-analysis-list .reverse {
    flex-direction: row-reverse;
}

.sell-analysis-list .analysis-list-content .analysis-list-img {
    width: 45%;
    height: 30vw;
    min-height: 460px;
    border-radius: 1vw;
    overflow: hidden;
}

.sell-icon-list {
    position: relative;
    padding: 4vw 0;
    background-color: #00050b;
}

.sell-icon-list .icon-list-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3vw;
}

.sell-icon-list .icon-list-content .icon-list-item {
    width: 25%;
    margin-bottom: 3vw;
}

.sell-icon-list .icon-list-content .icon-list-item .icon-list-img {
    width: 6vw;
    height: 6vw;
    margin: 0 auto 2vw;
    border-radius: 50%;
}

.sell-icon-list .icon-list-content .icon-list-item .icon-list-info p {
    font-size: 1.67vw;
    font-weight: 600;
    text-align: center;
}

.sell-icon-list .icon-list-content .icon-list-item .sell-list .sell-list-content {
    position: relative;
}

.sell-list .sell-list-content .sell-list-before {
    position: absolute;
    bottom: -5vw;
    left: 10%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 80%;
    background-color: #f2f2f2;
    border-radius: 20px;
    z-index: 1;
}

.sell-list .sell-list-content .sell-list-before .swiper-slide {
    border-radius: 30px;
    overflow: hidden;
}

.sell-list .sell-list-content .sell-list-before .sell-list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5vw;
    font-size: 1.2vw;
    color: #333;
}

.promotional-video {
    width: 100%;
    height: 200vh;
}

.promotional-video .promotional-video-content {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.promotional-video .promotional-video-content .promotional-video-element {
    position: relative;
    width: 100%;
    height: 100%;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-tp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    z-index: 5;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-tp .promotional-video-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-position: 50%;
    background-repeat: no-repeat;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    background-size: cover;
    font-size: 160px;
    font-weight: 600;
    z-index: 2;
    background-image: url(../assets/images/index-section2-2.png);
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info {
    position: absolute;
    left: 25%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    background-color: transparent;
    z-index: 1;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info .info-content {
    display: block;
    text-align: center;
    transform: translateY(150px);
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info .info-content h2 {
    font-size: 2.67vw;
    color: #fff;
    margin-bottom: 1vw;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info .info-content p {
    font-size: 1.33vw;
    color: #fff;
    line-height: 1.6;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info .info-content-active {
    transform: translateY(0);
    opacity: 1;
}

.promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-sell {
    width: 100%;
    height: 500vh;
}

.product-sell .product-sell-content {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.product-sell .product-sell-content .product-sell-list {
    position: relative;
    height: 100%;
}

.product-sell .product-sell-content .product-sell-list .product-sell-item {
    position: absolute;
    left: 0%;
    top: 20%;
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
}

.product-sell .product-sell-content .product-sell-list .product-sell-item .product-sell-info {
    margin-right: 40px;
}

.product-sell .product-sell-content .product-sell-list .product-sell-item .product-sell-info h2 {
    font-size: 1.67vw;
    color: #000;
}

.product-sell .product-sell-content .product-sell-list .product-sell-item .product-sell-info p {
    font-size: 1vw;
    line-height: 1.6;
}

.product-sell .product-sell-content .product-sell-list .product-sell-item:last-child .product-sell-info {
    opacity: 0;
}

.product-sell .product-sell-content .product-sell-list .product-sell-item:last-child .product-sell-img {
    opacity: 0;
}

.product-sell .product-sell-content .product-sell-list .product-sell-active {
    z-index: 5;
    opacity: 1;
}

.relative-sell {
    width: 100%;
    padding: 5vw 0;
}

.relative-sell .sell-img-list {
    position: relative;
    width: 100%;
    height: 40vw;
    margin-bottom: 2vw;
}

.relative-sell .sell-img-list .sell-img-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}

.relative-sell .sell-img-list .sell-img-item img {
    width: 100%;
    height: 100%;
    border-radius: 40px;
}

.relative-sell .sell-img-list .sell-img-active {
    z-index: 1;
    opacity: 1;
}

.relative-sell .sell-nav-list {
    display: flex;
    width: max-content;
    margin: 0 auto;
    border-bottom: 2px solid #ccc;
}

.relative-sell .sell-nav-list .sell-nav-item {
    position: relative;
    font-size: 1.67vw;
    line-height: 1vw;
    color: #ccc;
    cursor: pointer;
    padding: 1vw 0;
    margin: 0 1vw;
    transition: all 0.3s ease-in-out;
}

.relative-sell .sell-nav-list .sell-nav-active {
    color: #000;
}

.relative-sell .sell-nav-list .sell-nav-active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #000;
}

.relative-sell .sell-text-list {
    position: relative;
    width: 80%;
    height: 20vw;
    margin: 0 auto;
}

.relative-sell .sell-text-list .sell-text-item {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
}

.relative-sell .sell-text-list .sell-text-item p {
    font-size: 1.33vw;
    color: #000;
    opacity: 0.65;
    text-align: center;
}

.relative-sell .sell-text-list .sell-text-active {
    opacity: 1;
    z-index: 1;
}

.product-node {
    width: 100%;
}

.product-node .product-node-item {
    width: 100%;
    margin: 0 auto 5vw;
}

.product-node .product-node-item h2 {
    font-size: 2.67vw;
    color: #000;
    text-align: center;
}

.product-node .product-node-item p {
    display: block;
    width: 50%;
    margin: 3vw auto;
    font-size: 1.33vw;
    color: #000;
    opacity: 0.65;
    text-align: center;
}

.product-linkage {
    width: 100%;
    padding: 5vw 0;
    background-color: #000;
}

.product-linkage .product-linkage-hd h2 {
    font-size: 2.67vw;
    color: #fff;
    text-align: center;
    margin-bottom: 1vw;
}

.product-linkage .product-linkage-hd p {
    font-size: 1vw;
    color: #fff;
    text-align: center;
}

.product-linkage .product-linkage-bd {
    margin-top: 5vw;
}

.product-linkage .product-linkage-bd .product-linkage-item {
    display: flex;
    justify-content: center;
    margin-bottom: 5vw;
}

.product-linkage .product-linkage-bd .product-linkage-item .product-linkage-info {
    width: 30vw;
}

.product-linkage .product-linkage-bd .product-linkage-item .product-linkage-info h3 {
    font-size: 1.33vw;
    color: #fff;
    margin-bottom: 2vw;
}

.product-linkage .product-linkage-bd .product-linkage-item .product-linkage-info p {
    font-size: 1vw;
    color: #fff;
    opacity: 0.65;
}

.product-linkage .product-linkage-bd .product-linkage-item .product-linkage-img {
    width: 30vw;
}

.product-linkage .product-linkage-bd .product-linkage-le .product-linkage-info {
    text-align: right;
    padding-right: 4vw;
}

.product-linkage .product-linkage-bd .product-linkage-ri .product-linkage-info {
    text-align: left;
    padding-left: 4vw;
}

.parameter {
    width: 100%;
    padding: 8vw 0;
    background-color: #2d3743;
}

.parameter .parameter-table {
    width: max-content;
    margin: 0 auto;
    background-color: #e1edfd;
    padding: 2vw;
    border-radius: 30px;
}

.parameter .parameter-table .parameter-row {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #88abd2;
}

.parameter .parameter-table .parameter-row .parameter-type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10vw;
    height: 8vw;
    font-size: 1vw;
    color: #000;
}

.parameter .parameter-table .parameter-row .parameter-item .parameter-product {
    display: block;

}

.parameter .parameter-table .parameter-row .parameter-type {
    font-size: 2vw;
}

.parameter-product .product-img {
    width: 10vw;
    height: 3vw;
    margin: 0 auto;
}

.parameter-product .product-img img {
    object-fit: contain;
}

.parameter-product h3 {
    text-align: center;
    font-size: 1.2vw;
    font-weight: 600;
    color: #000;
}

.parameter .parameter-table .parameter-row .parameter-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20vw;
    height: 5vw;
    font-size: 1vw;
    color: #000;
}

.parameter .parameter-table .parameter-row .parameter-row-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60vw;
    height: 5vw;
    font-size: 1vw;
    color: #000;
}


.car-model {
    width: 100%;
    padding: 5vw 0;
    background-color: #2f3847;
}

.car-model .note {
    font-size: 1.6vw;
    text-align: center;
    margin: 1vw 0;
}

.car-model .car-model-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 1vw;
    width: 60vw;
    height: 50vw;

    margin: 5vw auto 0;
}

.car-model .car-model-content .car-model-item {
    position: relative;
    width: 100%;
    border-radius: 1vw;
    background: #fff;
    border: 1px solid #fff;
    overflow: hidden;
}

.car-model .car-model-content .car-model-item .product-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.car-model .car-model-content .car-model-item .product-item-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3vw;
    color: #fff;
    padding: 5px;
    font-size: 1.6vw;
    text-align: center;
    z-index: 1;
    background-color: #303e54;
}

.car-model .car-model-content .car-model-item:hover .product-item-img {
    transform: scale(1.1);
}

.app-grid {
    position: relative;
    width: 100%;
    padding: 5vw 0;
    background-color: #2f3847;
}

.app-grid .app-grid-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    margin-top: 5vw;
}

.app-grid .app-grid-content .app-grid-item {
    width: 32%;
    height: auto;
    margin-right: 1%;
    margin-bottom: 2vw;
}

.app-grid-item .app-grid-item-info {
    width: 100%;
    height: 10vw;
}

.app-grid-item .app-grid-item-info .app-grid-icon {
    width: 3vw;
    height: 3vw;
    margin: 0 auto;
    border-radius: 50%;
}

.app-grid-item .app-grid-item-info h3 {
    font-size: 1.67vw;
    color: #fff;
    font-weight: 400;
    line-height: 1.12;
    text-align: center;
    margin-top: 1vw;
}

.app-grid-item .app-grid-item-img {
    width: 100%;
    height: 26vw;
    border-radius: 30px;
    border: 1px solid #fff;
    padding: 5px;
    overflow: hidden;
}

.app-grid-item .app-grid-item-img img {
    border-radius: 30px;
}

.product-comparison {
    position: relative;
    width: 100%;
    padding: 5vw 0;
    background-color: #f1f5fe;
}

.product-comparison-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 5vw auto 0;
}

.product-comparison-content .other-product-weaknesses {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 66vw;
    border-radius: 30px;
    background-color: #ffffff;
    box-shadow: 3px 4px 20px 7px #00000042;
}

.product-comparison-content .product-strengths {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 70vw;
    border-radius: 30px;
    background-color: #658abe;
    box-shadow: 3px 4px 20px 7px #00000042;
}

.product-comparison-content .product-comparison-list {
    position: relative;
    width: 80%;
    height: 56vw;
}

.product-comparison-list .product-comparison-name {
    padding: 0 0 2vw;
    border-bottom: 1px solid #688dc1;
}

.product-comparison-list .product-comparison-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 8vw;
    padding: 2vw 1vw;
    font-size: 1.67vw;
    line-height: 1.4;
    color: #000000a9;
    opacity: 1;
    border-bottom: 1px solid #688dc1;
}

.product-comparison-list .product-comparison-item .product-comparison-project {
    position: absolute;
    right: -20%;
    top: 50%;
    transform: translate(25%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10vw;
    height: 3vw;
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(180deg, #f1f5fe, #3677d7);
    border: 1px solid #fff;
}

.product-comparison-list .product-comparison-item:last-child {
    border-bottom: none;
}

.product-comparison-list .product-comparison-name .comparison-img {
    display: block;
    width: 10vw;
    height: 8vw;
    margin: 0 auto;

}

.product-comparison-list .product-comparison-name .comparison-img img {
    object-fit: contain;
}

.product-comparison-list .product-comparison-name h3 {
    font-size: 1.67vw;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
    text-align: center;
    margin-top: 1vw;
}

.product-strengths .product-comparison-list .product-comparison-name {
    border-bottom: 1px solid #fff;
}

.product-strengths .product-comparison-list .product-comparison-name h3 {
    color: #fff;
}

.product-strengths .product-comparison-list .product-comparison-item {
    color: #fff;
    opacity: 1;
    border-bottom: 1px solid #fff;
}

.product-strengths .product-comparison-list .product-comparison-item:last-child {
    border-bottom: none;
}

.product-comparison .reminder {
    text-align: center;
    font-size: 1.67vw;
    color: #999;
    margin: 3vw 0;
}

.conclusion .conclusion-tp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 0 auto;

}

.conclusion .conclusion-tp p {
    display: flex;
    align-items: center;
    font-size: 1.67vw;
    color: #000;
}

.conclusion .conclusion-tp span {
    color: #5177ac;
    font-size: 5vw;
    font-weight: 700;
    margin-left: 10px;
}

.conclusion .conclusion-tp .conclusion-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 3vw;
    border-radius: 10vw;
    border: 1px solid #3677d7;
}

.conclusion .conclusion-bt {
    width: max-content;
    padding: 2vw 4vw;
    border-radius: 10vw;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(180deg, #7fdeed, #3677d7);
}

.conclusion .conclusion-bt p {
    color: #fff;
    font-size: 2.67vw;
}

.conclusion .conclusion-bt span {
    color: #fff;
    font-size: 4vw;
    font-weight: 600;
}

.before-after-comparison {
    padding: 4vw 0;
    background-color: #293545;
}

.before-after-comparison .comparison-content {
    width: 80%;
    padding: 2vw;
    border-radius: 15px;
    background-color: #e8eff7;
    margin: 5vw auto;
}

.before-after-comparison .comparison-content .comparison-content-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

}

.before-after-comparison .comparison-content .comparison-content-bd {
    width: 100%;
    margin-top: 1vw;
}

.comparison-content-bd .content-bd-line {
    display: flex;
    align-items: center;
}

.comparison-content-bd .content-bd-line .line-item {
    display: flex;
    align-items: center;
    margin-right: 1vw;
    font-size: .96vw;
    line-height: 1;
    color: #292d33;
}

.before-after-comparison .comparison-content .comparison-content-bd p {
    font-size: 1.2vw;
    color: #000;
    margin-top: 1vw;
}

.comparison-content-bd .line-item .lin-circle {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    margin-right: 10px;
}

.before-after-comparison .comparison-content .comparison-hd-item {
    width: 35vw;
    padding: 1vw;
    border-radius: 30px;
    border: 2px solid #afc3d6;
    background-color: #dbe2ec;
}

.before-after-comparison .comparison-content .comparison-hd-item .item-before {
    background: linear-gradient(180deg, #0cb9a6, #0b8799);
}

.before-after-comparison .comparison-content .comparison-hd-item .hd-item-img {
    margin-top: 2vw;
}

.before-after-comparison .comparison-content .comparison-hd-item p {
    font-size: 1.2vw;
    color: #47484a;
    line-height: 1.4;
    text-align: center;
}

.before-after-comparison .comparison-content .hd-item-title {
    width: max-content;
    padding: 5px 1vw;
    font-size: 1.67vw;
    color: #fff;
    background-color: #404143;
    border-radius: 30px;
    margin: 0 auto 2vw;
    border: 1px solid #fff;
}

.before-after-comparison .after-content-info {
    width: max-content;
    padding: 1vw 2vw;
    background: linear-gradient(180deg, #7fdeed, #3677d7);
    text-align: center;
    border-radius: 30px;
    color: #fff;
    font-size: 1.67vw;
    font-weight: 600;
    border: 1px solid #fff;
    margin: 0 auto;
}

.before-after-comparison .after-content-info p {
    font-size: 1.2vw;
    font-weight: 500;
    color: #fff;
}

.before-after-comparison .supplementary-instruction {
    margin-top: 2vw;
    font-weight: normal;
    font-size: 1vw;
    color: #fff;
    text-align: center;
}


.before-after-comparison .comparison-middle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6vw;
    height: 6vw;
    font-size: 3vw;
    font-weight: 700;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 1vw;
    background: linear-gradient(to bottom, #f67535, #e12d08);
    color: #fff;
}

.installation-steps {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #3e414a;
    padding: 4vw 0;
    min-height: 56vw;
}

.installation-steps .installation-steps-content {
    width: 80vw;
    height: 100%;
    padding: 4vw;
    border-radius: 20px;
    background-color: #ecf6ff;
}

.installation-steps .installation-steps-content .installation-steps-grid {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 2vw;
    margin-top: 5vw;
}

.installation-steps .installation-steps-content .installation-steps-item {
    display: flex;
    height: 15vw;
    background-color: #cae5fa;
    border-radius: 20px;
    overflow: hidden;
}

.installation-steps-content .installation-steps-item .steps-item-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* align-items: center; */
    width: 40%;
    padding: 1vw;
    height: 100%;
}

.steps-item-info .steps-item-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3vw;
    height: 3vw;
    font-size: 1.67vw;
    color: #fff;
    background-color: #3a99d8;
    border-radius: 50%;
    margin: 1vw 0;
}

.steps-item-info .steps-item-title {
    width: 100%;
    font-size: 1.2vw;
    color: #1e1e1e;
    line-height: 1.6;
    text-align: center;
}

.installation-steps-content .installation-steps-item .steps-item-img {
    width: 60%;
    height: 100%;
}

.authorized-certification {
    width: 100%;
    padding: 4vw 0;
    background-color: #333e50;
}

.authorized-certification .certification-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5vw;
}

.authorized-certification .certification-list .certification-item {
    width: 32%;
    height: auto;
    margin-right: 1%;
    margin-bottom: 2vw;

}

.authorized-certification .certification-list .certification-item .certification-item-img {
    width: 100%;
    height: auto;
    border: 5px solid #c3daff;
}

.authorized-certification .certification-list .certification-item .certification-item-title {
    font-size: 2vw;
    text-align: center;
    color: #fff;
}

.comm-title {
    text-align: center;
}

.comm-title h2 {
    font-size: 5vw;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e;
    margin-bottom: 2vw;
}

.comm-title p {
    font-size: 1.67vw;
    font-weight: 500;
    color: #1e1e1e;
    line-height: 1.6;
}

.comm-title .white {
    color: white;
}

.sell-analysis .sell-analysis-action {
    top: inherit;
    bottom: 0;
    height: auto;
}

.main-sell .main-sell-content .main-sell-action .main-action {
    height: 25vw;
}

.main-sell .main-sell-content .main-sell-action p {
    margin: 25vw auto 0;
}


@media screen and (max-width: 960px) {


    .main-sell {
        width: 100%;
        height: 120vh;
    }

    .main-sell .main-sell-list {
        display: flex;
        flex-wrap: wrap;
        left: 5vw;
        width: 90%;
    }

    .main-sell .main-sell-list .sell-list-item {
        width: 45%;
        height: 25vw;
        margin-bottom: 2vw;
    }

    .main-sell .main-sell-list .list-item-info {
        padding: 3vw;
    }

    .main-sell .main-sell-list .sell-list-item h3 {
        font-size: 3.67vw;
    }

    .main-sell .main-sell-list .sell-list-item p {
        font-size: 1.94vw;
    }

    .sell-icon-list {
        padding: 6vw 0;
    }

    .sell-icon-list .icon-list-content {
        margin-top: 6vw;
    }

    .sell-icon-list .icon-list-content .icon-list-item {
        width: 33%;
        margin-bottom: 5vw;
    }

    .sell-icon-list .icon-list-content .icon-list-item .icon-list-img {
        width: 15vw;
        height: 15vw;
    }

    .sell-icon-list .icon-list-content .icon-list-item .icon-list-info p {
        font-size: 2.67vw;
    }

    .main-sell .main-sell-content {
        position: sticky;
        top: 130px;
        width: 100%;
        height: 80vh;
        padding: 2vw 0;
    }

    .main-sell .main-sell-content h1 {
        font-size: 5.6vw;
        margin-bottom: 10vw;
    }

    .main-sell .main-sell-content p {
        width: 80%;
        font-size: 3.6vw;
    }

    .main-sell .main-sell-content .main-sell-dom {
        position: relative;
        width: 90%;
        margin-top: 10vw;
    }

    .main-sell .main-sell-content .main-sell-dom .main-sell-img {
        opacity: 1;
        transform: translate(0px, 0px);
    }

    .main-sell .main-sell-content .main-sell-dom .main-action {
        position: absolute;
        top: 15vw;
        left: calc(50% - 45vw);
        width: 90vw;
        height: 40vw;
        background-size: 90vw;
        background-repeat: no-repeat;
        transform: translateY(30%) scale(1);
        z-index: 1;
    }


    .sell-list {
        padding: 0 0 8vw;
        height: 80vh;
    }

    .sell-list .sell-list-content {
        position: relative;
    }

    .sell-list .sell-list-content .sell-list-before {
        position: absolute;
        bottom: -80vw;
        left: 5%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        width: 90%;
        background-color: #fcfcfc;
        border-radius: 20px;
        z-index: 1;
        box-shadow: -1px 3px 20px 1px rgba(0, 0, 0, 0.0705882353);
    }

    .sell-list .sell-list-content .sell-list-before .swiper-slide {
        border-radius: 0;
        overflow: inherit;
    }

    .sell-list .sell-list-content .sell-list-before .sell-list-item {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 25vw;
        font-size: 2.67vw;
        color: #333;
    }

    .promotional-video .promotional-video-content {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
    }

    .promotional-video .promotional-video-content .promotional-video-element {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info {
        position: absolute;
        left: 10%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
        height: 100%;
        background-color: transparent;
        z-index: 1;
    }

    .promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info .info-content h2 {
        font-size: 5.67vw;
        color: #fff;
        margin-bottom: 1vw;
    }

    .promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info .info-content p {
        font-size: 4.33vw;
        color: #fff;
        line-height: 1.6;
    }

    .promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content .bt-content-info .info-content-active {
        transform: translateY(0);
        opacity: 1;
    }

    .promotional-video .promotional-video-content .promotional-video-element .promotional-video-bt .video-bt-content video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .product-sell {
        width: 100%;
        height: 500vh;
    }

    .product-sell .product-sell-content {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
    }

    .product-sell .product-sell-content .product-sell-list {
        position: relative;
        height: 100%;
    }

    .product-sell .product-sell-content .product-sell-list .product-sell-item {
        position: absolute;
        left: 0%;
        top: 20%;
        width: 100%;
        height: 60%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        z-index: 1;
    }

    .product-sell .product-sell-content .product-sell-list .product-sell-item .product-sell-info {
        margin-right: 0;
        background: #fff;
    }

    .product-sell .product-sell-content .product-sell-list .product-sell-item .product-sell-info h2 {
        font-size: 7.67vw;
        color: #000;
        margin-bottom: 2vw;
    }

    .product-sell .product-sell-content .product-sell-list .product-sell-item .product-sell-info p {
        font-size: 4vw;
        line-height: 1.6;
    }

    .product-sell .product-sell-content .product-sell-list .product-sell-item:last-child .product-sell-info {
        opacity: 0;
    }

    .product-sell .product-sell-content .product-sell-list .product-sell-item:last-child .product-sell-img {
        opacity: 0;
    }

    .product-sell .product-sell-content .product-sell-list .product-sell-active {
        z-index: 5;
        opacity: 1;
    }

    .relative-sell {
        width: 100%;
        padding: 5vw 0;
    }

    .relative-sell .sell-img-list {
        height: 80vw;
        margin-bottom: 4vw;
    }

    .relative-sell .sell-img-list .sell-img-item img {
        border-radius: 20px;
    }

    .relative-sell .sell-img-list .sell-img-active {
        z-index: 1;
        opacity: 1;
    }

    .relative-sell .sell-nav-list {
        display: flex;
        width: max-content;
        margin: 0 auto;
        border-bottom: 2px solid #ccc;
    }

    .relative-sell .sell-nav-list .sell-nav-item {
        position: relative;
        font-size: 3vw;
        line-height: 1vw;
        color: #ccc;
        cursor: pointer;
        padding: 3vw 0;
        margin: 0 1vw;
        transition: all 0.3s ease-in-out;
    }

    .relative-sell .sell-nav-list .sell-nav-active {
        color: #000;
    }

    .relative-sell .sell-nav-list .sell-nav-active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background-color: #000;
    }

    .relative-sell .sell-text-list {
        position: relative;
        width: 80%;
        height: 20vw;
        margin: 0 auto;
    }

    .relative-sell .sell-text-list .sell-text-item {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in-out;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 0;
    }

    .relative-sell .sell-text-list .sell-text-item p {
        font-size: 2.67vw;
        color: #000;
        opacity: 0.65;
        text-align: center;
    }

    .relative-sell .sell-text-list .sell-text-active {
        opacity: 1;
        z-index: 1;
    }

    .product-node {
        width: 100%;
    }

    .product-node .product-node-item {
        width: 100%;
        margin: 0 auto 5vw;
    }

    .product-node .product-node-item h2 {
        font-size: 7.67vw;
        color: #000;
        text-align: center;
    }

    .product-node .product-node-item p {
        display: block;
        width: 90%;
        margin: 3vw auto;
        font-size: 2.67vw;
    }

    .product-linkage {
        width: 100%;
        padding: 10vw 0;
        background-color: #000;
    }

    .product-linkage .product-linkage-hd h2 {
        font-size: 7.67vw;
        margin-bottom: 2vw;
    }

    .product-linkage .product-linkage-hd p {
        font-size: 2.67vw;
    }

    .product-linkage .product-linkage-bd {
        margin-top: 8vw;
    }

    .product-linkage .product-linkage-bd .product-linkage-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 5vw;
    }

    .product-linkage .product-linkage-bd .product-linkage-item .product-linkage-info {
        width: 80%;
    }

    .product-linkage .product-linkage-bd .product-linkage-item .product-linkage-info h3 {
        font-size: 5.33vw;
        color: #fff;
        margin-bottom: 2vw;
    }

    .product-linkage .product-linkage-bd .product-linkage-item .product-linkage-info p {
        font-size: 3.67vw;
        color: #fff;
        opacity: 0.65;
    }

    .product-linkage .product-linkage-bd .product-linkage-item .product-linkage-img {
        width: 80%;
        margin-top: 4vw;
    }

    .product-linkage .product-linkage-bd .product-linkage-le .product-linkage-info {
        text-align: center;
        padding-right: 0;
    }

    .product-linkage .product-linkage-bd .product-linkage-ri {
        flex-direction: column-reverse;
        align-items: center;
    }

    .product-linkage .product-linkage-bd .product-linkage-ri .product-linkage-info {
        text-align: center;
        padding-left: 0;
    }

    .parameter {
        width: 100%;
        padding: 10vw 0;
    }

    .parameter .parameter-table {
        padding: 4vw;
        border-radius: 15px;
    }

    .parameter .parameter-table .parameter-row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .parameter .parameter-table .parameter-row .parameter-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20vw;
        height: 15vw;
        padding: 2vw;
        border-right: 2px solid #fff;
        font-size: 2.37vw;
        text-align: center;
        color: #000;
    }

    .parameter .parameter-table .parameter-row .parameter-item:last-child {
        border-right: none;
    }

    .parameter .parameter-table .parameter-row .parameter-row-item {
        width: 60vw;
        height: 15vw;
        font-size: 2.67vw;
    }

    .parameter-product h3 {
        font-size: 2.2vw;
    }

    .installation-steps .installation-steps-content {
        width: 90vw;
        border-radius: 15px;
    }

    .installation-steps-content .installation-steps-item .steps-item-info {
        align-items: center;
    }

    .steps-item-info .steps-item-title {
        font-size: 3.2vw;
    }

    .installation-steps .installation-steps-content .installation-steps-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }

    .installation-steps .installation-steps-content .installation-steps-item {
        height: 30vw;
        border-radius: 15px;
    }

    .steps-item-info .steps-item-num {
        width: 6vw;
        height: 6vw;
        font-size: 4.67vw;
    }

    .car-model {
        width: 100%;
        padding: 10vw 0;
    }

    .car-model .car-model-content {
        grid-gap: 1.6vw;
        width: 80vw;
        height: 60vw;
    }

    .car-model .car-model-content .car-model-item {
        position: relative;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    .car-model .car-model-content .car-model-item .product-item-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.3s ease-in-out;
    }

    .car-model .car-model-content .car-model-item .product-item-info {
        padding: 1vw;
        font-size: 2.67vw;
    }

    .app-grid {
        padding: 10vw 0;
    }

    .app-grid-item .app-grid-item-info {
        height: 20vw;
    }

    .app-grid-item .app-grid-item-info .app-grid-icon {
        width: 8vw;
        height: 8vw;
    }

    .app-grid-item .app-grid-item-info h3 {
        font-size: 2.67vw;
        margin-top: 2vw;
    }

    .app-grid-item .app-grid-item-img {
        border-radius: 15px;
        padding: 0;
    }

    .app-grid-item .app-grid-item-img img {
        border-radius: 15px;
    }

    .sell-analysis {
        min-height: 50vh;
    }

    .sell-analysis .sell-analysis-info {
        padding: 4vh 0;
    }

    .sell-analysis .sell-analysis-info .analysis-info-content {
        width: 80%;
    }

    .sell-analysis .sell-analysis-info .analysis-info-content h2 {
        font-size: 9vw;
        margin-bottom: 4vw;
    }

    .sell-analysis .sell-analysis-info .analysis-info-content p {
        font-size: 3.67vw;
    }

    .authorized-certification {
        padding: 8vw 0;
    }

    .authorized-certification .certification-list .certification-item .certification-item-title {
        font-size: 3.67vw;
    }

    .product-comparison-content .other-product-weaknesses {
        height: 118vw;
        border-radius: 15px;
    }

    .product-comparison-content .product-strengths {
        height: 128vw;
        border-radius: 15px;
    }

    .car-model .car-model-content .car-model-item .product-item-info {
        height: 5vw;
    }

    .product-comparison-content {
        width: 90%;
    }

    .product-comparison-list .product-comparison-name h3 {
        font-size: 2.67vw;
        margin-top: 2vw;
    }

    .product-comparison-list .product-comparison-name {
        padding: 0 0 4vw;
    }

    .product-comparison-list .product-comparison-item {
        height: 16vw;
        padding: 4vw;
        font-size: 2.67vw;
    }

    .product-comparison-content .product-comparison-list {
        height: auto;
    }

    .product-comparison-list .product-comparison-item .product-comparison-project {
        width: 14vw;
        height: 4vw;
    }

    .product-comparison .reminder {
        font-size: 2.67vw;
    }

    .conclusion .conclusion-tp span {
        font-size: 4vw;
        margin-left: 0;
    }

    .conclusion .conclusion-tp .conclusion-item {
        width: 30vw;
        padding: 1vw 3vw;
    }

    .conclusion .conclusion-tp p {
        display: block;
        font-size: 2.67vw;
        text-align: center;
    }

    .conclusion .conclusion-bt {
        padding: 2vw 6vw;
        margin-top: 4vw;
    }

    .before-after-comparison {
        padding: 8vw 0;
    }

    .before-after-comparison .comm-title {
        width: 90%;
        margin: 0 auto;
    }

    .car-model .note {
        font-size: 2.67vw;
    }

    .comm-title h2 {
        font-size: 10vw;
        margin-bottom: 5vw;
    }

    .before-after-comparison .comparison-content {
        width: 90%;
        padding: 4vw;
        margin: 8vw auto;
    }

    .before-after-comparison .comparison-content .comparison-content-bd {
        margin-top: 3vw;
    }

    .comparison-content-bd .line-item .lin-circle {
        width: 3vw;
        height: 3vw;
    }

    .comparison-content-bd .content-bd-line .line-item {
        font-size: 2.67vw;
    }

    .before-after-comparison .comparison-content .comparison-content-bd p {
        margin-top: 2vw;
        font-size: 2.67vw;
    }

    .before-after-comparison .comparison-content .hd-item-title {
        padding: 6px;
        font-size: 4.67vw;
        margin: 0 auto 4vw;
    }

    .before-after-comparison .comparison-content .comparison-hd-item p {
        font-size: 3.2vw;
        border-radius: 20px;
    }

    .before-after-comparison .comparison-content .comparison-content-hd {
        display: flex;
        flex-wrap: wrap;
    }

    .before-after-comparison .comparison-content .comparison-hd-item {
        width: 100%;
        padding: 3vw;
    }

    .before-after-comparison .comparison-middle {
        width: 12vw;
        height: 12vw;
        font-size: 5vw;
        margin: 3vw auto;
    }

    .after-info-title {
        font-size: 3.2vw;
    }

    .main-sell .main-sell-content .main-sell-action .main-action {
        height: 60vw;
    }

    .main-sell .main-sell-content .main-sell-action p {
        margin: 60vw auto 0;
    }


    .before-after-comparison .after-content-info p {
        font-size: 3vw;
    }

    .before-after-comparison .supplementary-instruction {
        font-size: 2.67vw;
    }

    .before-after-comparison .after-content-info {
        padding: 2vw 3vw;
        border-radius: 60px;
    }

    .comm-title p {
        font-size: 3.67vw;
    }



}