.banner {
	position: relative;
	height: auto;
	clear: both;
}

.banner img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.banner .slick-arrow {
	position: absolute;
	font-size: 0;
	top: 50%;
	z-index: 9;
	width: 4rem;
	height: 4rem;
	margin-top: -2.5rem;
	border: 0;
	outline: none;
	cursor: pointer;
	transition: .8s;
}

.banner .slick-prev {
	left: 3%;
	background: url(../image/lefts.png) no-repeat center center/2.6rem 2.6rem;
	opacity: 0;
}

.banner .slick-next {
	right: 3%;
	background: url(../image/rights.png) no-repeat center center/2.6rem 2.6rem;
	opacity: 0;
}

.banner:hover .slick-prev {
	left: 5%;
	opacity: 0.8;
}

.banner:hover .slick-next {
	right: 5%;
	opacity: 0.8;
}

.slick-dots {
	position: absolute;
	left: 5%;
	font-size: 0;
	bottom: 4%;
	width: 90%;
	text-align: center;
	outline: none;
	z-index: 4;
}

.slick-dots li {
	display: inline-block;
	margin: 0 8px;
	outline: none;
}

.slick-dots li button {
	display: block;
	border: 0 none;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin-right: 12px;
	display: inline-block;
	outline: none;
	background: #fff;
	transition: .5s;
}

.slick-dots .slick-active button {
	background: #0d69f5;
	width: 40px;
}

em,
i {
	font-style: normal;
}