.pc .banner{
    height: 900px;
    background: url(../images/mj_banner_bg.jpg) no-repeat center;
    position: relative;
}
.pc .banner img{
    position: absolute;
    top: 287px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 591px;
    opacity: 0;
}
.mja{
    height: 992px;
    background: url(../images/mj_a_bg.jpg) no-repeat center;
    position: relative;
}
.mja img{
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -300px;
}
.pc img{
    opacity: 0;
}

.mjb{
    height: 991px;
    background: url(../images/mj_b_bg.jpg) no-repeat center;
    position: relative;
}
.mjb img{
    position: absolute;
    top: 215px;
    left: 50%;
    margin-left: -572px;
}
.mjc{
    height: 973px;
    background: url(../images/mj_c_bg.jpg) no-repeat center;
    position: relative;
}
.mjc img{
    position: absolute;
    top: 107px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.mjd{
    height: 849px;
    background: url(../images/mj_d_bg.jpg) no-repeat center;
    position: relative;
}
.mjd img{
    position: absolute;
    top: 184px;
    left: 50%;
    margin-left: -378px;
}