body{ margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.png) repeat-x; font-size:12px; line-height:22px; }
*{ font-size:12px; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}
.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;}

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


.header_bg{ background:url(images/top_bg.jpg) repeat-x}
#header{position:relative; background:url(images/header_bg.png) no-repeat right}
#header h1{ float:left}
#header .toptel{ float:right; margin-top:50px; margin-right:8px;}
.search_bar{height:18px; padding-left:10px; line-height:18px; color:#ccc}
.toptel img{ margin-left:5px; display:inline; float:right;_float:none;_margin-bottom:-5px;}
#header .toplink{ position:absolute; top:10px; right:60px;color:#fff}
#header .toplink a{color:#fff}




#nav{ }

.banner_bg{ background:url(images/banner_bg.jpg) repeat-x;}

#banner{}


#container{ margin-top:10px; margin-bottom:10px;}

#newproduct{ border:solid 1px #cccccc; padding:15px 0}
#newproduct .left_btn,#newproduct .right_btn{ margin-top:40px;}
#newproduct .left_btn,#newproduct .inner{ float:left; display:inline}
#newproduct .right_btn{ float:right; display:inline}
#newproduct .inner{ margin-left:10px; margin-right:10px;}
#newproduct .inner ul{ width:910px;}
#newproduct .inner ul li{ width:182px; float:left; text-align: center; display:inline;}
#newproduct .inner ul li img{ border:solid 1px #CCCCCC; margin-bottom:3px;}
#newproduct .inner ul li a{ color:#666}
#newproduct .inner ul li a:hover{ color:#f00}

.left{ float:left; width:237px; display:inline; margin-right:25px;}
.right{ float:left; width:740px; display:inline}



#news{ float:left; display:inline; width:235px; border:solid 1px #cccccc; margin-top:10px; }
#news h2{}

#news .inner{ width:207px; margin:auto;height:182px; padding-top:8px; padding-bottom:8px;}
#news .inner ul li{ width:195px;height:25px; padding-left:20px; line-height:20px; background:url(images/news_ico.jpg) no-repeat 5px 6px;}

#prolist{ float:left; display:inline; width:235px; border:solid 1px #cccccc; margin-top:10px; }
#prolist h2{}

#prolist .inner{ width:215px; margin:auto;height:225px; padding:8px 0;}
#prolist .inner ul li.sub1{ width:195px;height:25px; padding-left:20px; line-height:20px; background:url(images/product_list_ico.jpg) no-repeat 5px ;}
#prolist .inner ul li.sub1 a{ font-weight:bold; color:#000000}
#prolist .inner ul li.sub2{ width:185px;height:25px; padding-left:30px; line-height:20px; background:url(images/product_list_ico2.jpg) no-repeat 18px 5px ;}

#about{ float:left; display:inline; margin-top:10px; margin-right:25px;_margin-right:20px; width:475px; }
#about h2{ margin-bottom:10px;}

#about .inner{ width:480px; margin:auto;height:180px; line-height:24px;}
#about .inner img{ float:left; margin-right:10px; border:solid 1px #ccc; padding:2px;}


#contact{ float:left; display:inline; width:235px; border:solid 1px #cccccc; margin-top:10px; }
#contact h2{}

#contact .inner{ width:215px; margin:auto;height:235px; line-height:22px; padding:8px 0;}
#contact .inner img{ margin-bottom:5px;}
#contact .inner b{ color:#ff0000; font-size:14px; }



#products{ width:740px; margin-top:10px;}
#products h2{ width:740px;}

#products .inner{ width:740px; margin:auto; margin-top:10px; height:180px;}
#products .inner ul li{ width:185px; float:left;text-align: center; height:182px; display:inline;}
#products .inner ul li img{ border:solid 1px #CCCCCC; margin-bottom:3px; padding:2px;}
#products .inner ul li a{ color:#666; font-weight:bold}
#products .inner ul li a:hover{ color:#f00}


#case{ float:left; width:237px; margin-top:10px;}
#case .inner{ background:url(images/case_bg.jpg) no-repeat; width:237px; height:184px; text-align:center; padding-top:3px;}

#friendlink{ background:#f1f1f1}
#friendlink ul{ width:861px; float:left;}
#friendlink ul li{ float:left; padding-top:10px; margin-right:10px; display:inline; }
#friendlink ul li img{border:solid 1px #ccc}

#footer{height:50px; line-height:50px;  text-align:center;  background:url(images/bottom_bg.png) repeat-x bottom}
#footer a{ color:#333}



.subnav{   width:201px; border:solid 1px #cccccc; margin-top:10px; }



.sidebar{ width:201px; float:left;margin-right:20px; display:inline; }
.subnav ul{ width:185px; margin:auto; margin-top:10px;}
.subnav img{ display:block}
.subnav .sub1{   width:165px;height:25px; padding-left:20px; line-height:20px; background:url(images/product_list_ico.jpg) no-repeat 5px ;}
.subnav .sub1 a{ font-weight:bold; color:#000000}
.subnav .sub1 a:hover{ color:#FF0000}
.subnav .sub2{   width:155px;height:25px; padding-left:30px; line-height:20px; background:url(images/product_list_ico2.jpg) no-repeat 18px 5px ;}
.subnav .sub2 a{ color:#666; }
.subnav .sub2 a:hover{ color:#FF0000}

.main{ width:770px; float:left;   display:inline;}
.crumb{ background:url(images/title_ico.jpg) no-repeat 5px; width:740px; margin:auto; height:45px; margin-bottom:15px; line-height:45px; padding-left:30px; font-weight:bold; font-size:14px; text-align:left; color:#ed6e00; border-bottom:solid 1px #CCCCCC}
.crumb span{ float:right; font-weight:normal; color:#999999; margin-right:10px;}


.article { width:760px; margin:auto; line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left;  }
.word_list{ margin-right:10px;}
.word_list ul li,.word_list ul .banner1 { border-bottom:dashed 1px #666; line-height:28px; height:28px; background:url(images/news_ico.jpg) no-repeat 5px; padding-left:20px;  text-align:left; }

.word_list ul .banner1 { height:100px;}
.word_list ul li span { float:right; color:#666; margin-right:10px; }
.pic_list ul li { width:185px; float:left;text-align: center; height:182px; display:inline; }
.pic_list ul li img {border:solid 1px #CCCCCC; margin-bottom:3px; padding:2px;}
.pic_list ul li p { text-align:center; margin:0; padding:0; }
.pic_list ul li a{ color:#666; font-weight:bold}
.pic_list ul li a:hover{ color:#f00}

.pager { text-align:center; padding:10px; }
.channel {height:45px;line-height:45px;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:45px;line-height:45px;}
/*---------------------------------*/
.channel .nav0 a{width:84px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/menu.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/menu.jpg) -0px -45px;}
/*---------------------------------*/
.channel .nav1 a{width:95px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/menu.jpg) -84px 0;}
.channel .nav1 a:hover{background:url(images/menu.jpg) -84px -45px;}
/*---------------------------------*/
.channel .nav2 a{width:105px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/menu.jpg) -179px 0;}
.channel .nav2 a:hover{background:url(images/menu.jpg) -179px -45px;}
/*---------------------------------*/
.channel .nav3 a{width:103px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/menu.jpg) -284px 0;}
.channel .nav3 a:hover{background:url(images/menu.jpg) -284px -45px;}
/*---------------------------------*/
.channel .nav4 a{width:104px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/menu.jpg) -387px 0;}
.channel .nav4 a:hover{background:url(images/menu.jpg) -387px -45px;}
/*---------------------------------*/
.channel .nav5 a{width:100px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/menu.jpg) -491px 0;}
.channel .nav5 a:hover{background:url(images/menu.jpg) -491px -45px;}
/*---------------------------------*/
.channel .nav6 a{width:95px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/menu.jpg) -591px 0;}
.channel .nav6 a:hover{background:url(images/menu.jpg) -591px -45px;}
/*---------------------------------*/
.channel .nav7 a{width:98px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/menu.jpg) -686px 0;}
.channel .nav7 a:hover{background:url(images/menu.jpg) -686px -45px;}
/*---------------------------------*/
.channel .nav8 a{width:101px;}
.channel .nav8,.channel .off8 a:visited {background:url(images/menu.jpg) -784px 0;}
.channel .nav8 a:hover{background:url(images/menu.jpg) -784px -45px;}
/*---------------------------------*/
.channel .nav9 a{width:118px;}
.channel .nav9,.channel .off9 a:visited {background:url(images/menu.jpg) -885px 0;}
.channel .nav9 a:hover{background:url(images/menu.jpg) -885px -45px;}
/*---------------------------------*/





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