.banner{}
.banner .swiper-container {
	height: 605px;
}
.banner .swiper-wrapper {
}
.banner .swiper-slide {
	width: 1920px;
	
	transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
.banner .swiper-slide {
	width: 770px;
}
}

@media only screen and (max-width:980px) {
.banner .swiper-slide {
	width: 471px;
}
}

@media only screen and (max-height:480px) {
.banner .swiper-slide {
	width: 471px;
}
}
.banner .swiper-slide img {
	width: 100%;
	border-radius: 4px;
}
.banner .swiper-slide .title {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
	left: -3px;
	font-size: 11px;
	color: rgb(102, 102, 102);
}
.banner .swiper-button-next, .banner .swiper-button-prev {
	width: 86px;
	height: 112px;
	background-size: 86px 112px;
	margin-top: -56px;
	outline: none;
}
.banner .swiper-button-next {
	background-image: url(sdds_cursor-next.png);
}
.banner .swiper-button-prev {
	background-image: url(sdds_cursor-prev.png);
}
.banner .swiper-pagination-bullet {
	background: none;
	opacity: 1;
	margin: 0 6px !important;
	width: 9px;
	height: 9px;
	position: relative;
	outline: none;
	vertical-align: middle;
}
.banner .swiper-pagination-bullet span {
	width: 3px;
	height: 3px;
	background: #CCC;
	display: block;
	border-radius: 50%;
	margin-top: 3px;
	margin-left: 3px;
}
.banner .swiper-pagination-bullet i {
	background: #000;
	height: 1px;
	width: 20px;
	position: absolute;
	top: 4px;
	transform: scaleX(0);
	transform-origin: left;
	z-index: 3;
	transition-timing-function: linear;
}
.banner .swiper-pagination-bullet-active span,.banner  .swiper-pagination-bullet:hover span {
	width: 9px;
	height: 9px;
	margin-top: 0;
	margin-left: 0;
	background: #000;
	position: relative;
	z-index: 1;
}
.banner .swiper-pagination-bullet-active i {
	animation: middle 6s;
}
.banner .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
	animation: first 6s;
}
.banner .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
	animation: last 6s;
}
 @keyframes first {
 0% {
transform:scaleX(0.5);
left:0px;
}/*091*/
 100% {
transform:scaleX(1);
left:2px;
} /*0915*/
}
 @keyframes last {
 0% {
transform:scaleX(0.7);
left:-10px;
}/*1090*/
 20% {
transform:scaleX(0.3);
left:2px;
} /*090*/
 100% {
transform:scaleX(0.3);
left:0px;
} /*090*/
}
 @keyframes middle {
 0% {
transform:scaleX(0.7);
left:-10px;
}/*1091*/
 20% {
transform:scaleX(0.45);
left:2px;
}/*092*/
 100% {
transform:scaleX(1);
left:2px;
} /*0913*/
}