@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a, img {
    border: 0;
}

body {
    font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";
}

.demo {
    width: 960px;
}
/*history*/
.history {
    background: url(../images/line04.gif) repeat-y 117px 0;
    overflow: hidden;
    position: relative;
    height: auto !important;
}

.history-date {
    overflow: hidden;
    position: relative;
}

    .history-date h2 {
        background: #fff url(../images/icon06.gif) no-repeat 103px 0;
        background-size: 4%;
        padding-bottom: 6px;
        padding-left: 3px;
        /*height:59px;*/
        font-size: 18px;
        font-family: 微软雅黑;
        font-weight: 600;
    }

        .history-date h2.first {
            position: absolute;
            left: 0;
            top: 0;
            width: 700px;
        }

        .history-date h2 a {
            color: #00bbff;
            display: inline-block;
            *display: inline;
            zoom: 1;
            background: url(../images/icon08.gif) no-repeat right 50%;
            padding-right: 9px;
        }

            .history-date h2 a:hover {
                text-decoration: none;
            }

        .history-date h2 img {
            vertical-align: -5px;
        }

        .history-date h2.first01, .history-date h2.date02 {
            background: none;
        }

    .history-date ul li {
        background: url(../images/icon07.gif) no-repeat 110px 0;
        padding-bottom: 30px;
        zoom: 1;
    }

        .history-date ul li.last {
            padding-bottom: 0;
        }

        .history-date ul li:after {
            content: " ";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .history-date ul li h3 {
            float: left;
            width: 110px;
            text-align: right;
            color: #1db8f8;
            font: normal 18px/16px Arial;
        }

            .history-date ul li h3 span {
                display: block;
                color: #d0d0d0;
                font-size: 12px;
            }

        .history-date ul li dl dt {
            font-size: 16px;
            color: #333;
            float: left;
            width: 190px;
            padding-left: 20px;
        }

            .history-date ul li dl dt span {
                display: block;
                color: #787878;
                font-size: 12px;
            }

        /*.history-date ul li.green h3 {
            color: #1db702;
        }

            .history-date ul li.green h3 span {
                color: #a8dda3;
            }*/


        .history-date ul li.green dl dt a {
            display: inline-block;
            *display: inline;
            zoom: 1;
            overflow: hidden;
            vertical-align: middle;
            margin-left: 12px;
        }

        .history-date ul li.green dl dd {
            padding-top: 20px;
            display: none;
        }

            .history-date ul li.green dl dd img {
                float: left;
            }

            .history-date ul li.green dl dd p {
                overflow: hidden;
                zoom: 1;
                line-height: 21px;
                color: #787878;
            }

    .history-date h2.first .more-history {
        font-size: 16px;
        background: transparent;
        margin-left: 30px;
    }

        .history-date h2.first .more-history:hover {
            text-decoration: underline;
        }

*body .history-date ul li dl dt {
    _font-size: 12px !important;
    _font-weight: bold;
}

    *body .history-date ul li dl dt span {
        _font-weight: normal !important;
    }

*body .history-date ul li.green dl dt a {
    _background: transparent !important;
    *background: transparent !important;
    *font-size: 12px !important;
    _font-weight: normal !important;
}

@media screen and (min-width: 376px) and (max-width: 414px) {
    .history-date ul li dl dt {
        width: 245px;
    }
}

@media screen and (min-width: 768px) {
    .history-date ul li dl dt {
        width: 600px;
    }
}