hn_cloud_web/smz-screen/css/home/home.css

body,
html {
	width: 100%;
	height: 99%;
	margin: 0;
	padding: 0;
	background-image: url(../../img/home/bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#top {
	width: 100%;
	height: 8%;
	float: left;
}

#topData {
	width: 20%;
	height: 100%;
	float: left;
	margin-left: 80%;
}

#mid {
	width: 100%;
	height: 90%;
	float: left;
	margin-top: 1%;
}

#hours {
	font-size: 20px;
	color: #fff;
}

#year {
	color: #fff;
}

#city {
	color: #fff;
	margin-top: 10%;
}

#left {
	width: 27.5%;
	height: 100%;
	float: left;
}

#proView {
	width: 100%;
	height: 33%;
	float: left;
	background-image: url(../../img/home/projectOverview.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#overPro{
	width: 50%;
	height: 100%;
	float: left;
}
#unfinishedPro{
	width: 50%;
	height: 100%;
	float: left;
}
#peopleManage {
	width: 100%;
	height: 33%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	float: left;
	background-image: url(../../img/home/attendanceManagement.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#peopleDiv{
	width: 100%;
	height: 25%;
	float: left;
}
#peopleTypeCount{
	width: 100%;
	height: 58%;
	float: left;
	margin-top: 5%;
	margin-left: 4%;
}
#zcDiv{
	width: 27%;
	height: 80%;
	float: left;
	margin-top: 1.5%;
}
#zcImg{
	width: 10%;
	height: 40%;
	float: left;
	margin-top: 6%;
	background-color: #2ED8FB;
}
#zcData{
	width: 80%;
	height: 100%;
	float: left;
	color: #fff;
	font-size: 15px;
    line-height: 30px;
    margin-left: 5%;
}
#kqDiv{
	width: 34%;
	height: 80%;
	float: left;
	margin-top: 1.5%;
	margin-left: 3%;
}
#kqImg{
	width: 7%;
	height: 40%;
	float: left;
	margin-top: 4.5%;
	background-color: #DDFCAC;
}
#kqData{
	width: 80%;
	height: 100%;
	float: left;
	color: #fff;
	font-size: 15px;
    line-height: 30px;
    margin-left: 3%;
}

#kqReviewedDiv{
	width: 34%;
	height: 80%;
	float: left;
	margin-top: 1.5%;
	margin-left: 1%;
}
#kqReviewedImg{
	width: 7%;
	height: 40%;
	float: left;
	margin-top: 4.5%;
	background-color: #18B794;
}
#kqReviewedData{
	width: 80%;
	height: 100%;
	float: left;
	color: #fff;
	font-size: 15px;
    line-height: 30px;
    margin-left: 3%;
}

#peopleEcharts{
	width: 100%;
	height: 75%;
	float: left;
}
#train {
	width: 100%;
	height: 33%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	float: left;
	background-image: url(../../img/home/exambg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#workType {
	width: 100%;
	height: 33%;
	float: left;
	background-image: url(../../img/home/dataStatistics.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#center {
	width: 44%;
	height: 100%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	float: left;
}

#mapDiv {
	width: 100%;
	height: 66%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	float: left;
	background-image: url(../../img/home/attendanceManagement.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/*
  隐藏水印
 * */
.BMap_cpyCtrl {
	display: none;
}

.anchorBL {
	display: none;
}

#contract {
	width: 100%;
	height: 33%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	float: left;
	background-image: url(../../img/home/contractManagement.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#wages {
	width: 100%;
	height: 33%;
	float: left;
	background-image: url(../../img/home/wageStatistics.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#right {
	width: 27.5%;
	height: 100%;
	float: left;
}

#workerPhoto {
	width: 100%;
	height: 33%;
	float: left;
	background-image: url(../../img/home/recognition.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#progWitnes {
	width: 100%;
	height: 87%;
	margin-top: 6%;
	float: left;
}
#myCarousel {
	width: 100%;
	height: 100%;
	float: left;
}
#WorkPhoto {
	width: 100%;
	height: 100%;
}
#inOut {
	width: 100%;
	height: 33%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	float: left;
	background-image: url(../../img/home/personnelStatistics.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#ageDiv {
	width: 100%;
	height: 33%;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	float: left;
	background-image: url(../../img/home/ageStructure.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#age1{
	width: 100%;
	height: 100%;
	float: left;
	/* background-color: #0044CC; */
}
#redBlackWhite {
	width: 100%;
	height: 33%;
	float: left;
	background-image: url(../../img/home/redBlack.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


#trainLeft{
	width: 50%;
	height: 100%;
	float: left;
	margin-left: 1%;
}
#trainRight{
	width: 49%;
	height: 100%;
	float: left;
}


#redDiv{
	width: 50%;
	height: 100%;
	float: left;
}
#blackDiv{
	width: 50%;
	height: 100%;
	float: left;
}
input::-webkit-input-placeholder { 
	color: #fff; 
} 
.BMap_pop div:nth-child(1) {
	border-radius: 7px 0 0 0;
	background: #FF6666 !important;
}

.BMap_top,
.BMap_center,
.BMap_bottom {
	background-color: #FF6666 !important;
}

.BMap_pop div:nth-child(3) {
	border-radius: 0 7px 0 0;
	background: #FF6666;
}

.BMap_pop div:nth-child(3) div {
	border-radius: 7px;
}

.BMap_pop div:nth-child(5) {
	border-radius: 0 0 0 7px;
}

.BMap_pop div:nth-child(5) div {
	border-radius: 7px;
}

.BMap_pop div:nth-child(7) {
	border-radius: 0 0 7px 0;
}

/*.BMap_pop div:nth-child div(7) {*/
/*	border-radius: 7px;*/
/*}*/