.handcursor{
cursor:hand;
cursor:pointer;
position:absolute;
}

.switchgroup1
{
    position: absolute;
    background-color:rgba(1, 84, 166, 0.88);
    color: white;
    padding: 20px 20px 10px 20px;
    z-index:99;
    width: 250px;
}

.panel {
	max-width: 100%;
    height:auto;
    margin: auto;	
    position: relative;
    background-color:#fff;	
}


.left-panel {
	max-width: 1348px;
    height:432px;
    margin: auto;	
    position: relative;
	background: url('../images/pic2.jpg') no-repeat left top;
	
}


.dot1
{
	top: 164px;
    left: 1119px;  
    width: 147px;
	height: 248px;
	background-color:none;
		
}


.dot1:hover
{
	background: url('../images/dot1.png') no-repeat center center;
		
}

.dot1 .status
{
z-index: 99;
right: 0;
left: -104px;
margin: auto;
background-color: #0154a6;
position: absolute;
bottom:87px;	
color:#FFFFFF;
font-size:14px;
text-align:center;
width:250px;
}


.dot2
{
	top: 191px;
    left: 898px;
    width: 221px;
	height: 199px;
	background-color:none;
		
}
.dot2:hover
{
	background: url('../images/dot2.png') no-repeat center center;
		
}

.dot2 .status
{
z-index: 99;
right: 0;
left: -29px;
margin: auto;
background-color: #0154a6;
position: absolute;
bottom: 65px;
color:#FFFFFF;
font-size:14px;
text-align:center;
width:250px;

}

    
.dot2 .status img
{
z-index: 99;
right: 0;
left: 0;
margin: auto;
position: absolute;
bottom:0px;
background-color: #0154a6;

		
}




.dot3
{
    top: 185px;
    left: 790px;    
    width: 108px;
	height: 190px;
	background-color:none;
		
}
.dot3:hover
{
	background: url('../images/dot3.png') no-repeat center center;
		
}


.dot3 .status
{
z-index: 99;
right: 0;
left: -70px;
margin: auto;
background-color: #0154a6;
position: absolute;
bottom:50px;	
color:#FFFFFF;
font-size:14px;
text-align:center;
width:250px;

}

.dot3 .status img
{
z-index: 99;
right: 0;
left: 0;
background-color: #0154a6;
margin: auto;
position: absolute;
bottom:0px;

		
}




.dot4
{
    top: 13px;
    left: 478px;
    width: 312px;
    height: 399px;
    background-color:none;
		
}
.dot4:hover
{
	background: url('../images/dot4.png') no-repeat center center;
		
}


.dot4 .status
{
z-index: 99;
right: 0;
left:0px;
margin: auto;
background-color: #0154a6;
position: absolute;
bottom:87px;	
color:#FFFFFF;
font-size:14px;
text-align:center;
width:250px;

}

.dot4 .status img
{
z-index: 99;
right: 0;
left: 0;
background-color: #0154a6;
margin: auto;
position: absolute;
bottom:0px;

		
}




.dot5
{
    top: 151px;
    left: 82px;
    width: 396px;
    height: 251px;
    background-color:none;
		
}
.dot5:hover
{
	background: url('../images/dot5.png') no-repeat center center;
		
}


.dot5 .status
{
z-index: 99;
right: 0;
left:0px;
margin: auto;
background-color: #0154a6;
position: absolute;
bottom:77px;	
color:#FFFFFF;
font-size:14px;
text-align:center;
width:250px;

}

.dot5 .status img
{
z-index: 99;
right: 0;
left: 0;
background-color: #0154a6;
margin: auto;
position: absolute;
bottom:0px;

		
}









.box1
{
top: 345px;left: 1016px;
}

.box2
{
top: 345px;left: 869px;
}
.box3
{
top: 345px;left: 720px;
}
.box4
{
top: 345px;left: 509px;
}
.box5
{
top: 345px;left: 155px;
}