/* CSS Document */

/*reset===============================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
ul,ol,menu,dir{-webkit-padding-start:0;-moz-padding-start:0}
dd{-webkit-margin-start:0;-moz-margin-start:0}
table { border-collapse:collapse;border-spacing:0px;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
ol,ul { list-style:none;}
caption,th { }
h1,h2,h3,h4,h5,h6 { font-size: 14px; }
q:before,q:after { content:'';}
abbr,acronym { border:0;}
section, article, aside, header, footer, nav, dialog, figure { padding:0; margin:0;display:block;}

/*global===============================*/
html { background: #004C9C url(../images/bg.gif) repeat-x top; }
body{ font:12px/2em Arial, Helvetica, sans-serif, "ËÎÌå"; color:#444; text-align: center; background: url(../images/bg2.jpg) no-repeat top center; }
p { margin: 0 0 10px 0; }
a{ color:#444;}
a:link,a:visited{ text-decoration:none;}
a:hover,a:active{ text-decoration:underline; color:#222;}
hr{ display:block; height: 1px; overflow: hidden; background: #eee; }
.clear{ clear:both;}
table { border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }
th { border-left: #ccc 1px solid; border-top: #ccc 1px solid; padding: 4px; }
td { border-left: #ccc 1px solid; border-top: #ccc 1px solid; padding: 4px; }
/* start clearfix */
.clearfix:after,
#tops:after,
#header:after,
#nav:after,
#container:after,
#friendlinks:after,
#top_products ul:after,
ul.product_list:after,
ul.article_list:after,
#recommends ul:after,
ul.honor_list:after,
#top_search form:after,
#footer li:after{ content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}

.clearfix,
#tops,
#header,
#nav,
#container,
#friendlinks,
#top_products ul,
ul.product_list,
ul.article_list,
#recommends ul,
ul.honor_list,
#top_search form,
.footer li{ zoom:1}
/* end clearfix */

/*layout===============================*/
.body_wrapper { background: url(../images/bg.png) no-repeat center 43px; }
.content { width: 980px; margin: 0 auto; text-align: left; }
#wrapper { width: 980px; margin: 0 auto; text-align: left; }

#tops { height: 60px; padding: 15px 0; overflow: hidden; }
#tops h1 { font-size: 12px; float: left; color: #FFF; }
#tops p { text-indent: 0; margin: 0; float: right; }
#tops p a { color: #fff; padding: 0 5px; }
#tops p a:hover { color: #fff; }
#tops .tel { display: block; text-align: right; color: #fc0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding: 10px 0 0 0; }

#header { width: 980px; height: 130px; margin: 0 auto; padding: 5px 15px 0 15px; background: url(../images/bg_head.png) no-repeat; }

#logo { width: 400px; height: 60px; float: left; padding: 10px 0; }
#logo a { width: 386px; height: 60px; display: block; background: url(../images/logo.png) no-repeat; text-indent: -999999px; line-height: 300%; overflow: hidden; }

#top_search { width: 580px; height: 60px; float: left; }
#top_search form { width: 260px; height: 21px; padding: 10px 0 0 290px; }
#top_search .ipt { width: 160px; height: 21px; line-height: 21px; padding: 0 10px 0 30px; border: 0; background: url(../images/bg_s.gif) no-repeat; float: left; color: #666; }
#top_search .btn { width: 55px; height: 21px; border: 0; background: url(../images/search.gif) no-repeat; cursor: pointer; font-size: 11px; color: #fff; float: left; margin: 0 0 0 5px; }
#top_search p.hot_search { color: #999; text-indent: 0; text-align: right; padding: 10px 0 0 0; }
#top_search p.hot_search strong { font-weight: normal; color: #333; }
#top_search p.hot_search strong a { text-decoration: none; color: #333; }
#top_search p.tel { font-family: Georgia, "Times New Roman", Times, serif; color: #ff6600; display: block; width: 293px; height: 25px; font-size: 18px; letter-spacing: 2px; }
#top_search p.tel span { font-size: 12px; font-family: "ËÎÌå"; color: #666; letter-spacing: 0; }

#nav { width: 980px; height: 44px; background: url(../images/nav_bg.png) no-repeat; margin: 0 auto; float: left; }
#nav ul { }
#nav li { float: left; background: url(../images/nav_line.gif) no-repeat right top; padding: 0 5px; overflow: hidden; }
#nav a { width: 90px; height: 44px; display: block; text-align: center; line-height: 44px; float: left; color: #333; font-size: 13px; font-weight: bold; }
#nav a:hover,
#nav a.current { text-decoration: none; background: url(../images/nav_over.gif) no-repeat; color: #018BD4; }

#container { width: 1000px; margin: 0 auto; text-align: left; background: url(../images/bg_container.png) repeat-y center; padding: 0 10px; }
#content { background: url(../images/bgc_c.png) repeat-y center; padding: 0 10px; width: 980px; margin: 0 auto; overflow: hidden; }
*html #content { padding: 0 15px; }
#content_bottom { height: 10px; overflow: hidden; width: 1010px; margin: 0 auto; background: url(../images/bgc_b.png) no-repeat; }
#left { width: 220px; float: left; }
#right { width: 750px; float: right; }

#footer { width: 1010px; margin: 0 auto; text-align: left; background: url(../images/bg_foot.png) no-repeat top center; padding: 35px 0 20px 0; color: #fff; }
#footer p { text-align:center;}
#footer a { color: #fc0; }

#crumbs { height: 30px; overflow: hidden; margin: 0 0 10px 0; background: url(../images/ic_home.gif) no-repeat 5px 8px; padding: 0 0 0 25px; border-bottom: #ccc 1px dotted; color: #002574; }
#crumbs a { color: #333; }
#crumbs span { padding: 0 10px; color: #999; font-family: "ËÎÌå"; }
#crumbs b { color: #333; font-weight: normal; padding: 0 10px 0 0; }

#site_page { padding: 0 10px; }
/*home page===============================*/
.wrap { background: url(../images/block_b_a.png) no-repeat bottom; padding: 0 0 5px 0; margin: 0 0 10px 0; }
.wrap h2 { height: 48px; margin: 0; padding: 0 0 0 50px; background: url(../images/block_t_a.png) no-repeat; font: bold 13px/48px Arial, Helvetica, sans-serif; color: #333; }
.wrap .wrap_content { background: url(../images/block_c_a.png) repeat-y; padding: 5px 15px; }

#recommends { margin: 0px 0; }
#recommends h2 { height: 41px; margin: 0; background: url(../images/block_1_t.gif) no-repeat; font: bold 13px/41px Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 0 45px; }
.recommends_content { background: url(../images/block_1_b.gif) no-repeat bottom; padding: 0 0 9px 0; }
#recommends ul { background: url(../images/block_1_c.gif) repeat-y; padding: 15px 0 0 15px; }
#recommends li { width: 180px; height: 173px; float: left; text-align: center; }
#recommends li a { }
#recommends li span { width: 160px; height: 120px; display: block; padding: 5px; border: #eee 1px solid; margin: 0 0 8px 0; }
#recommends li img { width: 160px; height: 120px; }

#top_products { margin: 10px 0 0 0; width: 500px; float: left; }
#top_products h2 { height: 41px; margin: 0; background: url(../images/block_1_t.gif) no-repeat; font: bold 13px/41px Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 0 45px; }
.top_products_content { background: url(../images/block_1_b.gif) no-repeat left bottom; padding: 0 0 9px 0; }
#top_products ul { background: url(../images/block_1_c.gif) repeat-y; padding: 10px 0 0 0; height: 330px; }
#top_products li { width: 150px; height: 26px; overflow: hidden; line-height: 26px; float: left; margin: 0 0 1px 6px; }
#top_products li a { display: block; padding: 0 5px 0 10px; /*background: url(../images/a_out.gif) no-repeat;*/ text-decoration: underline; }
#top_products li a:hover { background: url(../images/a_over.gif) no-repeat; color: #000; text-decoration: none; }

#overview { margin: 10px 0 0 0; width: 250px; float: left; }
#overview h2 { height: 41px; margin: 0; background: url(../images/block_1_t.gif) no-repeat -500px 0; font: bold 13px/41px Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 0 45px; text-indent: -99999px; }
#overview .wrap_content { background: url(../images/block_1_b.gif) no-repeat right bottom; padding: 0 0 9px 0; }
#overview .oview { background: url(../images/block_1_c.gif) repeat-y right; padding: 10px 20px 0 0; height: 330px; }
#overview .oview img { margin: 0 0 10px 0; }
#overview a { color: #0066CC; text-decoration: underline; padding: 0 0 0 10px; }

#main { height: 180px; background: url(../images/bg_article.gif) no-repeat; padding: 10px; }

.article { width: 220px; float: left; margin: 0 15px 0 0; }
.article h3,
.article h2 { font-size: 13px; color: #7CE800; background: url(../images/green.gif) no-repeat 0 3px; padding: 0 0 0 15px; }
.article ul { background: url(../images/line.gif) repeat-x top; padding: 10px 0 0 0; }
.article li { height: 24px; overflow: hidden; line-height: 24px; background: url(../images/ic_1.gif) no-repeat 2px 10px; padding: 0 0 0 12px; }
.article li a { color: #FFF; }
.article li a:hover { color: #FC0; }

/*friend links*/
#friendlinks { text-align: left; width: 980px; margin: 10px auto 0; background: #E2E2E2 url(../images/bg_f_b.gif) no-repeat bottom; padding: 0 0 10px 0; }
#friendlinks h3 { padding: 10px 0 0 0; font-size: 13px; color: #333; }
#friendlinks .f_content { background: url(../images/bg_f_t.gif) no-repeat top; padding: 0 5px 0 15px; }
#friendlinks a { padding: 2px 10px 0 0; }
#friendlinks a:hover { color: #000; }
#friendlinks .f_bottom { }
/*banner*/
#slides { background: #eee; width: 980px; height: 382px; position: relative; z-index: 1; margin: 0 auto 10px; }
.slides_container { width: 980px; overflow: hidden; display: none; position: absolute; left: 0; top: 0; z-index: 2; }
.slides_container a { width: 980px; height: 382px; display: block; }
.slides_container a img { display: block; }
#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:3; }
#slides .next { left:585px; }
.pagination { position: absolute; right: 10px; bottom: 10px; z-index: 4; width: 91px; height: 20px; background: url(../images/bg_pagination.png) no-repeat; padding: 10px 0 0 10px; }
.pagination li { float:left; width: 17px; list-style:none; }
.pagination li a { display:block; width:10px; height:10px; background:url(../images/pagination.png) no-repeat -15px 0; float:left; overflow:hidden; text-indent: -99999px; }
.pagination li.current a { background:url(../images/pagination.png) no-repeat 0 0; }

/*class===============================*/
.block { margin: 0 0 10px 0; background: url(../images/block_b.png) no-repeat bottom; padding: 0 0 5px 0; }
.block h3 { height: 48px; margin: 0; padding: 0 0 0 45px; background: url(../images/block_t.png) no-repeat; font: bold 13px/48px Arial, Helvetica, sans-serif; color: #333; }
.block .block_content { }
/*left contact*/
.block.contact { }
.block.contact h3 { color: #7CE800; height: 25px; line-height: 25px; background: url(../images/green.gif) no-repeat 10px 13px; padding: 10px 10px 0 25px; }
.block.contact p { color: #777; padding: 15px 10px 0 10px; color: #fff; margin: 0; line-height: 18px; }
.block.contact p strong { color: #fc0; font-weight: normal; }
.block.contact .block_content { background: url(../images/block_contact_t.gif) no-repeat top; }
.block.contact ul { padding: 5px 10px; color: #fff; margin: 0; }
.block.contact ul li { border-top: #0661B1 1px dotted; }
.block.contact li span { display: block; padding: 0 0 0 48px; }
.block.contact li a { color: #fc0; text-decoration: underline; }
.block.contact .bottom { height: 7px; overflow: hidden; background: url(../images/block_contact_b.gif) no-repeat; }

/*category*/
.category { background: url(../images/category_b.gif) no-repeat bottom; padding: 0 0 9px 0; margin: 0 0 10px 0; }
.category h3 { height: 41px; margin: 0; padding: 0 0 0 25px; background: url(../images/category_t.gif) no-repeat; font: bold 13px/41px Arial, Helvetica, sans-serif; color: #FFF; }
.category ul { background: url(../images/category_c.gif) repeat-y; padding: 5px 5px; }
.category li { height: 30px; overflow: hidden; border-bottom: #ccc 1px dotted; padding: 1px 0; }
.category li a { height: 30px; display: block; padding: 0 0 0 30px; background: url(../images/a1.gif) no-repeat 10px 10px; font: normal 12px/30px Arial, Helvetica, sans-serif; color: #333; font-weight: bold; }
.category li a:hover { color: #fff; text-decoration: none; background: #0662B2 url(../images/menu_over.gif) no-repeat 0 0; }
.category li a.current,
.category li a.current:hover { color: #fff; text-decoration: none; background: #0662B2 url(../images/menu_over.gif) no-repeat 0 0; }
/*article*/
ul.article_list {}
ul.article_list li { height: 32px; line-height: 32px; overflow: hidden; border-bottom: #ccc 1px dotted; background: url(../images/ic.gif) no-repeat 0 10px; padding: 0 0 0 20px; }
ul.article_list small { float: right; }
/*product*/
ul.product_list {}
ul.product_list li { width: 350px; height: 300px; float: left; text-align: center; font-weight: bold; }
ul.product_list li.even { margin: 0 20px 0 0; }
ul.product_list a { width: 350px; height: 265px; display: block; }
ul.product_list span { width: 340px; height: 255px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0; }
ul.product_list img { width: 340px; height: 255px; }
ul.product_list a:hover span { border: #333 1px solid; }
.product_view {}
.product_view p { text-indent: 0; }
/*honor*/
ul.honor_list {}
ul.honor_list li { width: 240px; height: 200px; float: left; text-align: center; font-weight: bold; }
ul.honor_list a { width: 240px; height: 200px; display: block; }
ul.honor_list span { width: 200px; height: 150px; display: block; padding: 3px; border: #ddd 1px solid; margin: 0 0 5px 0; }
ul.honor_list img { width: 200px; height: 150px; }
ul.honor_list a:hover span { border: #333 1px solid; }
/*pages*/
.pages {}
.pages strong {}
.pages a {}
.pages span {}
.pages b {}
/*scroll*/
#demo        { overflow:hidden; width: 980px; }
#indemo      { float: left; width: 800%; }
#demo1       { float: left; }
#demo2       { float: left; }
/*h1~h6*/
h1.h1 { text-align: center; margin: 10px 0; }
/*links===============================*/
a.more {}
/*fonts===============================*/
.red { color: #f60; text-indent: 0; border: #ccc 1px dotted; padding: 10px; background: #eee; }
.red strong { font-size: 14px; color: #222; padding: 0 10px 0 0; }
.title H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN: 0px; FONT-FAMILY: microsoft yahei; TEXT-ALIGN: center
}