html, body {
    margin: 0;
    padding: 0;
}    
body {
    display: grid;
    grid-template-columns: 100vw;
    grid-template-rows: 10vh 90vh;
}
.header {
    background-color: #000;
}
.container {
    width: 1170px;
    margin: 0 auto;
}
.logo {
    padding: 2vh 0;
    display: inline-block;
}
.logo img {
    max-height: 6vh;
}
.contact {
    display: inline-block;
    color: #fff;
    float: right;
    height: 4vh;
    line-height: 4vh;
    border: 1px solid #fff;
    border-radius: 2vh;
    margin: 3vh 0;
    padding: 0 16px;
}
.main {
    overflow: hidden;
    position: relative;
}
.imglist {
    width: 300vw;
    margin: 0;
    padding: 0;
}
.img001 {
    background: url('../img/img001.png');
}
.img002 {
    background: url('../img/img002.png');
    opacity: 0;
}
.img {
    background-color: #000;
    background-repeat:no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    width: 100vw;
    height: 90vh;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.img003 {
    opacity: 0;
    background: url('../img/img003.png');
    background-color: #000;
    background-repeat:no-repeat;
    background-position:center;
    background-size: auto;
    -webkit-background-size: auto;
    -o-background-size: auto;
}
.text {
    display: inline-block;
    color: #fff;
    position: absolute;
    left: 50vw;
    top: 30vh;
}
.img001 .text {
    font-size: 3rem;
    line-height: 7vh;
}
.img002 .text {
    font-size: 4rem;
    line-height: 10vh;
    left: 40vw;
    top: 35vh;
}
.prev {
    left: 0;
    background: url('../img/arrow01.png');
}
.next {
    right: 0;
    background: url('../img/arrow02.png');
}
.arrow {
    position: absolute;
    top: 42.5vh;
    height: 5vh;
    width: 5vh;
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
    background-repeat:no-repeat;
    background-position:center;
}
/*自适应部分*/
@media (max-width: 1170px) {
    .container {
        width: auto;
        margin: 0 15px;
    }
    .img001 {
        background: url('../img/img011.png');
    }
    .img002 {
        background: url('../img/img022.png');
    }
    .img {
        background-color: #000;
        background-repeat:no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }
    .img003 {
        background: url('../img/img033.png');
        background-color: #000;
        background-repeat:no-repeat;
        background-position:center;
        background-size: 50% 20%;
        -webkit-background-size: 50% 20%;
        -o-background-size: 50% 20%;
    }
    .img001 .text {
        font-size: 1.5rem;
        line-height: 5.5vh;
        left: 20vw;
        top: 35vh;
    }
    .img002 .text {
        font-size: 2rem;
        line-height: 6vh;
        left: 28vw;
        top: 38vh
    }
    .contact {
        font-size: 2vw;
    }
}