* { margin: 0; padding: 0; }
html { background: url(../Images/bg.gif); }
body { font: 12px/22px "宋体"; color: #555; text-align: center; }
ul,ol { list-style: none; }
p {}
h1,h2,h3,h4,h5,h6 {}
h1 { font-size: 15px; color: #000; }
h2 { font-size: 14px; }
h3 {}
img { border: 0; }
strong {}
em,i,address {}
table { border-top: #ccc 1px solid; border-left: #ccc 1px solid; }
th { border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; padding: 8px; text-align: center; background: #eee; }
td { border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; padding: 8px; text-align: center; }
a { text-decoration: underline; color: #004887; }
a:hover { color: #f60; }
.clear { clear: both; }

#wrapper { width: 1000px; margin: 0 auto; text-align: left; background: url(../Images/bg.png) repeat-y center; padding: 0 6px; }

#header { height: 82px; background: url(../Images/bg_header.gif) no-repeat; }

#logo { float: left; width: 600px; height: 82px; float: left; }
#logo a { width: 500px; height: 70px; display: block; text-indent: -999999px; line-height: 300%; overflow: hidden; background: url(../Images/logo.png) no-repeat; margin: 10px 0 0 15px; }

#header p { width: 385px; height: 67px; float: left; text-align: right; padding: 15px 15px 0 0; }
#header p a.a_home { background: url(../Images/ic_home.gif) no-repeat 0 3px; padding: 0 20px 0 15px; text-decoration: none; color: #111; }
#header p a.a_collection { background: url(../Images/ic_collection.gif) no-repeat 0 3px; padding: 0 0 0 15px; text-decoration: none; color: #111; }
h1{ display: inline; padding: 0 10px; }

#nav { width: 1000px; height: 36px; background: url(../Images/nav_bg.gif) repeat-x; }
#nav ul { padding: 0 10px; }
#nav li { float: left; background: url(../Images/nav_line.gif) no-repeat right top; padding: 0 8px; }
#nav li.last { background: none; }
#nav a { width: 96px; height: 36px; display: block; text-align: center; font: bold 12px/36px "宋体"; color: #444; text-decoration: none; }
#nav a:hover,
#nav a.current { text-decoration: none; background: url(../Images/nav_current.gif) no-repeat 0 5px; color: #fff; }

#banner { height: 260px; padding: 1px 0 21px 0; background: url(../Images/shadow.png) no-repeat bottom center; }
#slides { width: 1000px; height: 260px; background: #eee; position: relative; }
.slides_container { width:1000px; overflow:hidden; display:none; position: absolute; position: absolute; top: 0; left: 0; z-index: 2; }
.slides_container a { width:1000px; height:260px; display:block; }
.slides_container a img { display:block; }
.pagination { position: absolute; right: 10px; bottom: 10px; z-index: 4; }
.pagination li { list-style:none; height: 15px; float: left; margin: 0 3px 0 0; }
.pagination li a { display:block; width:18px; height: 15px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden; text-indent: -999999px; line-height: 300%; }
.pagination li.current a { background-position:0 -15px; }

#container {}

#content { padding: 0 10px; }

#mtop { height: 30px; background: url(../Images/mtop.jpg) bottom left; padding: 0 0 0 25px; margin: 0 0 15px 0; }
#brumds { float: right; }
#brumds span { padding: 0 5px; }
#brumds a { color: #444; }
#brumds a:hover { color: #f60; }
#mtop h2 { font-size: 16px; color: #000; }

#left { width: 220px; float: left; }

#right { width: 750px; float: right; }
#right p { text-indent: 2em; margin: 0 0 10px 0; }

#footer { text-align: center; background: url(../Images/bg_footer.gif) repeat-x top; padding: 20px 0; font-family: Arial, Helvetica, sans-serif; }
#footer span { padding: 0 10px; }

#default_page { width: 980px; margin: 0 auto; }

.wrap { border: #d5d5d5 1px solid; padding: 1px 1px 10px 1px; position: relative; }
.wrap h2 { background: url(../Images/h2.gif) no-repeat left; color: #333; height: 30px; font: bold 13px/30px "宋体"; padding: 0 0 0 30px; }
.wrap a.more { width: 39px; height: 11px; display: block; background: url(../Images/more.gif) no-repeat; text-indent: -999999px; line-height: 300%; overflow: hidden; position: absolute; top: 10px; right: 10px; }

.latest_news { width: 240px; height: 250px; float: left; }
.latest_news ul { padding: 10px 10px 0 10px; }
.latest_news li { background: url(../Images/ic_1.gif) no-repeat 0 8px; height: 26px; line-height: 26px; padding: 0 0 0 20px; overflow: hidden; }
.latest_news li a { color: #444; text-decoration: none; }
.latest_news li a:hover { text-decoration: underline; }

.overview { width: 468px; height: 250px; float: left; margin: 0 10px; }
.overview .c { padding: 10px 170px 10px 10px; background: url(../Images/company.jpg) no-repeat 310px 10px; }
.overview p { text-indent: 2em; }

.contacts { width: 240px; height: 250px; float: left; overflow: hidden; }
.contacts ul { padding: 10px 10px 0 10px; }
.contacts li { border-bottom: #ccc 1px dotted; padding: 3px 0; }
.contacts li span { display: block; padding: 0 0 0 48px; }
.contacts li.last { border: 0px; }

.commend_products { width: 980px; height: 190px; float: left; margin: 10px 0 0 0; }
.commend_products ul {}
.commend_products li { width: 180px; float: left; }
.commend_products li img { width: 160px; height: 120px; }
.commend_products li a { text-decoration: none; text-align: center; width: 170px; display: block; height: 160px; margin: 0 auto; color: #444; }
.commend_products li a span { width: 160px; height: 120px; border: #ccc 1px solid; padding: 5px; display: block; }
.commend_products li a:hover { text-decoration: underline; }
#demo        { overflow:hidden; width: 960px; margin: 0 10px; }
#indemo      { float: left; width: 800%; }
#demo1       { float: left; }
#demo2       { float: left; }


h2.h2 { font: bold 14px/2em Arial, Helvetica, sans-serif, "宋体"; background: url(../Images/h2.gif) no-repeat bottom left; height: 28px; margin: 0 0 10px 0; letter-spacing: 2px; }
h2.h2 span { font: 11px Arial, Helvetica, sans-serif; color: #999; padding: 0 0 0 10px; }

.sinfo { text-align: center; }

#category { }
#category h3 { height: 30px; line-height: 30px; text-align: center; background: #333 url(../Images/menu_title.gif); color: #fff; letter-spacing: 2px; color: #fff; font: bold 12px/30px "宋体"; }
#category ul { }
#category li { height: 24px; padding: 1px 0 0 0; }
#category a { height: 24px; display: block; line-height: 24px; background: #eee url(../Images/menu_out.gif) no-repeat; padding: 0 0 0 40px; color: #333; text-decoration: none; }
#category a:hover,
#category a.current { background: #f60 url(../Images/menu_over.gif); color: #fff; }

#ct { margin: 15px 0 0 0; }
#ct h3 { height: 80px; background: url(../Images/ct.jpg) no-repeat; text-indent: -999999px; }
#ct li { padding: 4px 0; border-bottom: #ccc 1px dotted; }
#ct li span { padding: 0 0 0 48px; }


#products {}
#products dl { width: 240px; height: 210px; float: left; text-align: center; }
#products dt {}
#products dd { padding: 5px 0; }
#products dt a { width: 200px; height: 150px; display: block; padding: 5px; border: #ccc 1px solid; margin: 0 auto; }
#products dt a:hover { border: #f60 1px solid; margin: 0 auto; }
#products img { width: 200px; height: 150px; }
#products dd a { color: #555; text-decoration: none; }
#products dd a:hover { text-decoration: underline; }

#product_view { text-align: center; }
#product_view h1 { margin: 0 0 15px 0; }
#product_view p { text-align: left; text-indent: 0; padding: 20px;  }

#news ul { padding: 0 20px; }
#news li { background: url(../Images/ic_1.gif) no-repeat 0 10px; height: 30px; line-height: 30px; padding: 0 10px 0 25px; border-bottom: #ccc 1px dotted; }
#news li span { float: right; }

#news_view {}
#news_view h1 { text-align: center; margin: 0 0 15px 0; }

.pages { margin: 10px 0 0 0; text-align: right; height: 30px; padding: 0 20px; }
.pages a { border: #ccc 1px solid; padding: 3px 8px; background: #f3f3f3; margin: 0 2px; }
.pages strong { border: #00488B 1px solid; padding: 3px 8px; background: #00488B; margin: 0 2px; color: #fff; }
.pages div { float: left; }

.info { padding: 0 20px; }

.about_33 ul { background: url(../Images/contact.jpg) no-repeat; padding: 40px 0 0 350px; min-height: 350px; height: auto!important; height: 350px; }
.about_33 li { height: 36px; line-height: 36px; border-bottom: #ccc 1px dotted; }
