@CHARSET "UTF-8";

.inducon-body {
	height:1080px;
	width:1920px;
	margin: 0px;
	background-color:#071629
}
.inducon-title {
	height:102px;
	width:100%;
	margin: 0px;
	background-image:url(../img/title.png);
}
.inducon-header {
	position: relative;
	width: 100%;
	height:100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}
.inducon-main-title {
	position: absolute;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	font-size:50px;
	letter-spacing:1px;
	font-family:Microsoft YaHei;
}
.inducon-layout-west {
	height:830px;
	width:418px;
	margin: 0px;
	position: absolute;
	left:30px;
	top: 230px;
	background-color:#00f6ff;
	opacity:0.04;
}
.inducon-layout-west-charge {
	height:830px;
	width:418px;
	margin: 0px;
	position: absolute;
	left:30px;
	top: 230px;
}
.inducon-layout-center {
	margin: 0px;
	position: absolute;
	left: 468px;
	top: 776px;
	width: 934px;
	height: 284px;
	background-color:#00f6ff;
	opacity:0.04;
}
.inducon-layout-center-nw {
	margin: 0px;
	position: absolute;
	left: 468px;
	top: 836px;
	width: 467px;
	height: 112px;
}
.inducon-layout-center-ne {
	margin: 0px;
	position: absolute;
	left: 935px;
	top: 836px;
	width: 467px;
	height: 112px;
}
.inducon-layout-center-sw {
	margin: 0px;
	position: absolute;
	left: 468px;
	top: 958px;
	width: 467px;
	height: 112px;
}
.inducon-layout-center-se {
	margin: 0px;
	position: absolute;
	left: 935px;
	top: 958px;
	width: 467px;
	height: 112px;
}

.inducon-layout-east-top {
	margin: 0px;
	position: absolute;
	left: 1422px;
	top: 164px;
	width: 479px;
	height: 489px;
	background-color:#00f6ff;
	opacity:0.04;
}
.inducon-layout-east-n {
	margin: 0px;
	position: absolute;
	left: 1422px;
	top: 164px;
	width: 479px;
	height: 489px;
	background-color:#00f6ff;
	opacity:0.04;
}
.inducon-layout-east-n-consumption {
	margin: 0px;
	position: absolute;
	left: 1422px;
	top: 164px;
	width: 479px;
	height: 230px;

}
.inducon-layout-east-n-pie {
	margin: 0px;
	position: absolute;
	left: 1422px;
	top: 394px;
	width: 479px;
	height: 259px;
}
.inducon-layout-east-s {
	margin: 0px;
	position: absolute;
	 left: 1422px;
	top: 673px;
	width: 479px;
	height: 387px;
	background-color:#00f6ff;
	opacity:0.04;
}
.inducon-layout-east-s-radar {
	margin: 0px;
	position: absolute;
	left: 1422px;
	top: 733px;
	width: 479px;
	height: 327px;
}
.inducon-data-radar-title {
	margin: 0px;
	position: absolute;
	left: 1422px;
	top: 683px;
	width: 479px;
	height: 50px;
}
.inducon-data-radar-title-little {
	position: absolute;
	margin-top: -2px;
	padding: 0;
	color: #FFF;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	font-size:25px;
	letter-spacing:2px;
	font-family:Microsoft YaHei;
	font-weight : normal;
}
.inducon-data-center-title {
	margin: 0px;
	position: absolute;
	left: 468px;
	top: 776px;
	width: 934px;
	height: 50px;
}
.inducon-data-center-title-little {
	position: absolute;
	margin-top: 5px;
	padding: 0;
	color: #FFF;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	font-size:25px;
	letter-spacing:2px;
	font-family:Microsoft YaHei;
	font-weight : normal;
}
.inducon-logo {
	font-size: 50px;
	font-family: "Microsoft YaHei";
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-align: center;
	-moz-transform: matrix( 0.88333542293877,0,0,0.88333542293877,0,0);
	-webkit-transform: matrix( 0.88333542293877,0,0,0.88333542293877,0,0);
	-ms-transform: matrix( 0.88333542293877,0,0,0.88333542293877,0,0);
	position: absolute;
	left: 112.908px;
	top: 70px;
	letter-spacing:1px;
	cursor:pointer;
	z-index:2;
	background-image: url("../img/haier_logo.png");
	height:50px;
	width:160px;
}
.inducon-map {
	margin: 0px;
	position: absolute;
	left: 320px;
	top: 205px;
	width: 710px;
	height: 574px;
}

.inducon-west-head {
	top:181px;
	left:32px;
	position: absolute;
	height:70px;
}
.inducon-west-title {
	margin: 0;
	padding: 0;
	color: #00f6ff;
	text-align: left;
	font-size:25px;
	font-family:Microsoft YaHei;
	
}
.inducon-west-title-image{
	left:129px;
	margin-top:-64px;
	position: absolute;
	height:97px;
	width:61px;
	background-image:url(../img/arrow-right.png);
}
.inducon-data-radar-title-image{
	left:350px;
	margin-top:20px;
	position: absolute;
	height:12px;
	width:19px;
	background-image:url(../img/arrow-bottom.png);
	cursor:pointer;
	z-index:2;
}
.inducon-data-center-title-image{
	left:555px;
	margin-top:28px;
	position: absolute;
	height:12px;
	width:19px;
	background-image:url(../img/arrow-bottom.png);
	cursor:pointer;
	z-index:2;
}

.inducon-east-head {
	top:113px;
	left:1600px;
	position: absolute;
	height:70px;
	width:280px;
}
.inducon-east-title {
	margin: 0;
	padding: 0;
	color: #00f6ff;
	text-align: right;
	font-size:25px;
	font-family:Microsoft YaHei;
	
}
.inducon-east-title-image{
	left:-77px;
	margin-top:-32px;
	position: absolute;
	height:97px;
	width:61px;
	background-image:url(../img/arrow-left.png);
}
.inducon-date{
	top:70px;
	left:1300px;
	position: absolute;
	height:70px;
	width:300px;
}
.inducon-date-title {
	margin: 0;
	padding: 0;
	color: #367da2;
	text-align: left;
	font-size:25px;
	font-family:Microsoft YaHei;
	font-weight : normal;
	
}
.inducon-data-dian {
	left: 1051px;
	top: 207px;
	position: absolute;
	height:80px;
	width:322px;
	background-color: rgb(104, 171, 227);
	opacity: 0.2;
}
.inducon-data-shui {
	  left: 1051px;
  top: 354px;
	position: absolute;
	height:80px;
	width:322px;
	background-color: rgb(104, 171, 227);
	opacity: 0.2;
}
.inducon-data-qi {
	left: 1051px;
	  top: 496px;
	position: absolute;
	height:80px;
	width:322px;
	background-color: rgb(104, 171, 227);
	opacity: 0.2;
}
.inducon-data-qi2 {
	left: 1051px;
	  top: 649px;
	position: absolute;
	height:80px;
	width:322px;
	background-color: rgb(104, 171, 227);
	opacity: 0.2;
}
.inducon-data-dian-title {
	left: 1051px;
	top: 207px;
	position: absolute;
	height:80px;
	width:322px;
}
.inducon-data-shui-title {
	  left: 1051px;
  top: 354px;
	position: absolute;
	height:80px;
	width:322px;
}
.inducon-data-qi-title {
	left: 1051px;
	  top: 496px;
	position: absolute;
	height:80px;
	width:322px;
}
.inducon-data-qi2-title {
	left: 1051px;
	  top: 649px;
	position: absolute;
	height:80px;
	width:322px;
}
.inducon-data-title-little {
	position: absolute;
	margin-top: -62px;
	padding: 0;
	color: #97b0c4;
	text-align: center;
	top: 50%;
	left: 75px;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	font-size:27px;
	letter-spacing:1px;
	font-family:Microsoft YaHei;
	font-weight : normal;
}
.inducon-data-title {
	width:240px;
	position: absolute;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: right;
	top: 50%;
	left: 45%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	font-size:58px;
	letter-spacing:1px;
	font-family:Microsoft YaHei;
	font-weight : normal;
}
.inducon-data-title-unit {
	position: absolute;
	margin: 0;
	padding: 0;
	color: #1fccd4;
	text-align: right;
	top: 75%;
	left: 90%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	font-size:21px;
	letter-spacing:1px;
	font-family:Microsoft YaHei;
	font-weight : normal;
}