.media-top {
    margin-top: 95px;
    height: 168px;
    font-size: 45px;
    line-height: 168px;
    background: #EF5A54;
    text-align: center;
    color: #fff
}

.media-wrap .media-cont {
    margin: 90px 0;
    display: flex;
    flex-wrap: wrap
}

.media-wrap .media-cont .item {
    width: 50%
}

.media-wrap .media-cont .item:nth-child(odd) .one {
    margin-right: 30px
}

.media-wrap .media-cont .item:nth-child(even) .one {
    margin-left: 30px
}

.media-wrap .media-cont .one {
    display: flex;
    margin-bottom: 63px
}

.media-wrap .media-cont .one .img {
    max-width: 155px;
    margin-right: 36px
}

.media-wrap .media-cont .one .cont {
    position: relative
}

.media-wrap .media-cont .one .cont .txt {
    font-size: 24px;
    font-weight: 700
}

.media-wrap .media-cont .one .cont .desc {
    font-size: 18px;
    color: #999;
    margin-top: 10px
}

.media-wrap .media-cont .one .cont .link {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #EF5A54;
    font-size: 18px
}

@media screen and (max-width: 900px) {
    .media-wrap .media-cont {
        margin: 60px 0 40px;
        display: block
    }

    .media-wrap .media-cont .item {
        width: auto;
        margin: 0 auto
    }

    .media-wrap .media-cont .item .one {
        margin: 0 0 60px !important
    }

    .media-wrap .media-cont .item .one .cont .txt {
        font-size: 20px
    }

    .media-wrap .media-cont .item .one .cont .desc, .media-wrap .media-cont .item .one .cont .link {
        font-size: 16px
    }
}

@media screen and (max-width: 800px) {
    .media-top {
        margin-top: 85px;
        height: 100px;
        line-height: 100px;
        font-size: 30px
    }
}

@media screen and (max-width: 768px) {
    .media-top {
        margin-top: 85px
    }
}