body {
	background: #061953;
	user-select: none;
}

#app {
	min-width: 12rem;
	width: 100%;
	padding-top: 0 !important;
}

.index-bg {
	position: relative;
	width: 100%;
	/* max-width: 1920px; */
	min-width: 12rem;
	height: 100vh;
	min-height: 9.6rem;
	background: url('../image/index/bg.jpg') no-repeat center/cover;
}

.header {
	height: 0.74rem;
	border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1);
	overflow: hidden;
}

.header .logo {
	float: left;
	line-height: 0.74rem;
	width: 2.47rem;
	height: 1.05rem;
	background: url('../image/index/logo.png') no-repeat center/cover;
}

.nav {
	float: right;
	line-height: 0.74rem;
	color: #fafcfb;
	font-size: 0.18rem;
}

.nav a {
	margin-right: 0.35rem;
	color: #fafcfb;
}

.main-content {
	position: relative;
	/* width: 100%; */
}

.title {
	position: absolute;
	top: 2rem;
	left: 0;
	width: 100%;
	text-align: center;
	/* right: 0; */
	/* width: 463px; */
	/* height: 165px; */
	margin: 0 auto;
	/* background: url(../image/index/title.png) no-repeat center/cover; */
}

.main-btn {
	position: absolute;
	top: 4.3rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1.7rem;
	height: 0.54rem;
	line-height: 0.54rem;
	text-align: center;
	font-size: 0.25rem;
	color: #fff;
	font-weight: 600;
	border-radius: 0.27rem;
	background-color: #024390;
	background-image: -moz-linear-gradient(-80deg, rgb(23, 88, 164) 0%, rgb(0, 65, 142) 100%);
	background-image: -webkit-linear-gradient(-80deg, rgb(23, 88, 164) 0%, rgb(0, 65, 142) 100%);
	background-image: -ms-linear-gradient(-80deg, rgb(23, 88, 164) 0%, rgb(0, 65, 142) 100%);
	box-shadow: 0 0 0.2rem 0.03rem rgba(255, 255, 255, 0.2);
}

.mouse {
	position: absolute;
	top: 4.94rem;
	left: 0;
	right: 0;
	width: 0.27rem;
	height: 0.83rem;
	margin: 0 auto;
	background: url(../image/index/mouse.png) no-repeat center/cover;
}

.introduce {
	position: absolute;
	bottom: 0.6rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #fafcfb;
	text-align: center;
}

.introduce li {
	position: relative;
	display: inline-block;
	padding: 0 0.48rem;
	letter-spacing: 0.01rem;
}

.introduce h3 {
	margin-bottom: 0.1rem;
	font-size: 0.2rem;
	line-height: 1;
}

.introduce p {
	font-size: 0.15rem;
}

.introduce li {
	border-right: 0.01rem solid rgba(255, 255, 255, 0.4);
}

.introduce li:last-child {
	border-right: none;
}
/* .introduce li::after {
  content: '';
  width: 1px;
  height: 45px;
  border-right: 1px solid #fff;
} */

.ani {
	cursor: pointer;
	animation: bigSame 1s linear infinite both;
}

@keyframes bigSame {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(0.85, 0.85);
	}
	100% {
		transform: scale(1, 1);
	}
}