*{
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑";
}
body,html{
	width: 100%;
	overflow-x: hidden;
}
#main{
	background:url(map_20171016.jpg) center top no-repeat;
	width: 1200px;
	height: 2384px;
	margin: 0 auto;
	position: relative;
}
#view{
	float: left;
	position: absolute;
}
.con{
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;	
	float: left;
	cursor: pointer;
	transition: all 0.4s;
	background: #f7d22d;
}
h1{
	font-size: 22px;
	padding: 0 22px;
	line-height: 40px;
	font-weight: normal;
	transition: all 0.4s; 
}
p{
	display: none;
	width: 300px;
	font-size: 16px;
	text-indent: 32px;
	padding: 0px 16px 16px 26px;
	line-height: 28px;
	transition: all 0.4s; 
}
.nor{
	padding: 0px;
	background: #f7d22d;
}
.hover{
	padding: 10px;
	background: rgba(247, 210, 45, 0.85);
}
.view1{
	left: 174px;
	top: 284px;
}
.cor1{
	margin-left: 28px;
	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 12px solid #F7D22D;
}
.view2{
	left: 480px;
	top: 254px;
}
.cor2{
	margin-top: 12px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 14px solid #F7D22D;
    border-bottom: 5px solid transparent;
    float: left;
}
.view3{
	right: 748px;
	bottom: 1700px;
	width: 100%;
}
.view3 .con{	
	position: absolute;
	right: 10px;
	bottom: 0px;
}
.cor3{
	position: absolute;	
	right: 0px;
	bottom: 10px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 14px solid #F7D22D;
    border-bottom: 5px solid transparent;
    float: left;
}
.view4{
	top:744px;
	right: 726px;
	z-index: 1;
}
.cor4{
	margin-top: 10px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 14px solid #F7D22D;
    border-bottom: 5px solid transparent;
    float: left;
}
.view5{
	right: 278px;
	bottom: 1716px;
	width: 100%;
}
.view5 .con{	
	position: absolute;
	right: 0px;
	bottom: 12px;
}
.cor5{
	position: absolute;	
	right: 64px;
	bottom: 0px;
	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 12px solid #F7D22D;
}
.view6{
	left: 786px;
	top: 844px;
}
.cor6{
	margin-top: 12px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 14px solid #F7D22D;
    border-bottom: 5px solid transparent;
    float: left;
}
.view7{
	left: 70px;
	top: 810px;
}
.cor7{
	margin-left: 28px;
	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 12px solid #F7D22D;
}
.view8{
	right: 720px;
	bottom: 1188px;
	width: 100%;
}
.view8 .con{	
	position: absolute;
	right: 10px;
	bottom: 0px;
}
.cor8{
	position: absolute;	
	right: 0px;
	bottom: 10px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 14px solid #F7D22D;
    border-bottom: 5px solid transparent;
    float: left;
}
.view9{
	left: 82px;
	top: 1340px;
}
.cor9{
	margin-left: 94px;
	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 12px solid #F7D22D;
}
.view10{
	left: 672px;
	top: 1164px;
}
.cor10{
	margin-top: 12px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 14px solid #F7D22D;
    border-bottom: 5px solid transparent;
    float: left;
}
.view11{
	left: 138px;
	bottom: 388px;
	width: 100%;
}
.view11 .con{	
	position: absolute;
	left: 0px;
	bottom: 12px;
}
.cor11{
	position: absolute;	
	left: 26px;
	bottom: 0px;
	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 12px solid #F7D22D;
}
.view12{
	left: 488px;
	bottom: 262px;
	width: 100%;
}
.view12 .con{	
	position: absolute;
	left: 0px;
	bottom: 12px;
}
.cor12{
	position: absolute;	
	left: 26px;
	bottom: 0px;
	width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 12px solid #F7D22D;
}