.visually-hidden{position:absolute;clip:rect(1px,1px,1px,1px)}
.term-electric-hoist .jumbotron{
  margin-bottom: 0;
}
.filter-section{
  background-color: #f8f8f8;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 1rem;
}
.filter-section .filter-item{

  margin-bottom: 1rem;

}
.filter-item .filter-title{
  font-size: 16px;
}
/* product categories */
.product-category-container {
  
  justify-content: space-between;
}

.product-category-container .product-category {
  width: 0;
  overflow: hidden;
  margin-bottom: 2rem;
  flex-shrink: 0;
  padding: 0;
  transition: width 0.3s ease-in-out;
}

.product-category-container .product-category.show {
  width: 30%;
  transition: width 0.3s ease-in-out;
}

.product-category-container .product-category-content {
  overflow: hidden;
  padding-left: 1rem;
}
.product-category-container .subcategory-title {
  padding: 1rem;
  font-size: 20px;
  font-family: 'Oswald';
  color: #333;
}
.product-category-container .product-category-title {
  display: inline-block;
  background: #003861;
  background: -webkit-linear-gradient(-45deg, #003861 0%, #009ee0 100%);
  background: -webkit-linear-gradient(315deg, #003861 0%, #009ee0 100%);
  background: linear-gradient(135deg, #003861 0%, #009ee0 100%);
  color: #fff;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  cursor: pointer;
  border-radius: 4px;
}

/* 定义箭头图标的样式 */
.product-category-container .icon-arrow-down {
  color: #ccc;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* 当折叠内容展开时，旋转箭头图标 */
.product-category-container .icon-arrow-down[aria-expanded='true'] {
  transform: rotate(180deg);
}

.product-category-container .product-category a {
  display: block;
  color: #333;
}

.product-category-container .category-item-1 dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ececec;
  padding: 10px 10px;
  font-size: 18px;
}

.product-category-container .category-item-1:nth-last-of-type(1) dt {
  border-bottom: none;
}

.product-category-container .category-item-1 dt a {
  font-family: 'Oswald';
  color: #333;
}

.product-category-container dd.collapse {
  padding: 0 0;
}

.product-category-container .category-item-1.active dt {
  background-color: rgb(25, 108, 162);
  border-radius: 4px;
  border-bottom: none;
  color: #fff;
}

.product-category-container .category-item-1.active dt a {
  color: #fff;
}

.product-category-container .category-item-1.active .icon-arrow-down {
  color: #fff;
}

.product-category-container .category-item-2 > a {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  padding: 8px 10px;
}

.product-category-container .category-item-2.active > a {
  color: #196ca2;
  font-weight: 600;
}

.product-category-container .category-item-2 > a:hover {
  background-color: rgba(31, 51, 116, 0.05);
  color: #196ca2;
  text-decoration: none;
  border-radius: 3px;
}

.category-products{
  margin-top: 1.5rem;
}
.category-desc {
  background-color: #f8f8f8;
  color:#555;
  line-height: 1.6;
  padding:10px;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.category-desc h3{
  font-size: 16px;
}
.category-desc strong{
  font-weight: 500;
}
.category-desc p{
  margin-bottom: 0.5rem;
  
}
.category-desc ul{
  margin-bottom: 5px;
  list-style:inside;
}

.category-desc ul.hasPoint li{
  list-style: disc;
  list-style-position: inside;
}
.category-desc li{
  margin-bottom: 5px;
  list-style: none;
}
.category-desc .related-posts{
  margin-top: 1rem;
}
.category-desc .related-posts li{
  margin-bottom: 0.5rem;
}
/* product category end */
.category-btns {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px;
  
}
.category-btns .btn {
  display: flex;
  align-items: center;
}

.category-btns .icon {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.category-btns .download{
  margin-right: 5px;
}


/* product list */
.product_list_title,
.child-categories {
  padding-bottom: 1rem;
  margin-top: 1.5rem;
}
.product_list_title h2,
.child-categories h2 {
  font-size: 1.6rem;
}
.product_list_title p {
  font-size: 14px;
  color: #888;
}
.products_table.table,
.product-detail-table.table {
  font-family: 'Roboto Mono';
  margin-bottom: 1.5rem;
}

.table .unit {
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.table .unit.unit_Kg::before {
  content: '(Kg)';
}

.table .unit.unit_mm::before {
  content: '(mm)';
}

.table .unit.unit_kw::before {
  content: '(k/W)';
}

.table .unit.unit_Kn::before {
  content: '(kN)';
}

.table .unit.unit_r-min::before {
  content: '(r/min)';
}

.table .table-secondary th {
  font-weight: 400;
}

.products_table.table thead th {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #dee2e6;
  background-color: #f8f8f8;
  font-size: 14px;
  color: #0d5280;
}



.products_table.table td {
  font-size: 13px;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}

.products_table.table td.bearing_no {
  text-align: left;
  white-space: nowrap;
}
.products_table.table td.details-btn {
  text-align: center;
  max-width: 50px;
}

.products_table.table tbody tr:hover {
  background-color: #f2f2f2;
  color: #196ca2;
}
/* pagination */
.table-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.table-pagination .page-numbers {
  color: #196ca2;
  background-color: #fff;
  border: 1px solid #dee2e6;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  margin-left: -1px;
}

.table-pagination .page-numbers.current {
  z-index: 3;
  color: #fff;
  background-color: #196ca2;
  border-color: #196ca2;
}
.parent-title{
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
/* .subcategory-item */

.subcategory-item{
  border-bottom: 1px solid #dee2e6;
  padding: 10px 0;
}
.subcategory-item h3{
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  
}
.subcategory-item h3 a{
  font-family: 'Oswald';
}
.subcategory-item .category-info{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
}
.subcategory-item .category-info .category-desc{
  color: #666;
  font-size: 14px;
}
.subcategory-item .category-info .category-models{
  margin-bottom: .5rem;
}
.subcategory-item .category-info .hot-models{
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  font-size: 14px;
}
.subcategory-item .category-info .hot-models li{
  margin-right: 1rem;
}
.product-intro{
  margin-bottom: 1rem;
  padding-bottom: 1.5rem;
  padding-top: 0;
}
.product-intro p{
  color: #555;
}
/* .bearing-categories{
  display: flex;
  flex-wrap: wrap;
}
.bearing-categories .subcategory-item{
  width: 50%;
} */
@media screen and (max-width: 768px) {
  #categoryList {
    display: none;
  }
  .current-category-featured {
    width: 100%;
    height: auto;
  }
  .category-btns {
    width: 100%;
  }
  .current-category-about {
    margin-top: 1rem;
  }
  .section-company-overview .business-list li {
    width: 50%;
  }

  .about-section .business-list {
    flex-wrap: wrap;
  }

  .section-bussiness .business-item {
    width: 100%;
  }

  .service-network-list .service-network-item {
    width: 50%;
  }

 
  
  .product-category-container .current-category {
    flex-direction: column;
  }

  .current-category .current-category-description {
    padding: 10px;
    font-size: 16px;
  }

  .archive .product-intro {
    flex-direction: column;
  }

  .archive .product-intro p {
    width: 100%;
    margin-bottom: 1rem;
  }

  .products-results-list .product-list-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .page .article .article-item {
    flex-direction: column;
  }

  .page .article .article-item .article-thumb {
    width: 100%;
  }

  .page .article .article-excerpt {
    display: none;
  }

  .product-category-container .product-category {
    display: none;
  }

  .product-category-container
    .product-category.show
    + .product-category-content {
    width: 100%;
  }

  .product-category-container .product-category-title {
    display: none;
  }
}
/* search page */
.products-results-list {
  margin-bottom: 1rem;
}

.products-results-list .product-list-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dee2e6;
  padding: 10px;
}

.products-results-list .product-list-item .figure-thumbnail {
  width: 120px;
  height: 120px;
  margin-right: 1rem;
}

.products-results-list .product-info {
  flex: 1;
}

.products-results-list h2.product-title {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.products-results-list .text-muted {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
}