/* 全局重置 */
* {margin: 0;padding: 0;box-sizing: border-box;list-style: none;text-decoration: none;}
/* 布局容器 */
.container {display: flex;gap: 30px;max-width: 1400px;margin: 50px auto;position: relative;}
/* ---------------------
左侧三级分类
--------------------- */
.sidebar {width:260px;border:1px solid #dddddd;border-radius:8px;position:sticky;top:130px;height:fit-content;}
.sidebar h3 {background:#c10000;font-size:18px;line-height:3;color:white;text-align: center;}
/* 一级菜单 */
.cat-item {margin:15px 1px ;padding:0;}
.cat-list{margin:0 20px}
.cat-link {display: block;padding: 10px 12px 10px 35px;color: #333;font-size:16px;border-radius: 4px;transition: 0.2s;font-weight:500;
	background: url(../images/0r.svg) no-repeat 5px center;background-color:#eeeeee;background-size:30px;
}
.cat-link:hover {background-color: #f2f2f2;color: #000;}
.cat-link.active{background: url(../images/ss.svg) no-repeat 5px center;background-size:30px;background-color: #c10000;color: #ffffff;}
/* 二级菜单 */
.sub-cat {margin: 5px 0 0 6px;display: block; /* 默认隐藏，鼠标经过显示 */}
.cat-item:hover .sub-cat {display: block;}
.sub-cat li {}
.sub-cat .nav-link{display: block;padding:10px 0 10px 32px;font-size:15px;line-height:1.4;color: #333;border-radius:0;border-bottom:1px solid #dddddd;font-weight:400;
	background: url(../images/0.svg) no-repeat 7px center;background-color:#ffffff;background-size:24px;
}
/*.sub-cat a:hover {background: url(../images/0r.svg) no-repeat 7px center;background-color:#ffffff;background-size:24px;}*/
.sub-cat .nav-link.active {background: url(../images/0r.svg) no-repeat 7px center;background-color:#ffffff;background-size:24px;color:#c10000;}
/* 三级菜单 */
.third-cat {margin:0 0 4px 0;display:block;}
.sub-cat li:hover .third-cat {display: block;}
.third-cat li {}
.third-cat a {padding:4px 12px 4px 60px;font-size: 14px;line-height:1.4;color: #555;border-bottom:0 !important;background:#eee;text-align: left;font-weight:400;
	background: url(../images/8.svg) no-repeat 30px center;background-color:#ffffff;background-size:24px;
}
.third-cat a:hover{background: url(../images/8.svg) no-repeat 30px center;background-color:#ffffff;background-size:24px;}
/* ---------------------
右侧产品九宫格
--------------------- */
.products-wrap {flex: 1;}
.products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
/* 产品卡片 */
.product-card {background: #fff;border: 1px solid #eee;border-radius: 8px;overflow: hidden;transition: 0.3s;}
.product-card:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.product-img {width: 100%;height: 220px;object-fit: cover;display: block;background: #f9f9f9;}
.product-name {padding: 15px;text-align: center;font-size: 15px;color: #333;line-height: 1.4;}
/* ---------------------
响应式（手机适配）
--------------------- */
@media (max-width: 992px) {.products-grid {  grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px) {.container {  flex-direction: column;}
  .sidebar {  width: 100%;  position: static;}
  .products-grid {  grid-template-columns: repeat(1, 1fr);}
}


.zc_proinfo_888{flex: 1 1 auto;display:flex;justify-content: space-between;max-width: 990px;
  width: auto;
  flex-wrap: wrap;}

.zc_proinfo_88888{border-top:2px solid #ddd;width: 100%;}
.zc_proinfo_88888{font-size:16px;line-height:1.2;padding:30px 0 30px 0;}
.zc_proinfo_88888 p{font-size:16px;line-height:1.2;}
.zc_proinfo_88888 table{width:100%;margin:10px 0;border:1px solid black;border-collapse: collapse;border-spacing: 0;}
.zc_proinfo_88888 tr{}
.zc_proinfo_88888 th{border:1px solid black;}
.zc_proinfo_88888 td{font-size:16px;line-height:1.2;padding:8px 10px;text-align:center;border:1px solid black;}