@CHARSET "UTF-8";
* {
   margin: 0;
   padding: 0;
   width:100%;
   font-family:'Microsoft YaHei';
}
html, body{
   margin: 0;
   padding: 0;
   width:100%;
   height:100%;
   font-family:'Microsoft YaHei';
}
.page_1 {
	background: url(../images/bg_01.jpg) no-repeat;
	background-size:100%;
}
.page_2 {
	background: url(../images/bg_02.jpg) no-repeat;
	background-size:100%;
}
.logo_02 {
	width: 20%;
	display: block;
	margin: 10% auto;
}
.title_01 {
	width: 60%;
	display: block;
	margin: 0 auto;
}
.p1_title, .p1_title1 {
	text-align: center;
	color: #fff;
}
.p1_title {
	font-size: 33px;
}
.p1_title1 {
	font-size: 50px;
}
.button_start {
	display: block;
	margin: 0 7%;
	left:3%;
	width: 70%;
	position: absolute;
	bottom: 5%;
	padding: 3%;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration:none;
}
.logo_01 {
	width: 50%;
	display: block;
	margin: 5% auto;
}
.list {
	width: 70%;
	height:80%;
	margin: 0 auto;
}
.item {
	width: 45%;
	float: left;
	background-size:100%;
	margin-top:3%;
	position: relative;
}
.item:nth-child(even) {
	margin-left: 10%;
}
.li_a {
	font-size: 14px;
	color: #fff;
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 12%;
}
.tip {
	background: url(../images/micro/bg_02_a.png);
	color: #fff;
	top:15%;
	left: 14%;
	margin-left: 0;
	position: absolute;
	z-index: 101;
	padding: 5%;
	width: 60%;
}
.tip h3 {
	margin: 10% 0;
	text-align: center;
}
.tip p {
	margin: 10% 0;
	line-height: 150%;
}
.btm {
	width: 80%;
	padding: 3%;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	text-decoration: none;
}
.reveal-modal-bg {
	background: none;
}
.clear:after {
	content:" ";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}