﻿.history-title{margin-top:4%;font-weight:var(--fontbold7);font-size:40px;text-align: center;}
.history-box{margin:3% 0;}
.history-box .history-container{margin-top:2%}
.history-box .history-container .swiper-slide:before{content:"";position:absolute;width:calc(100% + 1rem);height:2px;left:20px;top:calc(50% - 1px);background:#dcdcdc;z-index:1}
.about-list3 .history-container .swiper-slide:nth-child(2n) .textbox{display: flex;flex-flow: column wrap;justify-content: flex-end;align-items: flex-start;}
.history-box .img{height:280px;width:auto}
.history-box .img img{width:auto;max-width:100%;display:block}
.history-box .dian{width:30px;height:30px;border-radius:50%;margin:25px 0;position:relative;z-index:3;transition:all .5s}
.history-box .dian:before{content:"";position:absolute;width:15px;height:15px;left:50%;top:50%;border-radius:50%;margin-top:-7px;margin-left:-7px;background:#212121;z-index:1;transition:all .5s}
.history-box .textbox{height:280px;width:auto}
.history-box .about-list3 .text .tit4{font-size:14px;}
.history-box .text-bold{font-size:15px;color:var(--fontcolor);font-weight:700}
.history-box .year{font-size:70px}
.history-box .swiper-slide{overflow: hidden;}
.history-box .swiper-slide:hover .dian{width:30px;height:30px;border:10px solid #02857d;border-radius:50%;background:#fff}
.history-box .swiper-slide:hover .dian:before{opacity:0}
@media (max-width:1440px){.history-box .year{font-size:60px;}}
@media (max-width:1280px){.history-box .year{font-size:50px;}}
@media (max-width:1024px){.history-box .year{font-size:40px;}}
@media (max-width:768px){.history-box .year{font-size:30px;}
.history-title{font-size:26px;}
.history-box .textbox,.history-box .img{height:220px;}
.history-box .tit5 p,.history-box .tit5{font-size:13px;}
.history-box .about-list3 .tit5{font-size:12px;}
.history-box .img{display:flex;align-items: flex-end;}
.history-box .swiper-slide:nth-child(2n) .img{align-items: flex-start;}
.history-box .textbox{display: flex;flex-direction: column;justify-content: flex-end;}
.history-box .swiper-slide:nth-child(2n-1) .textbox{justify-content: flex-start;}}