html,
	body {
		position: relative;
		height: 100%;
	}
	body {
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size: 14px;
		color: #000;
		margin: 0;
		padding: 0;
	}
	.swiper-container {
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.swiper-slide {
		text-align: center;
		font-size: 18px;
	}
	.swiper-pagination-bullet {
		background: white;
		width: 16px;
		height: 16px;
		margin-right: 16px;
	}
	.swiper-pagination-list .swiper-pagination-bullet {
		background: lightblue;
		width: 10px;
		height: 10px;
		margin-bottom: 10px !important;
	}
	.dis {
		display: block !important;
	}
	.m-list {
		display: none;
	}
	.ful {
		color: #666;
		height: 12vh;
	}
	.fulti {
		color: black;
	}
	.ful:hover,
	.ful:hover .fulti {
		color: #2f5aa9;
	}
	.hds img {
		transition: all 3s ease;
	}
	.hds:hover img {
		transform: scale(1.5);
	}
	.px-item {
		min-height: 480px;
		max-height: 480px;
		overflow: hidden;
		position: relative;
		transition: all 0.5s;
		top: 0;
		left: 0;
	}
	.px-item:hover {
		top: -10px;
		left: 0px;
	}
	.px-img {
		position: relative;
	}
	.px-img .lm-title {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background-color: rgba(44, 90, 168, 0.45);
		transition: all 0.5s;
	}
	.px-img .lm-title:hover {
		background-color: rgba(44, 90, 168, 1);
	}
	.lm-pic {
		width: 100%;
		height: auto;
	}
	.sfont {
		font-size: 1.8vh;
		color: white;
		transition: all 0.3s ease-in-out;
	}
	.sfont:hover {
		font-size: 2vh;
		border-bottom: 1px dashed white;
	}
	input::placeholder,
	textarea::placeholder {
		color: white;
	}
	.layui-input {
		height: 45px;
		width: 87%;
		padding-left: 5px;
		font-size: 16px;
		display: inline-block;
	}
	.layui-btn {
		height: 45px;
	}
	.captcha-input {
		height: 45px;
		padding-left: 5px;
		font-size: 16px;
	}
	.layui-form {
		width: 30%;
		height: 60%;
		margin: 0 auto;
		margin-top: 7%;
		padding: 15px 28px 0px;
		background: #fff;
	}
	.layui-input-block {
		margin-left: 0;
	}
	.layui-input-block a {
		color: blue;
		float: right;
		line-height: 30px;
		font-size: 14px;
	}
	h1 {
		text-align: center;
		color: #1d598e;
	}
	input.text {
		text-align: center;
		padding: 10px 20px;
		width: 300px;
	}
	#canvas {
		float: right;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 5px;
		cursor: pointer;
	}
	.code {
		width: 400px;
		margin: 0 auto;
	}
	.input-val {
		width: 50%;
		background: #ffffff;
		height: 2.8rem;
		border-radius: 5px;
		border: none;
		padding: 0 0 0 12px;
		border: 1px solid rgba(0, 0, 0, .2);
	}
	.sc {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, 0.4);
		height: 8vh;
		width: 80%;
		margin: 4vh auto;
		color: white;
	}
	.simg p,
	.simg p img {
		height: 100%;
	}
	.sc:hover {
		color: white;
		background-color: rgba(0, 122, 255, 0.2);
	}



.mymore a{
	display: block;
	width: 160px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	line-height: 45px;
	background-color: rgba(47,90,169,0.65);
	transition: all 0.3s;
	text-align: center;
	position: relative;
	left: 0;
	top: 0;
}
.mymore a:hover{
	background-color: rgba(47,90,169,1);
	left: 10px;
	top: -5px;
}