SQZC12345_Web/WebSite/css/pageSwitch.css

.pages li {
  list-style-type: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(128,128,128,.4);
  
}
.pages li:hover {
  box-shadow: 0 0 5px 2px white;
}
.pages li.active {
  background-color:white;
}
.pages {
  position: absolute;
  z-index: 999;
}
/*横屏滑动*/
.pages.horizontal {
    right:-36px;
    transform: translateX(-50%);
    bottom: 36px;
}
.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: 310px;
				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: -35px;
		width: 210px;
		background: rgba(128,128,128,.4)!important;
		font-size: 16px;
		padding: 10px;
    text-align: left;
    line-height: 16px;
    overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.section img{
		width: 100%;
		height: 282px;
	}


/*banner轮播*/

.bannerContainer {
	width: 100%;
	overflow: hidden;
}
.bannerContainer img{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 0;
	text-align: center;
}
.carousel-inner>.item>a>img {
	width: 100%;
	height: 310px;
}
/*
#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);
}*/