@charset "utf-8";

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul,
var,
video {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0
}

a,
a:link,
a:visited {
	color: #666;
	text-decoration: none
}

html {
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-family: roboto, "Heiti SC", Helvetica, "Droidsansfallback", "Droid Sans", '\5FAE\8F6F\96C5\9ED1', ProximaThin, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	-webkit-touch-callout: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
	-webkit-font-smoothing: antialiased;
	color: #666;
	background: #fff;
	line-height: 1.5em
}

b,
strong {
	font-weight: bold
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	font-size: 0;
	background: transparent
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

th,
td,
caption {
	vertical-align: middle;
	font-weight: normal;
	text-align: left
}

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box
}

textarea {
	resize: none;
	border: 0;
	padding: 8px 0
}

input,
button,
select,
textarea {
	outline: none;
	-webkit-appearance: none
}

li {
	list-style: none
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0
}

*html .clearfix {
	zoom: 1
}

*:first-child+html .clearfix {
	zoom: 1
}

.blue_btn,
.blue_btn:link,
.blue_btn:visited {
	color: #fff;
	background: #3c73ea;
	text-align: center;
	cursor: pointer;
	box-sizing: content-box
}

.blue_btn:hover {
	background-color: #5384ec
}

.blue_btn:active {
	background-color: #2562e8
}

.blue {
	color: #5d9cee
}

body {
	position: relative;
	height: 100%;
	overflow: hidden;
	background-color: #eeeff3;
}

.layout {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 800%;
	background-color: #eeeff3;
	transition: transform 1s
}

.top_all {
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 7.125rem;
	background: #191919;
}

.logo {
	position: absolute;
	width: 6.625rem;
	height: 2.875rem;
	top: 2.125rem;
	left: 10%;
}

.center_bannar {
	/* display: inline-block; */
	height: 7.125rem;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 1.25rem;
	line-height: 7.125rem;
	color: #fff;
}

.bannar-text {
	display: inline-block;
	height: 3.75rem;
	margin: 1.6875rem 1.5625rem;
	font-size: 1.25rem;
	line-height: 3.75rem;
	color: #fff;
	cursor: pointer
}

.bannar-text:hover {
	border-bottom: 2px solid #7A41D8;
}

.right-bannar {
	display: inline-block;
	height: 7.125rem;
	position: absolute;
	top: 0;
	right: 10%;
}

.right-bannar img {
	height: 1.25rem;
	margin: 2.875rem 0 0 1.25rem;
	cursor: pointer
}

.top_right {
	z-index: 1000;
	height: 100%;
	/* padding-top: 3.3527696793002915%;
	position: absolute;
	right: 0;
	top: 0;
	opacity:1;!important
	/* transition: opacity 1s */
}

.kf-code {
	z-index: 100;
	position: fixed;
	top: 4.2rem;
	right: 8%;
}

.kf-code img {
	width: 10rem;
	border: 0.625rem solid #434343;
}

.top_right a {
	padding: 0 1.3125em
}

.box {
	position: relative;
	width: 100%;
	height: 12.5%;
	background-color: #000;
	margin: 0 auto
}

.box-img {
	background-size: cover; //只支持IE9+
	-webkit-background-size: cover; //webkit核心
	-moz-background-size: cover; //FF核心
	-o-background-size: cover; //Opera核心
	background-repeat: no-repeat;
	background-position: center;
}

.ban-text {
	position: absolute;
	top: 20rem;
	width: 100%;
}

.ban-text2 {
	position: absolute;
	top: 8rem;
	width: 100%;
}

.ban-text2 p,
.ban-text p {
	text-align: center;
	font-size: 3rem;
	color: rgba(255, 255, 255, 1);
	line-height: 4.5rem;
	text-shadow: 0px 0.875rem 4.3125rem rgba(60, 61, 66, 0.8);
}

.ban-btnbox {
	position: absolute;
	top: 30rem;
	left: 50%;
	transform: translate(-50%, 0);
}

.ban-btn {
	display: inline-block;
	width: 18.75rem;
	height: 5.625rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 1.75rem 3.5625rem 0rem rgba(0, 0, 0, 0.72);
	border-radius: 2.8125rem;
	color: rgba(27, 27, 27, 1);
	line-height: 5.625rem;
	font-size: 1.625rem;
	text-align: center;
	margin: 0 2.5rem;
	cursor: pointer
}

.dec2-box {
	position: absolute;
	width: 100%;
	top: 20rem;
}

.dec4-box {
	position: absolute;
	width: 100%;
	top: 9.375rem;
}

.dec2-itembox {
	display: inline-block;
	width: 16.25rem;
	margin: 0 1.875rem;
	margin-top: 0;
	text-align: center;
}

.dec2-itembox p {
	text-align: center;
	font-size: 1.625rem;
	color: rgba(255, 255, 255, 1);
	line-height: 4.375rem;
	text-shadow: 0px 0.4375rem 1.875rem rgba(60, 61, 66, 0.8);
}

.dec2-box img {
	height: 7.625rem;
	margin: 0 auto;
}

.dec4-box img {
	height: 9.375rem;
	margin: 0 auto;
}

.dec2-itemtext {
	text-align: center;
	width: 100%;
	font-size: 1.1875rem;
	color: rgba(255, 255, 255, 1);
	line-height: 2.1875rem;
}

.dec3-box {
	position: absolute;
	width: 100%;
	top: 3rem;
}

.dec3-item {
	width: 21.6875rem;
	margin: 2.1875rem;
	position: relative;
}

.dec3-img {
	width: 21.6875rem;
	height: 15.625rem;
	border-radius: 1.1875rem;
	overflow: hidden;
}

.dec3-item p {
	text-align: center;
	width: 100%;
	font-size: 1.1875rem;
	color: rgba(255, 255, 255, 1);
	line-height: 3.125rem;
}

.dec3-codebox {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	padding-top: 1.2rem;
	text-align: center;
}

.dec3-codebox p {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.875rem;
}

.qrcode-box {
	margin-top: 1.25rem;
}

.ban-btn2 {
	position: absolute;
	top: 37.5rem;
	left: 50%;
	transform: translate(-50%, 0);
	width: 18.6875rem;
	height: 5.625rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 1.75rem 3.5625rem 0rem rgba(0, 0, 0, 0.72);
	border-radius: 2.8125rem;
	color: rgba(27, 27, 27, 1);
	line-height: 5.625rem;
	font-size: 1.625rem;
	text-align: center;
	cursor: pointer
}

.footer-box {
	position: absolute;
	bottom: 0;
	height: 7.5rem;
	width: 100%;
	background-color: #191919;
}

.footer-box p {
	font-size: 1rem;
	color: rgba(255, 255, 255, 1);
	line-height: 1.875rem;
}

.foot-left {
	position: absolute;
	display: inline-block;
	top: 2.375rem;
	left: 10rem;
}

.foot-right {
	position: absolute;
	display: inline-block;
	top: 2.375rem;
	right: 10rem;
	text-align: right;
}

.section {
	opacity: 0;
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	transition: opacity 1s
}

.box_dot {
	opacity: 0;
	position: absolute;
	z-index: 11;
	top: 50%;
	right: 1.875rem;
	margin-top: -8.71875rem;
	height: 17.4375rem;
	transition: opacity 1s
}

.top_right a {
	display: inline-block;
	cursor: pointer;
	border-radius: 0.9375rem;
	height: 1.875rem;
	line-height: 1.875rem;
}

.box_dot li {
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 0.625rem;
	background: #fff;
	margin: 1.25rem 0;
	cursor: pointer
}

.box_dot li.active {
	background-color: #3c73ea
}

.top_right .active2 {
	color: #fff;
	background: #3c73ea;
	text-align: center;
	cursor: pointer;
	box-sizing: content-box
}

.section_center {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.section_center_box {
	position: absolute;
	/* top: 0; */
	top: 7.125rem;
	left: 0;
	right: 0;
	bottom: 0;
	/* padding-top: 65.59766763848397% */
}

.banner {
	width: 100%
}

.top-banner1 {
	background-image: url('../img/banner/banner1.jpg');
}

.top-banner2 {
	background-image: url('../img/banner/banner2.jpg');
}

.top-banner3 {
	background-image: url('../img/downapp/down_app.jpg');
}

@keyframes img1 {
	0% {
		transform: translateY(20%);
		opacity: 0
	}

	50% {
		transform: translateY(20%);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

.ios_app {
	position: absolute;
	width: 15.625rem;
	top: 46.25rem;
	left: 30rem;
	cursor: pointer
}

.android_app {
	position: absolute;
	width: 15.625rem;
	top: 46.25rem;
	left: 12.5rem;
	cursor: pointer
}

.section_content {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 100%
}

.section2_center {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	margin: 0 auto;
}

.popbg2{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:1;
	background-color: #000;
	transition: opacity 1s;
}
.about-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #434343;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.about-footer p {
	text-align: center;
	font-size: 1rem;
	line-height: 5rem;
	color: rgba(255, 255, 255, 1);
	margin: 0 auto;
}

.footer-img {
	width: 100rem;
	margin: 0 auto;
}