﻿/*@media (min-width:1025px){.catecontainer .cateitem:nth-child(1) .cate2list li{width:17.9%;}
.catecontainer .cateitem:nth-child(1) .cate2list li:nth-child(4n){margin-right:2.6%;}
.catecontainer .cateitem:nth-child(1) .cate2list li:nth-child(5n){margin-right:0;}
.catecontainer .cateitem:nth-child(2) .cate2list li{width:14.5%;}
.catecontainer .cateitem:nth-child(2) .cate2list li:nth-child(4n){margin-right:2.6%;}
.catecontainer .cateitem:nth-child(2) .cate2list li:nth-child(6n){margin-right:0;}}*/
@media (min-width:1025px){.catecontainer .cate2list li:last-child{margin-right:0}
.catecontainer .cate2list{justify-content:center;}}
.product-listing{position:relative;display:block;margin:0 auto;max-width:1200px;}
.product-listing ul{list-style-type:none;display:flex;flex-wrap:wrap;margin:40px 0 0;}
.product-listing ul li{width:calc(33.33% - 10px);margin:0 15px 15px 0;}
.product-listing ul li:nth-child(3n){margin-right:0}
.product-box{position:relative;display:block;box-shadow:0 3px 6px #00000017;border:1px solid #c5c5c5;background-position:bottom right;background-repeat:no-repeat;aspect-ratio:1/1;background-size:cover;background-blend-mode:overlay;background-color:#00000055;}
.product-box a{position:relative;display:block;color:#fff;padding:70px 50px 30px;overflow:hidden;height:100%;}
.pro-learn{font-size:12px;color:var(--color);}
.product-box a:hover .product-box-info{opacity:0}
.product-mask-container{position:absolute;display:block;top:100%;left:0;z-index:5;width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0;background:rgb(230 175 93 / 85%);-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;transition:all 1s ease 0s}
.product-box a:hover .product-mask-container{top:0;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s}
.product-mask-content{position:absolute;display:block;z-index:7;top:50%;left:50%;width:100%;padding:30px;color:#fff;margin:0 auto;text-align:center;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transform:preserve-3d;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d}
.product-mask-content h4{color:#fff}
.learn-more-btn{font-family:poppins-semibold;position:relative;display:block;font-size:12px;font-weight:normal;position:relative;text-align:center;color:#000;overflow:hidden;line-height:24px;background:#fff;vertical-align:top;display:inline-block;padding:7px 7px 7px 20px;letter-spacing:1px;border-radius:0;border:0;cursor:pointer;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out}
.learn-more-btn span{position:relative;display:inline-block;vertical-align:middle;border-bottom:36px solid #221e1f;border-left:10px solid transparent;border-right:0 solid transparent;height:0;width:45px;color:#fff;line-height:36px;font-size:14px;margin-left:19px}
.learn-more-btn span em{display:inline-block;transform:rotate(-90deg);font-weight:bold;font-size:var(--fontsize12);vertical-align:top}
.learn-more-btn:hover{background:#ed1b23;color:#fff;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out}
.product-box-info h4,.product-mask-container h4{position:relative;font-size:var(--fontsize24);line-height:1.4;font-weight:normal;margin:0;text-transform:none;margin:0 0 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.product-box-info p,.product-mask-container p{font-size:var(--fontsize14);margin-bottom:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.catecontainer{display:none}
@media (max-width:1200px){.product-box a{padding:15% 8% 20px}
.product-mask-content{padding:20px}}
@media (max-width:1024px){.product-listing ul{justify-content:space-between}
.product-listing ul li{width:calc(50% - 10px);margin:0 0 20px 0;}
.product-box{max-height:300px;width:100%;}
.product-box a{padding:12% 8% 20px}}
@media (max-width:768px){.product-listing ul li{width:100%}
.product-box a{padding:10% 8% 20px}}
@media (max-width:500px){.product-box a{padding:12% 8% 20px}}