@charset "utf-8";
/* CSS Document */
.apple-banner { width: 100%; height: auto; overflow: hidden; margin:78px auto 0; z-index:999;}

.apple-banner .swiper-container { width: 100%; }
.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(../images/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(../images/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:-10px; 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: #fff url(../images/image1.png) no-repeat center top; background-size: 100% 100%;}
.slide1 .title { text-align: center; width:100%; margin:0 auto;}
.slide1 .title img{ width:100%;}

.slide2 { background: #fff url(../images/image2.png) no-repeat center top; background-size: 100% 100%;}
.slide2 .title { text-align: center; width:100%; margin:0 auto;}
.slide2 .title img{ width:100%;}

.slide3 { background: #fff url(../images/image3.png) no-repeat center top; background-size: 100% 100%;}
.slide3 .title { text-align: center; width:100%; margin:0 auto;}
.slide3 .title img{ width:100%;}


@media (max-width: 992px) {
.apple-banner {  margin-top:50px; }
.apple-banner .swiper-container { width: 100%; height:475px; }

.slide1,.slide2,.slide3{ background-size:auto 100%;}
.slide1 .title img,.slide2 .title img,.slide3 .title img{ display:none;}
.slide1 .title{ height:100%; background:url(../images/banner_1_info.png) center top; background-size:auto 100%;}
.slide2 .title{ height:100%; background:url(../images/banner_2_info.png) center top; background-size:auto 100%;}
.slide3 .title{ height:100%; background:url(../images/banner_3_info.png) center top; background-size:auto 100%;}
}