@charset "utf-8"; /* 声明字符集编码为 UTF-8 */

/* 产品主内容区域容器（暂未定义具体样式） */
.pub_page_side_main .cnt .pub_page_main {
}

/* 产品列表区域容器 */
.pub_page_side_main .cnt .pub_page_main .page_product_list {
	text-align: justify;       /* 两端对齐排列 */
	font-size: 0;              /* 消除 inline-block 元素之间的间隙 */
}

/* 每一个产品项的卡片布局 */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item {
	width: 31%;                /* 每行最多放 3 个（留 margin-right 空间） */
	margin: 9px 0;             /* 上下间距 */
	vertical-align: top;       /* 与其他 inline-block 元素顶部对齐 */
	font-size: 14px;           /* 恢复正常字体大小 */
	background: #fff;          /* 背景白色 */
	transition: all ease .3s;  /* 动效过渡 */
	float: left;               /* 左浮动布局 */
    margin-right: 3.5%;        /* 右侧空隙，形成卡片间距 */
}

/* 小屏（<=600px）下，产品项变为两列 */
@media(max-width:600px) {
  .pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item {
    width: 48%;              /* 每行两列，留出左右间距 */
    margin-right: 4%;        /* 两列之间的间距 */
  }

  /* 每行最后一个不留右边距 */
  .pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item:nth-child(2n) {
    margin-right: 0;
  }
}

/* 产品图片容器 */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox {
	display: block;            /* 块级元素，占满整行 */
}

/* 产品图片（未设定样式，可扩展如宽高自适应等） */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox img {
}

/* 产品图片的边框（悬停时显示） */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox .border {
	position: absolute;        /* 覆盖整个图片 */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid transparent;  /* 默认透明，悬停时显示颜色 */
	transition: all ease .3s;  /* 添加平滑过渡 */
}

/* 固定图片比例用的占位盒（伪元素） */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox:before {
	padding: 105.26315% 0 0;  /* 保持图片容器宽高比 */
}

/* 产品标题文字样式 */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .title {
	padding: 15px;            /* 内边距 */
	text-align: center;       /* 居中显示 */
}

/* 悬停时产品卡片样式变化 */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item:hover {
	color: #fff;              /* 字体变白 */
	border-color: #032a4d;    /* 边框变深蓝 */
	background: #032a4d;      /* 背景变深蓝 */
}

/* 悬停时显示边框 */
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item:hover .pic.imgbox .border {
	border-color: #032a4d;    /* 显示蓝色边框 */
}

/* 解决 justify 最后一行错位占位用 */
.pub_page_side_main .cnt .pub_page_main .page_product_list .line_holder {
	display: inline-block;
	width: 100%;
}

/* 空数据时的提示样式 */
.pub_page_side_main .cnt .pub_page_main .empty_tips {
	padding: 50px 0;           /* 上下留白 */
	font-weight: 700;          /* 加粗 */
	font-size: 24px;           /* 字体大 */
	text-align: center;        /* 居中显示 */
	background: #fff;          /* 背景白 */
	border: 1px solid #ccc;    /* 边框灰色 */
	border-top: none;          /* 去掉上边框，视觉上与上方模块连通 */
}

/* 清除浮动占位（未设置内容） */
.pub_page_side_main .cnt .clear {
}