/* banner样式 */
.slideBox_banner{ width:100%; height:500px; overflow:hidden; position:relative; }
/*导航按钮 基中风格*/
.slideBox_banner  .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.slideBox_banner  .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(images/dot-black-w.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.slideBox_banner  .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }



/*内容区*/
.slideBox_banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.slideBox_banner .bd ul{ width:100% !important;  }
.slideBox_banner .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.slideBox_banner .bd li a{ display:block; height:500px; }
.slideBox_banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background: url(images/li_p_bg.png) no-repeat center 0px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox_banner .prev,
.slideBox_banner .next{
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	background-image: url(images/slider-arrow.png);
	background-repeat: no-repeat;
	background-position: -110px 5px;
}
.slideBox_banner .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_banner .prev:hover,
.slideBox_banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_banner .prevStop{ display:none;  }
.slideBox_banner .nextStop{ display:none;  }

/* 页面案例切换 */
.slideBox_case{ width:660px; height:358px; overflow:hidden; position:relative; }
.slideBox_case .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox_case .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_case .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox_case .hd ul li.on{ background:#f00; color:#fff; }
.slideBox_case .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_case .bd li{ zoom:1; vertical-align:middle; }
.slideBox_case .bd img{ width:660px; height:358px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox_case .prev,
.slideBox_case .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_case .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_case .prev:hover,
.slideBox_case .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_case .prevStop{ display:none;  }
.slideBox_case .nextStop{ display:none;  }

/* 页面案例切换 */
.slideBox_caseb{ width:270px; height:358px; overflow:hidden; position:relative; }
.slideBox_caseb .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox_caseb .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_caseb .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox_caseb .hd ul li.on{ background:#f00; color:#fff; }
.slideBox_caseb .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_caseb .bd li{ zoom:1; vertical-align:middle; }
.slideBox_caseb .bd img{ width:270px; height:358px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox_caseb .prev,
.slideBox_caseb .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_caseb .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_caseb .prev:hover,
.slideBox_caseb .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_caseb .prevStop{ display:none;  }
.slideBox_caseb .nextStop{ display:none;  }

/* 页面案例切换 */
.slideBox_casec{ width:465px; height:260px; overflow:hidden; position:relative; }
.slideBox_casec .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox_casec .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_casec .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox_casec .hd ul li.on{ background:#f00; color:#fff; }
.slideBox_casec .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_casec .bd li{ zoom:1; vertical-align:middle; }
.slideBox_casec .bd img{ width:465px; height:260px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox_casec .prev,
.slideBox_casec .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_casec .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_casec .prev:hover,
.slideBox_casec .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_casec .prevStop{ display:none;  }
.slideBox_casec .nextStop{ display:none;  }