@charset "utf-8";
/* CSS Document */


.apple-banner {	width: 100%;height: 720px;overflow: hidden;}
.apple-banner .swiper-container {margin:0;width: 100%;height: 720px;}
.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(0,0,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(0,0,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(0,0,256,0.2);}
.apple-banner .swiper-pagination-bullet-active span{background:#FF862D;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{  background: rgba(0,0,256,0.2);}
.apple-banner  .swiper-pagination-bullet i{	background: #4FB5FB;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:#1A85FF;}
/*内容样式*/

.slide1 {background: #fff url(../img/iphone_large.jpg) no-repeat 50% 10%;background-size: auto 100%;}
.slide1 .title{margin: 100px -700px auto auto;}
.slide1 .title p{ margin: 0 auto;padding: 0;display:table;}
.slide1 .title p:nth-child(1){padding: 0px;margin-bottom: 20px;}
.slide1 .title p:nth-child(2){font-size: 48px;font-weight: bold;color: #216FFF;padding-right: 125px;}
.slide1 .title p:nth-child(3){font-size: 25px;font-weight: normal;color: #216FFF;}
.slide1 .title .s1_T{display: table;margin:10px auto;font-size: 30px;font-weight: normal;color: #49E6FF ;padding: 20px 20px;margin-top: 20px;background: #216FFF;border-radius: 20px 0px 20px 0px;box-shadow: 5px 5px 10px 0px #ddd;}
.slide1 .title .s1_T h2{color: #fff;font-size: 18px;font-weight: normal;text-align: center}
.slide1 .title .s1_p{display: table;margin:0px auto;padding: 0 0}
.slide1 .title .s1_p li{display: inline-block;list-style: none;padding: 18px 18px;margin: 8px;border-radius: 5px;color: #216FFF;font-size: 18px;box-shadow: #ccc 0 0 10px 0px inset;background: #fff}
.slide1 .title .s1_b{display: table;margin:20px auto;border-radius: 100px;padding: 10px 20px;background-image: -moz-linear-gradient(-45deg, #8e66e0, #2c6dee); background-image: -webkit-linear-gradient(-45deg, #8e66e0, #2c6dee); background-image: -o-linear-gradient(-45deg, #8e66e0, #2c6dee);box-shadow: 5px 5px 20px 0px #ddd;text-align: center}
.slide1 .title .s1_b span{font-size: 18px;}
.slide1 .title .s1_b a{color: #fff;}
.slide1 .title .s1_b a:hover{color: #56F5FF}


.slide2 {background: #f3f3f3 url(../img/watch_alt_large.jpg) no-repeat center 50%;background-size: auto 100%;}
.slide2 .title{margin: 60px 0 0 -700px;white-space: nowrap;}
.slide2 .title .s2_pic{display: table; margin: 0 auto}
.slide2 .title .s2_T1{display: table;margin: 0px auto;font-size: 48px;font-weight: bold;color: #216FFF;padding: 0 0 15px 0}
.slide2 .title .s2_T2{display: table;margin: 0 auto;;padding-right: 0px;font-size: 18px;}
.slide2 .title .s2_T3{display: table; background: #133199;color: #fff;padding: 10px 20px;border-radius: 100px;font-size: 23px}
.slide2 .title .s2_T4{display: table;color: #133199;font-size: 16px}
.slide2 .title .s2_T2 .s2_box li{display: inline-block; list-style: none;border: 1px solid #216FFF;border-radius: 5px; padding: 8px;;margin: 20px 10px auto auto;font-size: 18px;background: #eee;color: #216FFF}
.slide2 .title .s2_T2 p{margin: 15px auto}
.slide2 .title .s2_T5 {display: table; text-align: center;border: 1px solid #999;padding: 10px 20px;border-radius: 100px;margin: 20px auto;line-height: 20px;font-size: 18px;color: #045EA3;}
.slide2 .title .s2_T5 a{color: #000}
.slide2 .title .s2_T5 a:hover{color: #216FFF}
.slide2 .title .s2_T5:hover{border: 1px solid #216FFF;}


.slide3 {background: #fff url(../img/macbookpro_large.jpg) no-repeat center 110%;background-size: auto 100%;}
.slide3 .title{margin: 60px 0 0 -700px;white-space: nowrap;}
.slide3 .title .s3_T1{display: table;margin: 0 auto;font-size: 48px;font-weight: bold;color: #213786;}
.slide3 .title .s3_T2{display: table;margin: 0 auto;font-size: 20px;padding-right: 0px;}
.slide3 .title .s3_T2 p{display: table;border-radius: 100px;margin: 10px 0}
.slide3 .title .s3_pic{display: table; margin: 0 auto}
.slide3 .title .s3_T3{margin-top: 20px;}
.slide3 .title .s3_T3 li {list-style: none;display:inline-block;background:#0BB789;color: #212121;margin-right: 10px;border-radius: 5px;;padding: 10px 14px;;font-size: 20px;font-weight:bold}
.slide3 .title .s3_T4{display: table; text-align: center;border: 1px solid #045EA3;padding: 10px 20px;border-radius: 100px;margin: 20px auto;line-height: 30px;font-size: 18px;color: #045EA3;background-color: rgba(10,117,121,0.10)}
.slide3 .title .s3_T5 {display: table; text-align: center;border: 1px solid #999;padding: 10px 20px;border-radius: 100px;margin: 20px auto;line-height: 20px;font-size: 18px;color: #045EA3;}
.slide3 .title .s3_T5 a{color: #000}
.slide3 .title .s3_T5 a:hover{color: #0BB789}
.slide3 .title .s3_T5:hover{border: 1px solid #0BB789;}