
.left{
    position: absolute;
    top: 30px;
    left: 40px;
}
.left_map{
    width: 1360px;
    height: 612px;
    background-color: rgba(27,27,33,.95);
    margin-bottom: 20px;
}
.cont_fir,.cont_sen{
    width: 670px;
    height: 296px;
    background-color: rgba(27,27,33,.95);
    margin-bottom: 20px;
}
.cont_fir{
    margin-right: 20px;
    float: left;
}
.cont_sen{
    float: right;
}
.right{
    position: absolute;
    top: 30px;
    left: 1420px;
}
.right_cont{
    margin-bottom: 20px;
    width: 460px;
    height: 296px;
    background-color: rgba(27,27,33,.95);
}

/*地图*/
.map {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 1360px;
    height: 612px;
    background-color: #ccc;
}
/*关键数据指挥仓*/
.gjsj {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 460px;
    height: 296px;
    background-color: rgba(27,27,33,.95);
}
.gjsj p {
    margin-left: 30px;
    font-size:12px;
    font-weight:400;
    color:#C4CAFF;
    line-height:32px;
}
.gjsj p:nth-child(2) {
    margin-top: 20px;
}
/*建湖三品一标产品产量（吨）*/
.cpcl {
    position: absolute;
    top: 346px;
    right: 40px;
    width: 460px;
    height: 296px;
    background-color: rgba(27,27,33,.95);
}
/*物联网系统及设备投入资金（万元）*/
.zj {
    position: absolute;
    top: 662px;
    right: 40px;
    width: 460px;
    height: 296px;
    background-color: rgba(27,27,33,.95);
}
/*益农信息社信息员人群画像*/
.people {
    position: absolute;
    top: 662px;
    left: 40px;
    width: 460px;
    height: 296px;
    background-color: rgba(27,27,33,.95);
}
/*质量追溯基地数量*/
.zlzs {
    position: absolute;
    top: 662px;
    left: 520px;
    width: 880px;
    height: 296px;
    background-color: rgba(27,27,33,.95);
}

#mapTabButton{
	position: absolute;
	top: 30px;
	left:30px;
    height: 42px;
    background:rgba(47,47,57,1);
    box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.6);
	z-index: 9999;
	border-radius:21px ;
	padding-left:15px ;
	padding-right: 15px;
}
/*$("#mapTabButton>div").eq(ix).find("span").css({"color":"#FFA200"});
        $("#mapTabButton>div").eq(ix).find("div").css({"background":"#FFA200"});*/
#mapTabButton>div{
    padding-left:15px ;
    padding-right: 15px;
	float: left;
    height: 42px;
	cursor: pointer;
}
#mapTabButton>div:hover {
    background-color: #000;
}
#mapTabButton>div span {
    margin-top: 9px;
    display: block;
    font-size:14px;
    font-family: Arial,MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(85,85,111,1);
    line-height:24px;
}
#mapTabButton>div:hover span {
    color: #ffa200!important;
}
#mapTabButton>div div {
    margin: 0 auto;
    width:18px;
    height:3px;
    background:rgba(47,47,57,1);
    border-radius:2px;
}
#mapTabButton>div:hover div {
    background: #ffa200 !important;
}
#pointInfoShow{
/* 	position: absolute;
	top:230px;
	left:340px; */
	background: rgba(4,18,54,.7);
	z-index: 9999;
	border-radius:10px ;
	padding: 20px 20px 10px 20px;
	color: white;
	display: none;
}
#pointInfoShow:before {
	border-top: 6px solid rgba(4,18,54,.7);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-width: 11px;
	content: "";
	position: absolute;
	bottom: -10px;
	/* margin-left: -7px; */
	left: 40%;
}
#pointInfoShow>div{
	margin-bottom: 10px;
}