﻿/**
	只需要修改
	（1）左右切换按钮的大小、背景图标等
	（2）下边的小圆点的样式
 */
.banner{position:relative;}
.banner img{width:100%;}
.banner .bx-next , .banner .bx-prev{
	width:60px;
	height:60px;
	text-indent: -9999px;
	display: block;
	position:absolute;
	top:50%;
	background-size: 100% !important;
}
.banner .bx-next{
	background: url(../image/banner-right.png);
	right:20px;
}
.banner .bx-next:hover{
	background: url(../image/banner-right-on.png);
}
.banner .bx-prev{
	background: url(../image/banner-left.png);
	left:20px;
}
.banner .bx-prev:hover{
	background: url(../image/banner-left-on.png);
}
@media screen and (max-width: 768px){
	.banner .bx-next , .banner .bx-prev{display: none;}
}

.banner .bx-pager{
	text-align: center;
	position:relative;
	top:-36px;
	margin-bottom: -4px;
	height:0px;
}
.banner .bx-pager .bx-pager-item{
	display: inline-block;
}
.banner .bx-pager .bx-pager-item a{
	width:14px;
	height:14px;
	display: block;
	margin-right:15px;
	background: #ffffff;
	text-indent: -9999px;
	border-radius: 50%;
}
.banner .bx-pager .bx-pager-item a:hover,.banner .bx-pager .bx-pager-item a.active{
	background: #5F4399;
}