@charset "utf-8";
		/* css 重置 */
		*{margin:0; padding:0; list-style:none; }		
		img{ border:0;  }
		a{ text-decoration:none; color:#333;  }

		/* 本例子css */
		.slideBox{ width:1440px; height:480px; overflow:hidden; position:relative;   }
		.slideBox .hd{ height:58px; overflow:hidden; position:absolute;left:320px; bottom:5px; z-index:3; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:15px;  width:185px; height:58px; line-height:14px; text-align:center; background:url(../images/off.png) no-repeat; cursor:pointer; color:white;}
		.slideBox .hd ul li .num {width:38px;height:34px;float:left;margin-left:30px;}
		.slideBox .hd ul li b{font-family:微软雅黑;font-size:16px;line-height:16px;}
		.slideBox .hd ul li div{margin-top: 17px;font-size: 15px;text-align: center;}
		.slideBox .hd ul li.on{ background:url(../images/on.png) no-repeat; color:#fff; }
		
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1440px; height:480px; display:block;  }
		.slideBox .hover{background:url(../images/hover.png) no-repeat;width:1440px; height:60px;position: absolute;top: 420px;z-index: 2;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


		/* 本例子css */
		.slideGroup{ text-align:left;  }
		.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
		.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
		.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
		.slideGroup .slideBox{width:578px; height:140px; overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:144px; border:1px solid #ddd; background:url(../images/icoLeft.gif) center center no-repeat #f4f4f4; }
		.slideGroup .sNext{ left:auto; right:5px; background:url(../images/icoRight.gif) center center no-repeat #f4f4f4;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
		.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; border:1px solid #ccc; }
		.slideGroup .parBd ul li:hover{background-color:green;}
		.slideGroup .parBd ul li:hover a{color:white;}
		.slideGroup .parBd ul li .pic{ text-align:center; }
		.slideGroup .parBd ul li .pic img{ width:150px; height:112px; display:block;  padding:4px; margin:0 auto;}
		.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup .parBd ul li .title{ line-height:24px;   }