@charset "gb2312";
/* CSS Document */
body{-webkit-text-size-adjust: none; width:100%; min-width:320px;max-width:660px;overflow-x: hidden; margin:0 auto;font-size:0.875em;line-height:1.5em;font-family:"΢ÈíÑźÚ" , arial; color:#333;}
ol,ul{list-style:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
ul,li,input,h1,h2,h3,p,span,b,dl,dt,dd{ margin:0; padding:0; list-style:none;}		
img{border:0;vertical-align:top;  }
em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
.clear{ clear:both; }
.mr{ margin:0 auto;}
.fleft{ float:left;}
.fright{float:right;}
.block{display:block;}
.tleft{text-align: left;}
.top{width:100%;height:auto;padding:0;background:url(../images/index.png);text-align:center}
.container{width:100%;margin:0 auto}
.call{background:#FFB901;margin-bottom:1em;height:50px}
.tnav{background:url('../images/tnav_bg.gif');height:auto;padding:0.6em 0;text-align:center;margin-bottom:0.5em}
.knav ul{border:1px solid #E5E5E5;background-color:#fff;}
.knav li{line-height:2em;font-size:130%; text-align:center; border-bottom:1px solid #E5E5E5;background:url('../images/knav_dot.png') no-repeat;background-position:15% 50%;background-size:10% 45%;*font-size:120%;*height:2em;}

.titles h2{margin:0 10px; padding:0; text-align:left; font-size:18px; font-weight:bold; color:#ffffff; display:inline}
.titles{background:#18A1FC repeat-x;height:auto;padding:0.5em 0;margin-bottom:0.5em;margin-top:0.5em;}
main{width:100%;height:auto;overflow:hidden;margin-bottom: 80px;}
.add p{
    text-indent: 2em;
}
.right{
    background: #383838 !important;
}
.map_tel {position:relative;}
.map_info{margin-top:2%;text-align:  center;}
.map_info h3{background:#22a69b;color:#fff;padding:2% 0;font-size: 2em;line-height: 1.5em;}
.map_info h3 a{color:#FFF;}
.map_info h4{background: #ff6202;padding: 2% 4%;border-radius: 10px;display:  inline-block;margin:  2%;font-size:  2em;}
.map_info h4 a{color:#fff;line-height: 1.5em;}
.map_info h4 img{height: 1.5em;}
.add{text-align: left;color:#777; line-height:2em;font-size: 1.4em; padding-left:2%; margin-top:2%}
.add h3{font-size: 1.4em;color:#888;text-align:  center;}

@media screen and (min-width: 320px) and (max-width: 452px){
	main{width:100%; height:auto; overflow:hidden; margin-bottom:25%}
.map_info h3{font-size: 1.5em;}
.map_info h4{font-size: 1.25em;}
.add{text-align: left;color:#777; line-height:2em;font-size: 1em;}
.add h3{font-size: 1.4em;color:#888;}

}

@media only screen and (max-width:349px) and (min-width:320px){
	main{width:100%; height:auto; overflow:hidden; margin-bottom:25%}
.map_info h3{font-size: 1.05em;}
.map_info h4{font-size: 1.05em;}
.add{text-align: left;color:#777; line-height:2em;font-size: 1em;}
.add h3{font-size: 1.2em;color:#888;}
}