@charset "utf-8";
/************
 Public Style
 ************/
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, fieldset, img { margin:0; padding:0 }
body { background:#ECECEC; font:11px/150% Arial, Helvetica, sans-serif; color:#000 }
ul, ol { list-style:none }
fieldset, img { border:0 }
input, select, textarea { font:11px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#f60; text-decoration:underline }
.wrap { clear:both; width:883px; margin:0 auto; text-align:left; overflow:auto; *display:inline-block
}
.clear { clear:both }
.left { float:left }
.right { float:right }
.hidden { display:none }
/************
 Head Style
 ************/
.yellow { color:#f80 }
#head { height:92px; background:url(../images/head_bg.gif) no-repeat; position:relative }
#head .logo { position:absolute; left:25px; top:15px }
#head .search { position:absolute; right:20px; bottom:30px }
#head .search select.select { width:125px }
#head .search input.text { width:120px; height:16px; border:#D7D7D7 1px solid; background:#fff; margin:0 5px 0 0 }
#head .nav { position:absolute; left:241px; bottom:0 }
#head .nav li { float:left }
#head .nav li a { float:left; width:106px; background:#000; border-right:#fff 1px solid; white-space:nowrap; line-height:180%; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:center; overflow:hidden }
#head .nav li a.s,#head .nav li a:hover { background:#FF8A00 }
#head .nav li li a { background:#FF8A00; font-weight:normal; color:#000 }
#head .nav li li a:hover { background:#F0F0F0; color:#000 }
/************
 Main Style
 ************/
#main { background:#FAFAFA url(../images/main_bg.gif) repeat-y; overflow:auto; *display:inline-block
}
#main .leftMenu { float:left; width:241px; _height:532px; min-height:532px; background:url(../images/left_bg.jpg) no-repeat }
#main .leftMenu ul { padding:20px; margin:332px 0 0 }
#main .leftMenu li { padding:5px 0 }
#main .leftMenu li a { display:block; background:#f5f5f5; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding:2px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right }
#main .leftMenu li a.s, #main .leftMenu li a:hover { background:#ff9900; font-weight:bold; color:#fff }
#main .right { width:642px; background:#fff }
#main .right .banner { background:#F0F0F0; padding:12px 0 0 }
#main .right .bar { background:#ECECEC; padding:0 20px; line-height:200%; font-family:Georgia, "Times New Roman", Times, Verdana, Arial, sans-serif; font-size:18px; font-weight:bold; font-style:italic }
#main .right .con { padding:40px; font-family:Tahoma, Verdana, Arial, sans-serif; color:#666 }
#main .right .contact { background:url(../images/contactus_bg.gif) 60px 60px no-repeat; padding-left:295px }
#main .right .contact h1 { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#333 }
#main .right .productDetail { text-align:center }
#main .right .productDetail .pic { width:480px; height:336px; background:url(../images/productDetail_bg.gif) no-repeat; margin:0 auto 20px; padding:10px }
#main .right .productDetail .pic img { display:block; margin:0 auto 2px }
#main .right .productDetail .txt { text-align:left }
#main .right .product { padding:10px 30px; font-family:Arial, Helvetica, sans-serif; color:#333 }
#main .right .product ul { padding:20px 0; overflow:auto; *display:inline-block
}
#main .right .product li.left, #main .right .product li.right { width:280px }
#main .right .product li h1 { font-weight:normal; font-size:11px; padding:0 5px; overflow:auto; *display:inline-block
}
#main .right .product li h1 b { float:left; font-size:15px; font-style:italic; color:#333 }
#main .right .product li h1 b a { color:#333 }
#main .right .product li h1 span { float:right; font-size:9px; padding:5px 0 0; color:#f60 }
#main .right .product li h1 span a { color:#f60 }
#main .right .product li ul { border-top:#DEDEDE 1px solid; background:#F7F7F7; padding:10px 5px }
#main .right .product li li { float:left; display:inline; width:49.9%; line-height:200%; text-align:center; vertical-align:bottom }
#main .right .product li li img { display:block; border:#E4E4E4 1px solid; background:#fff; padding:2px; margin:0 auto }
#main .right .product li li a { color:#666 }
#main .right .productList ul { overflow:auto; *display:inline-block
}
#main .right .productList li { float:left; width:49.9%; margin:20px 0; line-height:200%; text-align:center; vertical-align:bottom }
#main .right .productList li p { width:80%; border-top:#DEDEDE 1px solid; background:#F7F7F7; padding:20px 0; margin:0 auto }
#main .right .productList li img { display:block; border:#E4E4E4 1px solid; background:#fff; padding:2px; margin:0 auto }
#main .right .productList li a { color:#666 }
#main .right .materialsList { padding:20px }
#main .right .materialsList .txt li { float:left; width:24.9%; margin:5px 0; vertical-align:bottom; text-align:center }
#main .right .materialsList .txt li a { display:block; width:80%; background:#f9f9f9; border-bottom:#999 1px solid; border-right:#999 1px solid; padding:5px 0; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
#main .right .materialsList .txt li a.s, #main .right .materialsList .txt li a:hover { background:#ff9900; font-weight:bold; color:#fff }
#main .right .materialsList .txt li { display:inline }
#main .right .materialsList .pic { clear:both; overflow:auto; *display:inline-block
}
#main .right .materialsList .pic li { float:left; width:49.9%; margin:20px 0; line-height:200%; text-align:center; vertical-align:bottom }
#main .right .materialsList .pic li p { width:90%; border-top:#DEDEDE 1px solid; background:#F7F7F7; padding:10px 0; margin:0 auto }
#main .right .materialsList .pic li img { display:block; border:#E4E4E4 1px solid; background:#fff; padding:2px; margin:0 auto }
#main .right .materialsList .pic li a { color:#666 }
#main .right .exhibitionHall ul { overflow:auto; *display:inline-block
}
#main .right .exhibitionHall li { float:left; width:33.2%; margin:5px 0; text-align:center; vertical-align:bottom }
#main .right .exhibitionHall li img { width:150px; height:84px; border:#E4E4E4 1px solid; background:#fff; padding:2px }
#main .right .index .pic p { border-bottom:#ccc 1px solid; margin:30px 0 10px; padding:5px; overflow:auto; *display:inline-block
}
#main .right .index .pic b { float:left; font-family:Georgia, "Times New Roman", Times, Verdana, Arial, sans-serif; font-size:18px; font-style:italic; color:#333 }
#main .right .index .pic b a { color:#333 }
#main .right .index .pic span { float:right; padding:5px 0 0; font-size:9px; color:#f60 }
#main .right .index .pic span a { color:#f60 }
#main .right .index .pic ul { overflow:auto; *display:inline-block
}
#main .right .index .pic li { float:left; width:24.9%; margin:10px 0; vertical-align:bottom; text-align:center }
#main .right .index .pic li img { display:block; border:#E4E4E4 1px solid; background:#fff; padding:2px; margin:0 auto }
#main .right .index .pic li a { color:#666 }
#main .right .mapsite { overflow:auto; *display:inline-block
}
#main .right .mapsite ul { float:left }
#main .right .mapsite li { clear:both }
#main .right .mapsite li b { float:left; width:120px; background:#C2E2F2; border:#fff 1px solid; padding:2px 10px; font-weight:normal }
#main .right .mapsite li li b { width:150px; background:#E1F2FA }
#main .right .mapsite li li li b { width:180px; background:#F2FBFF }
#main .right .mapsite li.green b { background:#E2F2C2 }
#main .right .mapsite li.green li b { background:#F2FAE1 }
#main .right .mapsite li.green li li b { background:#FBFFF2 }
/************
 Page Style
 ************/
.newPage { clear:both; padding:10px; font-size:11px; font-family:Tahoma, Verdana, Simsun, Microsoft YaHei, Arial Unicode MS, Mingliu, Arial, Helvetica; color:#555; text-align:center }
.newPage select { vertical-align:bottom }
.newPage span, .newPage a { display:inline-block; margin:0 2px; padding:0 5px; line-height:180%; color:#555; vertical-align:middle }
.newPage span, .newPage a { *display:inline
}
.newPage a:hover, .newPage span.s { font-weight:bold; color:#f60 }
.newPage a:hover { font-weight:normal }
/************
 Foot Style
 ************/
#foot .copyRight { background:#D0D0D0; padding:20px 0; color:#6F6F6F; text-align:center }
#foot .nav { background:#666; padding:2px 0; color:#fff; text-align:center }
#foot .nav a { color:#fff }
