	body {
		margin: 0px;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		position: relative;
	}

	.css3 {
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	}

	.m-index a {
		color: #ffffff;
		text-decoration: none;
	}

	.m-index {
		width: 100vw;
		height: 100vh;
		background: url('../img/bg-index.jpg') center no-repeat;
		background-size: 100% 100%;
		overflow: hidden;
		position: relative;
	}

	.m-index .qrcode {
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
		display: flex;

	}

	.m-index .admin,
	.m-index .brower {
		margin-right: 20px;
	}

	.m-index .code {
		position: relative;



	}

	.m-index .code .big {
		position: absolute;
		right: 0;
		top: 30px;
		opacity: 0;
	}

	.m-index .code:hover .big {
		position: absolute;
		right: 0;
		top: 30px;
		opacity: 1;
		/* margin-left:-150px; */
	}




	.m-index .title-index {
		color: #FFF81D;
		font-size: 30px;
		text-align: center;
		display: none;
	}

	.m-index .container {
		width: 1280px;
		height: 1020px;
		position: absolute;
		padding-top: 85px;
		overflow: hidden;
		top: 50%;
		left: 50%;
		margin: -510px 0 0 -640px;

	}

	.m-index .container::before {
		width: 1275px;
		height: 85px;
		display: block;
		position: absolute;
		top: 18px;
		left: 0px;
		content: '';
		background: url('../img/bg-header.png') center no-repeat;
	}

	.m-index .container .items {
		float: left;
	}

	.m-index .container .tit {
		font-size: 24px;
	}

	.m-index .container .items.cont-center {
		width: 753px;
	}

	.m-index .container .items.cont-center,
	.m-index .container .items.cont-right {
		margin-left: 30px;
	}

	.m-index .bg-item {
		background: url('../img/bg-item.png') center no-repeat;
	}
	.m-index .bg-item.long {
		background: url('../img/bg-item-long.png') center no-repeat;
		height: 440px!important;
	}

		.m-index .bg-item.long .ico {
	margin-top: 145px;
	}


	.m-index .banner {
		width: 100%;
	}

	.m-index .container .cont {
		width: 231px;
		height: 210px;
		margin-bottom: 30px;
		border-radius: 10px;
		color: #ffffff;
		text-align: center;
		font-size: 30px;
		overflow: hidden;
	}
	.m-index .bg-item.long .cont {
		height: 440px;
	}

	.m-index .container .cont-center .double {
		margin-top: 36px;
		overflow: hidden;
	}

	.m-index .container .cont-center .double .cont {
		float: left;
		margin-right: 30px;
	}

	.m-index .container .cont-center .double .cont:last-child {
		margin-right: 0px;
	}

	.m-index .container .cont-center img {
		width: 100%;
		object-fit: contain;
	}

	.m-index .container .ico {
		width: 100px;
		height: 100px;
		margin: 20px auto 10px;
	}

	.m-index .ico img {
		width: 100px;
		display: block;
	}

	.m-index .container .cont-center .cont.middle {
		width: 100%;
		height: 449px;
		background: url('../img/bg-center.png') center no-repeat;
		font-size: 14px;
		margin-top: 28px;
		color: #000000;
	}

	.m-index .container .cont-center .cont.middle .tit {
		width: 725px;
		line-height: 100px;
		font-size: 36px;
		color: #b10202;
		font-weight: bold;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.m-index .container .cont-center .cont.middle .txt {
		width: 626px;
		height: 240px;
		text-align: left;
		padding: 0 50px;
		line-height: 35px;
		font-size: 24px;
		color: #b10202;
	}