/* line 85, ../sass/app/_about.scss */
.history .time-line-tabs {
    margin-top: 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
}
/* line 90, ../sass/app/_about.scss */
.history .time-line-tabs .item {
    width:440px;
    height: 48px;
    line-height: 48px;
    font-size: 1.6rem;
    border: 1px solid #b4171f;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
/* line 101, ../sass/app/_about.scss */
.history .time-line-tabs .item.active {
    color: #fff;
    background: #b4171f;
    border-color: #b4171f;
}
.cd-container{
    width:90%;
    max-width:1170px;
    margin:0 auto;
    position: relative;
}
.cd-container .active{
    display: block;
}
.cd-container::after{
    content:'';
    display:table;
    clear:both;
}
#cd-timeline_1,#cd-timeline_2,#cd-timeline_3{
      position:relative;
      padding:2em 0;
      margin-top:2em;
      margin-bottom:2em;
  }
#cd-timeline_1::before,#cd-timeline_2::before,#cd-timeline_3::before{
    content:'';
    position:absolute;
    top:0;
    left:18px;
    height:100%;
    width:1px;
    background:#a6a6a6;
}
@media only screen and (min-width:1170px){
    #cd-timeline_1,#cd-timeline_2,#cd-timeline_3{
        margin-bottom:3em;
    }
    #cd-timeline_1::before,#cd-timeline_2::before,#cd-timeline_3::before{
        left:50%;
        margin-left:-2px;
    }
}
.cd-timeline-block{
    position:relative;
    margin:2em 0;
}
.cd-timeline-block:after{
    content:"";
    display:table;
    clear:both;
}
.cd-timeline-block:first-child{
    margin-top:0;
}
.cd-timeline-block:last-child{
    margin-bottom:0;
}
@media only screen and (min-width:1170px){
    .cd-timeline-block{
        margin:4em 0;
    }
    .cd-timeline-block:first-child{
        margin-top:0;
    }
    .cd-timeline-block:last-child{
        margin-bottom:0;
    }
}
.cd-timeline-img{
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    border-radius:50%;
    box-shadow: 0 0 0 10px #ffffff, inset 0 5px 0 rgba(0, 0, 0, 0), 0 5px 0 5px rgba(0, 0, 0, 0);
}
.cd-picture{
    background:#b4171f;
}
@media only screen and (min-width:1170px){
    .cd-timeline-img{
        width:10px;
        height:10px;
        left:50%;
        margin-left:-7px;
        margin-top: 5px;
        -webkit-transform:translatez(0);
        -webkit-backface-visibility:hidden;
    }
    .cd-timeline-img.is-hidden{
        visibility:hidden;
    }
    .cd-timeline-img.bounce-in{
        visibility:visible;
        -webkit-animation:cd-bounce-1 .6s;
        -moz-animation:cd-bounce-1 .6s;
        animation:cd-bounce-1 .6s;
    }
}
@-webkit-keyframes cd-bounce-1{
    0%{
        opacity:0;
        -webkit-transform:scale(.5);
    }
    60%{
        opacity:1;
        -webkit-transform:scale(1.2);
    }
    100%{
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes cd-bounce-1{
    0%{
        opacity:0;
        -moz-transform:scale(.5);
    }
    60%{
        opacity:1;
        -moz-transform:scale(1.2);
    }
    100%{
        -moz-transform:scale(1);
    }
}
@keyframes cd-bounce-1{
    0%{
        opacity:0;
        -webkit-transform:scale(.5);
        -moz-transform:scale(.5);
        -ms-transform:scale(.5);
        -o-transform:scale(.5);
        transform:scale(.5);
    }
    60%{
        opacity:1;
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
}
.cd-timeline-content_1{
    position:relative;
    margin-left:60px;
    border-radius:.25em;
    padding:1em;
}
.cd-timeline-content_1:after{
    content:"";
    display:table;
    clear:both;
}
.cd-timeline-content .cd-date{
    float:left;
    padding:.8em 0;
}
.cd-timeline-content::before{
    content:'';
    position:absolute;
    top:16px;
    right:100%;
    height:0;
    width:0;
    border:7px solid transparent;
    border-right:7px solid #fff;
}
@media only screen and (min-width:1170px){
    .cd-timeline-content{
        margin-left:0;
        width:43%;
    }
    .cd-timeline-content::before{
        top:24px;
        left:100%;
        border-color:transparent;
        border-left-color:#fff;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content{
        float:right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before{
        top:24px;
        left:auto;
        right:100%;
        border-color:transparent;
        border-right-color:#fff;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{
        float:right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
        left:auto;
        right:122%;
        text-align:right;
    }
    .cd-timeline-content.is-hidden{
        visibility:hidden;
    }
    .cd-timeline-content.bounce-in{
        visibility:visible;
        -webkit-animation:cd-bounce-2 .6s;
        -moz-animation:cd-bounce-2 .6s;
        animation:cd-bounce-2 .6s;
    }
}
@media only screen and (min-width:1170px){
    .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{
        -webkit-animation:cd-bounce-2-inverse .6s;
        -moz-animation:cd-bounce-2-inverse .6s;
        animation:cd-bounce-2-inverse .6s;
    }
}
@-webkit-keyframes cd-bounce-2{
    0%{
        opacity:0;
        -webkit-transform:translatex(-100px);
    }
 /*   60%{
        opacity:1;
        -webkit-transform:translatex(20px);
    }*/
    100%{
        -webkit-transform:translatex(0);
    }
}
@-moz-keyframes cd-bounce-2{
    0%{
        opacity:0;
        -moz-transform:translatex(-100px);
    }
/*    60%{
        opacity:1;
        -moz-transform:translatex(20px);
    }*/
    100%{
        -moz-transform:translatex(0);
    }
}
@keyframes cd-bounce-2{
    0%{
        opacity:0;
        -webkit-transform:translatex(-100px);
        -moz-transform:translatex(-100px);
        -ms-transform:translatex(-100px);
        -o-transform:translatex(-100px);
        transform:translatex(-100px);
    }
/*    60%{
        opacity:1;
        -webkit-transform:translatex(20px);
        -moz-transform:translatex(20px);
        -ms-transform:translatex(20px);
        -o-transform:translatex(20px);
        transform:translatex(20px);
    }*/
    100%{
        -webkit-transform:translatex(0);
        -moz-transform:translatex(0);
        -ms-transform:translatex(0);
        -o-transform:translatex(0);
        transform:translatex(0);
    }
}
@-webkit-keyframes cd-bounce-2-inverse{
    0%{
        opacity:0;
        -webkit-transform:translatex(100px);
    }
/*    60%{
        opacity:1;
        -webkit-transform:translatex(-20px);
    }*/
    100%{
        -webkit-transform:translatex(0);
    }
}
@-moz-keyframes cd-bounce-2-inverse{
    0%{
        opacity:0;
        -moz-transform:translatex(100px);
    }
/*    60%{
        opacity:1;
        -moz-transform:translatex(-20px);
    }*/
    100%{
        -moz-transform:translatex(0);
    }
}
@keyframes cd-bounce-2-inverse{
    0%{
        opacity:0;
        -webkit-transform:translatex(100px);
        -moz-transform:translatex(100px);
        -ms-transform:translatex(100px);
        -o-transform:translatex(100px);
        transform:translatex(100px);
    }
/*    60%{
        opacity:1;
        -webkit-transform:translatex(-20px);
        -moz-transform:translatex(-20px);
        -ms-transform:translatex(-20px);
        -o-transform:translatex(-20px);
        transform:translatex(-20px);
    }*/
    100%{
        -webkit-transform:translatex(0);
        -moz-transform:translatex(0);
        -ms-transform:translatex(0);
        -o-transform:translatex(0);
        transform:translatex(0);
    }
}
/*时间轴文字样式*/
.time_1{
    text-align: right;
    font-size: 23px;
    margin-bottom: 20px;
    color: #b4171f;
}
.time_2{
    text-align: left;
    font-size: 31px;
    margin-top: -5px;
    margin-bottom: 20px;
    color: #b4171f;
}
.time_3{
    text-align: left;
    font-size: 23px;
    margin-bottom: 20px;
    color: #b4171f;
}
.time_4{
    text-align: right;
    font-size: 31px;
    /*margin-top: -5px;*/
    margin-bottom: 20px;
    color: #b4171f;
}
.cd-timeline-block span:not(.event){
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    color: #5e5e5e;
    float: left;
}
.event{
    text-align: right;
    font-size: 16px;
    line-height: 28px;
    color: #5e5e5e;
    float: right;
}
.event1{
    line-height: 5px;
}
.pic1{
    float: right;
    margin-top: 20px;
    box-shadow: 0px 0px 20px #6f6f6f;
}
.pic2{
    float: left;
    margin-top: 20px;
    box-shadow: 0px 0px 20px #6f6f6f;
}
.pic3{
    width: 267px;
    height:153px;
    float: right;
    margin-top: 40px;
    margin-right: -100px;
}
.pic4{
    width: 267px;
    height:153px;
    float: left;
    margin-top: 40px;
    margin-left: -10px;
}
.pic5{
    width: 267px;
    height:153px;
    float: right;
    margin-top: 40px;
    margin-right: -80px;
}
.pic6{
    width: 267px;
    height:153px;
    /* float: left; */
    margin-top: 55px;
    margin-left: -40px;
}
.pic7{
    width: 267px;
    height:153px;
    float: right;
    margin-top: 40px;
    margin-right: -100px;
}
.pic8{
    width: 267px;
    height:153px;
    float: left;
    margin-top: 40px;
    margin-left: -30px;
}
.pic9{
    width: 267px;
    height:153px;
    float: right;
    margin-top: 40px;
    margin-right: -100px;
}
.pic10{
    width: 267px;
    height:153px;
    float: left;
    margin-top: 40px;
    margin-left: -100px;
}
.line_1 {
    float: right;
    width: 43px;
    height: 1px;
    margin-top: 10px;
    margin-right: -70px;
    background-color: #c7c7c7;
}
.hollow_circle_1{
    float: right;
    margin-top: 3px;
    margin-right: -25px;
    font-size: 10px;
    color: #505050;
}
.line_2 {
    float: left;
    width: 43px;
    height: 1px;
    margin-top: 10px;
    margin-left: -70px;
    background-color: #c7c7c7;
}
.hollow_circle_2{
    float: left;
    margin-top: 3px;
    margin-left: -25px;
    font-size: 10px;
    color: #505050;
}

/* --------------------------英文版样式------------------------- */
.enl_pic3{
    margin-right: -170px;
}
.enl_pic7{
    margin-right: -290px;
}
.enl_pic9{
    margin-right: -150px;
}
.enl_pic10{
    margin-left: -240px;
}