.technology-img{
    position: relative;
    width: 100%;
    user-select: none;
}
.technology-img img{
    position: relative;
    width: 100%;
    user-select: none;
}
.header-pc{
    display: block;
}
.header-mobile{
    display: none;
}
.technology-img p{
    position: absolute;
    z-index: 5;
    font-size: 1.875vw;
    color: #fff;
    top: 18.75vw;
    margin: 0px auto; 
    width: 100%;
    text-align: center;
    user-select: none;
}
.design-main{
    position: relative;
    margin-top: 6.770833vw;
    width: 100%;
}
.main-info{
    position: relative;
    margin: 0px auto;
    margin-bottom: 5.2vw;
    width: 87.5vw;
    display: flex;
    justify-content: space-between;
}
.main-left{
    width: 35vw;
}
.left-p-1{
    font-size: 30px;
    margin-top: 5.729167vw;
    font-weight: bold;
}
.left-p-2{
    margin-top: 5.729167vw;
    font-size: 24px;
    
}
.left-p-3{
    font-size: 16px;
    margin-top: 3.645833vw;
    line-height: 1.5625vw;
}

.main-right{
    width: 43.75vw;
}
.main-right img{
    width: 100%;
}

.process{
    position: relative;
    width: 100%;
    margin-top: 10.416667vw;
    padding-bottom: 6vw;
}

.swiper {
    width: 100%;
    height: 32vw;
    /* margin-left: 24vw !important; */
}
.swiper-button-prev{
    right: 14.5vw !important;
    left: auto !important;
}
.swiper-button-next{
    right: 10vw !important;
    left: auto !important;
}
.swiper-button-prev,.swiper-button-next{
    top: 2vw !important;
    border: 2px solid #000 !important;
    width: 3.645833vw !important;
    height: 3.645833vw !important;
    border-radius: 50% !important;
    color: #000 !important;
    font-size: 1vw !important;
    transition: all .3s;
}
.swiper-button-prev:after,.swiper-button-next:after{
    content: none !important;
}

.swiper-button-prev:hover ,.swiper-button-next:hover{
    border: 2px solid #F8A100 !important;
    color: #F8A100 !important;
}
.swiper .swiper-slide a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.swiper-slide{
    padding-top: 7vw;
}
.swiper-slide .img-con{
    position: relative;
    font-size: 0px;
    /* margin-top: 6vw; */
    width: 90%;
}
.swiper-slide .img-con img{
    width: 100%;
}
.bottom-text{
    font-size: 1.25vw;
    margin-top: 1.666667vw;
    font-weight: bold;
    border-bottom: 2px solid #f8a10000;
    transition: all .3s;
}
.img-center-text{
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 1.5625vw;
    opacity: 0;
    transition: all .3s;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.noactive:hover>p{
    color: #F8A100 !important;
    border-bottom: 2px solid #F8A100;
}
.noactive:hover .img-center-text{
    color: #fff !important;
    background-color: #0000006f;
    opacity: 1;
}
.noactive .img-center-text span{
    width: 20vw;
    display: inline-block;
}
.process-text{
    position: absolute;
    font-size: 1.5625vw;
    margin-left: 25vw;
    margin-top: 1.041667vw;
    font-weight: bold;
    z-index: 10;
    user-select: none;
}

.warranty-list{
    position: relative;
    width: 100%;
    background-color: #F8F8F8;
    display: flex;
    justify-content: center;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
}

.warranty-item{
    width: 30vw;
    transition: all .3s;
    border-radius: 10px;
}
.warranty-item p:nth-child(1){
    margin-top: 3.645833vw;
    font-size: 30px;
    font-weight: bold;
    /* line-height: 1.5625vw; */
    margin-left: 3.125vw;
}
.warranty-item p:nth-child(2){
    width: 22.916667vw;
    margin-top: 2.4vw;
    font-size: 16px;
    margin-left: 3.125vw;
    /* min-height: 9.375vw; */
    /* max-height: 10vw; */
    /* line-height: 1.5625vw; */
}
.warranty-item img:nth-child(3){
    width: 22.916667vw;
    margin-top: 2vw;
    margin-left: 3.125vw;
    margin-bottom: 3.645833vw;
}
.warranty-item:hover{
    background-color: #F8A100;
    color: #fff;
}
.introduce{
    position: relative;
    width: 100%;
    margin-bottom: 8.333333vw;
    overflow: hidden;
}
.introduce-list{
    display: flex;
    margin-top: 6.25vw;
}
.introduce-item{
    width: 50%;
}
.introduce-item p:nth-child(1){
    font-size: 30px;
    margin-top: 6.25vw;
    margin-left: 15.625vw;
    font-weight: bold;
}
.introduce-item p:nth-child(2){
    font-size: 18px;
    margin-top: 1.041667vw;
    margin-left: 15.625vw;
}
.introduce-item p:nth-child(3){
    font-size: 18px;
    width: 29vw;
    margin-top: 2.760417vw;
    margin-left: 15.625vw;
    line-height: 1.875vw;
}
.introduce-item img{
    width: 100%;
}

.introduce-item-2 p:nth-child(1){
    margin-left: 5.46875vw;
}
.introduce-item-2 p:nth-child(2){
    margin-left: 5.46875vw;
}
.introduce-item-2 p:nth-child(3){
    margin-left: 5.46875vw;
}

.introduce-end{
    display: flex;
    justify-content: space-between;
    margin-top: 4.166667vw;
}

.introduce-end-item-1{
    margin-left: 15.625vw;
}
.introduce-end-item-2{
    margin-right: 15.625vw;
}
.introduce-end-item-2 img{
    width: 27.96875vw;
}
.introduce-end-title{
    font-size: 30px;
    font-weight: bold;
    margin-top: 3.9vw;
}
.introduce-end-content{
    font-size: 16px;
    line-height: 1.5625vw;
    width: 33.75vw;
    margin-top: 0.9vw;
}
.swiper-button-prev2{
    right: 14.5vw !important;
    left: auto !important;
}
.swiper-button-prev2,.swiper-button-next2{
    top: 2vw !important;
    border: 2px solid #000 !important;
    width: 3.645833vw !important;
    height: 3.645833vw !important;
    border-radius: 50% !important;
    color: #000 !important;
    font-size: 1vw !important;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.swiper-button-prev2:after,.swiper-button-next2:after{
    content: none !important;
}

.swiper-button-prev2:hover ,.swiper-button-next2:hover{
    border: 2px solid #F8A100 !important;
    color: #F8A100 !important;
}

.prev-next-btn{
    position: absolute;
    width: 9vw;
    display: flex;
    justify-content: space-between;
    right: 12vw;
    top: 0.9vw;
    z-index: 1;
}

.swiper-button-next2.swiper-button-disabled,.swiper-button-prev2.swiper-button-disabled {
    opacity: .35 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.footer{
    background-color: #F8F8F8 !important;
}
@media (max-width:1440px) {
    /* .technology-img p{
        font-size: 7vw;
    } */
    .left-p-1{
        font-size: 26px;
    }
    .left-p-2{
        font-size: 20px;
        
    }
    .left-p-3{
        font-size: 14px;
    }
    /* .bottom-text{
        font-size: 4vw;
    } */
    /* .process-text{
        font-size: 5vw;
    } */
    /* .swiper-button-prev2, .swiper-button-next2{
        font-size: 4vw !important;
    } */
    /* .warranty-item p:nth-child(1){
        font-size: 5vw;
    } */
    .img-center-text{
        font-size: 14px;
    }
    .warranty-item p:nth-child(1){
        font-size: 24px;
    }
    .warranty-item p:nth-child(2){
        font-size: 14px;
    }
    .introduce-item p:nth-child(1){
        font-size: 26px;
    }
    .introduce-item p:nth-child(2){
        font-size: 16px;
    }
    .introduce-item p:nth-child(3){
        font-size: 14px;
    }
    .introduce-end-title{
        font-size: 26px;
    }
    .introduce-end-content{
        font-size: 14px;
    }
    /* .introduce-end-title{
        font-size: 5vw;
    } */
}
@media (max-width: 996px) {
    .technology-img{
        height: 110vw;
    }
    .technology-img img{
        height: 100%;
        object-fit: cover;
    }
    .header-pc{
        display: none;
    }
    .header-mobile{
        display: block;
    }
    .technology-img p{
        font-size: 7vw;
        top: 60vw;
    }
    .main-info{
        flex-direction: column;
    }
    .main-left{
        width: 100%;
    }
    .main-right{
        width: 100%;
    }
    .left-p-3{
        line-height: 6vw;
        font-size: 3vw;
    }
    .design-main{
        margin-top: 16vw;
    }
    .main-info:nth-child(1) .main-left{
        order: 2;
    }
    .main-info:nth-child(1) .main-right{
        order: 1;
    }
    .main-info:nth-child(2) .main-left{
        order: 4;
    }
    .main-info:nth-child(2) .main-right{
        order: 3;
    }
    .left-p-1{
        font-size: 5vw;
        margin-top: 10vw;
    }
    .left-p-2{
        font-size: 4vw;
    }
    .main-right img{
        margin-top: 5vw;
    }
    .swiper{
        height: 90vw;
    }
    .noactive .img-center-text span{
        width: 60vw;
    }
    .img-center-text{
        line-height: 6vw;
    }
    .bottom-text{
        font-size: 4vw;
    }
    .process-text{
        margin-left: 5vw;
        font-size: 5vw;
    }
    .swiper-slide{
        padding-top: 10vw;
    }
    .prev-next-btn{
        top: auto;
        bottom: 5vw;
        left: 0;
        right: 0;
        width: 100%;
        justify-content: center;
    }
    .swiper-button-prev2, .swiper-button-next2{
        margin: 0px 15vw;
        width: 10vw !important;
        height: 10vw !important;
        font-size: 4vw !important;
    }
    .warranty-list{
        flex-direction: column;
    }
    .warranty-item{
        width: 75%;
        padding: 5vw;
        margin: 1vw auto;
    }
    .warranty-item p:nth-child(1){
        line-height: normal;
        margin-left: 0px;
        font-size: 5vw;
    }
    .warranty-item p:nth-child(2){
        width: 100%;
        margin-left: 0px;
        line-height: 5vw;
        max-height: none;
        min-height: auto;
        font-size: 3vw;
        margin-top: 3vw;
    }
    .warranty-item img:nth-child(3){
        margin-left: 0px;
        margin-top: 5vw;
        width: 100%;
    }
    .introduce-list{
        flex-direction: column;
        width: 90%;
        margin: 6.25vw auto;
    }
    .introduce-item{
        width: 100%;
    }
    .introduce-item p:nth-child(1){
        font-size: 5vw;
        margin-left: 0px;
    }
    .introduce-item p:nth-child(2){
        font-size: 4vw;
        margin-left: 0px;
    }
    .introduce-item p:nth-child(3){
        margin-left: 0px;
        width: 100%;
        line-height: 6vw;
        font-size: 3vw;
    }
    .introduce-list:nth-child(1) .introduce-item:nth-child(1){
        order: 2;
    }
    .introduce-list:nth-child(1) .introduce-item:nth-child(2){
        order: 1;
    }
    .introduce-end{
        flex-direction: column;
        width: 90%;
        margin: 4vw auto;
    }
    .introduce-end-item-1{
        margin-left: 0px;
        order: 2;
    }
    .introduce-end-item-2{
        margin-right: 0px;
        order: 1;
    }
    .introduce-end-item-2 img{
        width: 100%;
    }
    .introduce-end-content{
        width: 100%;
        line-height: 6vw;
        font-size: 3vw;
    }
    .introduce-end-title{
        font-size: 5vw;
        margin-top: 6vw;
    }
}