@charset "utf-8";
.timeline{
    padding: 30px 0;
}

.timeline .tree {}

.timeline .tree .box:not(:first-child) {
    border-top: 1px #bfbfbf solid;
}

.timeline .tree .box:nth-child(2n+2) {
    background-color: #EBF5FF;
}

.timeline .tree .box .left {color: #003D66;font-size: 200%;font-weight: bold;}
.timeline .tree .box .left::after {content: "";position: absolute;display: block;width: 9px;height: 9px;background-color: #2b93c3;/* border-radius: 50px; */transform: rotate(45deg);}
.timeline .tree .box .right {
    border-left: 1px #bfbfbf solid;
    width: 100%;
}

.timeline .tree .box .item {
    padding: 20px 30px 20px 30px;
}

.timeline .tree .box .item .t_title {
    color: #2b93c3;
    font-size: 150%;
    font-weight: bold;
    margin: 0;
}
.timeline .tree .box .item .txt {
    font-size: 120%;
}
.timeline .tree .box .item .more {
	color: #003D66;
	font-size: 100%;
	margin-top: .5rem;
	text-align: right;
}
.timeline .tree .box .more a {
    background-color: #003D66;
    font-size: 100%;
    color: #fff;
    padding: 8px 12px;
    border-radius: 3px;
    display: inline-block;
	transition: all 200ms ease-out;
}
.timeline .tree .box .item .more a:hover {
    background-color: #027bb2;
}
.timeline .tree .box .item .pic img {
    width: 100%;
	padding-top: .5rem;
}
@media screen and (min-width: 992px) {
.timeline .tree .box{display: -webkit-box;display: -ms-flexbox;display: flex;}

.timeline .tree .box .left {
    padding: 20px 30px 0 10px;
    position: relative;
}

.timeline .tree .box .left::after {right: -5px;top: 39px;}
.timeline .tree .box .right {
    padding: 8px 20px 0 0;
}
}
@media screen and (max-width: 991.98px) {
  .timeline .tree .box a{
    padding: 5px 0;
}
  .timeline .tree .box .left{position: absolute;padding: 0 0 0 30px;margin-top: 16px;}
  .timeline .tree .box .left::after {left: -4px;top: 19px;}
  .timeline .tree .box .right {
    padding: 50px 10px 15px 0;
    margin-top: -20px;
}
}
@media screen and (min-width: 767px) {
.timeline .tree .box .item .pic {
    width: 70%;
}
}