@charset "utf-8";
.apple-banner {
	width: 100%;
	height: 80px;
	overflow: hidden;
	 background:#000
}
.apple-banner .swiper-container {
	width: 100%;
	height:350px;
}
 

/*内容样式*/
.slide1 {background: #000 url(../img/1.jpg) no-repeat 50% center;background-size: 100% auto;}

.slide1 .title {
	text-align: center;
	font-size: 58px;
	font-weight: 300;
	color: #fff;
	padding:150px 0 0 0;
	font-family:"Century Gothic";
}



.productit{ width:82%; padding:0 9%; font-weight:bold;}

.product{ width:84%; padding:20px 8%;}
.product a{ display:inline-block; width:calc(50% - 10px); margin:5px; overflow:hidden; position:relative;}
.product a h3{ position:absolute;right:0px;left:0px;top:5%; text-align:center;color:#fff; font-weight:500; z-index:100;font-family:"Century Gothic";}

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

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

.contitle{ padding:30px 30px; display:block}
.contitle i{ font-family:"宋体"; font-style:normal; padding:0px 10px;}
.contitle a:hover{color:#127749;}
.con{}
.con img{ max-width:100%;}


.search{ text-align:center; padding:100px 0px 300px 0px; background:url(../img/searchbg.jpg) no-repeat -100px top;}
.search h1{font-family:"Californian FB"; font-size:26px; font-weight:100; padding:0px 0px 30px 0px; color:#333}
.search form{ display:inline-block; position:relative;width:30%; margin:0px; padding:0px;}
.search form input{ border:1px solid #eee; line-height:45px;height:45px;width:calc(100% - 40px); outline:none; padding:0px 20px;}
.search form button{ position:absolute;right:-2px;top:0px;height:47px; line-height:47px; background:#fff; padding:0px 20px;  border:solid #eee; border-width:1px 1px 1px 0px; outline:none;}
.search form button i{ font-size:23px;color:#888;-webkit-text-stroke: 1px #fff; }


.service{ height:750px; background:#000 url(../img/service.jpg) no-repeat center top;background-size:cover;color:#fff; text-align:center;}
.service h1{ font-size:50px; padding-top:8%; font-weight:500; margin:0px;}
.service h2{ font-size:28px;font-weight:500; margin:0px; padding:5% 0 8% 0;}
.service p{ display:block; margin:0 10%;}
.service p a{ display:inline-block;color:#fff; padding:0px;width:33.333%; line-height:50px; font-size:22px;}
.service p a i{ border-radius:50%; background:#fff; color:#333; display:inline-block; padding:30px;}
.service p a i img{ max-width:100%; vertical-align:middle;}
.service p a b{ display:block; font-weight:500;}