html {
    overflow: auto;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%;
    min-width: 1200px;
}

body,dd,div,dl,dt,h1,h2,h3,h4,input,li,ol,p,table,ul {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

li {
    list-style: none;
    vertical-align: bottom;
}


/*.hidden {
    display: none;
}*/

/*.hide_txt {
    text-indent: -9999em;
    font-size: 0;
    line-height: 0;
}*/

/*.clearfixed:after {
    display: block;
    content: "";
    visibility: hidden;
    clear: both;
    height: 0;
}*/

/*.clearfixed {
    zoom: 1;
}*/

.wrap,.wrap input,.wrap textarea {
    font: 12px/1.5 \5FAE\8F6F\96C5\9ED1,sans-serif;
    font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","微软雅黑",tahoma,arial,simsun,"宋体";
}

.wrap {
    width: 100%;
    zoom: 1;
    transform-origin: center top;
    margin: 0 auto;
    position: relative;
}

.wrapper {
    width: 100%;
    position: relative;
}

.content_time {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
    position: relative;
}

.top_sec {
    height: 1080px;
    position: relative;
    overflow: hidden;
    background: url(../img/top_bg.jpg) no-repeat center top;
}

.top_sec .content_time {
    height: 100%;
    display: none;
    position: relative;
    z-index: 10;
}

.about_page .content_time {
    width: 1200px;
}

.events_sec {
    background: url(../img/banner/bg_1.png) repeat-y center top;
   /* opacity:0.8;*/
}

.events_sec .content_time {
    height: 1680px;
    /*background: url("../image/bg_1.jpg") repeat-y center top;*/
    padding-top: 20px;
}

.events_sec h3 {
    background: url(../img/ic_events.png) no-repeat -40px -132px;
    width: 334px;
    height: 115px;
    margin: 0 auto;
}

.events_list {
    padding-top: 10px;
}

.events_list .ic_time {
    display: block;
    background: url(../img/ic_events.png) no-repeat -428px -30px;
    width: 38px;
    height: 68px;
    margin: 0 auto;
}

.events_list .ic_arr {
    display: block;
    background: url(../img/ic_events.png) no-repeat -476px -38px;
    width: 38px;
    height: 59px;
    margin: 0 auto;
    position: relative;
    top: -14px;
}

.events_list ul {
    position: relative;
}

.events_list li {
    position: relative;
    height: 98px;
}

.events_list .ic_events{
    position: absolute;
    width: 51px;
    height: 88px;
    top: 0;
    overflow: hidden;
}

.events_list .txt_events {
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    position: absolute;
    white-space: nowrap;
    top: -12px;
    text-shadow: 0 0 8px #1890ff;
}

.events_list .txt_events strong {
    display: block;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
}

.events_list .right_li {
    margin-left: 50%;
}

.events_list .right_li .ic_events {
    left: -7px;
    background: url(../img/ic_events.png) no-repeat -396px -116px;
}

.events_list .right_li .txt_events {
    left: 56px;
}

.events_list .left_li {
    text-align: right;
    width: 50%;
}

.events_list .left_li .ic_events {
    right: -7px;
}

.events_list .left_li .ic_events i {
    position: absolute;
    top: 0;
    right: 0;
    width: 51px;
    height: 98px;
    background: url(../img/ic_events.png) no-repeat -460px -116px;
}

.events_list .left_li .txt_events {
    right: 56px;
}

.events_list .ic_time {
    animation: enttime_effect 1s ease both;
    -webkit-animation: enttime_effect 1s ease both;
}
.events_list li:nth-child(1) .ic_events {
    animation: entic_effect 1s 1s linear both;
    -webkit-animation: entic_effect 1s 1s linear both;
}

.events_list li:nth-child(2) .ic_events {
    animation: entic_effect 1s 2s linear both;
    -webkit-animation: entic_effect 1s 2s linear both;
}

.events_list li:nth-child(3) .ic_events {
    animation: entic_effect 1s 3s linear both;
    -webkit-animation: entic_effect 1s 3s linear both;
}

.events_list li:nth-child(4) .ic_events {
    animation: entic_effect 1s 4s linear both;
    -webkit-animation: entic_effect 1s 4s linear both;
}

.events_list li:nth-child(5) .ic_events {
    animation: entic_effect 1s 5s linear both;
    -webkit-animation: entic_effect 1s 5s linear both;
}

.events_list li:nth-child(6) .ic_events {
    animation: entic_effect 1s 6s linear both;
    -webkit-animation: entic_effect 1s 6s linear both;
}
.events_list li:nth-child(7) .ic_events {
    animation: entic_effect 1s 7s linear both;
    -webkit-animation: entic_effect 1s 7s linear both;
}
.events_list li:nth-child(8) .ic_events {
    animation: entic_effect 1s 8s linear both;
    -webkit-animation: entic_effect 1s 8s linear both;
}
.events_list li:nth-child(9) .ic_events {
    animation: entic_effect 1s 9s linear both;
    -webkit-animation: entic_effect 1s 9s linear both;
}
.events_list li:nth-child(10) .ic_events {
    animation: entic_effect 1s 10s linear both;
    -webkit-animation: entic_effect 1s 10s linear both;
}
.events_list li:nth-child(11) .ic_events {
    animation: entic_effect 1s 11s linear both;
    -webkit-animation: entic_effect 1s 11s linear both;
}
.events_list li:nth-child(12) .ic_events {
    animation: entic_effect 1s 12s linear both;
    -webkit-animation: entic_effect 1s 12s linear both;
}
.events_list li:nth-child(13) .ic_events {
    animation: entic_effect 1s 13s linear both;
    -webkit-animation: entic_effect 1s 13s linear both;
}
.events_list li:nth-child(14) .ic_events {
    animation: entic_effect 1s 14s linear both;
    -webkit-animation: entic_effect 1s 14s linear both;
}
.events_list li:nth-child(15) .ic_events {
    animation: entic_effect 1s 15s linear both;
    -webkit-animation: entic_effect 1s 15s linear both;
}
.events_list li:nth-child(16) .ic_events {
    animation: entic_effect 1s 16s linear both;
    -webkit-animation: entic_effect 1s 16s linear both;
}
.events_list li:nth-child(17) .ic_events {
    animation: entic_effect 1s 17s linear both;
    -webkit-animation: entic_effect 1s 17s linear both;
}
@keyframes entic_effect {
    0% {
        width: 20px;
        height: 24px;
        opacity: 0;
    }

    40% {
        width: 20px;
        height: 24px;
        opacity: 1;
    }

    100% {
        width: 51px;
        height: 98px;
    }
}

@-webkit-keyframes entic_effect {
    0% {
        width: 20px;
        height: 24px;
        opacity: 0;
    }

    40% {
        width: 20px;
        height: 24px;
        opacity: 1;
    }

    100% {
        width: 51px;
        height: 98px;
    }
}

.events_list li:nth-child(1) .txt_events {
    animation: enttxt_effect 1s 1s linear both;
    -webkit-animation: enttxt_effect 1s 1s linear both;
}

.events_list li:nth-child(2) .txt_events {
    animation: enttxt_effect 1s 2s linear both;
    -webkit-animation: enttxt_effect 1s 2s linear both;
}

.events_list li:nth-child(3) .txt_events {
    animation: enttxt_effect 1s 3s linear both;
    -webkit-animation: enttxt_effect 1s 3s linear both;
}

.events_list li:nth-child(4) .txt_events {
    animation: enttxt_effect 1s 4s linear both;
    -webkit-animation: enttxt_effect 1s 4s linear both;
}

.events_list li:nth-child(5) .txt_events {
    animation: enttxt_effect 1s 5s linear both;
    -webkit-animation: enttxt_effect 1s 5s linear both;
}

.events_list li:nth-child(6) .txt_events {
    animation: enttxt_effect 1s 6s linear both;
    -webkit-animation: enttxt_effect 1s 6s linear both;
}
.events_list li:nth-child(7) .txt_events {
    animation: enttxt_effect 1s 7s linear both;
    -webkit-animation: enttxt_effect 1s 7s linear both;
}
.events_list li:nth-child(8) .txt_events {
    animation: enttxt_effect 1s 8s linear both;
    -webkit-animation: enttxt_effect 1s 8s linear both;
}
.events_list li:nth-child(9) .txt_events {
    animation: enttxt_effect 1s 9s linear both;
    -webkit-animation: enttxt_effect 1s 9s linear both;
}
.events_list li:nth-child(10) .txt_events {
    animation: enttxt_effect 1s 10s linear both;
    -webkit-animation: enttxt_effect 1s 10s linear both;
}
.events_list li:nth-child(11) .txt_events {
    animation: enttxt_effect 1s 11s linear both;
    -webkit-animation: enttxt_effect 1s 11s linear both;
}
.events_list li:nth-child(12) .txt_events {
    animation: enttxt_effect 1s 12s linear both;
    -webkit-animation: enttxt_effect 1s 12s linear both;
}
.events_list li:nth-child(13) .txt_events {
    animation: enttxt_effect 1s 13s linear both;
    -webkit-animation: enttxt_effect 1s 13s linear both;
}
.events_list li:nth-child(14) .txt_events {
    animation: enttxt_effect 1s 14s linear both;
    -webkit-animation: enttxt_effect 1s 14s linear both;
}
.events_list li:nth-child(15) .txt_events {
    animation: enttxt_effect 1s 15s linear both;
    -webkit-animation: enttxt_effect 1s 15s linear both;
}
.events_list li:nth-child(16) .txt_events {
    animation: enttxt_effect 1s 16s linear both;
    -webkit-animation: enttxt_effect 1s 16s linear both;
}
.events_list li:nth-child(17) .txt_events {
    animation: enttxt_effect 1s 17s linear both;
    -webkit-animation: enttxt_effect 1s 17s linear both;
}
@keyframes enttxt_effect {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes enttxt_effect {
    0% {
        -webkit-transform: translateY(-10px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

.events_list .ic_arr {
    animation: entarr_effect .6s 16s linear both;
    -webkit-animation: entarr_effect .6s 16s linear both;
}

@keyframes entarr_effect {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes entarr_effect {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}