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

.main {
    width: 100%;
    min-width: 1100px;
    max-width: 1920px;
    height: 4325px;
    margin: 0 auto;
    background-image: url('../img/head.jpg'), url('../img/bg.jpg');
    background-repeat: no-repeat, no-repeat;
    background-size: 1920px 576px, 1920px 3749px;
    background-position: top center, bottom center;
}
.down{
    position: relative;
    top: 485px;
    width: 254px;
    height: 79px;
    margin: 0 auto;
    background-image: url('../img/down.png');
    cursor: pointer;
}
.content{
    position: relative;
    top: 500px;
    margin: 0 auto;
    width: 999px;
    height: 3479px;
    background-image: url('../img/box.jpg');
    padding-top: 25px;
}
.event5{
    width: 859px;
    height: 998px;
    margin: 0 auto;
    background-image: url('../img/5.png');
}
.event1{
    width: 886px;
    height: 653px;
    margin: 35px auto 0;
    background-image: url('../img/1.png');
}
.event2{
    width: 903px;
    height: 408px;
    margin: 53px auto 0;
    background-image: url('../img/2.png');
}
.event3{
    width: 946px;
    height: 911px;
    margin: 47px auto 0;
    background-image: url('../img/3.png');
}
.event4{
    width: 901px;
    height: 258px;
    margin: 45px auto 0;
    background-image: url('../img/4.png');
}
.btn-box{
    position: relative;
    top: 550px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 706px;
    height: 66px;
    background-image: url('../img/btn.png');
}
.btn-box>div{
    width: 200px;
    height: 66px;
    cursor: pointer;
}