* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html {
	max-width: 640px;
	margin: auto;
}

img[data-src] {
	opacity: 0;
}

body {
	max-width: 640px;
	font-size: 0.14rem;
	background-color:#1a1b25;
}
ul,li{
	list-style: none;
}
.second-wrapper{
	width:100%;
	height:10.29rem;
	background:url(../img/second.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
}
.label{
	display: block;
	width:6.21rem;
	margin:1.47rem auto 0;
}
.pic{
	display: block;
	width:5.92rem;
	margin:0.73rem auto 0;
}
.pic img{
	display: block;
	width:100%;
	height:100%;
}
.top-wrapper {
	width: 100%;
	height: 10.41rem;
	background:url(../img/kv.jpg) no-repeat center;
	background-size:100% 100%;
	position: relative;
	overflow: hidden;
}
.top-wrapper .top-header{
	width:6.12rem;
	height:1.55rem;
	background:url(../img/icon.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:50%;
	margin-left:-3.06rem;
	bottom:0;
}
.tap{
	display: block;
	width:1.96rem;
	height:.6rem;
	float:right;
	margin:.4rem .14rem 0 0;
}
.tap img{
	display: block;
	width:100%;
	height:100%;
}
.se_img{
	display: block;
	width:5.72rem;
	height:3.41rem;
	margin:0.15rem auto 0;
}
.se_img img{
	display: block;
	width:100%;
	height:100%;
}
.third-wrapper{
	width:100%;
	height:16.8rem;
	background:url(../img/third.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
	margin-top:-0.01rem;
}
.mg1{
	display: block;
	width:6.16rem;
	margin:.58rem 0 0 0;
}
.mg2{
	display: block;
	width:6.18rem;
	margin:-.29rem 0 0 .22rem;
}
.mg3{
	display: block;
	width:6.2rem;
	margin:-.29rem 0 0 0;
}
.mg4{
	display: block;
	width:6.18rem;
	margin:-.58rem 0 0 .22rem;
}
.four-wrapper{
	width:100%;
	height:4.7rem;
	background:url(../img/four.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
	margin-top:-0.01rem;
}
.fi_con{
	width:5.12rem;
	height:2.96rem;
	background:url(../img/bg.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
	margin:1.15rem auto 0;
}
.fi_con .fi_banner{
	width:4.93rem;
	height:2.77rem;
	overflow: hidden;
	margin:0.1rem auto 0;
}
.fi_con .fi_banner ul li img{
	display: block;
	width:4.93rem;
	height:2.77rem;
	margin:0 auto 0;
}
.four-wrapper .buttonPrev{
	width:.44rem;
	height:.48rem;
	background:url(../img/bt.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:.16rem;
	top:2.4rem;
	margin-top:0;
}
.four-wrapper .buttonNext{
	width:.44rem;
	height:.48rem;
	background:url(../img/bt.png) no-repeat center;
	background-size:100% 100%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	position:absolute;
	right:.16rem;
	top:2.4rem;
	margin-top:0;
}
.five-wrapper{
	width:100%;
	height:9.11rem;
	background:url(../img/five.jpg) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
	margin-top:-0.01rem;
}
.fo_con{
	width:5.12rem;
	height:2.97rem;
	background:url(../img/zzz.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
	margin:1.4rem auto 0;
}
.fo_con .video-wrapper{
	width:4.93rem;
	height:2.77rem;
	margin:0.1rem auto 0;
	position:relative;
}
.video-wrapper video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}