@charset "utf-8";
/* CSS5 - css5.com.cn */
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4 {margin:0; padding:0;font-style: normal;font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial, Helvetica, sans-serif;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{color:#585858;background:#FFF; text-align:center;}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;}
a{color:#585858;text-decoration:none; } 
a:hover{color:#A7130A;}

.red ,.red a{ color:#F00;}
.blue ,.blue a{ color:#1E51A2;}

.l{float:left}
.r{float:right}

.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.tb10{ padding:10px 0}

#header ,#main ,#footer,.cc,ul#nav,.main-liu,ul.main-liu,ul.index-4,#links,ul#news-index{ margin:0 auto; width:1000px; overflow:hidden}

#main_left{ float:left;}
#main_right{ float:right;}

#header,.top,#navb{ width:100%; min-width:1000px;margin:0 auto;}
.top{ height:32px; background:#EDEDED; line-height:32px}
.tb20{ padding:20px 0}
.logo{ float:left}
#navb{ height:50px; background:#BB2117}
ul#nav{ overflow:hidden}
ul#nav li{ float:left; height:50px; line-height:50px; border-right:1px solid #F4F4F4; padding:0 50px}
ul#nav li a{ color:#E8E8E8}
ul#nav li.end{ border:0}
ul#nav li a:hover{ color:#FFF}

#main{ padding:20px 0}

#seat{ text-align:left; padding-bottom:10px; color:#999; line-height:30px}
#goods{ overflow:hidden}
#goods .l{ width:226px; overflow:hidden}
#goods .r{ width:760px; overflow:hidden}
.l-t,.l-x{ background:#C4261D url(cp-ico.png) no-repeat 10px 16px; font-weight:bold; padding:20px 0; font-size:24px; color:#FFF}
.l-x{ background:#C4261D url(lx-ico.png) no-repeat 15px 20px}
ul.goods{ padding:10px 20px; overflow:hidden; background:#EDEDED}
ul.goods li{ border-bottom:1px solid #C6C6C6; height:40px; line-height:40px; text-align:left; background:url(fill.png) no-repeat 5px center; text-indent:30px}
ul.goods li a{ color:#666}
ul.goods li a:hover{ color:#A7130A}
.lf-contact{ padding:10px 20px; overflow:hidden; line-height:26px; background:#F2F2F2; text-align:left; color:#666}

h1#title{ font-size:22px; color:#000; text-align:left; line-height:40px; font-weight:bold}
.f-title{ line-height:20px; color:#999; text-align:left; border-bottom:1px solid #C4261D}
#main-body{ padding:10px; text-align:left; line-height:28px; width:740px; overflow:hidden}
#main-body img{ max-width:100%}

.tgs{ text-align:left; color:#999; margin:0 auto; border-top:1px solid #EFEFEF; padding-top:20px; line-height:24px; font-size:14px}
.tgs a{ padding:0 6px; color:#DA251D}.tgs a:hover,.upd a:hover{ text-decoration:underline}
.upd{ color:#666; text-align:left}.upd a{ color:#333}

.index-tit{ border-bottom:2px solid #F3F3F3; height:50px}
.index-tit .titles{ float:left; padding:0 10px; border-bottom:2px solid #C4261D; background:url(cphua.png) no-repeat 2px 10px;text-align:left; height:50px}

.index-tit .titles h3{ font-size:20px; font-weight:bold; line-height:50px; text-indent:30px; color:#C4261D}
.index-tit .titles h3 span{ font-size:16px; color:#CCC; line-height:50px;text-indent:10px; }

ul.products{ width:100%; overflow:hidden}
ul.products li{ float:left; width:180px; padding:10px 10px 10px 0; overflow:hidden}
ul.products li img{ width:178px; height:119px; border:1px solid #999}
ul.products li h3{ height:30px; line-height:30px; overflow:hidden}

.c-tit{ font-size:28px; color:#333; line-height:30px; font-weight:bold}
.c-tit-f{ color:#999;}
ul.main-liu{ padding-bottom:50px}
ul.main-liu li{ width:333px; height:125px; float:left; background:#EAEAEA; padding-top:80px}
ul.main-liu li.reds{ background:#AF0000; color:#FFF}
ul.main-liu li h3{ line-height:30px; font-size:20px; color:#4D4D4D; font-weight:bold}
ul.main-liu li div{ color:#999}
ul.main-liu li.reds h3,ul.main-liu li.reds div{ color:#FFF}

.index-about{border-top:1px solid #C30; padding-top:10px; text-align:left}
.index-about img{ float:left; width:374px}
.index-about .right{ float:right; width:366px; text-indent:2em; line-height:28px}

ul.index-4 li{ float:left; width:240px; padding:0 5px; overflow:hidden}
ul.index-4 li img{ width:238px; height:143px; border:1px solid #333}
ul.index-4 li h3{ height:30px; line-height:30px; overflow:hidden; width:238px}

ul#news-index{ padding-bottom:20px }
ul#news-index li{ width:100%;border-top:1px solid #F3F3F3; padding:10px 0; overflow:hidden}
ul#news-index li .dates{ float:left; width:150px; height:40px; color:#FFF; font-weight:bold; background:#AF0000; padding-top:10px; line-height:18px}
ul#news-index li .r{ float:right; width:830px; }
ul#news-index li .r h3{ font-size:16px; font-weight:bold; line-height:30px;text-align:left}
ul#news-index li .r div{ color:#999;text-align:left; line-height:20px;}

ul#news{ overflow:hidden; padding:10px 0}
ul#news li{ height:38px; font-size:16px; text-align:left; line-height:38px; background:url(news-ico.png) no-repeat 5px center; border-bottom:1px dashed #CCC;text-indent:26px}
#pages{padding:20px 0;overflow:hidden;clear:both;text-align:center;margin:0 auto;width:100%;background:#FFF;font-family:Arial, "\5B8B\4F53", sans-serif;font-size:14px;vertical-align:top}#pages a, #pages span{display:inline-block;height:23px;line-height:23px;padding:5px 10px;margin:5px 1px 0 0;background:#ddd;overflow:hidden;vertical-align:top;color:#666} #pages span{background:#f4f4f4}#pages span.current,#pages a:hover{background:#e91726;color:#FFF}

#links{ padding:20px 0; border-top:1px solid #F3F3F3; text-align:left; line-height:26px}
#links a{ padding:0 10px; line-height:26px; height:26px; overflow:hidden}

#footer{ background:#A40C03; width:100%; min-width:1000px; padding:10px 0; color:#FFF}
#footer a{ color:#FFF}#footer a:hover{ color:#CCC}
#footer p{ margin:5px auto}#footer p.nv a{ padding:0 5px}
#copyright{ line-height:24px; padding:10px 0}







