.home-logo{position:relative;background:#F4F4F4;}
.home-logo .home-des{font-size:var(--fontsize16);color:#565656;text-align:center;max-width:1000px;margin:10px auto 0px}
.home-logo  .home-title{font-size:30px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;line-height:1.4}
#logoswiper{margin-top:40px}
#logoswiper .swiper-wrapper{transition-timing-function:linear!important;margin:0px auto;align-items:center}
#logoswiper .logoswiper-pagination{text-align:center;margin-top:30px;display:none}
#logoswiper .logoswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#logoswiper .logoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.repro .home-tit{font-size:32px;color:var(--color);margin-bottom:10px;text-transform:capitalize;text-align:center;line-height:1.2}
.repro .flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.repro{overflow:hidden}
.repro-swiper{width:calc(100% - 80px);padding:20px 0px}
.repro-box-next,.repro-box-prev{width:40px;height:40px;color:var(--color);background-color:#FFFFFF;font-weight:var(--fontbold7);display:flex;align-items:center;justify-content:center;transition:background .2s;cursor:pointer}
.repro-box-next i,.repro-box-prev i{font-size:30px}
.repro-box-next:hover,.repro-box-prev:hover{background-color:var(--color);color:#FFFFFF}
.repro-boxlist li{background-color:#FFFFFF;padding:0px;height:auto;transition:box-shadow .2s;width:25%}
.repro-item-img{overflow:hidden;background-color:#FFFFFF}
.repro-item-cont{padding:10px}
.repro-swiper{overflow:hidden}
.repro-name{text-transform:capitalize;font-size:var(--fontsize16);color:var(--fontcolor);max-height:48px}
.repro-more{display:block;border-top:1px solid #DADADB;color:var(--introcolor);font-size:var(--fontsize14);margin-top:8px;padding-top:12px;text-transform:lowercase}
.repro-boxlist li:hover .repro-more{color:var(--color)}
.repro-item-img img{transition:all .3s}
@media(min-width:800px){.repro-boxlist li:hover .repro-item-img img{transform:scale(1.05)}
.repro-boxlist li:hover{box-shadow:0px 5px 10px 0px rgba(1,1,1,.1)}
.repro-swiper{width:100%}
.repro-swiper .swiper-pagination{position:static;margin-top:10px}
.repro-name{font-size:var(--fontsize16)}
.repro-box-next,.repro-box-prev{display:none}
.repro-boxlist li{width:50%}
}
@media (max-width:768px){.home-logo  .home-des{margin-top:0px}}
@media(max-width:415px){.repro-swiper{padding-top:0px}
.repro-boxlist li{padding:6px}}