.topBg {
    width   : 100%;
    height  : 382px;
    position: relative;
}

.topBg img {
    display: block;
    width  : 100%;
    height : 100%;
}

.topBg .wrap {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%);
    color      : #fff;
    font-weight: 500;
    text-align : center;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    line-height: 105px;
}

.topBg .wrap p:first-child {
    font-size: 70px;
}

.topBg .wrap p:last-child {
    font-size  : 36px;
    line-height: 54px;
}
.main .bgBox1{ 
    position: relative;
}
.main .bgBox1 .bgboxContent{
    position: absolute;
    top: 30px;
    left: 15%;
}

.main .bgBox2 {
    position: relative;

}
.main .bgBox2 .bgboxContent{
    position: absolute;
    top: 30px;
    left: 15%;
}

.main .rightBox .contentWrap {
    padding-top : 109px;
    padding-left: 513px;
    box-sizing  : border-box;
    width       : 100%;

}

.main .rightBox .content {
    margin: 17px 0 30px;
}

.main .leftBox .contentWrap {
    padding-top: 147px;
}

.main .leftBox .content {
    margin: 30px 0;
}

.main .logo {
    width : 504px;
    height: 85px;

}

.main .qrCode {
    width : 112px;
    height: 136px;
}

.main .content {
    font-size  : 16px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color      : #333333;
    line-height: 32px;
    width      : 650px;
}