body{
	width: 100%;
	height: auto;
	background: url(../img/bj.jpg) no-repeat;
	background-size: cover;
	overflow-x: hidden;
}
.header{
	margin-left: 240px;
	margin-top: 46px;
	width: 264px; 
	padding-bottom: 13px;
	border-bottom:4px solid #80EBC9;
}
.mainBoxBg{
	width: 724px;
	height: 724px;
	background: url(../img/mainbg.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
}
.mainBox{
	position: relative;
	height: 740px;
}

.electronic1{
	display: block;
	width: 256px;
	height: 66px;
	background: linear-gradient(180deg, #6CC4FF 0%, #348FF3 100%);
	box-shadow: 0px 18px 44px -12px rgba(55, 150, 254, 0.5);
	border-radius: 34px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:66px;
	text-align: center;
	position: absolute;
	opacity: 0.5;
	top: 72px;
	left: 0;
}
.electronic1:hover{
	opacity: 1;
}
.electronic2:hover{
	opacity: 1;
}
.electronic3:hover{
	opacity: 1;
}
.electronic4:hover{
	opacity: 1;
}
.electronic5:hover{
	opacity: 1;
}
.electronic2{
	display: block;
	width: 272px;
	height: 68px;
	background: linear-gradient(180deg, #F9C061 0%, #F66D36 100%);
	box-shadow: 0px 18px 44px -12px rgba(246, 128, 26, 0.5);
	border-radius: 34px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:66px;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 0;
	opacity: 0.5;
}
 
.electronic3{
	display: block;
	width: 272px;
	height: 68px;
	background: linear-gradient(180deg, #63E294 0%, #3FCB8C 100%);
	box-shadow: 0px 18px 44px -12px rgba(45, 217, 129, 0.5);
	border-radius: 34px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:66px;
	text-align: center;
	position: absolute;
	bottom: 0;
	opacity: 0.5;
	left: 0;
}
.electronic4{
	display: block;
	width: 272px;
	height: 68px;
	background: linear-gradient(180deg, #FCE991 0%, #FAC628 100%);
	box-shadow: 0px 18px 44px -12px rgba(248, 159, 27, 0.5);
	border-radius: 34px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:66px;
	text-align: center;
	position: absolute;
	bottom: -110px;
	left: 440px;
	opacity: 0.5;
}
.electronic5{
	display: block;
	width: 246px;
	height: 68px;
	background: linear-gradient(180deg, #8A91FF 0%, #4651FF 100%);
	box-shadow: 0px 18px 44px -12px rgba(118, 127, 255, 0.5);
	border-radius: 34px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:66px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0.5;
}
.current{
	opacity: 1;
}
.factory{
	position: absolute;
	right: -280px;
	top: 329px;
}
.north{
	margin-top: 24px;
}
.north1{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.operation{
	font-size: 12px;
	color: #00EBB6;

}
.location{
	font-size: 12px;
	color: #1354FF;
}
.preparation{
	font-size: 12px;
	color: #F66704;
}
.Play{
	width: 125px;
	height: 125px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -62.5px;
	margin-top: -62.5px;
	
}
.Play img{
	display: block;
}
.footer{
	margin-top: 140px;
	margin-bottom: 40px;
	text-align: center;
}