@charset "utf-8";
/* css 重置 */
*{margin:0; padding:0; list-style:none; }		
img{ border:0;  }

/* 本例子css */
.slideBox{ width:100%; height:500px; overflow:hidden; position:relative;  margin:0 auto;left:0px; margin-top:4px;}
.slideBox .hd{ height:25px;width:100%;text-align:center; overflow:hidden; position:absolute; bottom:20px; z-index:3; }
.slideBox .hd ul{ overflow:hidden; zoom:1;   }
.slideBox .hd ul li{ display:inline-block;*display:inline; margin-right:10px;  width:46px; height:23px; line-height:14px; text-align:center; background:url(../images/ydlt/off.jpg) 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: 10px;font-size: 15px;text-align: left;margin-left: 60px;}
.slideBox .hd ul li.on{ background:url(../images/ydlt/on.jpg) no-repeat; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd a{display:block;width:1000px;height:500px;margin:0 auto;position:relative;}
.slideBox .bd img{ width:1680px; height:500px; display:block; position:absolute;left:-340px;}
.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; position: relative;width:410px;height:243px; }
.slideGroup .hover{position: relative;bottom: 30px;background-color:#625a59;padding-left:10px;height:30px;line-height:30px;color:#fff;font-family:微软雅黑;font-size:13px;}
.slideGroup .hd{ height: 15px;overflow: hidden;position: absolute;right: 5px;bottom: 5px;z-index: 1;}
.slideGroup .hd ul{ float:left; height:15px;   }
.slideGroup .hd ul li{ float:left;  cursor:pointer; width:15px;height:15px; background:#fff; text-align:center;line-height:15px;margin-right:5px;}		
.slideGroup .hd ul li.on{ height:15px; width:15px; background:red;  color:#fff}


.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 .bd ul{ overflow:hidden; zoom:1;   }
.slideGroup .bd ul li{  overflow:hidden;height:243px; }
.slideGroup .bd ul li:hover .hover{text-decoration:underline;}


.slideGroup2{position:relative;}
.slideGroup2 .prev,
.slideGroup2 .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;   }
.slideGroup2 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideGroup2 .prev:hover,
.slideGroup2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideGroup2 .bd ul{ overflow:hidden; zoom:1;   }
.slideGroup2 .bd ul li{  overflow:hidden;height:228px; }

.picScroll {padding:0 45px;position:relative;}
.picScroll .bd{}
.picScroll .bd li{margin:0 10px;}
.picScroll .bd li:hover .titles  a{color:rgb(190,26,37);}
.picScroll .prev,.picScroll .next{position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -170px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.picScroll .next{ left:auto; right:1%; background-position:-52px 5px; }
.picScroll .prev:hover,
.picScroll .next:hover{ filter:alpha(opacity=100);opacity:1;  }