* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #666666;
}

.w {
    width: 1200px;
    margin: 0 auto;
}

.pc .banner {
    background: url(./img/pc/1.png) no-repeat center;
    height: 882px;
}

.pc .part1 {
    background: url(./img/pc/2.png) no-repeat left;
    height: 249px;
    margin-bottom: 269px;
}

.pc .part2 {
    background: url(./img/pc/3.png) no-repeat center;
    height: 245px;
    margin-bottom: 250px;
}

.phone {
    display: none;
}

.bottom {
    height: 520px;
    background-color: #DEDEDE;
    text-align: center;
    padding-top: 180px;
    color: #666666;
    font-size: 30px;
    font-family: PingFang SC;
    font-weight: 300;
    line-height: 50px;
}

@media (max-width: 1080px) {
    .phone {
        display: block !important;
    }
    .pc {
        display: none;
    }
    .phone .banner {
        background: url(./img/phone/1.png) no-repeat center;
        background-size: 140% 100%;
        background-position: 0vw 0vw;
        height: 94.6296vw;
    }
    .phone .part1 {
        background: url(./img/phone/2.png) no-repeat center;
        background-size: contain;
        height: 26.8518vw;
        margin-bottom: 13.8889vw;
    }
    .phone .part2 {
        background: url(./img/phone/3.png) no-repeat center;
        background-size: contain;
        height: 33.2407vw;
        margin-bottom: 9.2592vw;
    }
    .phone .part3 {
        background: url(./img/phone/4.png) no-repeat center;
        background-size: contain;
        height: 25.0926vw;
        margin-bottom: 18.5185vw;
    }
    .bottom {
        height: 55.5556vw;
        padding-top: 20vw;
        line-height: 5vw;
        font-size: 2.7778vw;
    }
}