/* 分页器 */
.c-dot{margin-top: 0px;}
.swiper-pagination {
	position: relative;
	text-align: center;
	/* margin-left: 50px; */
}
/* 左 */
.banner .swiper-button-prev{
	background-image: url(../images/left01.png);
	left: 30px;
}
/* 右 */
.banner .swiper-button-next{
        background-image: url(../images/rigth01.png);
		right: 30px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom, 
.banner .swiper-pagination-fraction{
	bottom: 60px;
}
.loading {
	display: inline-block;
	margin: 0 2px;
	width: 26px;
	height: 26px;
	position: relative;
	border: 2px solid transparent;
	background: transparent;
}
/* 圆点 */
.loading .c-progress {
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	left: 4px;
	top: 4px;
	line-height: 120px;
	text-align: center;
}
/* 圆点圆心 */
.loading.swiper-pagination-bullet-active .c-progress {
	background-color: #fff;
}

.loading .left,
.loading .right {
	opacity: 0;
	width: 15px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	box-sizing: border-box;
	left: -7px;
	top: -7px;
	/*overflow:hidden;*/
}

.loading.swiper-pagination-bullet-active .left,
.loading.swiper-pagination-bullet-active .right {
	opacity: 1;
}


.loading .right {
	left: auto;
	right: 3px;
	top: -7px;
}

.loading .left:after,
.loading .right:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 15px;
	height: 30px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 15px 0 0 15px;
	border-right: 0;
}


.loading .right:after{
	content: "";
	position: absolute;
	display: block;
	border-radius: 0 15px 15px 0;
	border: 2px solid #fff;
	border-left: 0;
}

.loading.swiper-pagination-bullet-active .left:after {
	transform-origin: right center;
	/* animation-iteration-count: infinite; */
	animation-fill-mode: forwards;
	animation-duration: 3.9s;
	animation-timing-function: linear;
	animation-name: spin-left;
}

.loading.swiper-pagination-bullet-active .right:after {
	transform-origin: left center;
	animation-duration: 3.9s;
	/* animation-iteration-count: infinite; */
	animation-timing-function: linear;
	animation-name: spin-right;
}
@keyframes spin-right {
	0% {
		transform: rotate(180deg);
	}

	50% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes spin-left {
	0% {
		transform: rotate(180deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes c-zoom {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}

	100% {
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
	}
}

@keyframes c-zoom {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}

	100% {
		transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
	}
}