.dashiji {
    background: #f5f6f8;
}

.dashiji-content {
    width: 1300px;
    margin: 0 auto;
}

.cont-left {
    width: 200px;
    height: 1000px;
    margin-right: 142px;
}

.cont-right {
    width: calc(100% - 342px);
    height: auto;
    margin-bottom: 200px;
}

.cont-title {
    color: #d4ab5b;
    font-size: 34px;
     font-weight: bold;
}

.cont-title-xian {
    margin-top: 60px;
    margin-bottom: -2px;
    width: 100px;
    height: 6px;
    background: #d4ab5b;
    padding-top: 2px;
    margin-bottom: 50px;
}

.cont-title-xian2 {
    width: 958px;
    height: 2px;
    background: #d4ab5b;
}

.left-menu {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    color: #b3b3b3;
    border-bottom: 2px inset #b3b3b3;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

    .left-menu img {
        margin-top: 4px;
        height: 28px;
    }

.card-content {
    margin: 0 auto;
    font-size: 22px;
    line-height: 44px;
    color: #595757;
    text-indent: 44px;
    font-weight: bold;
    margin-bottom: 80px;
}

.timeLine {
    display: flex;
}

.paddingTop{
    padding-top:20px;
}


.time-left-year {
    font-size: 37px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #d4ab5b;
}

.time-left-time {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: bold;
    margin-bottom: 3px;
}

.time-left-text {
    font-size: 18px;
    color: #808080;
    line-height: 1.8;
}



.time-left-1 {
    width: 50%;
    padding: 50px 0 30px;
    border-right: 1px inset #b3b3b3;
}
.time-right-1 {
    width: 50%;
    padding: 50px 0 30px;
}
    .time-right-1::before {
        content: "";
        width: 50px;
        position: absolute;
        height: 1px;
        margin-top: -50px;
        margin-left: -25px;
        background: #b3b3b3;
    }
/*圆圈*/
.time-right-1::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: 85px;
    z-index: 201;
    background: #f5f6f8;
}


.time-left-2 {
    width: 50%;
    padding-bottom: 30px;
    border-right: 1px inset #b3b3b3;
}

.time-right-2 {
    width: 50%;
    padding-bottom: 30px;
}
/*横线*/
/*.time-right-2::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-top: 5px;
    background: #b3b3b3;
}*/

.time-right-2::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: -118px;
    background: #f5f6f8;
}

.time-left-3 {
    width: 50%;
    padding-bottom: 30px;
    border-right: 1px inset #b3b3b3;
}
.time-right-3 {
    width: 50%;
    padding-bottom: 30px;
}
.time-right-3::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: 85px;
    background: #f5f6f8;
}

.time-left-4 {
    width: 50%;
    padding-bottom: 30px;
    border-right: 1px inset #b3b3b3;
}
.time-right-4 {
    width: 50%;
    padding-bottom: 30px;
}
/*.time-right-4::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: -50px;
    margin-top: 398px;
    background: #b3b3b3;
}*/
.time-right-4::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: -215px;
    background: #f5f6f8;
}

.time-left-5 {
    width: 50%;
    padding-bottom: 30px;
    border-right: 1px inset #b3b3b3;
}
.time-right-5 {
    width: 50%;
    padding-bottom: 30px;
}
/*.time-right-5::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-top: 455px;
    background: #b3b3b3;
}
*/
.time-right-5::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: 90px;
    background: #f5f6f8;
}


.time-left-6 {
    width: 50%;
    padding-bottom: 30px;
    border-right: 1px inset #b3b3b3;
}
.time-right-6 {
    width: 50%;
    padding-bottom: 30px;
}
    .time-right-6::after {
        content: "";
        width: 10px;
        position: absolute;
        height: 10px;
        margin-left: -5px;
        border-radius: 50%;
        border: 2px solid #d4ab5b;
        margin-top: -85px;
        background: #f5f6f8;
    }
.time-left-6::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: 429px;
    margin-top: 90px;
    background: #b3b3b3;
}


.time-left-7 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-7 {
    width: 50%;
    padding: 30px 0;
}
.time-left-7 .time-left-text{

}
.time-right-7::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: 0px;
    margin-top: 90px;
    background: #b3b3b3;
}
.time-right-7::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: -115px;
    background: #f5f6f8;
}
.time-left-7a {
    width: 50%;
    height:0;
    border-right: 1px inset #b3b3b3;
}
.time-right-7a {
    width: 50%;
    height: 0;
}
.time-right-7a::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: -85px;
    background: #f5f6f8;
}



.time-left-8 {
    width: 50%;
    padding:50px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-8 {
    width: 50%;
}
.time-left-8::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: 429px;
    margin-top: 90px;
    background: #b3b3b3;
}
.time-right-8::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    margin-top: -100px;
    background: #f5f6f8;
}


.time-left-9 {
    width: 50%;
    padding: 50px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-9 {
    width: 50%;
}
.time-left-9::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: 429px;
    margin-top: 82px;
    background: #b3b3b3;
}
.time-right-9::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
    margin-top: -130px;
}


.time-left-10 {
    width: 50%;
    padding: 50px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-10 {
    width: 50%;
    padding: 50px 0;
}
.time-right-10::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: -50px;
    margin-top: 72px;
    background: #b3b3b3;
}
.time-right-10::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -60px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-11 {
    width: 50%;
    padding: 50px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-11 {
    width: 50%;
}
.time-right-11::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: -50px;
    margin-top: 97px;
    background: #b3b3b3;
}
.time-right-11::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -100px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-12 {
    width: 50%;
    border-right: 1px inset #b3b3b3;
}
.time-right-12 {
    width: 50%;
    padding: 50px 0 0;
    margin-bottom:30px;
}
.time-right-12::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: 0px;
    margin-top: 41px;
    background: #b3b3b3;
}
.time-right-12::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -109px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-13 {
    width: 50%;
    border-right: 1px inset #b3b3b3;
}
.time-right-13 {
    width: 50%;
    padding: 30px 0 0;
}
.time-right-13::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-top: 64px;
    background: #b3b3b3;
}
.time-right-13::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -100px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-14 {
    width: 50%;
    padding: 30px 0 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-14 {
    width: 50%;
    padding: 30px 0 0;
}
    .time-right-14::before {
        content: "";
        width: 50px;
        position: absolute;
        height: 1px;
        margin-top: 50px;
        background: #b3b3b3;
    }
.time-right-14::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -167px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}
.time-left-14a {
    width: 50%;
    padding: 30px 0 0;
    margin-top:-120px;
    border-right: 1px inset #b3b3b3;
}

.time-right-14a {
    width: 50%;
    padding: 30px 0 0;
}
    .time-right-14a::after {
        content: "";
        width: 10px;
        position: absolute;
        height: 10px;
        margin-left: -5px;
        border-radius: 50%;
        margin-top: -110px;
        border: 2px solid #d4ab5b;
        background: #f5f6f8;
    }



.time-left-15 {
    width: 50%;
    padding: 30px 0 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-15 {
    width: 50%;
    padding: 30px 0 0;
}
    .time-right-15::before {
        content: "";
        width: 50px;
        position: absolute;
        height: 1px;
        margin-left: -50px;
        margin-top: 163px;
        background: #b3b3b3;
    }
.time-right-15::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -110px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-16 {
    width: 50%;
    padding: 30px 0 0px;
    border-right: 1px inset #b3b3b3;
}
.time-right-16 {
    width: 50%;
    padding: 30px 0 0px;
}
.time-right-16::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: 90px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}

.time-left-16e {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-16e {
    width: 50%;
}
    .time-right-16e::after {
        content: "";
        width: 10px;
        position: absolute;
        height: 10px;
        margin-left: -5px;
        border-radius: 50%;
        margin-top: 50px;
        border: 2px solid #d4ab5b;
        background: #f5f6f8;
    }


.time-left-17s {
    width: 50%;
    border-right: 1px inset #b3b3b3;
}
.time-right-17s {
    width: 50%;
}
.time-right-17s::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: 0px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-17 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-17 {
    width: 50%;
}
    .time-right-17::before {
        content: "";
        width: 50px;
        position: absolute;
        height: 1px;
        margin-left: -50px;
        margin-top: 122px;
        background: #b3b3b3;
    }
.time-right-17::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -85px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-18 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-18 {
    width: 50%;
    padding: 30px 0;
}
.time-right-18::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: 0px;
    margin-top: 218px;
    background: #b3b3b3;
}
.time-right-18::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -73px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}



.time-left-19 {
    width: 50%;
    border-right: 1px inset #b3b3b3;
}
.time-right-19 {
    width: 50%;
}
.time-right-19::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: 65px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-20 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-20 {
    width: 50%;
    padding: 30px 0;
}
    .time-right-20::before {
        content: "";
        width: 50px;
        position: absolute;
        height: 1px;
        margin-left: 0px;
        margin-top: 110px;
        background: #b3b3b3;
    }
    .time-right-20::after {
        content: "";
        width: 10px;
        position: absolute;
        height: 10px;
        margin-left: -5px;
        border-radius: 50%;
        margin-top: -73px;
        border: 2px solid #d4ab5b;
        background: #f5f6f8;
    }


.time-left-21 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-21 {
    width: 50%;
    padding: 30px 0;
}
.time-right-21::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -181px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-22 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-22 {
    width: 50%;
    padding: 30px 0;
}
    .time-right-22::before {
        content: "";
        width: 50px;
        position: absolute;
        height: 1px;
        margin-left: -50px;
        margin-top: 110px;
        background: #b3b3b3;
    }
    .time-right-22::after {
        content: "";
        width: 10px;
        position: absolute;
        height: 10px;
        margin-left: -5px;
        border-radius: 50%;
        margin-top: -119px;
        border: 2px solid #d4ab5b;
        background: #f5f6f8;
    }


.time-left-23 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-23 {
    width: 50%;
    padding: 30px 0;
}
.time-right-23::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -116px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}


.time-left-24 {
    width: 50%;
    padding: 30px 0;
    border-right: 1px inset #b3b3b3;
}
.time-right-24 {
    width: 50%;
    padding: 30px 0;
}


.time-left-25 {
    width: 50%;
    padding: 30px 0;
    margin-bottom:50px;
    border-right: 1px inset #b3b3b3;
}
.time-right-25 {
    width: 50%;
    padding: 30px 0;
}
.time-right-25::before {
    content: "";
    width: 50px;
    position: absolute;
    height: 1px;
    margin-left: -25px;
    margin-top: 30px;
    background: #b3b3b3;
}
.time-right-25::after {
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    margin-top: -242px;
    border: 2px solid #d4ab5b;
    background: #f5f6f8;
}