﻿.home-des-box{display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;line-height:1.2;text-transform:capitalize}
.home-des-into{width:40px;height:15px;margin-right:10px;box-sizing:border-box;display:inline-block;border-top:2px solid var(--color);border-bottom:2px solid var(--color)}
.home-des{color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold5);display:inline-block;text-transform:uppercase}
.pagehistory .swiper{/*height:1064px;*/box-sizing:border-box;padding:20px 0px}
.pagehistory .pagehistory-swiper{position:relative;box-sizing:border-box;padding:50px 0px;margin-top:50px}
.pagehistory .pagehistory-swiper .axle-wire{width:1px;height:98%;background-color:#e8eaef;position:absolute;top:0px;left:50.4%;transform:translateX(-50%)}
.pagehistory .history-item{display:flex}
.pagehistory .history-item .history-img{width:50%;border-top:1px solid #dfe0e9;box-sizing:border-box;padding-right:40px}
.pagehistory .history-item .history-img .img{box-sizing:border-box;padding-top:20px;padding-right:20px;border-right:1px solid #dfe0e9}
.pagehistory .history-item .history-info{width:50%;box-sizing:border-box;padding-left:40px;position:relative}
.pagehistory .history-item .history-info .date{color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold5);margin-bottom:10px}
.pagehistory .history-item .history-info .tit{font-size:var(--fontsize24);color:var(--fontcolor);text-transform:capitalize}
.pagehistory .history-item .history-info .text{margin-top:10px}
.pagehistory .history-item .history-info .text p{color:var(--introcolor);font-size:var(--fontsize18)}
.pagehistory .history-item:nth-child(odd) .history-info::before{content:"";width:16px;height:16px;border-radius:50%;border:6px solid var(--color);position:absolute;left:-8px;top:-8px;background-color:#FFFFFF}
.pagehistory .history-item:nth-child(even) .history-img{padding-left:40px;padding-right:0px}
.pagehistory .history-item:nth-child(even) .history-img .img{padding-right:0px;border-right:none;padding-left:20px;border-left:1px solid #dfe0e9}
.pagehistory .history-item:nth-child(even) .history-info{text-align:right;padding-left:0px;padding-right:40px}
.pagehistory .history-item:nth-child(even) .history-info::before{content:"";width:16px;height:16px;border-radius:50%;border:6px solid var(--color);position:absolute;right:-20px;top:-8px;background-color:#FFFFFF}
.pagehistory .history-item.swiper-slide-active .history-img{border-color:var(--color)!important}
.pagehistory .history-item.swiper-slide-active .history-img .img{border-color:var(--color)!important}
.pagehistory .history-item.swiper-slide-active .history-info::before{content:"";width:20px;height:20px;border-radius:50%;border:6px solid var(--color);position:absolute;right:-10px;top:-10px;background-color:#FFFFFF}
.pagehistory .pagehistory-next,.pagehistory .pagehistory-prev{position:absolute;width:40px;height:40px;background-color:#EEE;border-radius:50%;left:50.4%;transform:translateX(-50%);cursor:pointer;transition:all .1s linear;display:inline-flex;align-items:center;justify-content:center;color:var(--color)}
.pagehistory .pagehistory-next em,.pagehistory .pagehistory-prev em{font-size:var(--fontsize24);line-height:1}
.pagehistory .pagehistory-next:hover,.pagehistory .pagehistory-prev:hover{background-color:var(--color);color:#FFFFFF}
.pagehistory .pagehistory-prev em{transform:rotate(180deg)}
.pagehistory .pagehistory-next{bottom:0px}
.pagehistory .pagehistory-prev{top:0px}
#historySwiper{overflow: hidden;}
.pagehistory .history-item .history-img .img img{width:100%;object-fit:contain;height:100%}
.pagehistory .history-item .history-img .img{width:100%;height:100%;object-fit:cover}
.pagehistory .pagehistory-next,.pagehistory .pagehistory-prev{display:none;}
.pagehistory .swiper .swiper-wrapper{height:auto;display:flex;flex-direction:column;}
.pagehistory .history-item{margin-bottom:20px;}
@media (max-width:768px){.home-title{font-size:26px}
.pagehistory .pagehistory-swiper{margin-top:20px;padding-top:0px}
.pagehistory .history-item .history-img{width:100%;padding:0;}
.pagehistory .history-item .history-img .img{padding:0;border:none;}
.pagehistory .history-item .history-info{width:100%;padding:0 0 15px}
.pagehistory .pagehistory-swiper .axle-wire{left:8px}
.pagehistory .history-item{flex-direction:column-reverse;padding-left:20px}
.pagehistory .history-item:nth-child(odd) .history-info::before{left:-20px}
.pagehistory .history-item:nth-child(2n){flex-direction:column}
.pagehistory .history-item:nth-child(even) .history-info{padding:0 0 15px;text-align:left}
.pagehistory .history-item:nth-child(even) .history-info::before{right:auto;left:-20px}
.pagehistory .history-item:nth-child(even) .history-img{padding:0;border:none}
.pagehistory .history-item:nth-child(even) .history-img .img{padding:0;border:none}
.pagehistory .pagehistory-swiper{padding-bottom:0}}