@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: fixed;
	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: #333;
	font-size: 2.1em;
}

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

.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%;
	background: #fff;
}


.people .text{
	position: absolute;
	right:5%;
	top: 0px;
	height: 100%;
	width:90%;
	color:#000;
}

.people .text h4{
	font-size: 2em;
	line-height: 1.8em;
	font-weight:bold;
}

.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: #fff;
	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;
}




.tag{
	background:none;
	color:#ddb063;
	font-weight:bold;
	height:auto;
	width:71%;
	left:14.5%;
	text-align:center;
	font-size:1.9em;
	top:36.4%;
}

.text1{
	position:absolute;
	width:71%;
	left:14.5%;
	top:45%;
	border-bottom:1px solid #dcad5d;
	display:none;
}
.text1 p{
	font-size:1.4em;
	line-height:1.6em;
	max-height:6.4em;
	text-align:left;
	text-indent:2em;
	color:#000;
	margin:0.5em 0 0.6em 0;
	overflow:hidden;
}

.people .text{
	right:5%;
	width:90%;
	color:#000;
}
@media (max-width: 325px) {
	h3{font-size: 1.75em;}
	.people .text p{ margin-top:0; line-height:1.4em; font-size:1.1em;}
	.tag{ font-size:1.8em;}
	.text1 p{ font-size:1.2em;}
}