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

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

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

.header {
	height: 74px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	overflow: hidden;
}

.header .logo {
	float: left;
	line-height: 74px;
	width: 247px;
	height: 105px;
	background: url('../image/index/logo.png') no-repeat center/cover;
}

.nav {
	float: right;
	line-height: 74px;
	color: #fafcfb;
	font-size: 18px;
}

.nav a {
	margin-right: 35px;
	color: #fafcfb;
}

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

.title {
	position: absolute;
	top: 200px;
	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: 430px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 170px;
	height: 54px;
	line-height: 54px;
  text-align: center;
  font-size: 25px;
  color: #fff;
  font-weight: 600;
  border-radius: 27px;
	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 20px 3px rgba(255, 255, 255, 0.2);
}

.mouse {
  position: absolute;
  top: 494px;
  left: 0;
  right: 0;
  width: 27px;
  height: 83px;
  margin: 0 auto;
  background: url(../image/index/mouse.png) no-repeat center/cover;
}

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

.introduce li {
  position: relative;
  display: inline-block;
  padding: 0 48px;
  letter-spacing: 1px;
}

.introduce h3 {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1;
}

.introduce p {
  font-size: 15px;
}

.introduce li {
    border-right: 1px solid rgba(255,255,255,.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);
	}
}