@charset "utf-8";
/* CSS Document */
/****************************
 * version:1.0
 * By:landry
 * Date:2016-01-20
 *
 */
.slides{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.section{
	position: relative;
	width: 904px;
	margin: 0 auto;
}
.section .box{
	float: left;
	text-align: center;
	color: #fff;
}
.section .box01{
	width: 280px;
	line-height: 52px;
	font-size: 24px;
	padding: 102px 0 0;
}
.section .box01 img{
	width: 183px;
}
.section .box01 h1{
	padding: 12px 0 0;
	line-height: 60px;
	font-size: 44px;
}
.section .box02,
.section .box02 img{
	width: 343px;
}
.section .box03{
	width: 212px;
	padding: 109px 0 0 39px;
}
.section .box03 img{
	width: 168px;
}
.ios-btn,
.ios-btn:hover{
	width: 127px;
	height: 56px;
	line-height: 56px;
	background: url(../images/ios.png) no-repeat;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 0 0 0 60px;
	font-weight: bold;
	text-align: left;
	margin: 18px 0 0;
}
.social{
	padding: 22px 0 0;
	font-size: 0;
	position: relative;
}
.social .email-layer{
   line-height:36px;
   font-size: 14px;
   border-radius: 18px;
   background: url(../images/cover.png) repeat;
   color: #fff;
   width: 84px;
   text-align: center;
   position: absolute;
   right: -74px;
   top: 22px;
   display: none;
}
.social span{
	display: inline-block;
	line-height: 38px;
	vertical-align: middle;
	font-size: 12px;
}
.social .icon{
	width: 38px;
	height: 38px;
	display: inline-block;
	line-height: 38px;
	vertical-align: middle;
	margin: 0 4px 0 0;
}
.social .icon-wx{
	background: url(../images/icon01.png) no-repeat;
}
.social .icon-sina{
	background: url(../images/icon02.png) no-repeat;
}
.social .icon-email{
	background: url(../images/icon03.png) no-repeat;
}