@CHARSET "UTF-8";

.tc {
    text-align: center;
}

.mt20 {
    margin-top: 20px;
}

body {
    background: #fff url(../images/news-bj.jpg) no-repeat center 262px;
}

.top_nav .dropdown{
    width: 714px;
}
.container {
    width: 100%;
    position: relative;
    padding-bottom: 1px;
    background: #F1F1F1F1;
}

.container.night {
    background: #161616;
}

.new-banner{
    height: 500px;
    background: url(/images/announcement/banner.jpg) no-repeat top center;
}
.new-nav-cont{
    background: #FFFFFF;
}
.new-nav-cont.night {
    background: #1E1E1E;
}
.new-list-cont{
    width: 400px;
    margin: 0 auto;
}
.new-list-cont .item{
    width: 50%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #575f72;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.new-list-cont .item.active,
.new-list-cont .item:hover{
    color: #91a0bd;
    border-bottom: 4px solid #d02443;
}
.container .timeline-container {
    width: 1200px;
    margin: 0 auto;
    position: relative;

}
.container .timeline-container.active{
    padding-bottom: 100px;
}
.container .center_div {
    background-color: #fff;
    overflow: hidden;
}

.timeline{
    position: relative;
    min-height: 1350px;
    margin-top: 40px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.timeline.active{
    overflow: auto;
    height: auto;
}

.lines{
    width: 20px;
    height: 98.5%;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: -40px;
}

.lines .midline{
    position: absolute;
    left: 45%;
    top: 0;
    width: 2px;
    height: 100%;
    border-right: 1px solid #575f72;
}

.lines .pointer{
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 10;
    border-radius: 50%;
    background: linear-gradient(90deg, #fa2d36 0%, #fd5883 100%);
}

.pointer0{
    top: 195px;
}

.pointer1{
    top: 317px;
}

.timeline .itemList{

    position: absolute;
    overflow: hidden;
    padding: 1%;
    min-height: 80px;
    margin-bottom: 18px;

}

.timeline .itemList:nth-child(odd):after{
    content:'';
    position: absolute;
    right: -11px;
    top: 48%;
    z-index: 5;
    border:12px solid transparent;
    border-left-color:#FFFFFF;
}

.timeline .itemList:nth-child(odd).night:after {
    border-left-color:#222633;
}

.timeline .itemList:nth-child(even):before{
    content:'';
    position: absolute;
    left: -11px;
    top: 48%;
    z-index: 5;
    border:12px solid transparent;
    border-right-color: #FFFFFF;
}

.timeline .itemList:nth-child(even).night:before {
    border-right-color:#222633;
}

.timeline .itemList:nth-child(odd)>.triangle{
    position: absolute;
    right: -12px;
    top: 48%;
    z-index: 0;
    border:12px solid transparent;
    border-left:12px solid #ddd;
}
.timeline .itemList:nth-child(odd)>.triangle.night{
    border-left:12px solid #222633;
}

.timeline .itemList:nth-child(even)>.triangle{
    position: absolute;
    left: -12px;
    top: 48%;
    z-index: 0;
    border:12px solid transparent;
    border-right-color: #ddd;
}
.timeline .itemList:nth-child(odd){
    left: 0;
}
.timeline .itemList:nth-child(even){
    right: 0;
    padding: 1%;
    margin-top: 40px;
}

.itemList .content{
    padding:20px;
    overflow:hidden;
    border: 1px solid #575f72;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
}


.itemList .content.night {
    background: #1E1E1E;
    border: none;
}

.itemList .content h3{
    padding-bottom: 10px;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    color: #333333;

}

.itemList .content h3.night {
    color: #fff;
}

.timeline .itemList .content p{
    padding-bottom: 10px;
    text-align: left;
    font-size: 22px;
    color: #FF0000;
}
.timeline .itemList .content p span{
     color: #333333 !important;
}

.timeline .itemList .content p span.night{
    color: #91a0bd !important;
}

.timeline .itemList .content .main-detail{
    height: auto;
    width: 517px;
    text-align: center;
}
.timeline .itemList .content .main-detail p{
    text-align: left;
}

.loading-more{
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 5;
    margin-left: -100px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: linear-gradient(90deg, #fa2d36 0%, #fd5883 100%);
    cursor: pointer;
    -webkit-transition: all .3s ;
    -moz-transition: all .3s ;
    -ms-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
}