.timeline,.timeline ul li,.timelineBox{position:relative}.timeline ul li.focus:after,.timeline ul li.focus:before{background-color:var(--color-primary);content:"";display:block;position:absolute}:root{--color-primary:#d83137;--color-border:#e8e8e8}.timelineBox{margin:0 auto;max-width:990px;min-height:700px;padding:15px}.headWrap{margin-bottom:50px;text-align:center}.headWrap h1{font-size:41px;margin-bottom:10px}.headWrap p{color:#919191;font-size:24px;line-height:31px}.timeline ul{list-style:none;margin:0;padding:0}.timeline ul li{border-right:2px solid var(--color-border);box-sizing:content-box;list-style:none;padding:0;transition:.5s;width:50%}.timeline ul li.focus,.timeline ul li.focus:nth-child(2n){border-color:var(--color-primary)}.timeline ul li:nth-child(2n){border-left:2px solid var(--color-border);border-right:0;left:50%;padding:0 0 0 120px}.content{padding-bottom:20px}.content h3{font-size:24px;margin-bottom:10px}.timeline ul li.focus:before{border-radius:50%;height:16px;left:calc(100% - 76px);top:6px;width:16px}.timeline ul li.focus:nth-child(2n):after{left:0}.timeline ul li.focus:nth-child(2n):before{left:60px}.timeline ul li.focus:after{height:2px;right:0;top:13px;width:76px}@media screen and (max-width:768px){.timeline:before{height:100%;left:20px}.timeline ul li{border-left:1px solid var(--color-primary);border-right:0;max-width:fit-content;padding:0 0 30px 30px;width:100%}.content p{padding-top:15px}.timeline ul li:after{background-color:var(--color-primary);border-radius:50%;content:"";display:block;height:20px;left:-10px;position:absolute;top:0;width:20px}.timeline ul li:nth-child(2n){border-left:1px solid var(--color-primary);left:0;padding:0 0 35px 35px}}ol li:before,ul li:before{display:none}ol li+li,ul li+li{margin-top:0}.timeline ul li:nth-child(odd) .content{padding-right:120px}@media (max-width:768px){.timeline ul li:nth-child(odd) .content{padding:0!important}}