@media (min-width:1367px){.kche-t8>h2{font-size:40px}}
.history-box{padding:6rem 0 0;position:relative}
.history-box .title-bar{margin-bottom:1.5rem}
.history-box .title{text-transform:uppercase}
.history-box .swiper-slide{width:255px;padding:17.3rem 0 0 0}
.history-box .swiper-slide:nth-child(odd){padding:6rem 0 0 0}
.history-box .history-bg{position:relative;padding:11.2rem 0 20rem 0;transition:all ease 1s}
.history-box .history-bg img{width:auto;max-width:unset}
@media (min-width:769px){.history-box .history-bg img{transform:translateX(6%)}}
.history-box .historySwiper{position:absolute;top:0;left:0;width:105%;height:100%;overflow:hidden}
.history-box .swiper-slide .item-inner{position:relative;text-align:center;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.history-box .swiper-slide:nth-child(odd) .item-inner{flex-direction:column-reverse}
.history-box .swiper-slide:nth-child(odd) .item-inner em{margin:0 0 7px 0}
.history-box .swiper-slide:nth-child(odd) .item-inner span.icon{margin:0 0 6px 0}
.history-box .swiper-slide .item-year{font-size:19px;line-height:1;width:56px;height:56px;background-color:var(--color);border-radius:50%;position:relative}
.history-box .swiper-slide .item-year span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}
.history-box .swiper-slide .item-desc{display:-webkit-box;overflow:hidden;margin:8px 0;color:#333;font-size:var(--fontsize15)}
.history-box .swiper-slide em{display:block;width:10px;height:10px;border-radius:50%;background-color:var(--color);margin:7px 0 0 0}
.history-box .swiper-slide span.icon{display:block;margin:6px 0 0;width:1px;height:35px;background-color:var(--color)}
.history-box .swiper-pagination{bottom:0}
.history-box .historySwiper-pagination span.swiper-pagination-bullet{width:250px;height:1px;margin:0;border-radius:0;transition:all .3s;position:relative}
.history-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:5px;transform:translateY(1px)}
.history-box .swiper-pagination .swiper-pagination-bullet:after{content:'';width:0;height:100%;background:var(--color);position:absolute;top:0;left:0;z-index:2;display:block;transition:width .6s linear}
.history-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:100%}
.history-box .historySwiper-pagination.swiper-pagination span.swiper-pagination-bullet{background:rgb(0 0 0 / 50%)}
@media (max-width:1300px){.history-box .swiper-slide{width:300px}
.history-box .historySwiper-pagination span.swiper-pagination-bullet{width:110px}}
@media (max-width:1024px){.history-box .historySwiper{width:100%}
.history-box .historySwiper-pagination span.swiper-pagination-bullet{width:100px}}
@media (max-width:768px){.kche-t8>h2{font-size:20px!important}
.history-box .historySwiper-pagination span.swiper-pagination-bullet{width:50px}}
@media (max-width:550px){.history-box .swiper-slide,.history-box .swiper-slide:nth-child(odd){padding-top:0}
.history-box .swiper-slide:nth-child(odd) .item-inner{flex-direction:column}
.history-box .history-bg{padding:0}
.history-box .historySwiper{position:initial;height:auto;padding-bottom:20px}
.history-box .swiper-slide:nth-child(odd) .item-inner em{margin:7px 0 0 0}
.history-box .historySwiper-pagination span.swiper-pagination-bullet{width:20px}
.history-box{padding-top:20px}
.history-box .history-bg{position:absolute;top:20px;left:0}}