/* CSS Document */
html,body{margin:0 auto; font-size:12px; line-height:24px; text-decoration:none; color:#666; font-weight:normal; font-family:"΢ÈíÑźÚ","Microsoft Yahei";}
img{border:0;}
a{font-size:12px; line-height:24px; font-weight:normal; color:#666; text-decoration:none;}
h1,h2,h3,h4,h5,h6,p{margin:0; padding:0;}
ul,ol,dl{list-style:none;}
ul,ol,dl,li,dt,dd{margin:0; padding:0;}
table{border-collapse:collapse;}
/*---------------*/
.fl{float:left; }
.fr{float:right;}
.clear{display:block;clear:both; line-height:1px; font-size:1px; height:0px;}

.comm_ding{display:block; height:50px;  width:100%; background:#0099d9;}
.comm_ding .m_in{display:block; width:100%; margin:0 auto; line-height:50px;}
.comm_ding .m_in .return{float:left; width:15%; line-height:50px; background:url(../img/b_ar.jpg) no-repeat left center; background-size:auto 50%; height:50px;}
.comm_ding .m_in h4{float:left; width:30%; line-height:50px; font-size:17px; text-align:center; color:#fff; font-weight:normal; }
.comm_ding .m_in .daohang{float:right; width:12%;padding-left:10%;background:#0ea2e0 url(../img/daohang.png) no-repeat 4px center; background-size:auto 55%; height:50px; color:#fff; line-height:50px;font-size:13px; border-left:1px solid #0a8dc4;}




.map_list{display:block; width:100%;}
.map_list ul{display:block; width:100%;}
.map_list ul li{display:block; width:100%; margin-bottom:15px;}
.map_list .map_v{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.map_list .map_v img{display:block; width:100%;}
.map_list .map_v  .t_out{display:block; padding:4px; border:2px solid #0099d9;width:24%;  position:absolute; left:50%; top:50%; margin-left:-12%; transform:translateY(-50%);border-radius:92px; }
.map_list .map_v .tit{display:block; width:100%;  background:url(../img/blue.png) repeat left top; font-size:19px; text-align:center; border-radius:100%; color:#fff; font-weight:bold;}

.map_list .green  .t_out{border:2px solid #438824;}
.map_list .green  .tit{background:url(../img/green.png) repeat left top;}



.map_list .yellow  .t_out{border:2px solid #fe8b10;}
.map_list .yellow  .tit{background:url(../img/yellow.png) repeat left top;}


.map_list .purple  .t_out{border:2px solid #66338d;}
.map_list .purple  .tit{background:url(../img/purple.png) repeat left top;}
/*-----------------------µØͼµ¼º½ÄÚÒ³-----------------*/
.elec_map_list{display:block; width:100%; border-top:5px solid #0099d9;}
.elec_map_list .title{display:block; width:100%;}
.elec_map_list .title ul{display:block; width:100%; height:45px; border-bottom:1px solid #e1e1e1;}
.elec_map_list .title li{float:left; width:25%; height:45px; line-height:45px;}
.elec_map_list .title li a{display:block; width:99%; line-height:45px; font-size:15px;  color:#666; text-align:center;border-right:1px solid #e1e1e1;}
.elec_map_list .title li a:hover{ background:#0099d9; color:#fff;}
.elec_map_list .title li .actived{ background:#0099d9; color:#fff;}
.elec_map_list .title li a.current{ background:#0099d9; color:#fff;}
.elec_map_list .con{display:block; padding-top:5px;}
.elec_map_list .con dl{display:block; width:98%; margin:0 auto;}
.elec_map_list .con dl dd{display:none; font-size:15px; }

.map_detail{display:block; width:100%;position:relative; z-index:2; left:0; top:0;}
.map_detail img{display:block; width:100%; }

.map_detail .address_pot{display:block; position:absolute; z-index:8; left:100px; top:50px;}

.map_detail .address_pot .biao{display:block; width:20px; height:25px; background:url(../img/address_icon1.png) no-repeat center center; background-size:auto 100%;}


.map_box_info{display:none; width:70%;background:#fff;position:absolute; z-index:10; left:15%; top:50px; box-shadow:0px 2px 2px 2px #eee; margin:0 auto;}
.map_box_info .map_tit{display:block;height:30px; width:97%; background:#9ec4d4; line-height:30px;padding-left:3%; color:#fff; font-size:17px;}
.map_box_info .map_profile{display:block; width:96; padding:2%; background:#fff; font-size:12px; color:#888; line-height:20px;} 
.map_box_info .map_di{display:block; width:100%; border-top:1px solid #e1e1e1;padding-bottom:6px;}
.map_box_info .map_di ul{display:block; width:96%; margin:0 auto;}
.map_box_info .map_di ul li{display:block;  width:100%;margin-bottom:6px;}
.map_box_info .map_di ul li .map_from{display:block; line-height:30px; height:30px;width:100%;background:url(../img/address_icon1.png) no-repeat 30% center; background-size:auto 70%;text-align:center;}
.map_box_info .map_di ul li .map_to{display:block; width:100%;height:30px;}
.map_box_info .map_di ul li .map_to label{ line-height:30px;}
.map_box_info .map_di ul li .map_to input{background:none; border:none; padding:0; margin:0; margin-left:5px;height:24px; border:1px solid #e1e1e1;width:80%;}
.map_box_info .map_di .car{float:left; width:32%; height:26px; background:none; border:none; border:1px solid #e1e1e1; background:#e9f2f5 url(../img/car.png) no-repeat center center; background-size:auto 80%;cursor:pointer;margin-right:1.3%;}
.map_box_info .map_di .transit{float:left; width:32%; height:26px; background:none; border:none; border:1px solid #e1e1e1; background:#e9f2f5 url(../img/transit.png) no-repeat center center; background-size:auto 80%; cursor:pointer; margin-right:1.3%;}
.map_box_info .map_di .walk{float:left; width:32%; height:26px; background:none; border:none; border:1px solid #e1e1e1; background:#e9f2f5 url(../img/walk.png) no-repeat center center; background-size:auto 92%;cursor:pointer; margin-right:1.3%;}

.distance_detail{display:block; width:100%;  background:#fff; border:1px solid #e1e1e1;  margin:0 auto; position:fixed;bottom:0;z-index:1000; }
.distance_detail .d_in{display:block; padding:2%; position:relative; left:0; top:0; z-index:2;}
.distance_detail .d_in h4{display:block; line-height:26px; font-size:15px; color:#444;}
.distance_detail .d_in .tip{display:block; line-height:20px;font-size:13px; color:#444;}
.distance_detail .d_in  .more{display:block; position:absolute; right:5px; top:10px; z-index:9; width:26%; height:34px; background:#0099d9; border-radius:6px; line-height:30px; text-align:center;color:#fff; font-size:15px;}