@media (min-width:1025px){body{overflow-x:initial}}
.history-common-title{text-align:center;font-size:44px;font-weight:var(--fontbold7);margin-bottom:20px}
.history-common-des{text-align:center;font-size:var(--fontsize22);color:#000}
.his-inner{position:relative;margin-top:4%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.his-circle{width:26px;height:26px;display:block;border-radius:50%;border:1px solid var(--color);position:absolute;top:-26px;left:50%;transform:translateX(-50%)}
.his-circle:after{content:'';width:12px;height:12px;display:block;background:var(--color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}
.his-top-line{width:2px;height:87%;background:#bbb;position:absolute;top:0}
.his-outprogress{width:2px;position:absolute;height:86.5%;background-color:#e0e5eb;top:0}
.progress{width:2px;background-color:var(--color,#cd575a);position:absolute;top:0;left:0;transform-origin:0 50%;animation:scaleProgress auto linear;animation-timeline:scroll()}
@keyframes scaleProgress{0%{height:0}
100%{height:100%}}
.his-list{width:100%}
.his-list .his-item{width:100%;display:flex;height:auto!important}
.his-list .his-item:nth-child(2n-1){justify-content:flex-end}
.his-list .his-item ul{width:35%;box-shadow:0 20px 30px 0 rgba(11,3,6,.06);padding:2.5% 2.5%}
.his-list .his-item ul li{display:flex}
.his-list .his-item ul li p{transition:all .3s}
.his-list .his-item ul li p:nth-child(1){white-space:nowrap;font-weight:var(--fontbold7)}
.his-list .his-item ul li p:nth-child(2){padding-left:5px;font-weight:var(--fontbold5)}
.his-list .his-item ul li:hover p:nth-child(2){color:#008ed8}
.his-list .his-item p.year{font-size:40px;font-weight:var(--fontbold7);color:var(--titlecolor);max-width:135px;line-height:1.3;padding-top:2%}
.his-list .his-item:nth-child(2n-1) p.year{transform:translateX(10px);z-index:2}
.his-list .his-item:nth-child(2n) p.year{transform:translateX(-10px);z-index:2}
@media (max-width:1366px){.history-common-title{font-size:34px}
.history-common-des{font-size:var(--fontsize18)}
.his-list .his-item ul{width:40%}
.his-list .his-item p.year{max-width:107px;font-size:32px}}
@media (max-width:1024px){.his-circle,.his-outprogress{display:none}
.his-list .his-item{flex-direction:column}
.his-list .his-item:nth-child(2n){flex-direction:column-reverse}
.his-list .his-item ul{width:100%;padding:20px}
.his-list .his-item p.year{max-width:100%;font-size:var(--fontsize28)}
.his-list .his-item:nth-child(2n) p.year,.his-list .his-item:nth-child(2n-1) p.year{transform:initial}
.his-inner{margin-top:0}
.his-list .his-item p.year{padding-top:20px}}
@media (max-width:768px){.history-common-title{font-size:var(--fontsize28);margin-bottom:10px}
.his-list .his-item p.year{font-size:var(--fontsize22)}}