.slider-container {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 100%;
	overflow: hidden;
}
.slider-container ul {
	display: block;
	padding: 0;
	margin: 0;
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	width: auto;
	list-style-type: none;
}
.slider-container ul li {
	display: inline;
	width: auto;
	height: auto;
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.slider-container img {
	display: none;
	float: left;
}
.slider-container img:first-child {
	display: inline-block;
}

/*Slider With Indicators*/
#banner-slider {
  border: 0px solid #ddd;
  margin: 0;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}
#banner-slider .images {
  position: relative;
  transition: left 0.5s;
  left: 0;
}
#banner-slider .images img {
  position: absolute;
  width: 100%;
  height: auto;
}
.controls {
	position: absolute;
	display: none;
	bottom: 24px;
  width: 100%;
  margin: 0 auto;
  /*display: flex;*/
  justify-content: center;
  cursor: pointer;
}
.controls div {
  width: 16px;
  height: 16px;
  margin: 0 8px;
  background: #fff;
  border-radius: 50%;
}
.controls .current {
  background: #ff0000;
}
.scroll-text {
	height: 40px;
	line-height: 40px;
	background-color: #aae7e9;
	position: relative;
}
.news-band {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: auto;
	background-color: #f0ffff;
	
	z-index: 1;
	margin: 0px;
	padding: 8px 16px;
	font-weight: 600;
}
.scroll-text span {
	padding: 16px;
	background-color: rgba(139, 199, 245, 0.3);
	font-weight: 600;
}
.scroll-text span a {
	color: #000;
}
.scroll-text span:nth-child(odd) {
	background-color: rgba(245, 116, 100, 0.3);
}


/*Bannner Slider*/
#banner-slider {
	 position: relative;
	 overflow: hidden;
	 width: 100%;
	 padding-top: 25.7%;
	 margin: 0 auto;
	 z-index: 0;
}
#banner-slider ul {
	 list-style: none;
	 position: absolute;
	 top: 0;
	 left: 0;
	 margin: 0;
	 height: 100%;
	 padding: 0;
}

#banner-slider ul > li {
	 position: relative;
	 float: left;
	 width: 100%;
	 max-width: 100%;
	 height: 100%;
	 max-height: 100%;
	 text-align: center;
	 text-decoration: none;
}
#banner-slider ul > li img {
	width: 100%;
	height: 100%;
}
.banner-control {
	 display: block;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 width: auto;
	 height: auto;
	 padding: 2%;
	 /*background: #2a2a2a;*/
	 text-decoration: none;
	 color: #fff;
	 opacity: 0.8;
	 z-index: 1;
	 cursor: pointer;
}
.banner-control:hover {
	 opacity: 1;
	 transition: all 0.2s ease;
}
.banner-prev {
 	border-radius: 0 14px 14px 0;
}
.banner-next {
	 right: 0;
	 border-radius: 14px 0 0 14px;
}
@media (max-width: 900px) {
	#banner-slider ul > li img {
		width: 100%;
		height: auto;
	}
	#banner-slider {
		height: auto;
	}
}