@charset "utf-8";
/* CSS Document */

/* css 重置 */
img{ border:0;  }
a{ text-decoration:none; color:#333;  }


/*********js01_图片滚动正方形****************/
.slideBox{  overflow:hidden; position:relative;}
.slideBox .hd{ width:90%;height:30px; overflow:hidden; position:absolute; right:5px; bottom:30px; z-index:1; }
.slideBox .hd ul{ position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8;z-index:998;margin:0; padding:0; bottom:5px; right:8px;  }
.slideBox .hd ul li{ float:left; width:16px; height:16px; line-height:16px; text-align:center; display:block;color:#fff; background: #666; margin-right:2px;cursor:pointer }
.slideBox .hd ul li.on{ background:#0179b6; }
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{  text-decoration:none; color:#fff;  }
.slideBox .bd img{ display:block;  }
.slideBox .bd div{height: 8px;}
.slideBox .bd span{overflow: hidden;white-space: nowrap; font-size: 16px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/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 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*********end  js01_图片滚动正方形****************/


/********js02_横向滚动形*************************/
.picMarquee-left{  overflow:hidden; position:relative; }
.picMarquee-left .hd{ overflow:hidden;  height:30px;position:absolute;z-index:9999;top:80px;}
.picMarquee-left .hd .prev{margin-right:1050px}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:12px; height:32px; float:right; overflow:hidden;
   cursor:pointer; background:url("../images/images/arrow1.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -42px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:160px; height:150px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
/****end js02_横向滚动形************************/


