以下是 jquery地图特效全国网点查看代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery地图特效全国网点查看代码</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="m_map">
<div class="mp mp1">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：乌鲁木齐央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito find_mi1">乌鲁木齐</div>
</div>
<div class="mp mp2">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：西安市未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">西安</div>
</div>
<div class="mp mp3">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：成都未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">成都</div>
</div>
<div class="mp mp4">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：重庆未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">重庆</div>
</div>
<div class="mp mp5">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：贵阳未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">贵阳</div>
</div>
<div class="mp mp6">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：南宁未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">南宁</div>
</div>
<div class="mp mp7">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：昆明未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">昆明</div>
</div>
<div class="mp mp8">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：西安未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">西安</div>
</div>
<div class="mp mp9">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：郑州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">郑州</div>
</div>
<div class="mp mp10">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：太原未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">太原</div>
</div>
<div class="mp mp11">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：武汉未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">武汉</div>
</div>
<div class="mp mp12">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：长沙未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">长沙</div>
</div>
<div class="mp mp13">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：南昌未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">南昌</div>
</div>
<div class="mp mp14">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：杭州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">杭州</div>
</div>
<div class="mp mp15">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：厦门未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">厦门</div>
</div>
<div class="mp mp16">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：广州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">广州</div>
</div>
<div class="mp mp17">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：深圳未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">深圳</div>
</div>
<div class="mp mp18">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：合肥未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">合肥</div>
</div>
<div class="mp mp19">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：南京未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">南京</div>
</div>
<div class="mp mp20">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：上海未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">上海</div>
</div>
<div class="mp mp21">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：济南未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">济南</div>
</div>
<div class="mp mp22">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：青岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">青岛</div>
</div>
<div class="mp mp23">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：北京未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">北京</div>
</div>
<div class="mp mp24">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：天津未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">天津</div>
</div>
<div class="mp mp25">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：沈阳未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">沈阳</div>
</div>
<div class="mp mp26">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：长春未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">长春</div>
</div>
<div class="mp mp27">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：哈尔滨未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito find_mi2">哈尔滨</div>
</div>
<div class="mp mp28">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：佛山未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">佛山</div>
</div>
<div class="mp mp29">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：常州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">常州</div>
</div>
<div class="mp mp30">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：东莞未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">东莞</div>
</div>
<div class="mp mp31">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：无锡未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">无锡</div>
</div>
<div class="mp mp32">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：中山未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">中山</div>
</div>
<div class="mp mp33">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：苏州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">苏州</div>
</div>
<div class="mp mp34">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：秦皇岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito find_mi2">秦皇岛</div>
</div>
<div class="mp mp35">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：镇江岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">镇江</div>
</div>
<div class="mp mp36">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：洛阳岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">洛阳</div>
</div>
<div class="mp mp37">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：襄阳岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">襄阳</div>
</div>
<div class="mp mp38">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：衡阳岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">衡阳</div>
</div>
<div class="mp mp39">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：湘潭岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">湘潭</div>
</div>
<div class="mp mp40">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：石家庄岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito find_mi2">石家庄</div>
</div>
<div class="mp mp41">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：嘉兴岛未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">嘉兴</div>
</div>
<div class="mp mp42">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：潍坊未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">潍坊</div>
</div>
<div class="mp mp43">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：惠州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">惠州</div>
</div>
<div class="mp mp44">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：温州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">温州</div>
</div>
<div class="mp mp45">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：台州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">台州</div>
</div>
<div class="mp mp46">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：株州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">株州</div>
</div>
<div class="mp mp47">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：绵阳未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">绵阳</div>
</div>
<div class="mp mp48">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：宁波未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">宁波</div>
</div>
<div class="mp mp49">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：绍兴未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">绍兴</div>
</div>
<div class="mp mp50">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：金华未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">金华</div>
</div>
<div class="mp mp51">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：福州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">福州</div>
</div>
<div class="mp mp52">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：泉州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">泉州</div>
</div>
<div class="mp mp53">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：乐山未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">乐山</div>
</div>
<div class="mp mp54">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：江门未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">江门</div>
</div>
<div class="mp mp55">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：新乡未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">新乡</div>
</div>
<div class="mp mp56">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：信阳未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">信阳</div>
</div>
<div class="mp mp57">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：德阳未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">德阳</div>
</div>
<div class="mp mp58">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：常德未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">常德</div>
</div>
<div class="mp mp59">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：徐州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">徐州</div>
</div>
<div class="mp mp60">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：梧州未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">梧州</div>
</div>
<div class="mp mp61">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：宜昌未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">宜昌</div>
</div>
<div class="mp mp62">
<div class="feng">
<div class="tree">
<div class="sang"></div>
<div class="boou"><img src="images/boou.png" alt=""/></div>
<div class="du_size">
<P>地址：岳阳未央区未央宫街道未央路2号老三届首座大厦11208 </P>
<P>电话：029-68829598</P>
</div>
</div>
</div>
<div class="mito">岳阳</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".mp").mouseover(function(){
$(this).find(".feng").show();
}).mouseout(function(){
$(this).find(".feng").hide();
});
});
</script>
</body>
</html>
CSS代码(style.css):
@charset "utf-8";html{background:#fff;}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:none;}
img{vertical-align:middle;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
input{padding:0px;font-family:"微软雅黑";}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;}
body{color:#333;font-size:12px;font-family:"微软雅黑","Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";background:#fff;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
a{color:#333333;text-decoration:none;}
a:hover{color:#F67919;text-decoration:none;}
.hidden{visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.form-select select{border:1px solid #ccc;border-radius:2px;padding:5px 3px;margin-right:11px;width:130px;height:28px;line-height:28px;_vertical-align:bottom;_margin-top:3px;}
.form-select .mr0{margin-right:0;}
.Cootion{width:100%;background-color:#f5f5f5;padding:50px 0px;}
.m_map{width:989px;height:724px;margin:30px auto;position:relative;background:url(../images/diru.png) no-repeat 0 0;}
.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 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(../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(../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:55px;}
.mp .find_mi2{left:-5px;width:55px;}
.feng{position:absolute;display:none;width:347px;height:85px;left:-230px;top:-78px;background:url(../images/vf1.png) no-repeat 0 top;z-index:10;}
.feng .sang{position:absolute;left:235px;bottom:0px;background:url(../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;}
.mp1{left:243px;top:272px;}
.mp2{left:341px;top:349px;}
.mp3{left:446px;top:474px;}
.mp4{left:524px;top:474px;}
.mp5{left:524px;top:538px;}
.mp6{left:545px;top:594px;}
.mp7{left:428px;top:585px;}
.mp8{left:548px;top:407px;}
.mp9{left:625px;top:398px;}
.mp10{left:612px;top:325px;}
.mp10{left:612px;top:325px;}
.mp11{left:643px;top:454px;}
.mp12{left:611px;top:503px;}
.mp13{left:668px;top:496px;}
.mp14{left:742px;top:498px;}
.mp15{left:699px;top:557px;}
.mp16{left:618px;top:581px;}
.mp17{left:646px;top:604px;}
.mp18{left:692px;top:443px;}
.mp19{left:727px;top:428px;}
.mp20{left:761px;top:450px;}
.mp21{left:694px;top:345px;}
.mp22{left:745px;top:345px;}
.mp23{left:681px;top:266px;}
.mp24{left:711px;top:266px;}
.mp25{left:790px;top:256px;}
.mp26{left:825px;top:187px;}
.mp27{left:864px;top:103px;}
.mp28{left:573px;top:573px;}
.mp29{left:746px;top:441px;}
.mp30{left:673px;top:592px;}
.mp31{left:779px;top:440px;}
.mp32{left:604px;top:626px;}
.mp33{left:806px;top:468px;}
.mp34{left:753px;top:210px;}
.mp35{left:753px;top:391px;}
.mp36{left:596px;top:415px;}
.mp37{left:575px;top:435px;}
.mp38{left:589px;top:365px;}
.mp39{left:575px;top:316px;}
.mp40{left:612px;top:266px;}
.mp41{left:778px;top:495px;}
.mp42{left:718px;top:318px;}
.mp43{left:653px;top:545px;}
.mp44{left:769px;top:593px;}
.mp45{left:800px;top:524px;}
.mp46{left:633px;top:525px;}
.mp47{left:499px;top:354px;}
.mp48{left:763px;top:543px;}
.mp49{left:798px;top:578px;}
.mp50{left:722px;top:544px;}
.mp51{left:706px;top:501px;}
.mp52{left:743px;top:551px;}
.mp53{left:406px;top:515px;}
.mp54{left:570px;top:621px;}
.mp55{left:658px;top:347px;}
.mp56{left:651px;top:397px;}
.mp57{left:492px;top:420px;}
.mp58{left:549px;top:297px;}
.mp59{left:704px;top:398px;}
.mp60{left:556px;top:527px;}
.mp61{left:551px;top:455px;}
.mp62{left:582px;top:488px;}
分享到QQ
分享到微博
微信扫一扫
