@charset "utf-8";


body {
	overflow-x: hidden;
}

html,
body,
.banner,
.banner .slick,
.banner .slick div,
.banner .slick-slide a,
.banner .slick-slide a img {
	width: 100%;
	height: auto;
}

.banner {
	position: relative;
	overflow: hidden;
}

.banner a {
	display: block;
	position: relative;
}

.banner .slick-slide a img {
	display: block;
	width: 100%;
}

.banner .slick-dots {
	width: 100%;
	max-width: 1200px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 34px;
	text-align: right;
	font-size: 0;
display:none;
}

.banner .slick-dots li {
	display: inline-block;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background:#fff;
	margin: 0 5px;
	transition: all 0.3s;
}

.banner .slick-dots li button {
	display: none;
}


.banner .slick-dots li.slick-active {
	background: #009ae2;
}

.banner .slick-prev,
.banner .slick-next {
	width: 45px;
	height: 80px;
	z-index: 9;
	opacity: 0.7;
	transition: all 0.3s;
	 background: url(/msxy/images/slider-arrow.png) -142px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.banner .slick-prev {
	left: 7%;
	
	background-size: cover;
}

.banner .slick-next {
	right: 7%;
	background-position: -4px 5px;
	background-size: cover;
}

.banner .slick-prev:hover,
.banner .slick-next:hover {
	opacity: 1;
}