/* history */
/*.history {
    width: 100%;
    height: 2200px;
    position: relative;
    background: url("../images/history_bg.png") center no-repeat
}*/

.history_start {
    width: 100%;
    margin: -30px auto 30px auto;
    text-align: center;
    background: url("../images/history_start.png") no-repeat top center;
    display: block
}

.history_title {
    color: #2b2b2b;
    font-size: 36px;
    font-weight: 400;
    display: block;
    padding-top: 43px
}

.history_title_next {
    color: #bbb;
    font-size: 26px;
    width: 160px;
    margin: 0 auto;
    border-bottom: 0px solid #d1d1d1
}

.history_left {
    width: 310px;
    /*height:2050px;*/
    float: left;
    clear: left;
    position: relative;
    overflow: hidden
}

    .history_left .history_left_offset_top {
        margin-top: 135px
    }

.history_mid {
    width: 130px;
    overflow: hidden;
    float: left;
    margin: 25px 10px 0 10px;
}

    .history_mid img {
        display: inherit
    }

    .history_mid .history_mid_bg {
        background-image: url("../images/history_middle.png");
        background-position-y: 105px;
    }

.history_right {
    width: 310px;
    float: left;
    position: relative;
    overflow: hidden
}

    .history_right .history_right_offset_top {
        margin-top: 50px
    }


.history_L {
    width: 285px;
    height: 160px;
}

    .history_L .history_l_year {
        float: right;
        line-height: inherit;
        font-size: 42px;
        color: #d43434;
    }

    .history_L .history_l_bg {
        width: 285px;
        height: 66px;
        float: right;
        background: url("../images/history_bg_left.png");
        background-size: contain;
    }

        .history_L .history_l_bg .history_l_month {
            float: right;
            color: #FFF;
            display: block;
            width: 30px;
            line-height: 22px;
            height: 66px;
            border-left: 1px solid #FFF;
            padding-top: 10px;
            margin-right: 25px;
        }

        .history_L .history_l_bg .history_l_text {
            float: left;
            font-size: 14px;
            color: #FFF;
            display: block;
            height: 66px;
            line-height: 20px;
            width: 215px;
            text-align: left;
            padding-top: 3px;
            padding-left: 8px;
            overflow: hidden;
        }

            .history_L .history_l_bg .history_l_text a {
                color: #FFF;
            }

                .history_L .history_l_bg .history_l_text a:hover {
                    color: #ffd497;
                }


.history_R {
    width: 285px;
    height: 160px;
}

    .history_R .history_r_year {
        float: left;
        line-height: inherit;
        font-size: 42px;
        color: #d43434
    }

    .history_R .history_r_bg {
        width: 285px;
        height: 66px;
        float: left;
        background: url("../images/history_bg_right.png");
        background-size: contain;
    }

        .history_R .history_r_bg .history_r_month {
            float: left;
            color: #FFF;
            display: block;
            width: 30px;
            line-height: 22px;
            height: 66px;
            border-right: 1px solid #FFF;
            padding-top: 10px;
            margin-left: 25px;
        }

        .history_R .history_r_bg .history_r_text {
            float: left;
            font-size: 14px;
            color: #FFF;
            display: block;
            height: 66px;
            line-height: 20px;
            width: 215px;
            text-align: left;
            padding-top: 3px;
            padding-left: 8px;
            overflow: hidden;
        }

            .history_R .history_r_bg .history_r_text a {
                color: #FFF;
            }

                .history_R .history_r_bg .history_r_text a:hover {
                    color: #ffd497;
                }