.history_box{padding: 1.5rem 0;}
.history_box .indexwrap{position: relative;}
.history_box .indexwrap::before{content: ""; position: absolute; left:50%; top:0; width: 1px; height: 100%; background: #d9d9d9;}
.history_box dl{display: flex;gap: 1rem;align-items: center;justify-content: center;position: relative}
.history_box dt,.history_box dd{flex: 1;}
.history_box dt img{border-radius: 0.3rem; overflow: hidden;}
.history_box dl~dl {margin-top: 0.8rem}
.history_box dd::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.12rem;height: 0.12rem;background: #d9d9d9;border-radius: 50%}
.history_box dl:nth-child(2n){flex-direction:row-reverse;}
.history_box dl:nth-child(2n-1) dd .con{ /*padding-left: 22%*/}
.history_box dl dd h2{margin-bottom: 0.32rem; font-weight: bold;}
.history_box dd p{position: relative;padding-left: 0.12rem; min-height: unset;}
.history_box dd p::before{content: ""; position: absolute; lefT:0; top:0.11rem; width: 0.06rem; height: 0.06rem; border-radius: 100%; background: #000; }
@media only screen and (max-width:1279px) {
.history_box dd p::before{top:0.22rem;}
}
@media only screen and (max-width:767px) {
.history_box .indexwrap{padding-left:1rem;}
.history_box .indexwrap::before{left:0; top:0.6rem; height: calc(100% - 0.6rem);}
.history_box dl{align-items: flex-start;flex-direction: column !important;gap: 0.2rem}
.history_box dd::before{top: 0.6rem;left: -1.15rem;transform: none; width: 0.4rem; height: 0.4rem;}
.history_box dd p{ padding-left: 10px;}
.history_box dd p::before{top:7px; width: 5px; height: 5px;}
}