@charset "utf-8";
/* CSS Document */
/*CSS Reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{margin:0;padding:0;}
table{border-collapse:0;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:center;}
body,button, input, select, textarea {font: 12px/1.5 '宋体',Arial, helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
*html .clearfix{height:1%}
. Clearfix{display:block;}
a{ text-decoration:none; outline:none;}
input{ outline:none;}

/*--nav--*/
#navBox .search{ width:100%; height:56px; background:url(images/BG_Search_02.gif) no-repeat left top; overflow:hidden; padding-left:120px;}
#navBox .search .tip{ float:left; line-height:56px; vertical-align:middle; margin-top:21px;}
#navBox .search label{ float:left; width:40px; height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#f08704;}
#navBox .searchBox{ width:300px; height:56px; float:left; overflow:hidden; background:url(images/search_Bg.gif) no-repeat;}
#navBox .searchBox .searchInput{ width:235px; height:30px; line-height:30px; padding:13px 0; border:none; text-indent:13px; background:none; float:left; color:#A8A8A8; font-size:14px;}
#navBox .searchBox .searchBtn{ width:65px; height:56px; line-height:56px; border:none; background:none; color:#FFF; font-size:16px; float:left; cursor:pointer; text-align:center; font-weight:bold;}
#navBox{ width:999px; height:auto; margin:5px auto; border:1px solid #FFAC0F; padding-bottom:20px; position:relative; z-index:80; background:#FFF6E7;}
#navBox .title{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#DD7553; text-indent:30px;}
#navBox .title.road{ background:url(images/road.png) no-repeat 5px 6px; color:#B23A1D;}
#navBox .title.store{ background:url(images/store.png) no-repeat 5px center; color:#7d6608;}
#navBox .title.par{ background:url(images/particular.png) no-repeat 5px center;}
#navBox .title.ar{ background:url(images/area.png) no-repeat 5px 5px;}
#navBox .title.hd{ background:url(images/active.png) no-repeat 5px center;}
#navBox .title.bor{ width:967px; border-bottom:1px dashed  #DD7553;}
#navBox a.more{ width:80px; float:right; height:20px; text-align:right; line-height:20px; color:#DD7553; position:absolute; right:0px; bottom:0px; font-weight:bold; }
#navBox a.more:hover{ text-decoration:underline;}
#navBox .fb{ font-weight:bold;}

#navBox .letter{ width:937px; height:30px; margin:0px 30px; border:1px solid #FFAC0F; }
#load { background:url(images/li_bg.gif) repeat-x;}
#load:hover{ background:url(images/hover.gif) repeat-x;}
#store:hover{ background:url(images/hover1.gif) repeat-x;}
#store { background:url(images/li_bg2.gif) repeat-x;}
#navBox .letter li{ float:left; width:26px; height:20px; padding:5px 0; position:relative }
#navBox .letter a{ display:block; color:#575C5B; font-size:14px; font-family:Arial; font-weight:bold; width:25px; height:20px; line-height:20px; border-left:1px solid #EAEAEA; text-align:center; cursor:pointer;}
#navBox .letter li.current a{ width:24px; height:25px; position:absolute; top:5px; left:0px; color:#DD7553;  border:1px solid #DC0405; border-bottom:none; background:#fff; z-index:100;}
#navBox .letter span{ width:120px; height:20px; padding:5px 0; float:left;font-size:14px; line-height:20px; color:#575C5B; font-weight:bold; text-align:center;}
#navBox .letter li.more{ width:120px; height:20px; padding:5px 0; float:left;font-size:14px; line-height:20px; color:#575C5B; font-weight:bold; text-align:center;}
#navBox .letter li.more a{ width:120px; height:20px; line-height:20px; display:block; color:#575C5B;}
#tab_1,#tab_2{ width:676px; height:0px; overflow:hidden; position:absolute;  z-index:90; background:#FFFFFF; }
#tab_1{top:32px; left:151px;}
#tab_2{top:93px; left:151px;}
.tab{ width:674px; height:auto; overflow:hidden; border:1px solid #DC0405;padding:0;margin:0;}
.tab ul{ width:656px; padding:5px 10px; overflow:hidden}
.tab ul li{ width:140px; height:22px; float:left; margin:5px; position:relative; }
.tab ul li a{ display:block; width:138px; height:20px; line-height:20px; text-align:left; color:#575C5B; border:1px solid #FFF; position:relative; z-index:90  }
.tab ul li a:hover{ border-color:#DD7553; color:#DD7553 }
.tab ul li .listBox{ width:138px; height:auto; overflow:hidden; position:absolute; left:0px; top:20px; z-index:3000;  background:#FFF; border:1px solid #DD7553; border-top:none; display:none;}
.tab ul li .listBox p{ width:138px; height:auto; line-height:20px;}

.particular{ width:939px; height:auto; margin:0 30px; position:relative; padding-top:10px;}
.particular li{ width:100px; height:24px; float:left;}
.particular li a{ height:24px; line-height:24px; width:100px; text-align:left; display:block;  color:#000; text-indent:2px;}
.particular li a:hover{ background:#900; color:#FFF;}

.area{ width:939px; height:auto; margin:0 30px; position:relative; padding-top:10px;}
.area li{ width:130px; height:24px; float:left;}
.area li a{ height:24px; line-height:24px; width:130px; text-align:left; display:block;  color:#000;}
.area li a:hover{ background:#900; color:#FFF;}

.active{ width:939px; height:auto; margin:0 30px; position:relative; padding-top:10px;}
.active ul{ width:800px; float:left;}
.active li{ width:100px; height:24px; line-height:24px; float:left;}
.active li a{ width:100px; height:24px; line-height:24px; text-align:left; display:block; color:#000;;}
.active li a:hover{ background:#900; color:#FFF;}