@charset "utf-8"; 
.head-logo{max-width: inherit;}
.about{background-image:url(/uploads/41981/page/p2025021116390419030.jpg)}
.about:before{opacity:.6}
  @media (min-width:1024px){.thumbnail-box .swiper-wrapper{flex-direction:column}
.thumbnail-box .swiper-slide{height:auto !important;margin-bottom:10px;cursor:pointer}
.thumbnail-box .swiper-slide img{width:100%;border:1px solid #e5e5e5}
.thumbnail-box .swiper-slide-active img{border-color:#f6b100}
.pro-detail-imgbox{display:flex;align-items:stretch;gap:12px}
.pro-detail-imgbox .thumbnail-box{width:90px;position:relative;order:1}
.pro-detail-imgbox .small-box{flex:1;order:2}
.pro-detail-imgbox .thumbnail-box{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
#gallery{width:100%;flex:1}
.preview-container .thumbnail-box .btn{position:unset;width:22px;height:32px;display:inline-block;margin-top:0;flex-shrink:0}
.preview-container .thumbnail-box .btn.btn-next{transform:rotate(90deg);margin-top:20px}
.preview-container .thumbnail-box .btn.btn-prev{transform:rotate(90deg);margin-bottom:20px;padding-left:0}
}
@media (max-width:1600px) and (min-width:1025px){.head-nav>ul>li>a{padding: 0 7px;font-size: var(--fontsize14);}}
@media (max-width:1320px) and (min-width:1025px){.head-logo img{max-width: 250px;}.head-nav>ul>li>a{padding: 0 4px;}}