.event {
    padding: 10px;
}

.event ul {
    background: url(../images/event_line.jpg) no-repeat 0 0/3px 100%;
}

.event ul li {
    position: relative;
    padding: 10px 0 10px 45px;
}

.event-li-circle {
    position: absolute;
    left: -9px;
    top: 26px;
    width: 20px;
    height: 20px;
    background: #274189;
    border: 1px solid #fff;
    border-radius: 50%;
}

.event-li-line {
    position: absolute;
    left: 12px;
    top: 35px;
    width: 30px;
    height: 3px;
    background: #274189;
}


.event-li-left {
    color: #000;
}

.event-li-time {
    font: 400 16px/24px '微软雅黑';
}

.event-li-title {
    font: 400 16px/24px '微软雅黑';
}

.event-li-img img {
    width: 100%;
    padding: 5px 0 0;
}

@media (min-width: 1200px) {
    .event {
        padding: 15px 150px;
    }

    .event ul {
        background: url(../images/event_line.jpg) no-repeat 0 0/3px 100%;
    }

    .event ul li {
        display: flex;
        justify-content: space-between;
        padding: 10px 0 10px 120px;
    }

    .event-li-circle {
        left: -9px;
        top: 31px;
    }

    .event-li-line {
        left: 12px;
        top: 40px;
        width: 90px;
    }


    .event-li-left {
        width: 475px;
    }

    .event-li-time {
        font: 400 18px/30px '微软雅黑';
    }

    .event-li-title {
        font: 400 18px/30px '微软雅黑';
    }


    .event-li-img {
        width: 300px;
        height: 180px;
    }

    .event-li-img img {
        height: 100%;
        padding: 0;
    }
}