@charset "utf-8";
#productlist{
	padding-top:10px;
}
#productlist .mainDiv{
	padding-bottom:38px;
	min-height:800px;
}
#productlist .mainDiv H1{
	color:#333;
	font-size:36px;
	line-height:36px;
	letter-spacing:1px;
	padding-top:60px;
}
#productlist .mainDiv ul{
	width:100%;
	padding-top:30px;
}
#productlist .mainDiv ul li{
	display:inline-block;
	width:25%;
}
#productlist .mainDiv ul li img{
	width:100%;
}
#productlist .mainDiv ul li h3{
	color:#333;
	font-size:16px;
	padding-bottom:30px;
}
#productlist .mainDiv ul li h3 a{
	color:#333;
}
#productlist .mainDiv ul li:hover img{
	opacity:0.7;
}

#catalogShowButton{
	display:none;
}
#catalog{
	position:absolute;
	background-color:#FFF;
	text-align:left;
	left:70px;
	top:850px;
	z-index:3;
	border-left:1px solid #333;
}
#catalog .top{
	width:100%;
	height:10px;
	background-color:#fff;
}
#catalog .search{
	display:inline-block;
	width:130px;
	height:22px;
	padding:0 10px;
}
#catalog .search input{
	width:100%;
	height:100%;
	line-height:22px;
	padding:0 5px;
	background-color:#CCC;
	border:none;
	letter-spacing:1px;
}
#catalog dl{
	color:#333;
	font-size:14px;
	line-height:25px;
	padding:0 10px;
	padding-bottom:10px;
}
#catalog dl dt{
	font-weight:bold;
	color:#FD4C88;
	color:#000;
}
#catalog dl dd{
	letter-spacing:1px;
}
#catalog dl dd a{
	color:#000;
	vertical-align:middle;
}
#catalog dl dd span{
	display:inline-block;
	width:23px;
	height:20px;
	background-image:url(../_images/web_ico.png);
	background-repeat:no-repeat;
	background-position:-410px -312px;
	vertical-align:middle;
}
#catalog dl dd span input{
	opacity:0;
	width:23px;
	height:20px;
	border:0;
}
#catalog dl dd .selected{
	background-position:-437px -312px;
}

/*手机版 宽度少于1024*/
@media screen and (max-width: 1024px){
	.pageAD{
		margin-top: 60px;
	}
	#productlist{
		padding-top: 0px;
	}
	#productlist .mainDiv H1{
		font-size:2.5em;
		line-height:1em;
		padding-top:2em;
	}
	#productlist .mainDiv ul{
		padding-top: 30px;
	}
	#productlist .mainDiv ul .pDIV, #productlist .mainDiv ul .pDIV img, #productlist .mainDiv ul .pDIV h2{
		/*width:auto;
		height:auto;*/
	}
	#productlist .mainDiv ul .pDIV{
		width:45%;
		margin-top:1.5em;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	#productlist .mainDiv ul li{
		width:48%;
		position:static;
		overflow:visible;
		padding-top:0;
		padding-bottom:0.5em;
		background:none;
		vertical-align:top;
	}
	#productlist .mainDiv ul .pDIV{
		height:auto;
	}
	#productlist .mainDiv ul .pDIV img{
		width:100%;
		height:auto;
		max-height:225px;
	}
	#productlist .mainDiv ul li > a{
		display:block;
		width:100%;
		background-color:#fff;
	}
	#productlist .mainDiv ul li h2{
		position:static;
		padding-top:0;
		margin-top:10px;
		font-size:1.5em;
		height:1em;
	}
	#productlist .mainDiv ul .pDIV h2{
		width:100%;
		height:auto;
	}
	#productlist .mainDiv ul li h2 a{
		color:#333;
	}
	#productlist .mainDiv ul li h2 span{
		margin:0 auto;
		padding-left:0.5em;
		padding-right:0.5em;
	}
	
	#catalogShowButton{
		
		position:fixed;
		transition: all .4s ease;
		width:3.5em;
		height:3.5em;
		left:2%;
	}
	#catalogShowButton img{
		width:100%;
		height:100%;
	}
	#catalog{
		width:42%;
		height:100%;
		background-color:#C00;
		left:-50%;
		top:0 !important;
		position:fixed !important;
		padding-top:5em;
		transition: all .4s ease;
	}
	#catalog dl{
		font-size:1em;
		line-height:1em;
	}
	#catalog dl dd{
		padding-top:0.3em;
		padding-bottom:0.3em;
	}
	#catalog .top{
		background-color:#C00;
	}
	#catalog .search{
		padding-bottom:20px;
		width:75%;
		height:auto;
	}
	#catalog .search input{
		background-color:#fff;
		color:#333;
		line-height:1.3em;
		height:1.3em;
		font-size:1em;
	}
	#catalog dl dd span{
		display:none;
	}
	#catalog dl dt{
		color:#ec6262;
	}
	#catalog dl dd a{
		color:#FFF;
	}
	
	.pages{
		padding-top:55px;
	}
	.pages a{
		font-size:1.5em;
		width:1.5em;
		height:1em;
		line-height:1em;
		padding-top:0.3em;
		padding-bottom:0.3em;
		margin-right:0.5em;
	}
}