.Cootion{ width:100%; background-color:#f5f5f5; padding:50px 0px;} 
.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;}

.m_map{ width:100%; height:724px; margin:30px auto;  position: inherit;  background:url(../img/parallax-slider/images/diru.png) no-repeat 0 0 ;}
.mp{ position:absolute; cursor:pointer; background:url(../img/parallax-slider/images/fi1.png) no-repeat 4px 20px; width:24px; height:63px; -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:hover{ background:url(../img/parallax-slider/images/fi2.png) no-repeat 4px 20px; -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;}
.hover_tu{background:url(../img/parallax-slider/images/fi2.png) no-repeat 4px 20px;}
.mp .mito{ position:absolute; left:0px; bottom:0px; font-size:12px; color:#666666;}
.mp .find_mi1{ left:-12px; width:50px; text-align: center;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng{ position:absolute; display:none; width:347px; height:85px; left:-230px; top:-78px; background:url(../img/parallax-slider/images/vf1.png) no-repeat 0 top; z-index:10;}
.feng .sang{ position:absolute; left:235px; bottom:0px; background:url(../img/parallax-slider/images/vf2.png) no-repeat 0 0; width:14px; height:8px;}
.feng .tree{ height:62px; width:330px; margin:9px; }
.feng .tree .boou{ width:86px; height:62px; float:left;}
.feng .tree .du_size{  float:right; height:62px; width:230px;} 
.feng .tree .du_size p{ font-size:12px; color:#FFF; line-height:20px;}

.gz{left:615px; top:585px; }
.dg{left:653px; top:600px; }
.jy{left:678px; top:590px; }
.hk{left:578px; top:660px; }

.hf{left:692px; top:443px; }
.nn{left:545px; top:594px; }
.gy{left:524px; top:538px; }
.km{left:428px; top:585px; }
.cs{left:611px; top:503px; }
.sz{left:636px; top:612px; }
.nc{left:668px; top:496px; }
.sjz{left:612px; top:266px; }


@media only screen and (max-width: 767px){
    .m_map{background: url(); position: initial; height: 100%;}
    .mp{position: inherit;background: url();height: 100%;width: 100%; }
    .mp:hover{background: url();}

    .mp .find_mi1{width: 100%; padding: 15px 15px;font-size: 18px;display: none;}
    .mp .mito{position: inherit;}
    .feng{position: inherit;display: block;}
    .feng .sang{position: inherit;background: url();}
}