@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 13px;
}
.apple-banner {
	width: 100%;
	height: 720px;
	overflow: hidden;
}
.apple-banner .swiper-container {
	margin-top: -40px;
	width: 100%;
	height: 800px;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {
	background: #000 url(../img/iphone_large.jpg) no-repeat 50% 10%;
	background-size: auto 100%;
}

.slide1 .title {
	text-align: center;
	mar gin-top: 100px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

.slide2 {
	background: #f3f3f3 url(../img/watch_alt_large.jpg) no-repeat center 50%;
	background-size: auto 100%;
}

.slide2 .title {
	padd ing-top: 100px;
	text-align: center;
}

.slide2 h2 {
	bottom: 100px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	position: absolute;
	width: 100%;
}

.slide3 {
	background: #fff url(../img/macbookpro_large.jpg) no-repeat center 110%;
	background-size: auto 70%;
}

.slide3 .title {
	text-align: center;
	mar gin-top: 100px;
	font-size: 40px;
	font-weight: normal;
}
.swiper-slide .title img{width:100%;}


button{
	border:none;
}
#my-slide{
	width:100%;
	height:520px;margin-top:55px;
}

#my-slide .slide-list{
	max-width: 1640px;
	width:100%;
	height:520px;
	overflow: hidden;
	position: relative;
	margin:0 auto;
}

#my-slide .slide-list li{
	mar gin-right:20px;
	height:520px;
	position: absolute;
	top:0;
	overflow: hidden;
	
}

#my-slide .slide-list li a{position:absolute;bottom:45px;left:0;background:rgba(18,104,65,.75);padding:18px 60px;color:#fff;font-size:20px;}

#my-slide .slide-list li img{
	height:520px;
	width:800px;
}

/**顶部幻灯片按钮**/
.slick-top-prev{
	position:absolute;
	display: block;
	height: 85px;
	width:85px;
	border-radius:50px;
	top: 50%;
	left: 20px;
	margin-top:-47px;
}

.slick-arrow{
	background-color:rgba(0,0,0,.6);
	font-family: monospace;
	font-weight: 100;
	font-size: 50px;
	color: #fff;
	outline: none;
	z-index: 1;
	opacity: .95;
}

.slick-top-prev:before{
	content: "<";
	font-weight: bold;
}

.slick-top-next{
	position:absolute;
	display: block;
	height: 85px;
	width:85px;
	border-radius: 50px;
	top: 50%;
	right: 20px;
	margin-top:-47px;
}

.slick-top-next:before{
	content: ">";
	font-weight: bold;
}


.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix { zoom: 1; }

.container { margin:45px auto 0; width:1200px;}

.poster-main {
  width: 1200px;
  height: 500px;
  position: relative;
  margin: 0 auto;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
}

@media screen and (max-width:768px){
	.apple-banner{height:auto;}
	.apple-banner .swiper-container{height:auto;}
	.swiper-button-prev, .swiper-button-next{display:none;}
	.apple-banner .swiper-pagination{display:none;}
	.container{display:none;}
}