@charset "utf-8";

#leftMenu .liaojiangbeng {
	background-image:url(/product/img/icon_liaojiangbeng.gif);
}
#leftMenu .qingyebeng {
	background-image:url(/product/img/icon_qingyebeng.gif);
}
#leftMenu .yexiabeng {
	background-image:url(/product/img/icon_yexiabeng.gif);
}
#leftMenu .zixibeng {
	background-image:url(/product/img/icon_zixibeng.gif);
}
#leftMenu .peitao {
	background-image:url(/product/img/icon_peitao.gif);
}

#leftMenu .index {
	background-image:url(/product/img/icon_index.gif);
}
#leftMenu .home {
	background-image:url(/product/img/icon_home.gif);
}

/*产品首页分类*/
.category {
	margin-top:15px;
}
.category img {
	float:left;
	margin-right:20px;
}
.category p {
	line-height:22px;
	float:right;
	width:510px;
	margin:0 0 4px;
	color:#666;
}
.category ul {
	width:510px;
	float:right;
}
.category li {
	line-height:28px;
	white-space:nowrap;
	width:255px;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	border-bottom:1px dashed #cedde8;
}

/*产品分类页*/
#intro {
	float:left;
	width:480px;
}
#intro p {
	line-height:180%;
	color:#666;
	margin:0;
	padding-top:15px;
}
#intro p span {
	float:left;
	margin:0 15px 5px 0;
}
#news {
	width:285px;
	float:right;	
}
#news ul {
	margin:10px 0 0;
}
#news li {
	line-height:28px;
	border-bottom:1px dashed #cedde8;
	color:#999;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:285px;
	overflow:hidden;
}

#productList {
	width:800px;
}
#productList li {
	width:363px;
	height:170px;
	padding:10px;
	margin:15px 15px 0 0;
	float:left;
	border:1px solid #e3e3e3;
	overflow:hidden;
	position:relative;
}
#productList li:hover {
	border:1px solid #459fce;
}
#productList input {
	float:right;
}
#productList h3 {
	font-size:14px;
	margin:0;
	padding:2px 0 18px;
}
#productList h3 span {
	font-weight:normal;
}
#productList img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#productList p {
	text-indent:28px;
	font-size:14px;
	line-height:180%;
	margin:0;
}
#productList div {
	position:absolute;
	left:0;
	bottom:0;
	background-color:#f5f5f5;
	color:#f50;
	padding:6px 10px;
}

/*产品内页表格*/
.table {
	border-collapse:collapse;
	width:100%;
}
.table td {
	border:1px solid #93BCDF;
	text-align:center;
	padding:2px;
}
.tableTitle {
	background-color:#E1EFFB;
	font-weight:bold;
}
.tableBg {
	background-color:#F4F8FC;
}
.tableLeft, .tableLeft td {
	text-align:left !important;
}

/*配套产品图片列表*/
#productTable {
	width: 100%;
}
#productTable li {
	float: left;
	width: 25%;
	height: 200px;
	margin-top: 15px;
}
#productTable div {
	position:relative;
	width: 100%;
	height: 160px;
}
#productTable div img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
#productTable p {
	text-align: center;
}

/*页面底部产品汇总*/
#productFoot {
	border:1px solid #e3e3e3;
	border-top: 0;
	padding:0 0 15px;
}
#productFoot li {
	padding-left:15px;
	float:left;
}
#productFoot dt {
	padding:15px 0 10px;
	color:#999;
}
#productFoot dt a {
	color:#999;
}
#productFoot dd {
	line-height:24px;
	color:#999;
	width:246px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#productPic {
	float: left;
	width: 483px;
	text-align: center;
}
#productNews {
	width:285px;
	float:right;
	border:1px solid #e3e3e3;
	margin:15px 0 15px 15px;
}
#productNews .mainTitle {
	margin:0;
}
#productNews li {
	line-height:26px;
	color:#999;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:0 10px;
	overflow:hidden;
}
.mainTitle input {
	margin-top:5px;
	background-color:#459fce;
	color:#fff;
	border:0;
	padding:2px 5px;
	cursor:pointer;
}
.mainTitle input:hover {
	background-color:#ff8432;
}

.linkButton {
	margin:15px 0 0 15px;
	font-size:14px;
	display:inline-block;
	line-height:32px;
	padding:0 15px;
	background-color:#459fce;
	color:#fff;
}
.linkButton:hover {
	background-color:#f60;
	color:#fff;
}

/*小屏端样式*/
@media (max-width: 800px) {
	.category {
		margin-top:12px;
	}
	.category>a {
		display: block;
		text-align: center;
	}
	.category img {
		float:none;
		vertical-align: bottom;
	}
	.category p {
		line-height:22px;
		float:none;
		width:100%;
		margin:10px 0;
	}
	.category ul {
		width:100%;
		float:none;
	}
	.category li {
		width:100%;
		float:none;
	}
	
	#intro {
		float:none;
		width:100%;
	}
	#intro p {
		padding-top:12px;
	}
	#intro p span {
		float:none;
		margin:0;
		display: block;
		text-align: center;
	}
	#news {
		width:100%;
		float:none;	
	}
	#news li {
		width:100%;
	}

	#productList {
		width:100%;
	}
	#productList li {
		width: calc(100% - 22px);
		height:auto;
		margin:12px 0 0 0;
		float:none;
	}
	#productFoot li {
		width: calc(100% - 15px);
	}
	#productFoot dd {
		width: 100%;
	}
	#productPic {
		width: 100%;
		float: none;
	}
	#productNews {
		width: calc(100% - 2px);
		float:none;
		margin:12px 0 0;
	}
	
	#productTable li {
		width: 50%;
		height: 180px;
		margin-top: 12px;
	}
	#productTable div {
		height: 140px;
	}
	#productTable div img {
		max-width: 140px;
		max-height: 140px;
	}

}