.main {
    background     : url(../img/lifeatbeihang/mainbg.png) no-repeat center top;
    margin-top     : 95px;
    height         : 920px;
    background-size: cover
}

.main .mainbox {
    width : 1520px;
    margin: 0 auto
}

.main .mainbox .imgbox {
    position: relative
}

.main .mainbox .imgbox .text {
    position   : absolute;
    left       : 15px;
    bottom     : 15px;
    font-size  : 18px;
    font-weight: 700;
    color      : #fff
}

.main .mainbox .imgbox img {
    -webkit-transition: all .4s;
    transition        : all .4s
}

.main .mainbox .imgbox:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform    : scale(1.2);
    transform        : scale(1.2)
}

.main .mainbox .left {
    width  : 45.5%;
    height : 100%;
    padding: 40px 0
}

.main .mainbox .left .imgbox {
    margin-bottom: 20px;
    width        : 100%;
    overflow     : hidden;
    font-size: 0;
}

.main .mainbox .left .imgbox img {
    width: 100%
}

.main .mainbox .right {
    padding: 40px 0;
    width  : 53.4%;
    height : 100%
}

.main .mainbox .right .item {
    margin-bottom: 22px
}

.main .mainbox .right .item .imgbox {
    position: relative;
    width   : 49%;
    overflow: hidden;
    font-size: 0;
}

.main .mainbox .right .item .imgbox img {
    width : 100%;
    height: 100%
}

@media screen and (max-width:1600px) {
    .main {
        height: 820px
    }

    .main .mainbox {
        width : 1320px;
        margin: 0 auto
    }

    .main .mainbox .imgbox {
        position: relative
    }

    .main .mainbox .imgbox .text {
        position   : absolute;
        left       : 15px;
        bottom     : 15px;
        font-size  : 18px;
        font-weight: 700;
        color      : #fff
    }

    .main .mainbox .imgbox img {
        -webkit-transition: all .4s;
        transition        : all .4s
    }

    .main .mainbox .imgbox:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform    : scale(1.2);
        transform        : scale(1.2)
    }

    .main .mainbox .left {
        width  : 45.5%;
        height : 100%;
        padding: 40px 0
    }

    .main .mainbox .left .imgbox {
        margin-bottom: 20px;
        width        : 100%;
        overflow     : hidden
    }

    .main .mainbox .left .imgbox img {
        width: 100%
    }

    .main .mainbox .right {
        padding: 40px 0;
        width  : 53.4%;
        height : 100%
    }

    .main .mainbox .right .item {
        margin-bottom: 22px
    }

    .main .mainbox .right .item .imgbox {
        position: relative;
        width   : 49%;
        overflow: hidden
    }

    .main .mainbox .right .item .imgbox img {
        width: 100%
    }
}

@media screen and (max-width:1350px) {
    .main {
        height: 700px
    }

    .main .mainbox {
        width : 1120px;
        margin: 0 auto
    }

    .main .mainbox .left .imgbox {
        margin-bottom: 10px
    }

    .main .mainbox .right .item {
        margin-bottom: 14px
    }
}

@media screen and (max-width:1150px) {
    .main {
        margin-top: 35px;
        height    : 600px
    }

    .main .mainbox {
        width : 900px;
        margin: 0 auto
    }

    .main .mainbox .left .imgbox {
        margin-bottom: 13px
    }

    .main .mainbox .right .item {
        margin-bottom: 14px
    }
}

@media screen and (max-width:768px) {
    .main {
        margin-top: .35rem;
        height    : 5.5rem
    }

    .main .mainbox {
        width : 95%;
        margin: 0 auto
    }

    .main .mainbox .left .imgbox {
        margin-bottom: 13px
    }

    .main .mainbox .right .item {
        margin-bottom: .15rem
    }

    .main .mainbox .left,
    .main .mainbox .right {
        padding: .4rem 0
    }

    .main .mainbox .imgbox .text {
        position          : absolute;
        left              : .15rem;
        bottom            : .15rem;
        font-size         : .18rem;
        font-weight       : 700;
        color             : #fff;
        text-shadow       : 1px 1px 1px #000;
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
        text-overflow     : ellipsis;
        word-break        : break-all
    }

    .main .mainbox .left .imgbox {
        margin-bottom: .2rem;
        height       : 2rem
    }

    .main .mainbox .left .imgbox img {
        width : 100%;
        height: 100%
    }

    .main .mainbox .right .item .imgbox {
        height: 1.3rem
    }

    .main .mainbox .right .item .imgbox img {
        width : 100%;
        height: 100%
    }
}

/*# sourceMappingURL=lifeatbeihang.min.css.map */