body{ color:#c7ab83;font-family:Arial, Helvetica, sans-serif;background:url(images/body_bg.jpg) top center repeat;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div{margin:0px;padding:0px; list-style:none; line-height:24px;font-size:12px; font-weight:normal;}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#c7ab83; text-decoration:none}
a:hover{ color:#e0b16f; text-decoration:none;} 
img{ border:none;}
.c{ clear:both}

.wrapper{ width:1103px; margin:0 auto;}

.top_bg{ background:url(images/top_bg.jpg) top center repeat #84644b; height:8px; width:100%;}
.header_bg{ background:url(images/header_bg.png) top center repeat-x; height:119px; width:100%; position:absolute; z-index: 1000;}
#banner{ border-bottom:3px solid #be9c6c; width:100%;}
#logo{ float:left; width:388px;}
#nav{ float:left;}
#ha{ position:relative}
#case .inner img{ display:block}

#container{ background:#000;}
#gg{ height:126px; margin-bottom:30px;}
.cn_cl{ width:719px; float:left;}
.cn_rt{ width:361px; float:right;}

#case .title{ margin-bottom:14px;}
#case .inner{ width:700px; height:482px; margin-left:19px;}
#case .inner ul li{ float:left; text-align:center; background:url(images/ico3.jpg) top center no-repeat; padding-top:25px; margin-right:13px;}
#case .inner ul li img{display:block; border:1px solid #ae8844; padding:2px; width:215px; height:159px;}

#case .inner ul li span a{ font-size:14px; background:url(images/ico4.jpg) top center no-repeat;display:block; margin-top:10px; margin-bottom:5px; line-height:28px;}





#about{ width:361px; margin-bottom:22px;}
#about .inner{ height:210px; line-height:27px; margin-top:15px; margin-right:4px; text-indent:24px;}
#about .inner img{ float:left; display:block; margin-right:7px; margin-top:7px;}
#about .inner a{ color:#b98f43;}

#news{ width:361px;}
#news .inner li span a{ color:#959595}
#news .inner{ height:177px; margin:8px 5px 0px 7px;}
#news .inner img{ float:left; margin:0px 10px 0px 0px; display:inline; background:#fff; padding:1px; border:1px solid #ccc}
#news .inner h2{ color:#a87f34; display:block; font-size:14px;  }
#news .inner .nr{ display:block; line-height:22px; text-indent:24px;}
#news .inner ul{ float:left; clear:both; width:340px; line-height:26px; margin-top:7px; }
#news .inner li{ border-bottom:dashed 1px #252525}
#news .inner .time{ float:right}
#news h3,#about h3,#contact h3{ margin-top:9px; margin-left:12px;}
#news h3 span,#about h3 span{ float:right; margin-right:13px; display:inline}
#news .inner ul li a{ color:#c7ab83;}
#news .inner ul li a:hover{ color:#bc8f42;}
#news .inner ul li { background:url(images/ico1.jpg) no-repeat 5px; padding-left:15px;}
#news .inner .time a{ color:#9a876d}
#news .inner .time a:hover{ color:#bc8f42}

#pro{ margin-top:10px; margin-bottom:10px;}
#pro .inner{ height:247px; margin-top:17px;}
#pro .inner .pp{ margin-left:39px; float:left; margin-right:30px; display:inline}
#pro .inner .pp img{ float:left}
#pro .inner ul{ float:left}
#pro .inner ul li{ float:left; text-align:center; margin-right:18px;}
#pro .inner ul li img{ display:block; border:1px solid #a1a1a1;}
#pro .inner ul li span{ color:#a1845a; font-size:14px; line-height:45px;}

#links{ background:url(images/links_bg.jpg) top center no-repeat; height:35px; line-height:35px;color:#000; }
#links a{ color:#000; padding:0 5px;}
#links a:hover{ color:#fff;}
#links .inner{ margin-left:110px;height:35px; line-height:35px;}



.footer_bg{ background:url(images/footer_bg.jpg) top center no-repeat; height:223px; width:100%;}
#footer{ background:url(images/footer.png) top center no-repeat; height:182px;}
#footer .inner{ float:right;}

#top_vv{ margin-top:15px; color:#949494}
#top_vv a{ color:#949494}
#top_vv a:hover{ color:#e0b16f}






.tel{ margin-bottom:15px;}
.feed{ margin-top:15px; margin-bottom:10px;}
.sidebar{ width:195px; float:left; display:inline; }
.subnav ul{ margin-top:10px;}
.subnav img{ display:block}
.subnav .sub1{  text-align:left;  margin:auto; background:url(images/sub_navbg.png) no-repeat; width:147px; height:27px; line-height:27px; margin-bottom:5px; padding-left:15px;}
.subnav .sub1 a{ color:#ccc; font-weight:bold}
.subnav .sub1 a:hover{ color:#f7b558}
.subnav .sub2{   text-align:left;  margin:auto;  width:147px; height:23px; line-height:23px; margin-bottom:5px; padding-left:15px;}
.subnav .sub2 a{ color:#999; }
.subnav .sub2 a:hover{color:#f7b558}

.subtel{margin-left:10px; margin-top:25px; width:175px; }
.subtel span{ background:url(images/sub_tel.jpg) no-repeat; padding-left:38px; display:block; }


.container_sub{ background:url(images/hr.jpg) repeat-y 210px}
.main{ width:810px; float:right;   display:inline; margin-right:8px;}
.subnav h2{ padding-bottom:8px;}

.crumb{  margin:auto; height:40px; margin-bottom:15px; line-height:40px; padding-left:10px; font-weight:bold; font-size:14px; text-align:left; color:#402817; border-bottom:solid 1px #3c3400}
.crumb span{ float:right; font-weight:normal; color:#8a8a8a; margin-right:10px; font-size:12px; _margin-top:15px; }

.article { width:98%; margin:auto; line-height:24px; text-align:left; padding-bottom:20px;  }
.container_sub{ margin-left:auto; margin-right:auto; width:1050px;}

#case .inner ul li .hover{ position:relative; width:215px; height:159px; display:block;opacity:0.5}

#pro .inner ul li .hover{ position:relative; width:124px; height:175px; display:block;opacity:0.7}





























































.channel {height:118px;line-height:118px;position:relative; z-index:1000}
.channel .nav{position:relative;}
.channel li{float:left; list-style:none;margin:0;padding:0;border:0}
.channel a{ cursor:pointer; display:block;margin:0;padding:0;border:0 }
.channel a{float:left;height:118px;line-height:118px;}
/*---------------------------------*/
.channel .nav0 a{width:101px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/nav.png) -0px 0;}
.channel .nav0 a:hover{background:url(images/nav.png) -0px -118px;}
/*---------------------------------*/
.channel .nav1 a{width:102px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/nav.png) -101px 0;}
.channel .nav1 a:hover{background:url(images/nav.png) -101px -118px;}
/*---------------------------------*/
.channel .nav2 a{width:102px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/nav.png) -203px 0;}
.channel .nav2 a:hover{background:url(images/nav.png) -203px -118px;}
/*---------------------------------*/
.channel .nav3 a{width:102px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/nav.png) -305px 0;}
.channel .nav3 a:hover{background:url(images/nav.png) -305px -118px;}
/*---------------------------------*/
.channel .nav4 a{width:103px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/nav.png) -407px 0;}
.channel .nav4 a:hover{background:url(images/nav.png) -407px -118px;}
/*---------------------------------*/
.channel .nav5 a{width:101px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/nav.png) -510px 0;}
.channel .nav5 a:hover{background:url(images/nav.png) -510px -118px;}
/*---------------------------------*/
.channel .nav6 a{width:104px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/nav.png) -611px 0;}
.channel .nav6 a:hover{background:url(images/nav.png) -611px -118px;}
/*---------------------------------*/



div.black {padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 10px; margin: 3px; color: #333333; padding-top: 10px; background-color: #000; text-align: center; font-family:Verdana; font-size:12px; background:none;}
div.black a {padding:3px 8px;border: 1px solid #d4e0d4;background-position: 50% bottom;color: #333333; margin-right: 3px;text-decoration: none; font-family:Verdana; font-size:12px; }
div.black span.current{border:#ffffff 1px solid;padding:3px 8px;font-weight: bold;color: #ffffff; margin-right: 3px;background-color: #606060}
div.black span.disabled {padding:3px 8px;;border: 1px solid #d4e0d4;color: #a0a0a0 ; margin-right: 3px;}