.home-history{padding:3% 0}
.home-history .l-wrap{display:flex;align-items:stretch;justify-content:space-between}
.home-history .right{width:46%}
.home-history .right img{height:100%}
.home-history .left{width:52%;max-height:600px;display:flex;align-items:stretch;justify-content:space-between}
.home-history .left .years{width:20%;text-align:center;font-size:80px;font-weight:800;transform:rotate(180deg);writing-mode:vertical-lr;color:var(--color)}
.home-history-swiper{width:100%;padding:0 10%;overflow:hidden}
.home-history-swiper .swiper-slide  .title{font-size:20px;font-weight:800}
.home-history-swiper .swiper-slide  .desc{color:#333}
@media (max-width:1024px){.home-history .l-wrap{flex-wrap:wrap}
.home-history .left,.home-history .right{width:100%}
.home-history .left{max-height:700px;margin-bottom:20px}
.home-history .left .years{font-size:52px}
.home-history-swiper .swiper-slide .desc{font-size:14px}}  
.home-history .l-wrap{ padding: 0;}
.swiper-box{display:flex;flex-direction:column}
.home-history>.title{font-size:24px;font-weight:var(--fontbold6,600);color:#000;margin:2% auto;text-align:center;padding-top:20px}
.home-history .left .tag{padding-left:10%;font-size:22px;font-weight:var(--fontbold6,600)}
@media (max-width:1024px){.home-history .left .tag{padding-left:0;text-align:center}}
  @media (max-width:420px){.home-history-swiper .swiper-slide .desc{font-size:12px}
.home-history .left{max-height:880px}}
@media (min-width:1400px) { .home-history .left {max-height: 500px;}}
.home-history>.title{font-size:42px}
.home-history .left .tag{color:var(--color);font-size:30px}
.home-history .right img{height:auto}
.home-history .l-wrap{align-items:center}