/*base*/
* { margin:0;padding:0;border:0;list-style:none;font-size:inherit;line-height:inherit;font-family:"宋体"; color:inherit;word-break:break-all;}
body { background:#fff; font-size:12px;}
a { color:#000; text-decoration:none;}
a:hover { color:#d66628; text-decoration:none;}
input, textarea { border:1px solid #ccc;}
.hide { display:none;}
.clear { clear:both; height:0; overflow:hidden;}
.l { float:left;}
.r { float:right;}

/*basic framework*/
#head { margin:0 auto; width:922px; height:79px; background:url(images/top.png);}
#body { margin:0 auto; width:922px; background:#f4f4f4;}
#foot { clear:both; margin:0 auto; width:922px; height:10px; background:#f4f4f4;}
#side { float:right; width:199px;}
#main { float:left; width:719px; background:url(images/main-bg.jpg) #fff repeat-x bottom;}

/*common*/
h1 { display:none;}

#lang { padding-top:54px; padding-right:14px; height:20px; text-align:right; color:#000;}
#lang a { margin:0 5px; color:#000; line-height:20px;}

#menu { background:url(images/menu-bg.jpg);}
#menu .inner { background:url(images/menu-right.jpg) no-repeat right top;}
#menu ul { padding-left:5px; height:36px; overflow:hidden; background:url(images/menu-left.jpg) no-repeat left top;}
#menu li { float:left; padding-right:2px; background:url(images/menu-split.jpg) no-repeat right top;}
#menu li.end { padding-right:0; background:none;}
#menu li.on { padding-right:1px;}
#menu li a { display:block; float:left; width:99px; line-height:31px; text-align:center; color:#fff; font-weight:bold;}
#menu li a:hover { background:url(images/menu-bg-hover.jpg);}
#menu li.on a, #menu li.on a:hover { width:103px; color:#3e516f; line-height:36px; background:url(images/menu-on.jpg) no-repeat; cursor:default;}

#side {}
#side .box { margin-bottom:3px; background:url(images/menu-bg.jpg) repeat-x top;}
#side .box .inner { background:url(images/menu-right.jpg) no-repeat right top;}
#side .box h2 { padding-left:14px; padding-right:8px; color:#fff; font-size:12px; height:36px; line-height:31px; overflow:hidden; background:url(images/menu-left.jpg) no-repeat left top;}
#side .box h2 a { float:right; display:block; margin-top:7px; width:14px; height:14px; overflow:hidden; text-indent:-5000px; background:url(images/more.jpg);}
#side .box .body { clear:both; padding:8px 14px 12px; background:url(images/box-bg.jpg)  #fff repeat-x bottom; line-height:20px;}
#side .box .body li { height:20px; overflow:hidden;}
#side .contact .body { padding:13px 24px; line-height:20px;}
#side .case { margin-bottom:0;}

#foot { padding:14px 0; height:40px; text-align:center; color:#8d8d8d; line-height:20px;}
#foot a { color:#8d8d8d;}

/*showpage*/
#showpage {clear:both; margin:10px 12px; text-align:right;}
#showpage a { display:block; float:left; height:14px; font-size:11px; margin:0px 3px; padding:2px 6px; vertical-align:middle; border:1px solid #f1f1f1; line-height:14px; overflow:hidden; text-decoration:none; font-weight:bold; background:#fff;}
#showpage a:hover, #showpage .foucs { color:#fff; background:#d66628;}

/*index*/
#index-banner { margin:1px auto 0px; width:922px; height:307px; background:url(images/index-banner.jpg);}

#index #main { height:460px;}

#intro { padding-top:33px; height:150px; background:url(images/spliter.jpg) no-repeat center bottom;}
#intro img { float:left; margin:0 28px; border:2px solid #d66628;}
#intro h2 { padding-top:3px; padding-left:30px; height:27px; line-height:30px; overflow:hidden; font-size:14px; color:#d66628; background:url(images/logo-s.jpg) no-repeat left 3px;}
#intro p { padding:10px 14px; line-height:22px; color:#5e5e5e;}

#products { margin-top:20px;}
#products li { display:inline; margin-left:28px; float:left; width:150px; height:200px;}
#products h3 { font-size:12px; line-height:36px;}
#products p { color:#5e5e5e; line-height:16px;}
#products p.more { margin-top:5px;}
#products p.more a { display:block; float:right; width:32px; height:16px; background:url(images/more-1.gif) no-repeat 2px 6px; text-indent:-5000px; overflow:hidden;}

/*article*/
#position { padding-left:14px;}
#title { margin:20px; text-align:center; font-size:26px; font-weight:bold; line-height:30px;}
#info { margin-bottom:20px; text-align:center; color:#888;}
#info a {color:#888;}
#content { padding:0 20px 80px; font-size:14px; line-height:26px; min-height:300px;}
#content p { margin-bottom:1em;}

/*news-list*/
#categorys { padding:12px 160px;}
#categorys a { display:block; float:left; border:1px solid #f1f1f1; padding:0 6px; font-weight:bold; line-height:24px; height:24px; overflow:hidden;}
#categorys a.on { background:#2c2c2c; color:#fff;}

#list { margin-top:10px;}
#list li { margin:0 24px; padding-top:8px; height:100px;}
#list .preImg { float:left;}
#list .preImg img { border:2px solid #ccc; background:url(images/nophoto_bg1.gif) #fff no-repeat center;}
#list .preImg:hover img { border:2px solid #d66628;}
#list .info { float:right; width:536px;}
#list .info h3 { padding-left:24px; font-size:14px; line-height:30px; background:url(images/txt.gif) no-repeat 0px 7px;}
#list .info p { margin-top:3px; text-indent:2em; line-height:18px; color:#666;}

/*service*/
#service #list h2 { padding:0 14px; height:30px; line-height:30px; font-size:14px;}
#service #list h2 a { float:right; display:block;}

/*gbook*/
#gbook-list { margin:20px 16px 0;}
#gbook-list li {}
#gbook-list li h4 { border:1px solid #f1f1f1; padding:0 12px 0 32px; font-size:14px; background:url(images/txt.gif) #f8f8f8 no-repeat 10px 8px; line-height:30px;}
#gbook-list li h4 span { float:right; color:#999; font-size:12px; font-weight:normal;}
#gbook-list li p { padding:12px 20px; line-height:18px;}
#gbook-list li .reply { margin:0 12px 12px; border:1px solid #cb3e34; padding:8px 8px; background:#f9e4e3;}

#post { margin:20px 20px auto; height:280px; font-size:14px;}
#post dt { margin:14px auto; padding:0 14px 0 24px; line-height:30px; font-weight:bold; background:url(images/write.gif) no-repeat 0px 6px;}
#post dd { margin-bottom:10px; height:20px; line-height:20px;}
#post dd.content { height:122px;}
#post dd span { display:block; float:left; width:60px;}
#post dd input { width:300px; height:18px;}
#post dd input.bnt { width:88px; height:24px; background:#2c2c2c; color:#fff; line-height:22px; overflow:hidden;}
#post dd textarea { width:400px; height:120px;}