body{ color:#757575;font-family:Arial, Helvetica, sans-serif; background:#fffdfd}
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:#757575; text-decoration:none}
a:hover{ color:#cd0b20; text-decoration:none;} 
img{ border:none;}
.c{ clear:both}
.wrapper{ width:1003px; margin:0 auto;}



.container_bg{ background:url(images/bg.jpg) bottom center no-repeat;}
.bkx{ border:solid 1px #e0e0e0}
#header{ background:url(images/header_bg.jpg) top center no-repeat; height:116px;}
#header .top_link{ float:right; margin-top:15px; margin-right:2px;}
.nav_bg{ background:url(images/nav_bg.jpg) top center repeat-x; height:36px;}

#banner{ background:url(images/banner_ty.jpg) bottom center no-repeat; padding-bottom:37px; margin-bottom:5px;}
#banner img{ display:block}

#cc ul li{ float:left;}
#cc ul li a{ display:block; background:url(images/c_ty.jpg) bottom center no-repeat; padding-bottom:25px;}
#cc .w{ margin-right:11px;}

#sort{ width:196px; float:left; margin-top:19px; display:inline; height:360px;}
#sort h3{ background:url(images/title_bj.jpg); line-height:35px; margin:0px 1px 0px 1px; height:35px;}
#sort h3 img{ margin:8px 0px 0px 8px;}
#sort .inner li a{ background:url(images/ico.jpg); line-height:30px; width:163px; display:block; padding-left:26px; color:#595959; margin:auto}
#sort .inner{ margin:5px 0px 0px 0px;}
#sort .inner li a:hover{ color:#cd0000}

#products{ float:left; width:790px;margin-top:19px; display:inline; height:360px; background:url(images/pr_bj.jpg) repeat-x;margin-left:12px;}
#products .pl{ margin-top:107px; float:left; padding-right:5px; }
#products .pr{ margin-top:107px; float:right;}
#products .inner ul li{ float:left;  margin-right:25px; _margin-right:25px;  text-align:center; margin-bottom:5px}

#products .inner ul li img{ background:url(images/p_ty.png) bottom center no-repeat; padding-bottom:15px; display:block}
#products .inner{ margin-top:5px; height:317px; background:url(images/products_bg.jpg) bottom no-repeat; }



#news{ width:370px; margin-top:10px; background:url(images/ne_bj.jpg) repeat-x; display:inline; float:left; height:199px;}
#news .inner li span{ color:#b1b1b1}
#news .inner{ margin:15px 10px 0px 18px;background:url(images/news1.png) bottom right no-repeat; height:155px; }
#news .inner img{ float:left; margin:0px 10px 0px 0px; display:inline}
#news .inner b{ color:#006699; display:block; }
#news .inner .nr{ display:block; margin-top:8px;}
#news .inner ul{ float:left; clear:both; width:340px; line-height:26px;}
#news .inner li{ border-bottom:dashed 1px #e0e0e0}
#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}

#about{ float:left; width:334px; margin:10px 0px 0px 12px; background:url(images/ne_bj.jpg) repeat-x; height:199px;}
#about .inner{ line-height:22px; margin:10px 12px 0px 13px; text-indent:24px;}
#about .inner img{ float:left; margin-right:15px; display:inline; margin-top:3px;}
#about .inner a{ color:#FF0000;}

#contact{ background:url(images/ne_bj.jpg) repeat-x; float:right; height:199px; width:266px; margin:10px 0px 0px 0px;}
#contact .inner{ background:url(images/contact_innerbg.jpg) bottom right no-repeat;}
#contact .inner p{ margin-left:14px; margin-right:60px; padding-top:14px;}


#case{ width:1003px; float:left; margin-top:15px;}
#case .cl{ margin-top:107px; float:left; border:none; margin-right:5px;}
#case .cr{ margin-top:107px; float:right; border:none}
#case .inner ul li{ float:left;  margin-right:15px; margin-bottom:15px; }
#case .inner ul li img{ border:1px solid #e7e4e4; display:block; padding:3px; }
#case .inner{ margin-top:4px; height:322px; background:url(images/c_bottom.png) bottom no-repeat; padding-bottom:39px;}


#footer{ text-align:center; line-height:42px;}



.sidebar{ width:225px; float:left; display:inline; }
.subnav{ margin-top:10px}
.subnav h2{ padding-bottom:15px;}
.subnav ul{   width:222px; margin:1px; background:url(images/bot.jpg) bottom  #fff no-repeat; padding-top:12px;border:1px #c9c9c9 solid; padding-bottom:20px;}
.subnav img{ display:block}
.subnav .sub1{ width:200px; margin:auto; font-size:14px; text-align:left; margin-bottom:5px;}
.subnav .sub1 a{ color:#fff;font-weight:bold; text-align:center; width:175px; height:26px;display:block; line-height:26px; border-bottom:solid 1px #ccc; padding-bottom:5px; background:url(images/sub.jpg) no-repeat; text-align:left; padding-left:25px;}
.subnav .sub1 a:hover{ text-decoration:underline }
.subnav .sub2{font-weight:bold; text-align:center; width:175px;  margin:auto;height:30px;display:block; line-height:30px;   text-align:left; padding-left:25px; border-bottom:dashed 1px #ccc}
.subnav .sub2 a{ color:#666; font-weight:bold }
.subnav .sub2 a:hover{ color:#FF0000}

.subnav .sub3{font-weight:bold; text-align:center; width:175px;  margin:auto;height:32px;display:block; line-height:32px;  text-align:left; padding-left:25px; background:url(images/ico2.jpg) no-repeat 5px;}
.subnav .sub4 a{ color:#666; }
.subnav .sub4 a:hover{ color:#FF0000}


.feedback{ float:left; width:223px; padding-top:13px;}
.join{ float:left; padding-top:13px}

.main{ width:730px; float:right;   display:inline;  background:url(images/crumb.jpg) no-repeat ;}
.crumb{ height:42px;  line-height:42px; padding-left:30px; font-weight:bold; font-size:14px; text-align:left; color:#0a4896; }
.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;  }
.article p{ text-indent:24px;}

.links a{ padding:0 10px;}
.links b{ color:#338fd6}


.channel {height:36px;line-height:36px;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:36px;line-height:36px;}
/*---------------------------------*/
.channel .nav0 a{width:123px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/nav.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/nav.jpg) -0px -36px;}
/*---------------------------------*/
.channel .nav1 a{width:124px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/nav.jpg) -123px 0;}
.channel .nav1 a:hover{background:url(images/nav.jpg) -123px -36px;}
/*---------------------------------*/
.channel .nav2 a{width:122px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/nav.jpg) -247px 0;}
.channel .nav2 a:hover{background:url(images/nav.jpg) -247px -36px;}
/*---------------------------------*/
.channel .nav3 a{width:124px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/nav.jpg) -369px 0;}
.channel .nav3 a:hover{background:url(images/nav.jpg) -369px -36px;}
/*---------------------------------*/
.channel .nav4 a{width:120px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/nav.jpg) -493px 0;}
.channel .nav4 a:hover{background:url(images/nav.jpg) -493px -36px;}
/*---------------------------------*/
.channel .nav5 a{width:134px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/nav.jpg) -613px 0;}
.channel .nav5 a:hover{background:url(images/nav.jpg) -613px -36px;}
/*---------------------------------*/
.channel .nav6 a{width:122px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/nav.jpg) -747px 0;}
.channel .nav6 a:hover{background:url(images/nav.jpg) -747px -36px;}
/*---------------------------------*/
.channel .nav7 a{width:134px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/nav.jpg) -869px 0;}
.channel .nav7 a:hover{background:url(images/nav.jpg) -869px -36px;}
/*---------------------------------*/