* {
    box-sizing: border-box;
}

img {
    vertical-align: middle;
}

body {
    width: 100vw;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(../img/pc/bg.jpg?v=1) no-repeat;
    background-size: cover;
    min-width: 1400px;
}

header {
    display: flex;
    align-items: center;
    padding: 30px 30px 0 30px;
    width: 1200px;
    margin: 0 auto;
    z-index: 9;
    margin-bottom: 6px;
}

header>img:nth-of-type(1) {
    /* width: 260px; */
    height: 60px;
}

header>img:nth-of-type(2) {
    height: 60px;
    margin-left: auto;
    margin-right: 24px;
    cursor: pointer;
}

header>img:nth-of-type(3) {
    height: 60px;
    margin-right: 24px;
    cursor: pointer;
}
header>img:nth-of-type(4) {
    height: 60px;
    cursor: pointer;
}

main{
    width: 1200px;
    height: 580px;
    margin: 0 auto;
    background: url(../img/pc/main-bg.png?v=1) no-repeat;
    position: relative;
}
.swiper{
    width: 550px;
    height: 310px;
    position: absolute;
    top: 38px;
    left: 30px;
}
.wraper{
    position: absolute;
    top: 65px;
    z-index: 1;
    left: 52%;
    background: #fff;
    border-radius: 6px;
    padding: 5px;
}