.clear{ clear:both;}
/* start clearfix */
.clearfix:after,
#header:after,
#nav:after,
#container:after,
#content:after,
.article_list:after,
.product_list:after,
#footer:after{ content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}

.clearfix,
#header,
#nav,
#container,
#content,
.article_list,
.product_list,
#footer{ zoom:1}
/* end clearfix */

#bg_body { background: url(../images/bg.png) repeat-y center; width: 1030px; margin: 0 auto; overflow: hidden; text-align: center; }

#wrapper { background: url(../images/bg_header.gif) repeat-x top; width: 1000px; margin: 0 auto; text-align: center; overflow: hidden; }

#header { width: 1000px; height: 106px; overflow: hidden; }

#logo { width: 270px; height: 86px; float: left; padding: 20px 0 0 5px; }
#logo a { width: 274px; height: 60px; display: block; background: url(../images/logo.png) no-repeat; text-indent: -99999px; line-height: 300%; overflow: hidden; }

#header_r { width: 700px; height: 106px; float: left; }

#tops { height: 40px; line-height: 40px; text-align: right; padding: 0 10px 10px 0; color: #999; }

#nav { height: 33px; }
#nav li { float: left; padding: 0 5px; background: url(../images/nav_line.gif) no-repeat 93px 6px; }
#nav a { width: 84px; height: 33px; display: block; text-align: center; line-height: 25px; overflow: hidden; color: #555; }
#nav a:hover { background: url(../images/nav_over.png) no-repeat; color: #fff; }
#nav a.current { background: url(../images/nav_current.png) no-repeat; color: #fff; }

#container { width: 1000px; margin: 0 auto; }

#wel { height: 30px; line-height: 30px; padding: 0 20px; overflow: hidden; text-align: left; }

#crumb { height: 30px; line-height: 20px; border-bottom: #ccc 1px dotted; margin: 0 0 10px 0; }
#crumb a { color: #444; text-decoration: underline; }
#crumb span { padding: 0 10px; color: #999; }

#content { padding: 20px; }

#left { width: 210px; float: left; text-align: left;  }

#right { width: 749px; float: right; overflow: hidden; text-align: left;  }

#footer { width: 1000px; height: 140px; overflow: hidden; background: url(../images/bg_footer.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; }
#footer .c { padding: 30px 20px; text-align: left; }
a.logo_f { width: 210px; height: 60px; display: block; float: right; text-indent: -99999px; line-height: 300%; overflow: hidden; background: url(../images/logo_f.png) no-repeat; margin: 10px 10px 0 0; }
#footer a { color: #444; }
ul.f_menu li { display: inline; padding: 0 5px 0 0; color: #ccc; }
ul.f_menu li a { padding: 0 10px 0 0; }

#category { height: 480px; }
#category h3 { background: url(../images/bg_menu_T.gif) no-repeat; height: 35px; margin: 0; padding: 0; font: normal 12px/35px "ËÎÌå"; color: #fff; text-align: center; }
#category li { }
#category li a { color: #333; font: bold 12px/35px "ËÎÌå"; padding: 0 20px; height: 35px; background: url(../images/bg_menu.gif); border-top: #fff 1px solid; display: block; }

#categorya { height: 219px; }
#categorya h3 { background: url(../images/bg_menu_T.gif) no-repeat; height: 28px; margin: 0; padding: 0; font: normal 12px/35px "ËÎÌå"; color: #fff; text-align: center; }
#categorya li { }
#categorya li a { color: #333; font: bold 12px/28px "ËÎÌå"; padding: 0 20px; height: 28px; background: url(../images/bg_menua.gif); border-top: #fff 1px solid; display: block; }


/*==========================================
HOME PAGE
==========================================*/
#banner { height: 219px; background: #fff; }
#slides { background: #eee; width: 769px; height: 219px; position: relative; z-index: 1; }
.slides_container { width: 769px; overflow: hidden; display: none; position: absolute; left: 0; top: 0; z-index: 2; }
.slides_container a { width: 769px; height: 219px; display: block; }
.slides_container a img { display: block; border: 0; }
.pagination { position: absolute; right: 40px; bottom: 20px; z-index: 4; }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }

#main { margin: 15px 0 0 0; background: url(../images/bg_c.jpg) repeat-x; border: #ccc 1px solid; height: 400px; padding: 10px; }
#main h2 { color: #003399; font-size: 13px; margin: 0 0 5px 0; border-bottom: #ccc 1px dotted; }

#overview { width: 280px; float: left; text-align: left; }

#recommend_product { width: 630px; float: left; padding: 0 9px; text-align: left; position: relative; }
#recommend_product li { width: 130px; height: 150px; float: left; margin: 0 10px 0 0; }
#recommend_product img { width: 120px; height: 120px; }
#recommend_product span { width: 120px; height: 120px; display: block; padding: 3px; border: #ccc 1px solid; margin: 0 0 4px 0; }
#recommend_product li a { color: #333; }
#recommend_product a.more { width: 39px; height: 11px; display: block; background: url(../images/more.gif) no-repeat; text-indent: -99999px; line-height: 300%; overflow: hidden; position: absolute; top: 4px; right: 28px; }

#demo        { overflow:hidden; width: 630px; }
#indemo      { float: left; width: 800%; }
#demo1       { float: left; }
#demo2       { float: left; }

#latest_news { width: 308px; float: left; padding: 0 9px; text-align: left; position: relative; }
#latest_news ul {}
#latest_news li { background: url(../images/ic_1.gif) no-repeat 0 6px; height: 24px; line-height: 24px; overflow: hidden; padding: 0 0 0 20px; }
#latest_news li a { color: #555; }
#latest_news li a:hover { color: #003399; text-decoration: underline; }
#latest_news a.more { width: 39px; height: 11px; display: block; background: url(../images/more.gif) no-repeat; text-indent: -99999px; line-height: 300%; overflow: hidden; position: absolute; top: 4px; right: 8px; }

#latest_newss { width: 308px; float: left; padding: 0 9px; text-align: left; position: relative; }
#latest_newss ul {
	background-image: url(../images/bgbg.png);
}
#latest_newss li { background: url(../images/ic_1.gif) no-repeat 0 6px; height: 24px; line-height: 24px; overflow: hidden; padding: 0 0 0 20px; }
#latest_newss li a { color: #555; }
#latest_newss li a:hover { color: #003399; text-decoration: underline; }
#latest_newss a.more { width: 39px; height: 11px; display: block; background: url(../images/more.gif) no-repeat; text-indent: -99999px; line-height: 300%; overflow: hidden; position: absolute; top: 4px; right: 8px; }

/*==========================================
ALL PAGE
==========================================*/
#page_banner { height: 180px; background: #0055FF url(../images/banner_page.gif) no-repeat; margin: 0 0 0 20px; }

#page_info { padding: 20px; }
#page_info h1 { color: #003399; font-size: 18px; font-family: "Microsoft YaHei"; letter-spacing: 2px; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: #ccc 1px dotted; }
#page_info p { text-indent: 2em; margin: 2em 0; }

.article_list { text-align: left; }
.article_list li { height: 30px; line-height: 30px; background: url(../images/ic_1.gif) no-repeat 0 9px; padding: 0 0 0 25px; border-bottom: #ccc 1px dotted; }
.article_list li a { color: #555; }
.article_list li a:hover {}
.article_list li small { float: right; font-family: Arial, Helvetica, sans-serif; color: #999; }

.pro { text-align: left; }
.pro ul { }
.pro li { width: 185px; height: 340px; float: left; font-weight: bold; background: #eee; margin: 0 5px 10px 5px; padding: 20px; color: #999; overflow: hidden; }
.pro li a { color: #222; font-size: 14px; text-decoration: underline; }
.pro ul ul { padding: 5px 0 5px 15px; border: 0; }
.pro li li { float: none; height: auto; width: auto; font-weight: normal; border: 0; margin: 0; padding: 0; }
.pro li li a { color: #444; font-size: 12px; }

.product_list { text-align: left; }
.product_list li { width: 210px; height: 190px; float: left; text-align: center; }
.product_list li img { display: block; margin: 0 auto 5px; border: #efefef 2px solid; width: 195px; height: 150px; }

#pro_photo { width: 320px; float: left; }
#pro_photo img { width: 300px; height: auto; border: #ddd 1px solid; }
#pro_details { width: 380px; float: right; }
#pro_details p { text-indent: 0; margin: 0 0 10px 0; }
#pro_details .wrap { margin: 0 0 20px 0; }
#pro_details strong { font-size: 14px; color: #222; }
#pro_description { padding: 25px 0 0 0; }
#pro_description p { text-indent: 0; margin: 0 0 10px 0; }
#pro_details h2,
#pro_description h2 { font-size: 14px; margin: 0 0 10px 0; color: #222; }

.pages { padding: 20px 0 0 0; text-align: center; }
.pages span,
.pages a,
.pages strong { padding: 5px 8px; background: #eee; margin: 0 2px; }
.pages span { color: #999; }
.pages strong { font-weight: normal; background: #333; color: #fff; }
.pages a { text-decoration: none; color: #333; }
.pages a:hover { text-decoration: underline; }

.contact ul { padding: 0 50px; }
.contact li { height: 35px; line-height: 35px; border-bottom: #ccc 1px dotted; padding: 0 10px; }
.contact li strong { font-size: 15px; color: #000; }

.quick_contact { border: #ccc 1px solid; padding: 10px; margin: 10px 0 0 0; }
.quick_contact ul { background: url(../images/contact.gif) no-repeat top; padding: 130px 0 0 0; }

/*==========================================
CLASS
==========================================*/