html {
	font-size: 10px
}

body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei"
}
/*
#top{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.3rem;
	background-image: url("../img/Header_01.png");
	background-size: 100% 100%;
	background-repeat:no-repeat;
	z-index: 999;
}
*/
.container {
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	z-index: 0;
}

.top {
	position: absolute;
	top: 0.1%;
	right: 8%;
	width: 2rem;
	height: 1.2rem;
	background-image: url("../img/down01.png");
	background-size: 100% 100%;
	z-index: 999;
}

.container .downBtn{
	position: absolute;
	top: 7%;
	left: 23%;
	width: 70%;
	height: 5rem;
	background-image: url("../img/btn_download02.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.downBtn02 {
	position: absolute;
	top: 87%;
	left: 18%;
	width: 70%;
	height: 1.2rem;
	background-image: url("../img/btn_download.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.TGbutton {
	position: absolute;
	top: 29%;
	left: 15%;
	width: 70%;
	height: 1rem;
	background-image: url("../img/TGbutton.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.container .downNum{
	position: absolute;
	top: 49.6%;
	right: 37%;
	width: 2rem;
}
.bannerBox {
	position: absolute;
	left: 3%;
	top: 36.3%;
	width: 92%;
	height: 3.4rem;
	z-index: 0;
}
.videoBox {
	position: absolute;
        border-radius: 15px;
        overflow: hidden;
	left: 4.6%;
	top: 13.5%;
	width: 90%;
	/*height: 3.4rem;*/
}
.videoBox2 {
	position: absolute;
	/*left: 5%;*/
	top: 34%;
	background-image: url("../img/DynamicBox.png");
	background-size: 100% 100%;
	width: 100%;
	height: 6.3rem;
}
.banner{
	margin: 0 auto;
	width: 90%;
	height: 100%;
	overflow: hidden;
}
.swiper-slide>img{
	width: 100%;
}

.container .footer{
	position: absolute;
	top: 95%;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 2rem;
	color: #ffffff;
}

.footer p{
	padding: 0;
	margin: 0;
}