@charset "utf-8";

#leftMenu .pump {
	background-image:url(/topic/img/icon_pump.gif);
}

#leftGuide {
	margin-top:15px;
	border:1px solid #e3e3e3;
}
#leftGuide dt {
	height:46px;
	line-height:46px;
	background-position:10px 5px;
	background-repeat:no-repeat;
	background-color:#f0f0f0;
	border-bottom:1px solid #fff;
	background-image:url(/product/img/icon_index.gif);
	padding-left:56px;
	color:#666;
	font-size:14px;
}
#leftGuide dd {
	border-bottom:1px solid #fff;
}
#leftGuide dd a {
	display:block;
	line-height:18px;
	padding:5px 0;
	padding-left:22px;
	background:#f7f7f7 url(/inc/img/arron.gif) no-repeat 12px 12px;
}
#leftGuide dd a:hover {
	background:#fff url(/inc/img/arron_red.gif) no-repeat 12px 12px;
}
#leftGuide .second a {
	padding-left:34px;
	background:#f7f7f7 url(/inc/img/arron.gif) no-repeat 24px 12px;
}
#leftGuide .second a:hover {
	background:#fff url(/inc/img/arron_red.gif) no-repeat 24px 12px;
}

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

.topicList {
	width:800px;
}
.topicList li {
	width:385px;
	float:left;
	margin-right:15px;
	margin-top:15px;
}
.topicList a {
	display:block;
	border:1px solid #e3e3e3;
	height:90px;
	color:#444;
	padding:0 15px;
	line-height:150%;
}
.topicList a:hover {
	border:1px solid #66c5dd;
	background-color:#f0f8fa;
}

#topicNews {
	width:285px;
	float:right;
	border:1px solid #e3e3e3;
	margin:0 0 15px 15px;
}
#topicNews .mainTitle {
	margin:0;
}
#topicNews li {
	line-height:26px;
	color:#999;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:0 10px;
	overflow:hidden;
}
#viewMore {
	text-align:center;
	cursor:pointer;
	color:#666;
	background-color:#f2f2f2;
	line-height:28px;
}

.productList {
	width:800px;
}
.productList li {
	width:400px;
	overflow:hidden;
	float:left;
}
.productList dl {
	width:383px;
	float:left;
	margin-right:15px;
	overflow:hidden;
	border:1px solid #e3e3e3;
	margin-top:15px;
}
.productList dl:hover {
	border:1px solid #459fce;
}
.productList dd {
	padding:10px;
}
.productList h3 {
	font-size:14px;
	text-indent:8px;
	margin:0;
	padding:6px 0 15px;
}
.productList dd img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
.productList p {
	text-indent:24px;
	font-size:14px;
	line-height:180%;
	margin:0;
	padding:5px 0;
}
.productList dt {
	height:38px;
	background-color:#f3f3f3;
	padding-right:4px;
}
.productList dt a {
	border:1px solid #069;
	background-color:#459fce;
	color:#fff;
	display:block;
	padding:0 6px;
	line-height:21px;
	float:right;
	margin:8px 3px 0;
}
.productList dt a:hover {
	color:#fff;
	border:1px solid #f60;
	background-color:#ff8432;
}
.productList input {
	float:right;
}

.itemTitle {
	height:62px;
	background-image:url(/topic/img/itemTitle_bg.gif);
	margin-top:15px;
	padding-left:12px;
}
.itemTitle h2 {
	font-size:16px;
	padding:12px 0 6px;
}
.itemTitle p {
	color:#666;
	margin:0;
}

.mainTitle input {
	margin-top:5px;
	background-color:#459fce;
	color:#fff;
	border:0;
	padding:2px 5px;
	cursor:pointer;
}
.mainTitle input:hover {
	background-color:#ff8432;
}

#title1 {
	font-size:48px;
	font-weight:bold;
	padding:40px 0 15px;
	text-align:center;
}
#title2 {
	font-size:24px;
	font-weight:bold;
	padding:20px 0 15px;
	text-align:center;
}

/*小屏端样式*/
@media (max-width: 800px) {
	#mainBar {
		display: none;
	}
	
	#intro {
		float:none;
		width:100%;
	}
	#intro p {
		padding-top:12px;
	}
	#intro p img {
		margin:0 12px 5px 0;
	}
	#news {
		width:100%;
		float:none;	
	}
	#news li {
		width:100%;
	}
	
	.topicList {
		width:100%;
	}
	.topicList li {
		width:100%;
		float:none;
		margin: 12px 0 0 0;
	}
	.topicList a {
		height:auto;
		padding:0 12px 12px;
	}

	#topicNews {
		width: calc(100% - 2px);
		float:none;
		margin:12px 0 0;
	}
	
	.productList {
		width:100%;
	}
	.productList li {
		width:100%;
		float:none;
	}
	.productList dl {
		width: calc(100% - 2px);
		float:none;
		margin:12px 0 0;
	}
	.productList dd img {
		max-width: 100%;
	}
	
	#title1 {
		line-height: 1.2;
		padding:20px 0 10px;
		font-size: 36px;
	}
	#title2 {
		font-size:18px;
		line-height: 1.2;
		padding:5px 0;
	}

}