* {
	padding: 0px;
	margin: 0px;
	-webkit-text-size-adjust: none;
}

body,
html {
	width: 100%;
	font-family: Microsoft YaHei, Arial, sans-serif;
	margin: 0px auto;
	max-width:750px;
	/* background: #fff2dd; */
	/* font-size:12px; */
	position: relative;
}

a {
	text-decoration: none;
}

ul li {
	list-style: none;
}



.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.ell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.box {
	position: relative;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}

.box>img {
	display: block;
	width: 100%;
}

.box .lsg{
	position: absolute;
	display: block;
	z-index: 1111;
	top: 22%;
	width: 92.8%;
	left: 3.8%;
}

.box .dao{
	position: absolute;
	width: 17%;
	top: 59%;
	left: 5%;
}

.box>.wzm{
	position: absolute;
	top: 57%;
	width: 100%;
	left: 0%;
}
.box .xinf{
	position: absolute;
	top: 36%;
	width: 86%;
	left: 8%;
}
.dj{
	position: absolute;
	top: 51%;
	left: 42%;
	/* top: 23%; */
	width: 30%;
	text-align: center;
	cursor: pointer;
}

.dj img{
	display: block;
	width: 69%;
	margin: 0px auto;
	left: -8%;
	position: relative;
	animation: backInUp 1s ease 1s infinite alternate backwards;
}
.dj span{
	font-size:16px;
	color:white;
	display: block;
	margin-top: 14%;
	/* width: 200px; */
	position: relative;
	/* width: 179%; */
	text-align: center;
	/* height: 20px; */
	/* top: 2%; */
	z-index: 222;
	/* width: 100px; */
}
@media all and (min-width:750px){
	.dj span{
		font-size:18px;
		margin-top:10%;
	}
}
.box .bt1{
	position: absolute;
	top: 5%;
	width: 82%;
	left: 8%;
}
.box .rwms1{
	position: absolute;
	top: 28%;
	width: 53%;
	left: 2%;
}

.box .wzms2{
	position: absolute;
	top: 13%;
	width: 53%;
	left: 2%;
}
.box .bt2{
	position: absolute;
	top: 1%;
	width: 82%;
	left: 8%;
}
.box .rw{
	position: absolute;
	/* top: 1%; */
	width: 24.8%;
}
.box .rw1{
	
top: 32%;
	
left: 2%;
}
.box .rw2{
	
top: 58%;
	
right: 2%;
}
.box .rw3{
	top: 84%;
	left: 2%;
}
.box .rw4{
	top: 9%;
	right: 2%;
}
.box .rw5{
	top: 42%;
	left: 2%;
}
.box .rw6{
	top: 73%;
	right: 2%;
}
.box .bt3{
	position: absolute;
	top: 9%;
	width: 82%;
	left: 8%;
}
.box .djshgd{
	position: absolute;
	bottom: 1%;
	width: 67%;
	left: 18.5%;
}
.box .bt4{
	position: absolute;
	top: 5%;
	width: 82%;
	left: 8%;
}


@-webkit-keyframes backInUp {
	0% {
		transform: scale(0.8);
		opacity: 1;
	}

	50% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.8);
		opacity: 1;
	}
}


.x{
	display: block;
	width:100%;
}
@media all and (max-width:750px){
	.x{
		vertical-align: middle; /* 关键属性 */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); /* 向左上移动自身宽高的一半 */
	}
}
/* 隐藏原来的文字图标 */
.layui-layer-setwin .layui-layer-close {
	position: absolute;
	right: 0rem !important;
	top: -6% !important;
	width:32px !important;
	height:32px !important;
	background: url('../images/ch.png') no-repeat center center !important;
	background-size: contain !important;
	font-size: 0 !important;
	/* 隐藏文字 */
	text-indent: -9999px !important;
	/* 隐藏文字 */
	overflow: hidden !important;
	border: 0 !important;
	z-index: 1111111111;
}

/* 确保原来的伪元素不显示 */
.layui-layer-setwin .layui-layer-close:before {
	content: '' !important;
	display: none !important;
}

.layui-layer {
	max-width: 750px;
	margin: 0px auto;
}


.box .xbt1{
	position: absolute;
	top: 45%;
	width: 53%;
	left: 4%;
}
.box .xbt2{
	position: absolute;
	top: 73%;
	width: 66%;
	left: 4%;
}
.box .xbt3{
	position: absolute;
	top: 2%;
	left: 4%;
	width: 66%;
}

.box .xbt4{
	position: absolute;
	top: 33%;
	left: 42%;
	width: 53%;
}

.box .xbt5{
	position: absolute;
	top: 58%;
	left: 4%;
	width: 66%;
}

.box .img{
	position: absolute;
	width:100%;
	top: 31%;
}

.box .hs{
	position: absolute;
	width: 58%;
	top: 20%;
	left: 19%;
	animation-duration: 3s; /* 改为 2 秒 */
}