.event_wrap{position:relative;}
.event_wrap .middle_line{position:absolute;left:50%;top:0;width:8px;margin-left: 0px;border-left: 1px solid #1976d2;height:100%;}
.event_wrap .middle_line i{display:block;height:1%;border-bottom: 1px solid #1976d2;width:60%;}
.event_wrap .middle_line i.first{padding-top: 73px;}
.event_wrap .middle_line i.last{margin-bottom: 20px;}
.big_squre{margin-left:-30px;left:50%;display:block;position:absolute;top:8px;width:60px;height:60px;background-color: #1976d2;border-radius: 10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.big_squre i{transform:rotate(-45deg);-webkit-transform: rotate(-45deg);display: block;position: absolute;left:10px;color: #fff;top: 18px;font-size: 18px;    font: inherit;}
.small_squire{position:absolute;top:11px;display:block;height:12px;width:12px;padding:3px;border-radius: 3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color: #1976d2;}
.small_squire i{display:block;width:12px;height:12px;background-color: #fff;border-radius: 3px;}
.event_wrap .list{height:300px;position:relative;}
.aActiveWid{width:50% !important;filter:alpha(opacity=100) !important;opacity:1 !important;}
.event_wrap .list:last-child{height:275px;}
.event_wrap .list .ev_text{position:absolute;opacity:0.1;filter:alpha(opacity=10);width:0px;
    -o-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;}
.event_wrap .list_right .ev_text_odd,.event_wrap .list_left .ev_text_event{text-align: left;left:50%;}
.event_wrap .list_right .ev_text_event,.event_wrap .list_left .ev_text_odd{text-align: right;left:initial;right:50%;}
.event_wrap .list .ev_t1{top: 69px;}
.event_wrap .list .ev_t2{top: 88px;}
.event_wrap .list .ev_t3{top: 106px;}
.event_wrap .list .ev_t4{top: 125px;}
.event_wrap .list .ev_t5{top: 104px;}
.event_wrap .list .ev_t6{top: 163px;}
.event_wrap .list .ev_t7{top: 182px;}
.event_wrap .list .ev_t8{top: 170px;}
.event_wrap .list .ev_t9{top: 220px;}
.event_wrap .list .ev_t10{top: 239px;}
.event_wrap .list .ev_t11{top: 258px;}
.event_wrap .list .ev_t12{top: 277px;}

.event_wrap .list_right .small_squire,.event_wrap .list_left .ev_text_event .small_squire{left:4px;}
.event_wrap .list_left .small_squire,.event_wrap .list_right .ev_text_event .small_squire{right:3px;left:inherit;}
.event_wrap .list .small_line,.event_wrap .list_left .ev_text_event .samll_line{display: inline-block;position: absolute;height: 1px;overflow: hidden;border-top: 1px solid #1976d2;top: 19px;left: 24px;width: 13%;}
.event_wrap .list_left .ev_text_odd .small_line,.event_wrap .list_right .ev_text_event .small_line{right:23px;left:initial;}
.ev_text h3{color: #333;
    font-weight: 600;
    font-size: 18px;
    padding-right:7%;
    padding-left:7%;}
.ev_text p{margin-top: -18px;color: #333;font-size: 14px;line-height:18px;padding-left:17%;width:83%;height:aoto;}
.list_right .ev_text_event h3,.list_right .ev_text_event p,.list_left .ev_text_odd h3,.list_left .ev_text_odd p{padding-left: inherit}

@media(max-width:414px){
    .event_wrap .middle_line{left:30px;}
    .big_squre{left:40px;}
    .event_wrap .list_right .ev_text_odd, .event_wrap .list_left .ev_text_event {
        text-align: left;
        left: 40px;
    }
    .event_wrap .list_right .ev_text_event, .event_wrap .list_left .ev_text_odd {
        text-align: left;
        left: 40px;
     right:0;
    }
    .aActiveWid {
        width: 350px !important;
    }
    .event_wrap .list_left .small_squire, .event_wrap .list_right .ev_text_event .small_squire {
        right: 3px;
         left: 0;
    }
    .list_right .ev_text_event h3 {
         padding-left:7%;
    }
    .event_wrap .list_left .ev_text_odd .small_line, .event_wrap .list_right .ev_text_event .small_line {
         right:0;
         left:24px;
    }
     .list_right .ev_text_event p, .list_left .ev_text_odd p {
         padding-left: 17%;
    }
    .list_right .ev_text_event h3, .list_left .ev_text_odd h3 {
         padding-left:7%;
    }
    .big_squre i {
        position: absolute;
        left: 0px;
        top: 9px;
        font-size: 16px;
    }
    .big_squre{width:40px;height:40px;}
    .big_squre{top:0px}
    .event_wrap .middle_line i.first {
        padding-top: 42px;
    }
    .event_wrap .middle_line i {
        height: 1.3%;
    }
    .event_wrap .list .ev_t2 {
        top: 30px;
    }
    .event_wrap .list .ev_t4 {
        top: 55px;
    }
    .event_wrap .list .ev_t6 {
        top:93px;
    }
    .event_wrap .list .ev_t9 {
        top: 160px;
    }
    .event_wrap .list .ev_t10 {
        top: 200px;
    }
    .event_wrap .list .ev_t8 {
        top: 130px;
    }
    .event_wrap .list .ev_t12 {
        top: 287px;
    }
    .event_wrap .list .ev_t11 {
        top: 248px;
    }
    .event_wrap .middle_line i.last {
        margin-bottom: 27px;
    }
    .event_wrap .list_right .small_squire, .event_wrap .list_left .ev_text_event .small_squire {
        left: 0;
    }
}
@media(max-width:375px){
    .aActiveWid {
        width: 324px !important;
    }
    .event_wrap .list {
        height: 400px;}
    .event_wrap .middle_line i {
        height: 1.51%;
    }
    .com_wrap6{height:2000px;overflow: hidden;}
    .event_wrap .list .ev_t12 {
        top: 370px;
    }
    .event_wrap .list .ev_t11 {
        top: 288px;
    }
    .ev_text h3 {font-size:14px;}
    .event_wrap .list .small_line, .event_wrap .list_left .ev_text_event .samll_line {
        width: 10%;
    }
}
@media(max-width:320px){
    .aActiveWid {
        width: 270px !important;
    }
}