.proListPicBd{ width: 100%; height: 396px; margin: 0 auto;}

.proListPic { width:100%;height: 340px; overflow: hidden; }
.proListPic ul{ 
	position: relative;float:left;
	width:100%; height:340px; 
	overflow: hidden; }	
.proListPic ul li{ 
	position: relative;float:left;
	width:220px; height:165px; margin-left: 11px;margin-bottom: 10px;
	overflow: hidden; }			
.proListPic ul li .pic{width:218px; height:163px;border: 1px solid #bddbfc;}
.proListPic ul li .picHover{
	position: absolute;left:0px; top:0px; z-index: 10; display: none;  z-index: 99;
	width:220px; height:165px;
	background:url(../images/navbg.png);}
.proListPic ul li .picHover .aa{
	display: block; 
	width:110px; height:40px; padding: 40px 25px 10px 55px;
}
.proListPic ul li .picHover .aa a{ margin-left: 25px;}
.proListPic ul li .picHover .bb{
	width:190px; height:40px; padding: 0 15px; display: block;
	color:#fff; font-size: 14px; text-align: center; line-height: 40px;}	
.proListPic .picHover{ cursor: pointer;}

.proListPic li.first{
	float:left;
	width:310px; height:340px; display: block;margin-left: 0px;margin-bottom: 0px;}
.proListPic li.first .firstPic{
	width:308px; height:338px; display: block; border: 1px solid #bddbfc;}	
.proListPic li.first .firstHover{
	position: absolute;left:0px; top:0px; z-index: 10; display: none;  z-index: 99;
	width:310px; height:340px;
	background:url(../images/navbg.png);}	
.proListPic li.first .firstHover .aa{
	display: block; 
	width:200px; height:40px; padding: 100px 0px 20px 85px;
}	
.proListPic li.first .firstHover .aa a{ margin-left: 25px;}
.proListPic li.first .firstHover .bb{
	width:280px; height:40px; padding: 30px 15px; display: block;
	color:#fff; font-size: 20px; text-align: center; line-height: 40px;}
.proListPic li.first .firstHover{ cursor: pointer;}
/*end proListPic*/