.time_line-wrapper { padding: 20px 50px; margin-left: auto; margin-right: auto; position: relative; }

.history_swiper_container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.history_swiper_container::after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #c0c0c0; left: 0; top: 50px; z-index: 0; }

.history_swiper_container .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; }

.history_swiper_container .swiper-wrapper .swiper-slide .features-info { flex: 1; opacity: 0; }

.history_swiper_container .swiper-wrapper .swiper-slide.swiper-slide-active .features-info { opacity: 1; }

.swiper-button-prev_history { position: absolute; left: 0; top: 50px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: linear-gradient(to right, rgba(254, 201, 7, 0.7), #f79c1e); color: #fff; }

.swiper-button-next_history { position: absolute; right: 0; top: 50px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: linear-gradient(to left, rgba(254, 201, 7, 0.7), #f79c1e); color: #fff; }

.swiper-button-prev_history.swiper-button-disabled, .swiper-button-next_history.swiper-button-disabled { background: #ccc; cursor: not-allowed; }

.features-item { position: relative; float: left; }

.features-slide .features-item > * { text-align: center; }

.features-item h3 { font-size: 16px; line-height: 28px; margin-bottom: 65px; color: #cc0018; transition: all .1s; }

.features-item { cursor: pointer; }

.features-item i { position: absolute; width: 100%; height: 2px; background-color: #c0c0c0; background-size: contain; background-position: right center; left: 0; top: 50px; z-index: 3; }

.features-item i::after { content: 'EVENT'; color: #fff; font-size: 12px; width: 44px; height: 44px; line-height: 44px; background-color: #cc0018; border-radius: 50%; position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(-50%); }

.features-item .features-info { position: relative; left: 50%; transform: translateX(-50%); display: block; padding: 20px 23px; transition: all .3s; border-radius: 2px; background-color: #cc0018; width: 250px; border-radius: 10px; }

.features-item .features-info::before { content: ''; position: absolute; left: 50%; top: 0; transform: translate3d(-50%, -100%, 0); border-bottom: 10px solid #cc0018; border-left: 10px solid transparent; border-right: 10px solid transparent; }

.features-item .features-info .features-info-s { font-size: 16px; color: #fff; overflow: hidden; }

.product-features .swiper-button-prev { width: 30px; height: 40%; left: -15px; top: 60%; background: 0 0; }

.product-features .swiper-button-prev:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(../images/productbase-features-left.png) no-repeat; background-size: 100% 100%; top: 50%; margin-top: -15px; left: 50%; margin-left: -7px; }

.product-features .swiper-button-next { width: 30px; height: 40%; right: -15px; top: 60%; background: 0 0; }

.product-features .swiper-button-next:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(../images/productbase-features-right.png) no-repeat; background-size: 100% 100%; top: 50%; margin-top: -15px; left: 50%; margin-left: -7px; }

/* 产品分类容器样式 */
.fenleiw {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 20px 0 0 0;
  margin-bottom: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
 
/* 标题样式 */
.fenleiw h2 {
  color: #333;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e9ecef;
}
 
/* 分类列表样式 */
.fenlein {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
}
 
/* 单个分类项样式 */
.fenlein li {
  background-color: #fff;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
 
.fenlein li:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
 
/* 分类链接样式 */
.fenlein li a {
  display: block;
  padding: 12px 15px;
  color: #495057;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
  border-radius: 6px;
}
 
.fenlein li a:hover {
  color: #007bff;
  background-color: #f8f9fa;
}
 
/* 当前选中项样式（如果有的话） */
.fenlein li.active {
  background-color: #007bff;
}
 
.fenlein li.active a {
  color: white;
}


.fenlein li.on a{ color:#3353c0; }

.dizhi p{ line-height:27px;}

/********toolbar*********/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0da248;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #233357;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #233357;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #233357;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #233357;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}