﻿body,ul {
	padding: 0;
	margin: 0;
	
}
ul {
	list-style: none;
}
.BannerWrap {
	position: relative;
	width: 100%;
	height: 508px;
	margin: 0 auto;
	margin-bottom: 20px;
	z-index: 888;
}
.BannerUl {
	height: 504px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1903px;
	position: relative;
}
.BannerUl .container li:nth-child(1){
	background: url(../images/banner00.png) no-repeat;
	z-index: 100;
}
.BannerUl .container li:nth-child(2){
	background: url(../images/banner1.png) no-repeat;
	z-index: 100;
}
.BannerUl .container li:nth-child(3){
	background: url(../images/banner2.png) no-repeat;
	z-index: 100;
	opacity:0;
}
.BannerUl .container li:nth-child(4){
	background: url(../images/banner3.png) no-repeat;
	z-index: 100;
	opacity:0;
}
.BannerUl .container li:nth-child(5){
	background: url(../images/banner4.png) no-repeat;
	z-index: 100;
	opacity:0;
}
.BannerUl .container li:nth-child(6){
	background: url(../images/banner5.png) no-repeat;
	z-index: 100;
	opacity:0;
}
.BannerWrap .imgSwitch{	
	margin:0 auto;
	width:1170px;
	position:relative;
	top: 55%;
}
.BannerUl img{
	position: absolute;
	z-index: 0;
	height: 100%;
	max-width: 100%;
}
.BannerUl .bannerImage{
	margin:0 auto;
	width:1170px;	
}
.BannerUl li{
	position: absolute;
	background-size: 100% 100% !important;
	cursor: pointer;
	height: 100%;
	transition: opacity 1s;
	box-shadow: 2px 2px 6px #666;
	margin-top: 1px;
}
.BannerWrap a {
	position: absolute;
	z-index: 1000;
	top: 50%;
	width: 60px;
	height: 54px;
	margin-top: -30px;
	font: 36px/60px "宋体";
	text-align: center;
	text-decoration: none !important;
	color: #fff;
	transition: height,width,opacity,background-image .5s;
	border-radius: 5px;
	opacity: 0;
	background-position:center top;
}
.BannerWrap .prev{
	background: url(../images/prev.png) no-repeat;
	transition: background-image,opacity .5s;
}
.BannerWrap .next{
	background: url(../images/next.png) no-repeat;
	transition: background-image,opacity .5s;
}
.bannerDots{
	position: absolute;
	bottom: 60px;
	z-index: 9999;
}
.bannerDots span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	background: #FFFFFF;
	cursor: pointer;
	transition: background-color .5s; 
}
.bannerDots span:nth-child(1){background: #ffffff00;border: 2px solid #ffffff; }
.bannerDots span:nth-child(2){margin: 0 6px;}
.bannerDots span:nth-child(3){margin: 0 6px;}
.bannerDots span:nth-child(4){margin: 0 6px;}
.bannerDots span:nth-child(5){margin: 0 6px;}
.bannerDots span:nth-child(6){margin: 0 6px;}

.lb_bannerDots{
	position: absolute;
    z-index: 9999;
    transform: rotate(-90deg);
    right: 47px;
    top: -20px;
}
.lb_bannerDots span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	background: #ab9a9a;
	cursor: pointer;
	transition: background-color .5s; 
	margin: 1px;
}
.lb_bannerDots span.on{background: #ffffff;}
.prev {
	left: 20px;
}
.next {
	right: 15px;
}