.apple-banner {
     width: 100%;
     height: 31.25rem;
     overflow: hidden;
     max-width: 103.125rem;
     margin: auto;
 }
 
 .apple-banner .swiper-container {
     /* margin-top: -2rem; */
     width: 100%;
     /* max-height: 31.4rem; */
     overflow: hidden;
 }
 
 .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(255, 255, 255, 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(255, 255, 255, 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: 0px;
     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: #ffffff;
     text-align: center;
     height: 100%;
     /* max-height: 31.4rem; */
 }
 
 .slide1 .title {
     text-align: center;
     margin-top: 100px;
     font-size: 30px;
     font-weight: normal;
     color: #fff;
 }
 
 .slide2 {
     background: #ffffff;
     text-align: center;
     /* width: 100%; */
     height: 100%;
     /* max-height: 31.4rem; */
 }
 
 .slide2 .title {
     padding-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;
     text-align: center;
     height: 100%;
     /* max-height: 31.4rem; */
 }
 
 .slide3 .title {
     text-align: center;
     margin-top: 100px;
     font-size: 40px;
     font-weight: normal;
 }
 
 .swiper-slide {
     width: auto;
     height: auto;
 }
 
 .swiper-slide img {
     width: 100%;
     /* height: 70%; */
 }
 
 @media screen and (max-width: 791px) {
     .apple-banner {
         height: 17rem;
     }
     .swiper-slide img {
         width: auto;
         height: 100%;
     }
     .apple-banner .swiper-container {
         max-height: 57rem;
     }
     .swiper-slide {
         height: 17rem;
     }
 }