﻿.product-catelists{display: flex;gap: 30px;flex-wrap: wrap;}
.products-cateitem{flex: 0 0 calc((100% - 90px) / 4);background: #FFFFFF;box-shadow: 0px 8px 9px 0px rgba(140, 140, 140, 0.35);border-radius: 26px;border: 6px solid #F1F1F1;overflow: hidden;padding: 20px 10px;text-align: center;}
.products-cateitem .home-more,.products-cateitem .text{display: none;}
.products-cateitem .cate-img{aspect-ratio: 1.6 / 1;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.products-cateitem:nth-child(5) .cate-img img,
.products-cateitem:nth-child(6) .cate-img img{aspect-ratio:1.2/1;object-fit:contain}
.products-cateitem .cate-info{margin-top: 20px;}
.products-cateitem .title{font-weight: bold;font-size: 22px;color: #333333;line-height: 22px;text-transform: uppercase;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.products-cateitem:hover img{transform: scale(1.03);}
.products-cateitem:hover .title{color: var(--color);}
.pro-main .pro-lists{display: flex;flex-wrap: wrap;gap: 20px;}
.pro-main .common-main{background: #fff;}
.pro-main .pro-lists li{background: #FFFFFF;border-radius: 20px;padding: 15px;box-shadow: 0px 0px 19px 1px #d6d6d6bf;flex: 0 0 calc((100% - 60px) / 4);}
.pro-main .pro-lists li:nth-child(3n) {margin-right: 0%;}
.pro-main .pro-lists li:nth-child(4n) {margin-right: 0px;}
.pro-main .pro-lists li .pro-info{padding: 0;margin-top: 35px;}
.pro-main .pro-lists li .pro-img{aspect-ratio: 1 / 1;border-radius: 13px;overflow: hidden;border: 1px solid #F3F3F3;}
.pro-main .pro-lists li .pro-img img{object-fit: cover;}
.pro-main .pro-lists li .pro-info .title{font-weight: 600;font-size: 16px;color: #000000;line-height: 17px;}
.sidebar-item .sidebar-cate>li{background: none;padding: 26px 0;border-bottom: 2px solid var(--color);border-radius: 0;margin: 0;}
.sidebar-item .sidebar-cate>li:hover>a{color: var(--color);}
.sidebar-item{border-bottom: none;margin-bottom: 0;background: #fff;}
.sidebar-item .sidebar-cate{padding: 0;}
.sidebar-item .sidebar-cate>li.active,.sidebar-item .sidebar-cate>li .sub-menu{background: #fff;}
.sidebar-item .sidebar-cate>li>a{font-weight: bold;font-size: 18px;color: #000000 !important;height: unset;line-height: 1;}
.sidebar-item .sidebar-cate>li.active .iconshow::after{background: #000;}
.sidebar-item .sidebar-cate>li .iconshow{top: 10px;}
.sidebar-item .sidebar-cate>li .iconshow::after{background: #000;}
.sidebar-item .sidebar-cate>li .sub-menu a{justify-content:space-between;font-size: 16px;color: #333333;position: relative;padding-left: 35px;}
.sidebar-item .sidebar-cate>li .sub-menu a:after{position: absolute;content: '';width: 14px;height: 1px;background: #666666;left: 10px;top: 18px;}
.sidebar-item .sidebar-cate>li .sub-menu a:hover{background: #fff;color: var(--color);}
.sidebar-item .sidebar-cate>li .sub-menu a:hover:after{background: var(--color);}
.sidebar-item .sidebar-cate>li .sub-menu{margin-top: 10px;}
.prodetail-coms{flex: 1;}
.sidebar-item .sidebar-cate>li>em{position: absolute;right: 0;top: 23px;font-size: 24px;font-weight: bold;line-height: 1;}
.sidebar-item .sidebar-cate>li .sub-menu>li{position: relative;}
.sidebar-item .sidebar-cate>li .sub-menu>li em{display:none}
.sidebar-item .sidebar-cate>li.active>em{transform: rotateX(180deg);}
.sidebar-item .sidebar-cate>li .sub-menu a>em{display:block}
.sidebar-item .sidebar-cate>li .sub-menu>li .sub-menu{margin-top: 0px;margin-left: 20px}
.sidebar-item .sidebar-cate>li .sub-menu>li .sub-menu.act{display:block}
@media (max-width:1640px) {.sidebar-item .sidebar-cate>li{padding: 20px 0;}
.sidebar-item .sidebar-cate>li>a{font-size: 18px;}}
@media (max-width:768px) {.pro-main .pro-lists li{flex: 0 0 calc((100% - 40px) / 3);}
.pro-main .pro-lists li .pro-info{margin-top: 15px;}}
@media (max-width:550px) {.pro-main .pro-lists li{flex: 0 0 calc((100% - 20px) / 2);}}
.producttext img,.tagContent.act img{width:100%}
.tagContent.act iframe{width: 100%;margin: 20px 0;}
.products-cateitem:nth-last-child(-n+2) .cate-img,
.products-cateitem:nth-last-child(-n+2) .cate-info{display:none}
.products-cateitem:nth-last-child(-n+2){position:relative}
.products-cateitem:nth-last-child(-n+2)::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:160px;height:25px;background:radial-gradient(circle,#eee 12.5px,transparent 13px);background-size:50px 25px;background-repeat:repeat-x}

