@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	color:#000;
	font-size: 16px;
	margin:0px auto;
	background: #f0f0f0;
	
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

input{-webkit-appearance:none;}

a{
	color:#000;
}

a:hover{
	text-decoration:none;
}

img{
	display: block;
	max-height: 100%;
	width: 100%;
}

.page1{
	position: absolute;
	left: 0;
	height: 0;
	width: 100%;
	height: 100%;
	background: url(images/page1-bg.jpg);
	background-size: 100% 100%;
}

.tag{
	position: absolute;
	top: 34.5%;
	left: 33.6%;
	width: 32.8%;
	height: 6.4%;
	background: url(images/page1-tag.png) center center no-repeat;
	background-size: contain;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
}

h3{
	position: absolute;
	left: 10%;
	width: 80%;
	top: 44%;
	color: #784100;
	font-size: 2.1em;
}

.page2{
	position: absolute;
	left: 0;
	height: 0;
	width: 100%;
	height: 100%;
	background: #f4f4f4;
}

.video{
	position: absolute;
	width: 100%;
	height: 37%;
	left: 0px;
	bottom: 0px;
}

.video img{
	height: 100%;
}

.video .play{
	position: absolute;
	width: 40%;
	height: 61%;
	left: 0px;
	bottom: 0px;
	background: url(images/page1-play.png) no-repeat center center;
	background-size: contain;
}

.people{
	position: absolute;
	width: 90%;
	left: 5%;
	top: 4.6%;
	height: 18.4%;
	box-shadow: 0px 0px 5px #e2e2e2;
}

.people .photo{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 32%;
	height: 100%;
}

.people .photo img{
	height: 100%;
}

.people .text{
	position: absolute;
	right: 4.3%;
	top: 0px;
	height: 100%;
	width: 58%;
}

.people .text h4{
	font-size: 1.5em;
	line-height: 1.8em;
}

.people .text p{
	font-size: 1.2em;
	line-height: 1.6em;
	margin-top: 0.3em;
}

.arrow{
	position: absolute;
	left: 35%;
	top: 52.5%;
	width: 30%;
	height: 7.1%;
	background: url(images/arrow.png) no-repeat center center;
	background-size: 100% 100%;
}

.word{
	position: absolute;
	width: 90%;
	left: 5%;
	top: 27%;
	color: #784100;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: bold;
	text-indent: 2em;
	max-height: 8em;
	overflow: hidden;
}

.word .tag1,.word .tag2{
	position: absolute;
	width: 9.3%;
	height: 1.6em;
}

.word .tag1{
	left: 0px;
	top: 0px;
	background: url(images/word1.png) no-repeat left top;
	background-size: 100% auto;
}

.word .tag2{
	right: 0px;
	bottom: 0px;
	background: url(images/word2.png) no-repeat right bottom;
	background-size: 100% auto;
}