body{
    background-color: #F7F9FA;
}
.part1{
    position: relative;
}

.part1 img{
    display: block;
    width: 100%;
}

.part1-introduce{
    position: absolute;
    top: 40%;
    left: 20%;
    
}

.part1-introduce p:nth-child(1){
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;

}

/* part2 */

.part2{
    padding: 0px 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F7F9FA;
    justify-content: center;
    

    max-width: 1200px;
    margin: 0 auto;
}

.part2>p{
    margin: 70px 0;
}
.part2 p{
    font-size: 36px;
    font-weight: bold;
    color: #242933;
    line-height: 30px;
    
}

.part2-2{
    display: flex;
    /* margin: 30px 0; */
    justify-content: space-between;
    width: 100%;
    background-color: white;
    border-radius: 30px;

    

}

.left-img img{
    width: 100%;
    height: auto;
    display: block;
}

.part2-2 div:nth-child(2) p:nth-child(-n+2){
    font-size: 18px;
    font-weight: bold;
    color: #242933;
}

.part2-2 div:nth-child(2) p:nth-child(n+3){
    font-size: 16px;
    font-weight: 500;
    color: #242933;
    line-height: 30px;
    opacity: 0.9;
}

.part2-2 div:nth-child(2) p:nth-child(6){
    margin-top: 20px;


}
.part2-2-introduce{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0px 20px 50px ;
}
.after-sale-tab {
   display: flex;

   margin-top: 30px;
   margin-bottom: 30px;
   


}

.safe{
    background-image: url(img/part2_safe.png);
    background-repeat:no-repeat;
    width: 54px;
    height: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.after-sale-tab p{
    margin-top: 0px!important;
    color:white!important;
    font-size: 10px!important;
    line-height: 15px!important;

}

.after-sale-tab p:nth-child(1){
    font-size: 16px!important;
}

.circle{

    background-image: url(img/part2_circle.png);
    background-repeat:no-repeat;
    width: 54px;
    height: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.center{
    display: flex;
    flex-direction: column;
    align-items: center;

    margin: 20px;

}

.center span{
    font-size: 14px;
    font-weight: bold;
    color: #242933;
    margin-top: 15px;
}


.part2-3{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:100px 0;
}

.part2-3 p:nth-child(2){
    font-size: 24px;
    font-weight: bold;
    color: #242933;
    line-height: 50px!important;
    text-align: center;

}

.part2-3 p:nth-child(n+3){
    font-size: 18px;
    font-weight: 500;
    color: #242933;
    line-height: 20px!important;
}


/* mini */
@media only screen and (max-width:1200px) {
    .part1 img{
        content: url(img/mobile_head.jpg);
    }

    .part1-introduce{
        top: 10%;
        left: 0%;

        width: 100%;
        display: flex;
        justify-content: center;
        

    }

    .part1-introduce p{
        color: #242933!important;

    }

    .part2{
        padding: 40px 10px;
    }

    .part2-2 {
        flex-direction: column;
    }

    .left-img img{
        border-radius: 30px!important;
    }


    .part2-2-introduce{
        padding: 20px 0px 20px 20px ;
    }
}
