﻿.product{padding-bottom:.8rem}.product .product-content{width:100%}@media screen and (max-width:1024px){.product .product-content{width:100%;float:none}}.product .public_two_nav{margin-bottom:.5rem}.product .public_two_nav .secondary-nav{height:.6rem;line-height:.6rem;border-bottom:.01rem solid #EDEDED}@media screen and (max-width:1024px){.product .public_two_nav .secondary-nav{height:.8rem;line-height:.8rem}}.product .public_two_nav .swiper-slide{padding-right:.4rem;box-sizing:border-box;text-align:center}.product .public_two_nav .secondary-nav-active i{display:block}.product .public_two_nav .secondary-nav-active a{font-weight:bold}.product .public_two_nav a{font-size:.16rem;line-height:.6rem;box-sizing:border-box;display:block;color:#333;position:relative}.product .public_two_nav a text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product .public_two_nav a i{display:none;position:relative;height:.03rem;width:100%;bottom:.03rem;left:50%;transform:translateX(-50%)}.product .public_two_nav a:hover{font-weight:bold}.product .public_two_nav a:hover i{display:block}@media screen and (max-width:1024px){.product .public_two_nav a{font-size:.26rem;line-height:.8rem}}.product ul.list li{display:block;width:calc((100% - 1rem)/5);float:left;margin-right:.25rem;transition:all .5s ease;margin-bottom:.3rem;position:relative}.product ul.list li a{display:block;width:100%}.product ul.list li a .img{width:100%;height:2.82rem;overflow:hidden;position:relative;background:center center / cover no-repeat}.product ul.list li a .text{padding:0 .16rem 0 .2rem;box-sizing:border-box;line-height:.62rem;align-items:center;display:flex}.product ul.list li a .text .title{font-size:.16rem;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;transition:all .5s ease;width:100%}@media screen and (max-width:1024px){.product ul.list li a .text .title{font-size:.26rem}}.product ul.list li a .text .text_icon{width:.22rem;height:.22rem;width:0;transition:all .5s ease}.product ul.list li a .text .text_icon img{max-width:100%}.product ul.list li:nth-child(5n){margin-right:0}.product ul.list li:hover{box-shadow:0 4px 10px 1px rgba(11,64,174,0.1)}.product ul.list li:hover a .text_icon{width:.22rem}.product ul.list li:hover a .title{width:calc(100% - .22rem);text-align:left}@media screen and (max-width:1024px){.product ul.list li{width:48.5%;margin-right:3%}.product ul.list li:nth-child(5n){margin-right:3%}.product ul.list li:nth-child(2n){margin-right:0}}.hot-product{padding-bottom:1rem}.hot-product .content{margin-top:.3rem}.hot-product .swiper-slide{height:fit-content !important;padding-left:.25rem;box-sizing:border-box}.hot-product .swiper-slide:first-child{padding-left:0}.hot-product .swiper-slide:hover a{box-shadow:0 4px 10px 1px rgba(11,64,174,0.1)}.hot-product .swiper-slide:hover .text_icon{width:.22rem}.hot-product .swiper-slide:hover .title{width:calc(100% - .22rem);text-align:left}.hot-product a{display:block;transition:all .5s ease;width:100%}.hot-product a .img{width:100%;height:2.82rem;overflow:hidden;position:relative;background:center center / cover no-repeat}.hot-product a .text{padding:0 .16rem 0 .2rem;box-sizing:border-box;line-height:.62rem;align-items:center;display:flex}.hot-product a .text .title{font-size:.16rem;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;transition:all .5s ease;width:100%}@media screen and (max-width:1024px){.hot-product a .text .title{font-size:.26rem}}.hot-product a .text .text_icon{width:.22rem;height:.22rem;width:0;transition:all .5s ease}.hot-product a .text .text_icon img{max-width:100%}

/* ----- 分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #296df4;
  border: 1px solid #296df4;
}
.pagination a.page-num-current {
  color: #fff;
  background: #296df4;
  border: 1px solid #296df4;
}
/* ----- 分页数字条效果 结束 ----- */