.Cootion{ width:100%; background-color:#f5f5f5; padding:50px 0px;} 
.mapbox{}
.tips{color:red; text-align: center;display: none; font-size: 16px;}
.m_map{ width:989px; height:778px; margin:30px auto 0; position:relative; background:url(../images/diru.png) no-repeat 0 0 ; background-size: cover;}
.tait{ font-size:36px; font-weight:bold; color:#666666; text-align:center;  left:100px;}
.tait span{ color:#ff6d3b;}
.tait2{font-size:36px; font-weight:bold; color:#666666; text-align:center; padding:50px 0px;}
.mp{position:absolute; cursor:pointer; background:url(../images/fi1.png) no-repeat left center; width:80px; height:48px;-webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.mp.star{background:url(../images/fi2.png) no-repeat 4px 20px;}
.mp .mito{ position:absolute; left:22px; top:25%; width: 50px; padding: 3px 0; text-align: center; font-size:14px; color:#666666; background-color: #dcdcde;}
.mp .find_mi1{ left:-12px; width:55px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng{ position:absolute; display:none; width:200px; min-height:20px; left:-95px; top:-58px;padding: 10px; background:url(../images/vf1.png) no-repeat 0 top; z-index:100;}
.feng .sang{ position:absolute; left:135px; top:58px; background:url(../images/vf2.png) no-repeat 0 0; width:14px; height:8px;}
.feng .du_size{min-height:20px;width:100%;}
.feng .du_size a{ font-size:14px; color:#FFF; line-height:20px; display:block;}


.mp1{left:850px; top:160px; }
.mp1 .feng{top:-60px;}
.mp1 .feng .sang{top:60px;}
.mp2{left:825px; top:208px; }
.mp2 .feng{top:-40px;}
.mp2 .feng .sang{top:40px;}
.mp3{left:790px; top:256px; }
.mp.mp4{background-position:bottom right;left:615px; top:275px; }
.mp4 .mito{left:10px; top:20px; }
.mp4 .feng{left:-108px;top: -70px;}
.mp4 .feng .sang{top: 76px;}
.mp.mp5{background-position:bottom right;left:470px; top:530px; }
.mp5 .mito{left: 8px;top: 20px;}
.mp5 .feng{left:-108px;top:-32px; text-align:center;}
.mp5 .feng .sang{top:40px;}
.mp.mp6{ background-position: right; left: 500px;top:610px; }
.mp6 .mito{left: 10px;}
.mp6 .feng{left:-108px;top:-78px;}
.mp6 .feng .sang{top:77px;}
.mp7{left:688px; top:300px;}
.mp.mp8{background-position: right;left:600px; top:340px; }
.mp8 .mito{left: 10px;}
.mp8 .feng{left:-108px;}
.mp9{left:694px; top:365px; }
.mp.mp10{ background-position: right;left:630px; top:460px;}
.mp10 .mito{left: 10px;}
.mp10 .feng{left: -108px;}
.mp.mp11{background-position:bottom left;left:770px; top:460px; }
.mp12{left:750px; top:505px; }
.mp.mp13{background-position:top left;left:670px; top:540px; }
.mp13 .mito{left:0;top:22px;}
.mp13 .feng{left: -115px; top: -45px;}
.mp.mp14{background-position:bottom right;left:550px; top:510px; }
.mp14 .mito{left:8px;top: 20px;}
.mp14 .feng{left: -108px;top: -50px;}


@media screen and (max-width: 1100px){
	.mapbox{
		width: 100%;
		overflow: hidden;
		overflow-x:scroll;
    }
    .tips{display: block;}
}
@media screen and (max-width: 760px) {
	.m_map{
		width: 700px;
		height:551px;
		float: left;
		background-size: 100% 100%;
	}
	.mp1{left:620px;top:100px;}
	.mp2{left:590px;top:150px; }
	.mp3{left:560px;top:190px;}
	.mp.mp4{left:415px;top:185px;}
	.mp.mp5{left:300px;top:370px;}
	.mp.mp6{left: 330px;top:420px;}
	.mp7{left:488px;top: 210px;}
	.mp.mp8{left: 370px; top:230px;}
	.mp9{left:494px; top:255px;}
	.mp.mp10{left: 425px; top:310px;}
	.mp.mp11{left: 545px; top:310px;}
	.mp12{left:520px; top:350px;}
	.mp.mp13{left:475px; top:380px;}
	.mp.mp14{left:360px; top:350px;}
}