@font-face {font-family:"iconfont";font-display:swap;src:url(https://css02.v15cdn.com/m429/iconfont/iconfont.woff2?t=1705569387900) format('woff2'),url(https://css02.v15cdn.com/m429/iconfont/iconfont.woff?t=1705569387900) format('woff'),url(https://css02.v15cdn.com/m429/iconfont/iconfont.ttf?t=1705569387900) format('truetype')}
.icon-arrowright:before {content:"\e6b8"}
.home-products {padding:0 0 4%;}
.home-product {padding:3.5% 0}
.home-product .swiper {padding-top:50px}
.home-product .product-list {display:flex;flex-wrap:wrap}
.home-product .product-list .itempro {position:relative;overflow:hidden;margin-right:2%;margin-bottom:2em;width:23.5%;border-radius:3px;transition:all .2s ease;transform:translateY(0);height:auto;display:flex;flex-direction:column;}
.home-product .product-list .itempro .img {position:relative;display:inline-block;width:100%;border:1px solid #dedee5}
.home-product .product-list .itempro .img::before {position:absolute;top:0px;left:0px;display:inline-block;width:100%;height:100%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease}
.home-product .product-list .itempro .info {position:relative;box-sizing:border-box;padding:30px;padding-top:40px;border:1px solid #dedee5;border-top:none;flex:1;}
.home-product .product-list .itempro .info .title {display:inline-block;display:-webkit-box;overflow:hidden;margin-bottom:10px;font-weight:bold;font-size:18px;transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3;}
.home-product .product-list .itempro .info .des {display:-webkit-box;overflow:hidden;opacity:.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-product .product-list .itempro .info .more {position:absolute;top:-25px;right:-4px;display:inline-flex;width:44px;height:50px;border:1px solid #dedee5;background-color:#FFF;transition:all .2s ease;align-items:center;justify-content:center}
.home-product .product-list .itempro .info .more::before {position:absolute;top:-2px;left:-20px;width:0;height:0;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0px;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:#ececec}
.home-product .product-list .itempro .info .more::after {position:absolute;top:-2px;left:-20px;width:0;height:0;border:10px solid transparent;border-top:26px solid transparent;border-bottom:0px;content:"";transition:all .2s ease;border-left-color:transparent;border-right-color:transparent}
.home-product .product-list .itempro .info .more em {font-weight:var(--fontbold5);font-size:20px}
.home-product .product-list .itempro:nth-child(4n) {margin-right:0}
.home-product .product-list .itempro:hover {transform:translateY(-10px)}
.home-product .product-list .itempro:hover .img::before {background-color:rgba(0,0,0,.5)}
.home-product .product-list .itempro:hover .info .more {border-color:var(--color);background-color:var(--color);color:#FFF}
.home-product .product-list .itempro:hover .info .more::before {border-right-color:var(--color)}
.home-product .product-list .itempro:hover .info .more::after {border-right-color:rgba(0,0,0,.2)}
.home-product .product-list .itempro:hover .info .title {color:var(--color)}
.home-product .swiper-pagination {display:flex;align-items:center;justify-content:center}
.home-product .swiper-pagination .swiper-pagination-bullet {display:inline-flex;width:14px;height:14px;border:1px solid #888;border-radius:0;background-color:transparent;align-items:center;justify-content:center;opacity:.5}
.home-product .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1}
.home-product .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {display:inline-block;width:4px;height:4px;background-color:var(--color);content:"";}
@media (max-width:768px) {.home-product {padding:30px 0;padding-top:70px}
.home-product .product-list {flex-wrap:nowrap}
.home-product .swiper {padding-bottom:30px}}
@media (max-width:560px) {.home-product .product-list .itempro .info {padding:15px;padding-top:20px}
.home-product .product-list .itempro .info .title {line-height:1.2;-webkit-line-clamp:3}
.home-product .product-list .itempro .info .more {width:36px;height:40px}}