.timeline{box-sizing:border-box;margin:50px auto;padding:40px 0;position:relative;width:1000px}.timeline:before{background:#c5c5c5;content:"";height:100%;left:50%;position:absolute;width:2px}.timeline .t_img img{height:180px;margin-bottom:20px;object-fit:cover;width:100%}.timeline ul{margin:0;padding:0}.timeline ul li:first-child{margin-top:0}.timeline ul li{background-color:#fff;border:.5px solid rgba(100,146,253,.2);box-shadow:0 11px 30px rgba(154,161,177,.2);box-sizing:border-box;list-style:none;margin-top:-15%;padding:30px;position:relative;width:50%}.timeline ul li:nth-child(odd){clear:both;float:left;position:relative;right:20px}.timeline ul li:nth-child(2n){clear:both;float:right;left:20px;position:relative}.content{padding-bottom:20px}.timeline ul li:nth-child(odd):before{background:#d6111c;box-shadow:0 0 0 3px rgba(214,17,28,.2);right:-27px}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{border-radius:50%;content:"";height:10px;position:absolute;top:24px;width:10px}.timeline ul li:nth-child(2n):before{background:#e92163;box-shadow:0 0 0 3px rgba(233,33,99,.2);left:-25px}.timeline ul li h3{color:#f6aa0e;font-weight:600;margin:0;padding:0}.timeline ul li p{margin:10px 0 0;padding:0}.timeline ul li .time h4{font-size:14px;margin:0;padding:0}@media(max-width:1000px){.timeline{width:100%}}@media(max-width:767px){.timeline{padding-bottom:0;width:100%}h1{font-size:40px;text-align:center}.timeline:before{height:100%;left:0;top:10px}.timeline ul li{margin-top:0;padding:30px 30px 10px!important}.timeline ul li:nth-child(2n),.timeline ul li:nth-child(odd){margin-bottom:40px;padding-bottom:50px;padding-left:50px;text-align:left;width:100%}.timeline ul li:nth-child(odd){right:0}.timeline ul li:nth-child(2n){left:0}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{left:-5px;top:-25px}}