@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif;  font-size:12px; line-height:22px; }

.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
.clearfix { *zoom:1; font-size:0px;}
a{ color:#333; text-decoration:none}
a:hover{ color:#f00} 
a img{ border:none;}
ul li{ list-style:none;}
div,ul,li,h1,h2,h3,h4,h5{ font-size:12px; margin:0; padding:0}

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

#header_bg{ width:100%; height:501px; background:url(images/header_bg.jpg) no-repeat center;}
#header{ widows:1003px; margin:0 auto; position:relative; }
h1{ float:left; margin-left:32px; margin-top:8px; display:inline;}
.tel{float:right; margin-top:78px; display:inline} 
.top_link{ top:24px; right:34px; position:absolute; color:#FFF;}
.top_link a{color:#FFF;}
.top_link a:hover{color:#F00;}

#nav{ width:1003px; margin:0 auto;}
#banner{width:1003px; margin-top:5px;}

#container{width:1003px; margin:0 auto;}
.left{ float:left;}
#products{ width:226px;}
#products .inner{ width:226px; height:276px; background:url(images/pro_inner.jpg) no-repeat top left;}
#products .inner ul{ width:192px; margin-left:15px;}
#products .inner ul li{ background:url(images/pro_li.jpg) no-repeat 10px center; width:164px; height:24px; border-bottom:dashed 1px #7e7e7e; padding-left:28px; padding-top:5px; line-height:32px; height:34px; }

#yf{ width:227px;}

#contact{ width:227px;  margin-top:3px;}
#contact .inner{ width:213px; height:150px; background:url(images/con_inner.jpg) no-repeat top left; padding-top:8px; padding-left:14px; line-height:24px;}
#contact .inner b{ font-weight:bold; font-size:14px;}


.co_right{ width:764px; float:right; }
#about{ width:764px; margin-bottom:12px;}
#about .ab_img{ float:left; border:solid 1px #7e7e7e; padding:1px;}
#about .ab_tex{ float:left; display:inline}
#about .ab_tex h2{ margin-left:20px;}
#about .ab_tex h2 img{ float:left;}
#about .ab_tex h2 span{ float:right; margin-right:15px; display: inline;}
#about .ab_tex .inner{width:462px; height:116px; line-height:26px; background:url(images/about_inner.jpg) no-repeat top left; padding-left:30px; padding-top:28px; padding-right:20px}



#prodcuts_us{ width:764px; position:relative; }
#prodcuts_us h2 img{ float:left;}
#prodcuts_us h2 span{ float:right; margin-right:15px; margin-top:8px;}
#prodcuts_us .inner{ width:719px; height:158px; margin-left:20px; margin-left: 20px; line-height:10px;}
#prodcuts_us .inner ul{ width:681px; margin-left:11px; }
#prodcuts_us .inner ul li{ text-align:center; width:217px; height:154px;  float:left; margin-left:4px; margin-right:4px; display:inline;}
#prodcuts_us .inner ul li img{border:solid 1px #a8a8a8; float:left;}
#prodcuts_us .inner ul li a{ margin-top:8px; line-height:12px;}
#prodcuts_us .pro_left{top:34px; left:23px; position:absolute;}
#prodcuts_us .pro_right{top:34px; right:24px; position:absolute;}



#news{ width:759px; height:216px; margin-top:14px; background:url(images/new_bg.jpg) no-repeat top left;}
#news h2{ padding-top:12px; padding-left:5px;}
#news h2 img{ float:left;}
#news h2 span{ float:right; margin-right:15px; display:inline;}
#news .inner{ margin-left:29px; line-height:32px}
#news .inner ul li{background:url(images/news_li.jpg) no-repeat 10px center; width:525px;  border-bottom:dashed 1px #7e7e7e; padding-left:28px; padding-top:7px;}
#news .inner ul li span{ color:#979797; float:right;} 
#news .inner ul li span:hover{ color:#fd8484; float:right;} 

.bottom{ width:1003px; padding-top:17px; margin:0 auto;}
#link{ float:left; width:694px; height:128px;}
#link h2{ width:694px; border-bottom:solid 1px #e7e7e7;}
#link .inner{width:694px; margin-top:14px;}
#link .inner li{ width:124px; height:39px; line-height:39px; float:left; display:inline; border:solid 1px #e7e7e7;  text-align:center;}

#jobs{ float:right; width:292px;  display:inline;}
#jobs h2{ width:287px; border-bottom:solid 1px #e7e7e7;  margin-left:;}
#jobs .inner img{margin-top:14px; margin-left:19px}

#footer{ width:1003px; margin:0 auto; text-align:center; border-top:solid 2px #e9e9e9; }
.copyright{ margin-top:21px; line-height:24px;}

.sidbar{ float:left;}
.subnav{ width:226px;}
.subnav .inner{ width:226px; height:auto; background:url(images/pro_inner2.jpg) repeat-y bottom left; padding-bottom: 15px}
.subnav .inner ul{ width:192px; margin-left:15px;}
.subnav .inner ul li{ width:164px; height:24px; border-bottom:dashed 1px #7e7e7e; padding-left:28px; padding-top:5px; line-height:30px; height:30px; }
.subnav .inner ul .sub1{ border-bottom:dashed 1px #666; width:164px; height:30px;  background:url(images/pro_li.jpg) no-repeat 10px 15px; line-height:30px; }
.subnav .inner ul li .sub2{ border-bottom:dashed 1px #666; width:132px; margin:auto; margin-left:30px; padding-left:20px; }

.main{ width:764px; float:left;  display:inline; padding-left:10px; }
.crumb{  width:764px; height:30px; line-height:30px; padding-top:10px; font-weight:bold;  text-align:left; color:#402817; border-bottom:solid 1px #e7e7e7; }
.crumb h2{ font-size:16px;  background:url(images/Web.jpg) no-repeat 5px; }
.crumb img{ float:left; padding-left:5px; display:inline;}
.crumb span{ float:right; font-weight:normal; font-size:12px;  margin-right:10px; display:block; color:#7e7e7e}

.main .article .inner1{margin:15px;  line-height:24px;}

.channel {height:43px;line-height:43px;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:43px;line-height:43px;}
/*---------------------------------*/
.channel .nav0 a{width:91px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/nav.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/nav.jpg) -0px -43px;}
/*---------------------------------*/
.channel .nav1 a{width:101px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/nav.jpg) -91px 0;}
.channel .nav1 a:hover{background:url(images/nav.jpg) -91px -43px;}
/*---------------------------------*/
.channel .nav2 a{width:104px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/nav.jpg) -192px 0;}
.channel .nav2 a:hover{background:url(images/nav.jpg) -192px -43px;}
/*---------------------------------*/
.channel .nav3 a{width:105px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/nav.jpg) -296px 0;}
.channel .nav3 a:hover{background:url(images/nav.jpg) -296px -43px;}
/*---------------------------------*/
.channel .nav4 a{width:104px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/nav.jpg) -401px 0;}
.channel .nav4 a:hover{background:url(images/nav.jpg) -401px -43px;}
/*---------------------------------*/
.channel .nav5 a{width:104px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/nav.jpg) -505px 0;}
.channel .nav5 a:hover{background:url(images/nav.jpg) -505px -43px;}
/*---------------------------------*/
.channel .nav6 a{width:104px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/nav.jpg) -609px 0;}
.channel .nav6 a:hover{background:url(images/nav.jpg) -609px -43px;}
/*---------------------------------*/
.channel .nav7 a{width:103px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/nav.jpg) -713px 0;}
.channel .nav7 a:hover{background:url(images/nav.jpg) -713px -43px;}
/*---------------------------------*/
.channel .nav8 a{width:100px;}
.channel .nav8,.channel .off8 a:visited {background:url(images/nav.jpg) -816px 0;}
.channel .nav8 a:hover{background:url(images/nav.jpg) -816px -43px;}
/*---------------------------------*/
.channel .nav9 a{width:87px;}
.channel .nav9,.channel .off9 a:visited {background:url(images/nav.jpg) -916px 0;}
.channel .nav9 a:hover{background:url(images/nav.jpg) -916px -43px;}
/*---------------------------------*/



.channel .nlist { display:none; color:#076883;  position:absolute; padding-top:10px; text-align:center; width:100%; _width:100px;/**FOR IE6 数值视具体情况而定**/ line-height:5px; top:30px; left:-13px; filter:Alpha(opacity=80);-moz-opacity:0.8; z-index:1000; }
.channel .nlist a {line-height:40px; background:url(images/ej_bg.jpg) no-repeat center; text-align:center; color:#FFF;}
.channel .nlist a:link,.channel .nlist a:visited {font-size:12px;font-weight:normal;text-align:center;}
.channel .nlist a:hover {color:#F00;text-decoration:underline; background-image:none}




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;}