
.wrap{
	width:1317px;
	margin:50px auto 0px;
	height:472px;
}
.banner-box {
	height: 100%;
	position: relative;
	overflow:hidden;
}

.wrap ul {
	height: 100%;
}

.wrap ul li {
	/* height: 100%; */
	/* float:left; */
	position: relative;
}
.banner-wrap{
	height: 100%;
}
.wrap ul a {
	height: 100%;
}

.wrap ul a img {
	width: 100%;
	height: 100%;
}
.banner-inner {
	position: absolute;
	width:80%;
	top:0;
	left:10%;
	bottom:0;
	z-index:1;
}
.mobile {
	position: absolute;
	width: 362px;
	height: 243px;
	top: 50%;
	margin-top: -175px;
	left: 0px;
	z-index: 99;
	padding: 13px 97px 75px 108px;
}
.mobile img {
	width: 362px;
	height: 243px;
}
.mobile-content{
	overflow:hidden;
}
.mobile-pic li{
	float: left;
}
.mobile i {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
	background: url(../img/computer.png) no-repeat center center;
	background-size: 100% 100%;
}
.swiper-content {
	width:100%;
	height: 100%;
	position: relative;
	margin: auto;
}
.btn-prve{
	position: absolute;
	left:0;
	top:50%;
	width:60px;
	height:90px;
	margin-top:-47px;
	display: block;
	text-indent: -9999px;
	background: url(../img/prvepic.png) no-repeat center center;
	background-size:100% auto;
	z-index: 99;
}
.btn-next{
	position: absolute;
	right:0;
	top:50%;
	width:60px;
	height:90px;
	margin-top:-47px;
	display: block;
	text-indent: -9999px;
	background: url(../img/nextpic.png) no-repeat center center;
	background-size:100% auto;
}
.navlist{
	position: absolute;
	right:10px;
	bottom:80px;
	height:7px;
}
.navlist li{
	width: 7px;
	height: 7px;
	margin-right:5px;
	float: left;
	background:rgba(255,255,255,0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
}
.navlist li.navactive{
	background:rgba(255,255,255,0);
}
.wrap ul a.bannerUrl {
	position: absolute;
	height: 40px;
	width: 150px;
	bottom: 76px;
	right: 29%;
}

