@charset "utf-8";

/* CSS Document */





.apple-banner {

	width: 100%;

	height: 520px;

	overflow: hidden;

}



.swiper-container {

	margin-top: -40px;

	width: 100%;

	height: 600px;

}



.arrow-left {

	position: absolute;

	left: 0px;

	top: 0;

	width: 15%;

	height: 100%;

	z-index: 999;

}



.arrow-left span {

	margin-top: -32px;

	display: block;

	left: 20px;

	top: 50%;

	position: absolute;

	width: 64px;

	height: 64px;

	border-radius: 100%;

	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;

	opacity: 0;

	-webkit-transition: opacity 0.5s ease;

	transition: opacity 0.5s ease;

}



.arrow-left:hover span {

	opacity: .6;

}



.arrow-right {

	position: absolute;

	right: 0px;

	top: 0;

	width: 15%;

	height: 100%;

	z-index: 999;

}



.arrow-right span {

	margin-top: -32px;

	display: block;

	right: 20px;

	top: 50%;

	position: absolute;

	width: 64px;

	height: 64px;

	border-radius: 100%;

	background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;

	opacity: 0;

	-webkit-transition: opacity 0.5s ease;

	transition: opacity 0.5s ease;

}



.arrow-right:hover span {

	opacity: .6;

}



.pagination {

	position: absolute;

	left: 0;

	text-align: center;

	bottom: 50px;

	width: 100%;

}



.pagination li {

	display: inline-block;

	width: 50px;

	height: 30px;

	margin: 0 3px;

	cursor: pointer;

}



.pagination li span {

	width: 50px;

	height: 2px;

	display: block;

	background: rgba(128,128,128,0.2);

}



.pagination li span i {

	background: gray;

	height: 2px;

	display: block;

	opacity: 0;

}



.pagination .current span i,.pagination .firstCurrent span i {

	transition: all .5s ease;

	opacity: 1;

}



.pagination .click span {

	background: gray;

}



.pagination .click span i {

	display: none;

}



.autoplay li span i {

	transform: scaleX(0);

	transform-origin: 0;

	opacity: 1;

}



.autoplay .firstCurrent span i {

	transform: scaleX(1);

	transition: all 3s linear;

}



.autoplay .current span i {

	transform: scaleX(1);

	transition: all 4s linear;

}



.autoplay .replace span {

	background: gray;

}



.autoplay .replace span i {

	transform: scaleX(0);

}

/*内容样式*/





.slide1 .title {

	text-align: center;

	margin-top: 100px;

	font-size: 30px;

	font-weight: normal;

	color: #fff;

}





.slide2 .title {

	padding-top: 100px;

	text-align: center;

}





.slide3 .title {

	text-align: center;

	margin-top: 180px;

	font-size: 40px;

	font-weight: normal;

}



.slide3 .title h2{

	font-size: 50px;

	line-height: 50px;

	color: #000;

	text-align: left;

	font-weight: 100;

}

.slide3 .title p{

	font-size: 22px;

	line-height: 26px;

	color: #000;

	font-weight: 100;

	text-align: left;

	margin: 15px 0 40px;

}

.slide3 .title a{

	color: #fff;

	width: 40px;

	height: 40px;

	text-align: center;

	float: left;

	display: inline-block;



}

.slide3 .title a img{

	width: 100%;

}