body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
blockquote,
address,
pre {
	margin: 0;
	padding: 0;
}

body {
	font-family: "微软雅黑";
}
html,body{
	width:100%;
	height:100%;
	position:relative;
	/*overflow: hidden;*/
}
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button,
label {
	font-size: 100%;
	vertical-align: middle;
}

ul,
dl,
ol,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

img,
fieldset {
	border: none;
}

img {
	display: block;
	overflow: hidden;
	vertical-align: middle;
	border: 0;
}

em,
address {
	font-style: normal;
}

sup,
sub {
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

q:before {
	content: "";
}

q:after {
	content: "";
}

button {
	cursor: pointer;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
}

textarea {
	word-wrap: break-word;
	resize: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.chengg{
	position:relative;
	height:1px;
}
.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

* {
	margin: 0;
	padding: 0;
}
.loading{
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) no-repeat center;
	background-size:100% 100%;
}
.loading_part{
	width:18.1875rem;
	height:4.46875rem;
	position:relative;
	margin:45% auto 0;
}
.l_person{
	display: block;
	width:6.40625rem;
	height:4rem;
	position:absolute;
	left:0;
	top:0;
}
.hotdog{
	display: block;
	width:5.71875rem;
	height:2.28125rem;
	position:absolute;
	right:-.5rem;
	top:1.75rem;
}
.ditu{
	display: block;
	width:16.6875rem;
	height:0.96875rem;
	position:absolute;
	left:50%;
	margin-left:-8.34375rem;
	bottom:0;
}
.phone{
	width:18.1875rem;
	margin:5.625rem auto 0;
	overflow: hidden;
	position:relative;
}
.phone p:nth-child(1){
	font-size:1.0625rem;
	color:#afc2d6;
	text-align: center;
}
.phone #loading-txt{
	font-size:0.875rem;
	color:#d99f7a;
	text-align: center;
	margin-top:1rem;
}
.page_one{
	display: none;
	width:100%;
	height:35.5rem;
	/*background:url(../images/kv.jpg) no-repeat center;*/
	/*background-size:100% 100%;*/
	position:relative;
	overflow: hidden;
}
.page_one img{
	display: block;
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}
.take{
	display: block;
	width: 5.75rem;
    height: 5.15625rem;
    position: absolute;
    bottom: 8.5rem;
    left: 50%;
    margin-left: -3.375rem;
    z-index: 5;
}
#video1,#video,video{
	width:100%;
	height:35.5rem;
	position:absolute;
	overflow: hidden;
	left:0;
	top:0;
}
.page_two{
	display: none;
	width:100%;
	height:35.5rem;
	/*background:url(../images/no.jpg) no-repeat center;*/
	/*background-size:100% 100%;*/
	position:relative;
	overflow: hidden;
}
.page_two img{
	display: block;
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}
#btn{
	width: 4rem;
    height: 4.25rem;
    position: absolute;
    bottom: 2.7rem;
    left: 11.1rem;
    margin-left: -3.4375rem;
    z-index: 4;
}
.page_three{
	display: none;
	width:100%;
	height:35.5rem;
	background:url(../images/last.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
}
.slogan{
	display: block;
	width:19.34375rem;
	height:9.9375rem;
	position:absolute;
	left:50%;
	margin-left:-9.671875rem;
	bottom:27%;
}
.share{
	width:9.09375rem;
	height:5.1875rem;
	background:url(../images/share.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	bottom:11%;
	left:50%;
	margin-left:-4.546875rem;
}
.share a{
	display: block;
	width:100%;
	height:2.5rem;
}
.share a:nth-child(2){
	margin-top:0.1875rem;
}
.share_img{
	display: none;
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}