@charset "utf-8";
/*ͨ��*/
*{margin:0;padding:0;font-family:microsoft yahei;-webkit-tap-highlight-color:transparent; }

body{ background: url(/uploads/image/mimages/map_bg.jpg) no-repeat; background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/mimages/map_bg.jpg",sizingmethod='scale');}
input[type=button],input[type=submit],select{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:microsoft yahei;outline:0}
ul{list-style:none}
a{text-decoration:none; color:#000;}
a:hover{ text-decoration:underline}
.pre{position:relative}
.tc{text-align:center}
.fl{float:left !important}
.fr{float:right !important}
.f14{ font-size:14px !important}
img{ border: none;}
.clearfix:after{height:0;display:block;visibility:hidden;content:"";clear:both;}
.clearfix{display:block;}
.block{ display:block}
.hidden{ display:none}
.tc{ text-align:center}
.mask{width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index:10; display:none}
.select{border:1px solid #ccc;display:inline-block; height:30px; position:relative}
.select select{border:none;margin:0 5%; width:90%; height:100%;}
.select:after{content:"";position:absolute;top:13px;right:4px;z-index:1;width:0;height:0;display:inline-block;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #333}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;} 
table{ border-collapse:collapse}
/*ͨ�ý���*/

/*�õ�ƭcss*/
.callbacks li a{ width: 100px; height: 100px; display: block; float: left; margin:4px 0 0 4px;}
.callbacks li a.current{ border: 1px solid #00fcff;width:96px; height: 96px; padding: 1px;}
.callbacks,.callbacks li img{ width:100%; height:100%}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;margin:0;max-width:none}

.callbacks,.callbacks li,.callbacks li img{ width:100%; height:100%}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;margin:0;max-width:none}

.slide{ position: relative; height: 100%;}
.slide .callbacks_nav{position:absolute;-webkit-tap-highlight-color:transparent;bottom:-50px;left:100px;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:20px;width:20px;background: url(/uploads/image/mimages/map_arrow.png) no-repeat 7px 5px;}
.slide .callbacks_nav.next{left:auto;background-position:7px -21px;right:100px}
.slide .callbacks_tabs{ position: absolute; bottom: -55px; left: 120px; z-index: 1; width: 60px; text-align: center;}
.slide .callbacks_tabs li{ display:inline-block; height:25px;}
.slide .callbacks_tabs li a{ width:100%; height:100%; vertical-align:top; display:none; font-size: 12px; color: #000; }
.slide .callbacks_tabs li a:hover{ text-decoration: none;}
.slide .callbacks_tabs li.callbacks_here a{ display: block;}
.slide .callbacks .caption{ font-size: 14px; padding:10px 15px;}

.main{ width: 948px; margin: 0 auto;}
.main h1{ width: 743px; height: 66px; margin:82px auto 126px;}
.main .map{ height: 392px;}
.main .map > div{ height: 100%;}
.main .map .fl{ width: 316px; height: 100%; background-color: #fff;}
.main .map .fl .slide{ width: 316px; height: 312px;}
.main .map .fl .slide .all_num{position: absolute; bottom: -46px; left: 160px; z-index: 1; font-size: 12px;}
.main .map .fr{ width: 632px; height: 100%; float: right; position: relative;}
.main .map .fr img{ width: 100%; height: 100%;}
.main .map .fr p{position: absolute; bottom: 0; left: 0; z-index: 1; width:90%; padding: 0 5%; color: #fff; height: 30px; line-height: 30px; background: rgba(0,0,0,0.2); filter:progid:dximagetransform.microsoft.gradient(enabled='true',startcolorstr='#33000000',endcolorstr='#33000000');}

.foot_nav{ padding: 30px 0 100px;}
.foot_nav a{ width: 101px; height: 100px; line-height:50px; text-align: center; display: block; float: left; margin-left: 4px; color: #333; font-size:24px; font-weight: bold; background: url(/uploads/image/mimages/map_nav.png) no-repeat;}
.foot_nav a:hover{ text-decoration: none;}
.foot_nav a.current{ color: #6fbed9;}