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


/*display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/
strong{display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

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




.he_top{ height:45px; background:#2b1301; width:100%;}

.search{  width:244px; float:right; margin-top:10px;}
.search_area{ background:url(../images/ser_inner.png); width:196px; height:27px; line-height:27px; float:left; border:none; color:#999; text-indent:24px; }
.search_btn{ background:url(../images/ser_bt.png) top center no-repeat; width:48px; height:27px; border:none; float:left; position:relative; left:0px; top:0px; color:#fff}







#header h1{width:360px;height:100px;float:left; position:relative;   }
#header h1 a{display:block;height:100px;width:360px; position:absolute; bottom:0px; left:0;}
#header h1 img{max-width:360px; max-height:100px; position:absolute; top:0px; left:0; right:0; bottom:0; margin:auto}







#nav{ height:100px; width:630px; float:right}
#nav ul li p{ height:20px; line-height:20px; overflow:hidden; font-size:16px; font-weight:bold; color:#321500; padding-top:33px;}
#nav ul li h2{ height:24px; line-height:24px; overflow:hidden; font-size:10px; color:#999999; /*text-transform:uppercase*/}
#nav ul li a p:hover{ color:#873a00; width:100%}

#nav ul li{float:left; height:100px; font-size:14px;font-family:Microsoft Yahei; } 
#nav ul li a{  display:block; text-align:center; font-family:Microsoft Yahei;
 font-size:14px; padding:0 5px;}
#nav ul li a:hover{ background:none; color:#502200; height:100px;}


#nav ul li a{ overflow:hidden;}
#nav ul li .cc{background:#2b1301;height:40px; line-height: 40px;display: none; text-align:center; width:100%; position:relative; z-index:100; margin-top:0px; }
#nav ul li .cc:hover{}
#nav ul li .cc a{width:92%; margin:auto;color:#fff; padding:0 4%; overflow:hidden; height:40px; line-height:40px;}
#nav ul li .cc a:hover{ text-decoration:underline;color:#000; background:#fff}



#banner{ width:100%; height:400px; overflow:hidden;position:relative;}
#banner .hd{position: absolute;bottom:10px;left:0;right:0;text-align: center;z-index:100;}
#banner .hd li{display: inline-block;width:6px;height:6px;border-radius: 50%;background: #fff;margin:0 5px;}
#banner .hd li.on{background:#321500; }


#container{ margin-top:30px;}


.cn_left{ width:485px; float:left}

#about{ width:485px; margin-bottom:50px;}
#about .title{ border-bottom:1px solid #321500}
#about .title span{ float:right; margin-top:20px;}
#about .title h2{ color:#2b1301; font-size:16px; font-weight:bold; margin-bottom:2px;}
#about .title h2 b{ text-transform:uppercase; color:#cccccc; font-size:20px; font-weight:normal}
#about .inner .des{ line-height:26px; height:130px; margin-top:10px; text-indent:24px;font-size: 14px; margin-bottom:14px; overflow:hidden} 
#about .inner .about_img{ height:220px; text-align:center}
#about .inner .about_img img{ height:100%;}


#contact{ position:relative; width:485px;}
#contact .title{ position:absolute; left:10px; top:-10px;}
#contact .inner{ width:483px; height:165px; border:1px solid #ccc; border-top:1px solid #2b1301}
#contact .inner .wz{ padding:12px 12px 0 12px; margin-left:165px;font-size: 14px;height:144px; overflow:hidden ; line-height:24px;}



.cn_right{ width:482px; float:right}


#pro{ width:482px; overflow:hidden}
#pro .title{ font-size:14px; color:#ccc; text-transform:uppercase}
#pro .title b{ font-size:16px; color:#321500; background:url(../images/ico.png) no-repeat 5px; padding-left:30px;}
#pro .title span{ float:right; margin-top:20px;}
#pro .inner{ margin-top:15px;}
#pro .inner ul li{ width:235px; float:left; margin-left:15px;}
#pro .inner ul li .pic{ width:235px; height:235px; overflow:hidden; border:2px solid #ccc }
#pro .inner ul li .pic img{ display:block}



#news{ background:url(../images/news_bg.jpg) top center no-repeat; width:482px; height:363px;}
#news .title{ border-bottom:1px solid #321500; width:460px; margin:0 auto; padding-top:25px;}
#news .title span{ float:right; margin-top:20px;}
#news .title h2{ color:#2b1301; font-size:16px; font-weight:bold; margin-bottom:2px;}
#news .title h2 b{ text-transform:uppercase; color:#cccccc; font-size:20px; font-weight:normal}
#news .inner{ width:460px; margin:0 auto; margin-top:15px; height:259px; overflow:hidden}
#news .inner ul li a .date{ width:84px; float:left; color:#666666; height:20px;font-size: 12px; line-height:20px; margin-top:7px;}
#news .inner ul li a .date:hover{ background:url(../images/date_bg.png) top center no-repeat; color:#fcf6cd; padding-left:15px;}
#news .inner ul li a .des{ background:url(../images/ico0.png) right no-repeat; font-size:14px; height:30px; line-height:30px; overflow:hidden; padding-right:10px;}
#news .inner ul li{border-bottom:1px dashed #ccc; height:37px; line-height:37px;}


#case{ margin-top:35px; margin-bottom:45px;}
#case .title{ font-size:14px; color:#ccc; text-transform:uppercase; margin-bottom:30px; border-bottom:2px solid #2b1301}
#case .title b{ font-size:16px; color:#321500; background:url(../images/ico.png) no-repeat 5px; padding-left:30px;}
#case .title span{ float:right; margin-top:10px;}
#case .inner{ margin-top:15px;}
#case .inner ul li{ width:220px; float:left; margin-left:15px; border:2px solid #ccc ; padding:2px}
#case .inner ul li .pic{ width:220px; height:220px; overflow:hidden;}
#case .inner ul li .pic img{ display:block}





.footer_bg{ background:#2b1301; padding-bottom:35px;}
.links{ width:100%; background:#502200; padding-top:10px; padding-bottom:10px; }
.links h2{ font-size:14px; float:left ; width:80px; background:url(../images/ico5.png) no-repeat 5px; color:#fff; padding-left:30px;}
.links .wrapper{ color:#fff}
 .links .wrapper a{ color:#fff}
.cpy{ text-align:center; padding-top:30px; color:#fff}
.cpy a{ color:#fff}
.cpy a:hover{ color:#502200}













/*sidebar css*/
.sidebar{ width:200px; float:left; margin-left:10px; margin-top:10px; display:inline; }


.subnav {border:1px solid #d9d9d9; border-top:2px solid #2b1301; margin-bottom:20px;}
.subnav .alefttitle { margin-top:10px;}
.subnav .alefttitle h2{color:#2b1301; font-size:20px; height:30px; line-height:30px; font-weight:bold;  background:url(../images/ico6.png) right no-repeat;padding-left:10px; padding-right:10px; overflow:hidden }
.subnav .alefttitle p { font-size:20px; color:#999; text-transform:uppercase; height:20px; line-height:20px; overflow:hidden;  overflow:hidden; text-indent:10px; }



.category{ margin-top:10px;}
.category ul li .firsta{  overflow:hidden; color:#fff;font-size:14px; display:block;  background:#2b1301; height:35px; line-height:35px; padding-left:35px; margin-bottom:5px}
.category ul li a.firsta{ color:#fff;font-size:14px;}
.category ul li a:hover.firsta { color:#eeb414;}

ul.second li .seconda{ text-align:left;  height:40px; line-height:40px;overflow:hidden; margin:auto; overflow:hidden; background:#fff}
ul.second li a.seconda{display:block; color:#747474;font-size: 14px; padding-left:35px;}
ul.second li a.seconda:hover{color:#4f280a}
ul.third li a.thirda{ margin:auto;color:#747474;display:block; line-height:40px; height:40px; overflow:hidden;background:url(../images/ico3.png) 65px no-repeat;font-size: 12px; padding-left:50px;}
ul.third li a.thirda:hover{color:#4f280a}




.sub_contact{border:1px solid #d9d9d9;  margin-bottom:20px;}
.sub_contact h2{ width:188px; margin:0 auto; margin-top:7px;}
.sub_contact .inner{ padding:10px;}







#sub_container{ margin-top:30px; margin-bottom:40px;}



/*main css*/
.main{ float:right; width:750px; margin-top:10px; margin-right:10px;  display:inline;}


.crumb{ height:44px;line-height:44px;  color:#00000; font-size:14px; font-weight:bold;  padding-top:0px; background:url(../images/crumb_bg.png) bottom center repeat-x; overflow:hidden  }

.crumb p{  font-weight:bold; font-size:16px; line-height:44px; height:44px; overflow:hidden;  color:#393939}

.crumb span{ float:right;  color:#2c2c2c;padding-right:10px; font-size:12px; font-weight:normal;}
.crumb span a{  color:#2c2c2c; }

.article {  padding:10px 10px 10px 10px;}
.article img{ max-width:740px;}