12345_Base_Web/WebSite/css/pageSwitch.css

.pages li {
  list-style-type: none;
  width: 25px;
  height: 14px;
  background-color: rgba(128,128,128,.4);
  
}
.pages li:hover {
  box-shadow: 0 0 5px 2px white;
}
.pages li.active {
  background-color: orange;
  box-shadow: 0 0 5px 2px orange;
}
.pages {
  position: absolute;
  z-index: 999;
}
/*横屏滑动*/
.pages.horizontal {
    right: -90px;
    transform: translateX(-50%);
    bottom: 7px;
}
#bannerContainer .pages.horizontal {
  display: none;
}
.pages.horizontal li {
  display: inline-block;
  margin-right: 10px;
}
.pages.horizontal li:last-child {
  margin-right: 0;
}
/*竖屏滑动*/
/*.pages.vertical {
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.pages.vertical li {
  margin-bottom: 10px;
}
.pages.vertical li:last-child {
  margin-bottom: 0;
}*/
/*小轮播*/
	#container {
				width: 100%;
				height: 360px;
				overflow: hidden;
	}
	.sections,.section {
		height:100%;
	}
	#container,.sections {
		position: relative;
	}
	.section {
		background-color: #000;
		background-size: 100% 100%;
		background-position: 50% 50%;
		text-align: center;
		color: white;
	}
	/*#section0 {
		background-image: url('../img/qiehuan.png');
	}
	#section1 {
		background-image:  url('../img/qiehuan.png');
	}
	#section2 {
		background-image: url('../img/qiehuan.png');
	}
	#section3 {
		background-image:  url('../img/qiehuan.png');
	}*/
	.section h3{
		margin-top: -100px;
		background: rgba(128,128,128,.4);
		font-size: 16px;
		padding: 10px;
		text-align: left;
		line-height: 10px;
    text-align: left;
    line-height: 16px;
	}
	.section img{
		width: 500px;
		height: 400px;
	}


/*banner轮播*/

#bannerContainer {
	width: 100%;
	overflow: hidden;
}

#bannerContainer #section0 {
	background-image: url(../img/banner-img_0.png);
}
#bannerContainer #section1 {
	background-image:url(../img/banner-img_1.jpg);
}
#bannerContainer #section2 {
	background-image: url(../img/banner-img_2.jpg);
}