.hisbox{position:relative;}
.hisitembox .item{position:absolute;color:var(--color);line-height:1;font-size:72%;width:7%;}
.hisitembox .item.year2009{top:16%;left:41%;}
.hisitembox .item.year2012{top:17%;left:31.5%;}
.hisitembox .item.year2015{top:20%;left:22%;}
.hisitembox .item.year2016{top:26%;left:13%;}
.hisitembox .item.year2017{top:60%;left:10%;}
.hisitembox .item.year2018{top:65%;left:20.5%;}
.hisitembox .item.year2019{top:66%;left:31%}
.hisitembox .item.year2020{top:68%;left:41%;}
.hisitembox .item.year2021{top:63%;left:51.4%;}
.hisitembox .item.year2022{top:62%;left:61.5%;}
.hisitembox .item.year2023{top:56%;left:72%;}
.hisitembox .item.year2024{top:54%;left:82%;}
.hisitembox .item .text{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:14;}

@media (max-width:1024px) {
.hisitembox .item{position: static;color: #000;font-size: inherit;width: auto;line-height: inherit;}
}   .pagehistory{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.pagehistory-left{width:54%;position:relative;padding:70px 0px}
.pagehistory-left::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0px;width:6px;height:100%;background:#DCDCDC}
.pagehistory-right{width:40%}
.pagehistory-right img{width:100%;border-radius:var(--borderradius)}
#historySwiper{position:relative;height:500px;overflow:hidden;z-index:9}
#historySwiper .swiper-slide{width:46%;text-align:right;z-index:9;position:static;transform:none}
#historySwiper .swiper-slide.swiper-slide-active .round{background:var(--color)}
#historySwiper .swiper-slide.swiper-slide-active .round::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:50%;border:4px solid var(--color)}
#historySwiper .swiper-slide.swiper-slide-active .date{color:var(--color)}
#historySwiper .swiper-slide:nth-child(2n+1){margin-left:auto;margin-right:0px;text-align:left}
#historySwiper .swiper-slide .round{position:absolute;left:50%;transform:translateX(-50%);margin-top:40px;background:#7d7d7d;width:18px;height:18px;border-radius:50%;z-index:9}
#historySwiper .swiper-slide .round::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#FFFFFF;border-radius:50%}
#historySwiper .swiper-slide .date{color:#333333;font-weight:var(--fontbold7);font-size:var(--fontsize30);line-height:1}
#historySwiper .swiper-slide .p1{font-size:var(--fontsize18);font-weight:var(--fontbold7);color:#333333;line-height:1;margin:10px 0px}
#historySwiper .swiper-slide .p2{line-height:1.4}
.pagehistory-next,.pagehistory-prev{position:absolute;left:50%;transform:translateX(-50%);width:48px;height:48px;background:#FFFFFF;border:1px solid #EEEEEE;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize22);font-weight:var(--fontbold6);cursor:pointer;bottom:0px}
.pagehistory-prev{transform:translateX(-50%) rotateX(180deg);bottom:auto;top:0px}
@media (max-width:1366px){.pagehistory-left{width:66%}
.pagehistory-right{width:30%}
#historySwiper{height:550px}
}@media (max-width:1024px){.pagehistory-left::after{left:16px}
#historySwiper .swiper-slide{text-align:left}
.pagehistory-next,.pagehistory-prev{left:16px;width:40px;height:40px}
#historySwiper{height:660px}
#historySwiper .swiper-slide .round{left:16px}
#historySwiper .swiper-slide{width:calc(100% - 50px)}
.pagehistory-left{width:100%;margin-bottom:30px}
.pagehistory-right{width:100%}
}.pagehistory-right img{margin-bottom:20px}