@charset utf-8;
* { margin:0; padding:0 }
img { border:none }
ul, li { list-style:none }
a { text-decoration:none; color:#333 }
a:hover { text-decoration:underline; color:#069 }
body { line-height:20px; font-family:"", Arial, Helvetica, Tahoma, sans-serif; font-size:12px; background:#FFF; color:#333 }
table { border-style:solid;border-color:#999; border-width:1px 0 0 1px;margin-top:20px;margin-left:10px;}
td { border-style:solid;border-color:#999; border-width:0 1px 1px 0;line-height:28px; }
.clear { clear:both }
#header { height:123px; width:auto; background:url(/template/images/header_bg.gif) repeat-x }
.shadow_left_01 { background:url(/template/images/shadow_left_01.gif) no-repeat; width:6px; height:123px; position:absolute; margin:0 0 0 -6px }
.shadow_right_01 { background:url(/template/images/shadow_right_01.gif) no-repeat; width:6px; height:123px; position:absolute; margin:0 0 0 995px }
.shadow_left_02 { background:url(/template/images/shadow_left_02.gif) no-repeat; width:6px; height:170px; position:absolute; margin:123px 0 0 -6px }
.shadow_right_02 { background:url(/template/images/shadow_right_02.gif) no-repeat; width:6px; height:170px; position:absolute; margin:123px 0 0 995px }
#logo { width:995px; height:117px; border-bottom:5px solid #999; background:#FFF; margin:0 auto }
#logo img { float:left; margin:35px 15px 35px 20px }
#logo h3 { font-size:22px; font-weight:700; letter-spacing:1px; line-height:30px; padding-top:35px; color:#000; text-indent:-999999px; }
#logo p { font-family:Arial, Helvetica, sans-serif; color:#333; text-indent:-999999px; }
#nav ul { float:right; width:490px; height:35px; margin-top:45px; background:url(/template/images/navbar.gif) no-repeat }
#nav li { float:left; height:35px; width:81px; line-height:35px; text-align:center }
#nav li a { font-size:14px; color:#FFF; display:block }
#nav li a:hover { background:#069; width:84px; height:35px; text-decoration:none; color:#EEE; font-weight:700 }
#main { width:995px; height:auto; margin:0 auto }
.left { float:left; width:480px; height:auto; min-height:240px; padding:10px }
.left h3, .right h3 { font-size:14px; margin-left:15px; margin-top:5px; border-bottom:1px solid #ddd }
.left p { text-indent:24px; padding:12px 5px 5px 20px }
.more { float:right; width:40px; line-height:22px }
.left li, #newslist li { line-height:22px; margin-left:40px; padding-left:15px; display:block; background:url(/template/images/list_01.gif) no-repeat 0 8px; }
#newslist li a {font-size:13px;}
#newslist li a:hover {background:#069;text-decoration:none;color:#fcfcfc;}
.intro { color:#888; padding-left:55px;  *padding-left:0;
_padding-left:0; }
.left li span, #newslist li span { float:right; padding-right:3px }
ul.news { background:url(/template/images/news_bg.gif) no-repeat; margin:20px }
ul.xingneng { margin:10px }
.right { width:475px; min-height:240px; float:right; height:auto; padding:10px }
.right img { margin:auto }
.right li { margin-left:25px; padding-left:15px; display:block; line-height:19px; background:url(/template/images/list_02.gif) no-repeat 0 50% }
#product_pic { border-top:1px solid #CCC; height:135px; width:995px; padding:5px 0 }
#product_pic li { width:171px; height:116px; display:block; float:left; margin:0 13px; _margin:0 12px; }
#product_pic li h2 { font-size:12px; font-weight:400; text-align:center }
#sidebar { line-height:18px; width:250px; height:auto; float:left }
#sidebar h3 { line-height:16px; font-size:14px; width:210px; background:#CCC; padding:8px 20px }
#sidebar li { padding-left:20px; background:url(/template/images/list_03.gif) no-repeat 0 50%; margin:8px 0 8px 25px }
#sidebar p { padding:10px 0 0 8px }
#content { width:735px; min-height:530px; height:auto !important; height:530px; overflow:visible; float:left; border-left:1px solid #CCC }
#content h1 { font-size:16px; text-align:center; line-height:36px; border-bottom:1px dashed #CCC; color:#069; margin:20px; }
#content h4 { font-size:14px; margin:10px 30px; }
.news_info { display:block; text-align:center; line-height:5px }
.news_info a { color:#369 }
#content p { text-indent:24px; margin:10px 30px;line-height:24px; }
#content img { display:block; margin:5px auto }
ul.pro { margin:10px 30px; }
#page { text-align:center; color:#369; font-size:14px; margin:5px auto; }
#breadcrumb { float:left; width:695px; height:15px; border-bottom:3px solid #C4C4C4; padding:7px 20px; _padding:4px 20px 5px; }
#newslist { margin-top:10px; width:700px; padding:20px }
.product_box { float:left; width:700px; height:165px; _margin-top:20px; border-bottom:1px dashed #CCC; margin:10px 0 5px 20px }
.product_box img { width:245px; height:150px; float:left; padding-right:15px }
.product_box h2 { font-size:14px; display:block; margin-top:8px }
.product_box span a { color:red; float:right; margin-right:35px }
.con_bg { width:680px; padding:40px 20px }
.clbox { float:left; width:320px; height:120px; margin:20px 10px }
.clbox h4 { font-size:12px; color:#369 }
#footer { border-top:5px solid #CCC; width:985px; height:70px; line-height:18px; text-align:left; margin:0 auto; padding:5px }
#footer img { float:right;  margin-right:5px;}
.page { float:right; margin-right:50px; margin-bottom:10px; }
.page a, .page span { display:block; color:#069; font-weight:normal; text-decoration:none; letter-spacing:0px; border:1px solid #ccc; padding:1px 6px 3px 6px; float:left; margin:4px; text-align:center; height:16px }
.page a:hover { color:#fff;background:#069; }
.page a.current {border:none;color:#333;background:#fff;}
.page input { padding:0px; color:#069; height:16px; width:25px; border:0px solid #fff; text-align:center; margin:0px -5px 0px -5px; vertical-align:middle; font-size:12px }
.pagenavi {margin:20px 40px;}
.prepage,.nextpage { color:#069;margin-top:4px; }
.prepage a:hover,.nextpage a:hover {background:#069;padding:1px 2px;text-decoration:none;color:#fcfcfc;}