<style>
	/* 下载页整体布局 */
	.jishuziliao{width: 100%;padding: 40px 0;}
	.jishuziliao .container{
		max-width: 1560px;
		width: 100%;
		margin: 0 auto;
		padding: 0 0px;
		box-sizing: border-box;
		overflow: hidden;
	}

	/* ========== 分辨率小于1600px：左右留白（与style.css的留白方式保持一致） ========== */
	@media screen and (max-width: 1600px) {
		.jishuziliao .container{
			padding: 0 50px;
		}
	}
	
	/* 左侧筛选区 */
	.jishuziliao-select{
		width: 23%;
		float: left;
		background: #f8f8f8;
		padding: 20px;
		box-sizing: border-box;
	}
	.jishuziliao-select-search{
		border: 1px solid #e0e0e0;
		border-radius: 50px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.jishuziliao-select-search-box{
		display: flex;
		align-items: center;
		padding: 0 15px;
	}
	.jishuziliao-select-search-box input{
		flex: 1;
		height: 38px;
		border: none;
		outline: none;
		font-size: 14px;
		background: none;
	}
	.jishuziliao-select-search-box .icon{
		cursor: pointer;
		padding: 5px;
	}
	.jishuziliao-select-search-box .icon i{
		font-size: 18px;
		color: #999;
	}
	
	/* 左侧分类菜单 */
	.snav ul{list-style: none;}
	.snav > ul > li{border-bottom: 1px solid #f0f0f0;}
	.snavitem{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 0;
		cursor: pointer;
		font-size: 15px;
		color: #333;
		text-decoration: none;
	}
	.snavitem:hover{color: #e60012;}
	.snavitem .blue{color: #e60012;font-weight: bold;}
	.snavitem .icons i{font-size: 16px;color: #999;}
	.snav ul ul{display: none;padding-left: 15px;}
	.snav ul ul li{border-bottom: 1px dashed #f0f0f0;}
	.snav ul ul .snavitem{padding: 10px 0;font-size: 14px;color: #666;}
	.snav ul ul ul{padding-left: 15px;}
	
	/* 右侧列表区 */
	.jishuziliao-list{
		width: 74%;
		float: right;
	}
	.jishuziliao-list ul{list-style: none;}
	.jishuziliao-list ul li{
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #f8f8f8;
		padding: 20px 25px;
		transition: all .3s;
	}
	.jishuziliao-list ul li:hover{
		box-shadow: 0 2px 10px rgba(0,0,0,.08);
	}
	
	/* PDF图标 */
	.jishuziliao-list ul li .icon{
		margin-right: 15px;
		flex-shrink: 0;
	}
	.jishuziliao-list ul li .icon i{
		font-size: 32px;
		color: #ffcc00;
	}
	.i-app-pdf {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/PDF.png) no-repeat center center / contain;
    flex-shrink: 0;
    vertical-align: middle;
}
	/* 文字区域 */
	.jishuziliao-list ul li .texts{
		flex: 1;
	}
	.jishuziliao-list ul li .texts .tit{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.jishuziliao-list ul li .texts .tit h2{
		font-size: 14px;
		font-weight: normal;
		color: #333;
		margin: 0;
	}
	
	/* 下载按钮 */
	.jishuziliao-list ul li .texts .tit a{
		display: flex;
		align-items: center;
		text-decoration: none;
		font-size: 14px;
		color: #333;
		transition: color .3s;
		flex-shrink: 0;
		margin-left: 20px;
	}
	.jishuziliao-list ul li .texts .tit a:hover{
		color: #ffcc00;
	}
	.jishuziliao-list ul li .texts .tit a i{
		margin-right: 6px;
		font-size: 18px;
	}
	.jishuziliao-list ul li .texts .tit a .download{
		font-size: 16px;
	}
	.i-cil-cloud-download {display:inline-block;width:32px;height:32px;background:url(../images/xiazai.png) no-repeat center center/contain;flex-shrink:0;}
	/* 分页 */
	.pagesDiv{
		width: 73%;
		float: right;
		margin-top: 30px;
		text-align: center;
	}
	.pagination{
		display: inline-block;
		list-style: none;
	}
	.pagination li{
		display: inline-block;
		margin: 0 3px;
	}
	.pagination li a,
	.pagination li span{
		display: block;
		padding: 6px 12px;
		border: 1px solid #e0e0e0;
		background: #fff;
		color: #666;
		text-decoration: none;
		font-size: 14px;
	}
	.pagination li.active span{
		background: #e60012;
		color: #fff;
		border-color: #e60012;
	}
	
	/* ========== 响应式适配 ========== */
	
	/* 平板端（1024px以下） */
	@media screen and (max-width: 1024px) {
		.jishuziliao .container{
			padding: 0 20px;
		}
		.jishuziliao-select{
			width: 28%;
			padding: 15px;
		}
		.jishuziliao-list{
			width: 68%;
		}
		.pagesDiv{
			width: 68%;
		}
		.jishuziliao-list ul li{
			padding: 15px 20px;
		}
	}
	
	/* 手机端（768px以下） */
	@media screen and (max-width: 768px) {
		.jishuziliao{
			padding: 0 0;
		}
		.jishuziliao .container{
			padding: 0 15px;
		}
		
		/* 左侧筛选区：顶部全宽 */
		.jishuziliao-select{
			width: 100%;
			float: none;
			margin-bottom: 20px;
			padding: 15px;
		}
		
		/* 右侧列表：全宽 */
		.jishuziliao-list{
			width: 100%;
			float: none;
		}
		
		/* 分页：全宽 */
		.pagesDiv{
			width: 100%;
			float: none;
		}
		
		/* 列表项调整 */
		.jishuziliao-list ul li{
			padding: 20px 15px;
			flex-wrap: wrap;
		}
		.jishuziliao-list ul li .icon i{
			font-size: 28px;
		}
		.jishuziliao-list ul li .texts .tit h2{
			font-size: 14px;
		}
		.jishuziliao-list ul li .texts .tit a{
			margin-left: 10px;
			font-size: 13px;
		}
		.jishuziliao-list ul li .texts .tit a i{
			font-size: 16px;
		}
	}
	
	/* 小屏手机（480px以下） */
	@media screen and (max-width: 480px) {
		.jishuziliao-list ul li{
			padding: 10px 12px;
		}
		.jishuziliao-list ul li .icon{
			margin-right: 10px;
		}
		.jishuziliao-list ul li .icon i{
			font-size: 24px;
		}
		.jishuziliao-list ul li .texts .tit h2{
			font-size: 13px;
			line-height: 1.4;
		}
		.jishuziliao-list ul li .texts .tit a .download{
			display: none;
		}
	}
	
	/* ============================================================ */
	/* ========== 品质管理单页样式（pinzhi.htm 专用） ========== */
	/* ============================================================ */
	
	.pinzhi-page body{background:#FFFFFF;}
	
	/* ===== 左侧导航整体 ===== */
	.pinzhi-page .jishuziliao-select{
		width: 23%;
		float: left;
		background: #f8f8f8;
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
		padding: 0;
	}
	
	/* ===== 顶部标题栏 ===== */
	.pinzhi-page .left_title{
		background: #575757;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		padding: 40px 10px;
		letter-spacing: 2px;
	}
	
	/* ===== 菜单列表 ===== */
	.pinzhi-page .snav ul{
		list-style: none;
		margin: 0;
		padding: 0;
		margin-bottom: 40px;
	}
	.pinzhi-page .snav > ul > li{
		border-bottom: 1px solid #dddddd;
	}
	.pinzhi-page .snavitem{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 30px;
		cursor: pointer;
		font-size: 18px;
		font-weight: bold;
		color: #333;
		text-decoration: none;
		transition: all .2s;
	}
	.pinzhi-page .snavitem:hover{
		background: #f8f8f8;
		color: #f5c800;
	}
	/* 当前选中/展开状态：黄色文字 */
	.pinzhi-page .snavitem.active,
	.pinzhi-page .snavitem .blue{
		color: #f5c800;
		font-weight: bold;
	}
	
	/* ===== 右侧箭头（CSS画的，方便变色和旋转） ===== */
	.pinzhi-page .snavitem .arrow{
		display: inline-block;
		width: 10px;
		height: 10px;
		border-right: 3px solid #999;
		border-bottom: 3px solid #999;
		transform: rotate(-45deg);
		transition: all .3s ease;
		flex-shrink: 0;
		margin-right: 5px;
	}
	/* 悬停时箭头变黄色 */
	.pinzhi-page .snavitem:hover .arrow{
		border-color: #f5c800;
	}
	/* ===== 右侧箭头（CSS画的，方便变色和旋转） ===== */
.pinzhi-page .snavitem .arrow{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(-45deg);
    transition: all .3s ease;
    flex-shrink: 0;
    margin-right: 5px;
}
/* 悬停时箭头变黄色 */
.pinzhi-page .snavitem:hover .arrow{
    border-color: #f5c800;
}
/* 展开/选中状态：只有有子栏目的箭头才翻转 */
.pinzhi-page .snavitem.has-child.active .arrow,
.pinzhi-page .snavitem.has-child .blue + .icons .arrow{
    border-color: #f5c800 !important;
    transform: rotate(45deg) !important;
}

/* 没有子栏目的，选中时箭头只变色，不翻转 */
.pinzhi-page .snavitem:not(.has-child).active .arrow,
.pinzhi-page .snavitem:not(.has-child) .blue + .icons .arrow{
    border-color: #f5c800 !important;
    transform: rotate(-45deg) !important;  /* 保持朝右 */
}
	/* 隐藏原来的图标字体箭头 */
	.pinzhi-page .snavitem .icons i{
		display: none;
	}
	
	/* ===== 二级子菜单 ===== */
	.pinzhi-page .snav ul ul{
		display: none;
		padding: 0;
		margin: 0;
		background: #fafafa;
		overflow: hidden;
	}
	/* 展开状态显示 */
	.pinzhi-page .snav ul ul.open{
		display: block;
	}
	.pinzhi-page .snav ul ul li{
		border-bottom: 1px dashed #f0f0f0;
	}
	.pinzhi-page .snav ul ul li:last-child{
		border-bottom: none;
	}
	.pinzhi-page .snav ul ul .snavitem{
		padding: 14px 20px 14px 50px;
		font-size: 14px;
		color: #666;
		font-weight: normal;
		position: relative;
	}
	/* 子栏目前面的小三角箭头 */
	.pinzhi-page .snav ul ul .snavitem::before{
		content: '';
		position: absolute;
		left: 30px;
		top: 50%;
		margin-top: -4px;
		width: 0;
		height: 0;
		border-left: 6px solid #999;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		transition: all .2s;
	}
	.pinzhi-page .snav ul ul .snavitem:hover{
		color: #f5c800;
	}
	.pinzhi-page .snav ul ul .snavitem:hover::before{
		border-left-color: #f5c800;
	}
	.pinzhi-page .snav ul ul .snavitem.active,
	.pinzhi-page .snav ul ul .snavitem .blue{
		color: #f5c800;
	}
	.pinzhi-page .snav ul ul .snavitem.active::before,
	.pinzhi-page .snav ul ul .snavitem .blue::before{
		border-left-color: #f5c800;
	}
	
	/* ===== 搜索区 ===== */
	.pinzhi-page .left_search_title{
		background: #575757;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		padding: 40px 10px;
		letter-spacing: 2px;
		margin-top: 0;
	}
	.pinzhi-page .left_search_box{
		padding: 20px 20px 60px;
	}
	.pinzhi-page .left_search_form{
		display: flex;
		align-items: center;
		border: 1px solid #ccc;
	}
	.pinzhi-page .left_search_input{
		flex: 1;
		height: 50px;
		border: none;
		outline: none;
		padding: 0 10px;
		font-size: 14px;
		background: #fff;
	}
	.pinzhi-page .left_search_btn{
		width: 50px;
		height: 50px;
		background: #575757;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		border: none;
		cursor: pointer;
		transition: background .2s;
		flex-shrink: 0;
	}
	.pinzhi-page .left_search_btn:hover{
		background: #f5c800;
	}
	
	/* ===== 单页内容区 ===== */
	.pinzhi-page .jishuziliao-content{
		width: 74%;
		float: right;
		background: #fff;
		padding: 0px 0px;
		box-sizing: border-box;
		min-height: 660px;
	}
	.pinzhi-page .page_title{
                text-align: center;
		font-size: 28px;
		font-weight: bold;
		color: #333;
		padding-bottom: 20px;
		margin-bottom: 25px;
		border-bottom: 1px solid #eee;
	}
	.pinzhi-page .page_content{
		font-size: 15px;
		line-height: 1.5;
		color: #555;
	}
	.pinzhi-page .page_content img{
		max-width: 100%;
		height: auto;
		margin: 15px 0;
	}

	.pinzhi-page .page_content h1,
	.pinzhi-page .page_content h2,
	.pinzhi-page .page_content h3,
	.pinzhi-page .page_content h4{
		margin: 20px 0 15px;
		font-weight: bold;
		color: #333;
	}
	.pinzhi-page .page_content h2{font-size: 22px;}
	.pinzhi-page .page_content h3{font-size: 18px;}
	.pinzhi-page .page_content h4{font-size: 16px;}
	.pinzhi-page .page_content ul,
	.pinzhi-page .page_content ol{
		margin: 15px 0;
		padding-left: 25px;
	}
	.pinzhi-page .page_content li{
		margin-bottom: 8px;
		list-style: disc;
	}
	.pinzhi-page .page_content table{
		width: 100%;
		margin: 15px 0;
		border-collapse: collapse;
	}
	.pinzhi-page .page_content table th,
	.pinzhi-page .page_content table td{
		border: 1px solid #ddd;
		padding: 10px;
		text-align: left;
	}
	.pinzhi-page .page_content table th{
		background: #f5f5f5;
		font-weight: bold;
	}
	
	/* ===== 响应式适配 ===== */
	@media screen and (max-width: 1024px) {
		.pinzhi-page .jishuziliao-select{
			width: 28%;
		}
		.pinzhi-page .jishuziliao-content{
			width: 68%;
			padding: 20px 25px;
		}
		.pinzhi-page .page_title{
			font-size: 24px;
		}
		.pinzhi-page .left_title,
		.pinzhi-page .left_search_title{
			font-size: 16px;
			padding: 15px 10px;
		}
		.pinzhi-page .snavitem{
			padding: 12px 15px;
			font-size: 14px;
		}
		.pinzhi-page .snavitem .arrow{
			width: 8px;
			height: 8px;
		}
		.pinzhi-page .snav ul ul .snavitem{
			padding: 10px 15px 10px 35px;
			font-size: 13px;
		}
		.pinzhi-page .snav ul ul .snavitem::before{
			left: 20px;
		}
	}
	
	@media screen and (max-width: 768px) {
		.pinzhi-page .jishuziliao-select{
			width: 100%;
			float: none;
			margin-bottom: 20px;
		}
		.pinzhi-page .jishuziliao-content{
			width: 100%;
			float: none;
			padding: 20px 15px;
			min-height: auto;
		}
		.pinzhi-page .page_title{
			font-size: 20px;
			padding-bottom: 15px;
			margin-bottom: 20px;
		}
		.pinzhi-page .page_content{
			font-size: 14px;
		}
	}
</style>