@charset "utf-8";
.apple-banner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.apple-banner .swiper-container {
	width: 100%;
	height:100vh;
}
.apple-banner .swiper-button-prev,.apple-banner .swiper-button-next{
	width: 15%;height: 100%;top:0;background:none;
	}
.apple-banner .swiper-button-prev{left:0;}	
.apple-banner .swiper-button-next{right:0;}	
.apple-banner .swiper-button-prev span,.apple-banner .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,1) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.apple-banner .swiper-button-next span{
	background: rgba(255,255,255,1) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.apple-banner .swiper-button-prev:hover span,.apple-banner .swiper-button-next:hover span{
	opacity: 1;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:20px;
	background:none;
	text-align:center;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 30%;
	height: 30px;
	margin: 0 50px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	height: 5px;
	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: 5px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 3s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 8s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .replace span{
  background:gray;
}

/*内容样式*/

.slide1 .title {
	text-align: left;
	font-size: 50px;
	font-weight: 300;
	color: #fff;
	padding:60vh 0 0 13vw;
	font-family:"Century Gothic";
}

.slide1 .title a{ background:#fff; font-size:16px;width:150px; height:50px; line-height:50px; display:inline-block; border-radius:30px; text-align:center; margin:10px 0px; font-family:Arial, Helvetica, sans-serif}
.slide1 .title a:hover{ background:#1AAA69;color:#fff;}

.slide2 .title {
	text-align: left;
	font-size: 50px;
	font-weight: 300;
	color: #fff;
	padding:60vh 0 0 13vw;
	font-family:"Century Gothic";
}

.slide2 .title a{ background:#fff; font-size:16px;width:150px; height:50px; line-height:50px; display:inline-block; border-radius:30px; text-align:center; margin:10px 0px;font-family:Arial, Helvetica, sans-serif}
.slide2 .title a:hover{ background:#1AAA69;color:#fff;}





.apple-product .swiper-container {
        width: calc(100% -28px);height: calc((50vw - 21px) / 14 * 11 + 30px);margin: 20px 14px;
    }
.apple-product .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((50vw - 21px) / 14 * 11);width:auto;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		 position:relative;
    }
	.apple-product .swiper-slide p{ overflow:hidden;height: calc((50vw - 21px) / 14 * 11); display:block;}
	.apple-product .swiper-slide p img{max-width:100%; max-height:100%;}
	.apple-product .swiper-slide h3{ position:absolute;right:0px;left:0px;top:5%; text-align:center;color:#fff; font-weight:500; z-index:100;font-family:"Century Gothic";}
	
	
		/* 中心变形*/
.apple-product .swiper-slide p img {transition:all 0.5s ease-out;/* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;/* Firefox 4 */-webkit-transition:all 0.5s ease-out;/* Safari 和 Chrome */-o-transition:all 0.5s ease-out;/* Opera */}
	.apple-product .swiper-slide p img:hover{height:100%;transform:scale(1.2,1.2);}
	
	
.apple-product .swiper-button-prev,.apple-product .swiper-button-next{
	width: 15%;height: 100%;top:0;background:none;
	}
.apple-product .swiper-button-prev{left:0;}	
.apple-product .swiper-button-next{right:0;}	
.apple-product .swiper-button-prev span,.apple-product .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,1) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.apple-product .swiper-button-next span{
	background: rgba(255,255,255,1) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.apple-product .swiper-button-prev:hover span,.apple-product .swiper-button-next:hover span{
	opacity: 1;
}

.apple-product .swiper-scrollbar{ position: absolute;left: 4%;bottom: 3px;z-index: 50;height: 3px;width: 92%;}
	
.hometitle{padding:50px 4% 0 4%; font-weight:bold}
.homeaddress{height:400px; overflow:hidden; position:relative;}
.homeaddress a{position:absolute;left:0px;right:0px;top:120px; text-align:center; z-index:100;}
.homeaddress a h3{color:#fff; font-size:48px; margin:0px; padding:10px; font-weight:300;font-family:"Century Gothic";}
.homeaddress a b{color:#555; font-size:14px; font-weight:400; background:#fff; border-radius:30px; padding:15px 50px; display:inline-block;}
.homeaddress a:hover b{ background:#363;color:#fff;}
.homeaddress img{max-width:100%;}

/* 中心变形*/
.homeaddress img {
	transition:all 3s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 3s ease-out;
	/* Firefox 4 */
-webkit-transition:all 3s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 3s ease-out;
	/* Opera */
}

.homeaddress img:hover{width:100%;transform:scale(1.5,1.5);}

.apple-picture .swiper-container {
        width: 100%;height: 500px;margin: 20px auto;
    }
.apple-picture .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: 395px;width:auto;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		 position:relative;
		
    }
	.apple-picture .swiper-slide p{ overflow:hidden;height: 395px; display:block;}
	.apple-picture .swiper-slide img{max-width:100%; max-height:100%;}
	.apple-picture .swiper-slide h3{position:absolute;right:0px;left:0px;bottom:-30px; color:#444; font-size:16px; margin:0px; padding:0px; font-weight:500;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:25px;}
    .apple-picture .swiper-slide h4{position:absolute;right:0px;left:0px;bottom:-60px;color:#444; font-size:16px; margin:0px; padding:0px; font-weight:500;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:25px;}
	/* 中心变形*/
.apple-picture .swiper-slide p img {transition:all 0.5s ease-out;/* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;/* Firefox 4 */-webkit-transition:all 0.5s ease-out;/* Safari 和 Chrome */-o-transition:all 0.5s ease-out;/* Opera */}
	.apple-picture .swiper-slide p img:hover{height:100%;transform:scale(1.2,1.2);}
	
	
.apple-picture .swiper-button-prev,.apple-picture .swiper-button-next{
	width: 15%;height: 100%;top:0;background:none;
	}
.apple-picture .swiper-button-prev{left:0;}	
.apple-picture .swiper-button-next{right:0;}	
.apple-picture .swiper-button-prev span,.apple-picture .swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 35%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(255,255,255,1) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.apple-picture .swiper-button-next span{
	background: rgba(255,255,255,1) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.apple-picture .swiper-button-prev:hover span,.apple-picture .swiper-button-next:hover span{
	opacity: 1;
}

.apple-picture .swiper-scrollbar{ position: absolute;left: 4%;bottom: 3px;z-index: 50;height: 3px;width: 92%;}



/*.product{width:calc(100% - 28px); padding:0px 14px;}
.product a{width:calc(50% - 7px); margin-top:10px; position:relative; display:inline-block;vertical-align:top}
.product a p{ overflow:hidden; display:block; margin:0px; padding:0px; line-height:100%;}
.product a p img{width:100%; max-height:100%; font-size:0px;}
.product a p img {transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
.product a p img:hover{height:100%;transform:scale(1.2,1.2);}

.product a h3{position:absolute;right:0px;left:0px;top:50px; color:#fff; font-size:18px; margin:0px; padding:0px; font-weight:500;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:25px;}

.product a:nth-child(2n){ margin-left:14px;}*/


.product{width:calc(100% - 28px); padding:0px 14px 50px 14px; margin-bottom:100px;}
.product a{width:calc(50% - 7px); margin-top:10px; position:relative; display:inline-block;vertical-align:top}
.product a p{ overflow:hidden; display:block; margin:0px; padding:0px; line-height:100%;}
.product a p img {width:100%; max-height:100%; font-size:0px;transition:all 0.5s ease-out;/* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;/* Firefox 4 */-webkit-transition:all 0.5s ease-out;/* Safari 和 Chrome */-o-transition:all 0.5s ease-out;/* Opera */}
.product a p img:hover{height:100%;transform:scale(1.2,1.2);}
.product a:nth-child(2n){ margin-left:14px;}


.product a h3{position:absolute;right:0px;left:0px;bottom:-30px; color:#333; font-size:16px; margin:0px; padding:0px; font-weight:500;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:25px;}
.product a h4{position:absolute;right:0px;left:0px;bottom:-60px;color:#888; font-size:14px; margin:0px; padding:0px; font-weight:500;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:25px;}



.apple-picture .swiper-slide p{ overflow:hidden;height: 395px; display:block;}
	.apple-picture .swiper-slide img{max-width:100%; max-height:100%;}
	.apple-picture .swiper-slide h3{position:absolute;right:0px;left:0px;bottom:-30px; color:#444; font-size:16px; margin:0px; padding:0px; font-weight:500;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:25px;}
    .apple-picture .swiper-slide h4{position:absolute;right:0px;left:0px;bottom:-60px;color:#444; font-size:16px; margin:0px; padding:0px; font-weight:500;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:25px;}
	/* 中心变形*/
.apple-picture .swiper-slide p img {transition:all 0.5s ease-out;/* 过度 所有css属性 1秒过度 结束慢*/-moz-transition:all 0.5s ease-out;/* Firefox 4 */-webkit-transition:all 0.5s ease-out;/* Safari 和 Chrome */-o-transition:all 0.5s ease-out;/* Opera */}
	.apple-picture .swiper-slide p img:hover{height:100%;transform:scale(1.2,1.2);}