body {
	margin: 0;
	font-size: 1rem;
	font-family: "Microsoft YaHei", arial;
}

/*包含以下四种的链接*/
a {
	text-decoration: none;
}

/*正常的未被访问过的链接*/
a:link {
	text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
	text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
	text-decoration: none;
}

/* 正在点击的链接*/
a:active {
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0;
}

section {
	position: relative;
	margin: 0 auto;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.hd-img {
	height: 100vh;
	background-image: url(bg.jpg?v=321);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
	background-color: #66fded;
	overflow: hidden;
	width: 100%;
}

.header1 {
	width: 90%;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	padding-top: 15px;
	color: #fff;
}

.logo {
	display: block;
	margin: 25px auto;
	width: 175px;
	animation-delay:0.8s;
}

.title-bar {
	width: 278px;
	margin: 0 auto;
	position: relative;
	animation-delay:1.3s;
}

@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

	0% {

		transform: scale(0);
		/*开始为原始大小*/

	}

	25% {

		transform: scale(1.1);
		/*放大1.1倍*/

	}

	50% {

		transform: scale(0);

	}

	75% {

		transform: scale(1.1);

	}

	100% {
		transform: scale(0);
	}

}


@keyframes scaleDraw2 {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

	0% {

		transform: scale(0);
		/*开始为原始大小*/

	}

	25% {

		transform: scale(1);
		/*放大1.1倍*/

	}

	50% {

		transform: scale(0);

	}

	75% {

		transform: scale(1);

	}

	100% {
		transform: scale(0);
	}

}

.g1 {
	position: absolute;
	width: 84px;
	left: -4%;
	top: -20%;
	-webkit-animation-name: scaleDraw;
	/*关键帧名称*/

	-webkit-animation-timing-function: ease-in-out;
	/*动画的速度曲线*/

	-webkit-animation-iteration-count: infinite;
	/*动画播放的次数*/

	-webkit-animation-duration: 10s;
	/*动画所花费的时间*/

}

.g2 {
	position: absolute;
	width: 59px;
	right: 9%;
	top: -7%;
	-webkit-animation-name: scaleDraw2;
	/*关键帧名称*/

	-webkit-animation-timing-function: ease-in-out;
	/*动画的速度曲线*/

	-webkit-animation-iteration-count: infinite;
	/*动画播放的次数*/

	-webkit-animation-duration: 5s;
	/*动画所花费的时间*/
}


.an-btn {
	width: 60%;
	border-radius: 30px;
	overflow: hidden;
	margin: 25px auto;
	box-shadow: 0 0 8px 3px #348dfd;
	animation-delay:1.8s;
}

.an-btn img {
	display: block;
}

.dh {
	position: relative;
	width: fit-content;
	margin: 0 auto;
}

.dh .conter-img {
	position: relative;
	z-index: 1;
	animation-delay:2s;

}

.dh .left-img {
	position: absolute;
	z-index: 0;
	left: -3rem;
	top: 11px;
	width: 258px;
	animation-delay:2.5s;

}

.dh .right-img {
	position: absolute;
	z-index: 0;
	right: -3rem;
	top: 11px;
	width: 258px;
	animation-delay:2.5s;
}


.dh .fd {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 13%;
    z-index: 2;
	animation-delay:3s;
}

/* 弹窗样式*/

  .layui-m-layercont {
    padding: 0px;

    width: 100%;
  }

  .layui-m-layercont b {
    width: 100%;

    display: inline-block;

    background: linear-gradient(to bottom, #3e94ff, #405cfe);

    color: #ffffff;

    border-radius: 5px 5px 0 0;

    padding: 15px 0;

    font-size: 1.1rem;
  }

  .layui-m-layer0 .layui-m-layerchild {
    width: 87% !important;

    color: #333333;

    font-size: 1rem;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    margin: 0 auto;
  }

  .layui-m-layercont span {
    font-size: 1rem;

    color: #000000;

    margin: 25px 0;

    display: inline-block;
  }

  .layui-m-layerchild {
    background-color: #ffffff !important;
  }

  .layui-m-layerbtn {
    border: none !important;

    background-color: transparent !important;

    margin-bottom: 10px;
  }

  .layui-m-layerbtn span[no] {
    border: none !important;

    background: linear-gradient(to bottom, #4ab0fc, #4399fe);

    width: 15% !important;

    border-radius: 30px;

    color: #ffffff;

    margin-left: 30px;

    margin-right: 10px;

    margin-bottom: 10px;

    line-height: 2.5rem;

    box-shadow: 0 3px 1px 1px #99d0ff;
  }

  .layui-m-layerbtn span[yes] {
    border: none !important;

    background: linear-gradient(to top, #4156ff, #3f8aff);

    width: 15% !important;

    border-radius: 30px;

    color: #ffffff;

    margin-right: 30px;

    margin-bottom: 10px;

    line-height: 2.5rem;

    box-shadow: 0 3px 1px 1px #4192fe;
  }