@charset "gb2312";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{ border:0;outline:0;vertical-align:baseline;background:transparent; margin:0 auto; padding:0;  border:0; font:inherit; font-size:100%; vertical-align:baseline;}

body { margin:0 auto; background:#fff; color:#ccc; font-family:Microsoft Yahei,"΢ÈíÑźÚ",Arial, Helvetica, sans-serif;position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;overflow-x:hidden; }

li,ol,ul { list-style:none; float:left;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
a { text-decoration:none; color:#ccc; }
a:hover		{ text-decoration:none; color:#F00;}

html,body { height:100%; -webkit-text-size-adjust:none; font-size:12px; line-height:2; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto;padding:0; }

.hide { display: none; }
.hide.active, .show { display: block; }
.clear { clear:both; }
.clear10 { height:10px; clear:both;}
.clear20 { height:20px; clear:both;}
.clear30 { height:30px; clear:both;}
.clear40 { height:40px; clear:both;}
.w { width:1000px; clear:both; position:relative;  }

.relative { position:relative;}

/* ¶¥²¿ */
/*.top { width:100%; height:40px; background:#333333; position:fixed; top:0; left:0; z-index:99999; }
.top-logo { float:left;margin:5px auto auto 20px; height:30px;}
.top-nav { float:right; margin-left:30px; }
.top-nav li { float:left; padding:0 20px; font-size:14px; }
.top-nav li a { display:block; color:#FFF; line-height:50px; }
.top-nav li a:hover { border-bottom:3px #0F6 solid; line-height:47px;}
.top-nav .curr a {border-bottom:3px #84ca2b solid; line-height:47px;}*/

/* Ê×Ò³ */
/*.topbar { background:#FFF; width:100%; float:left; }
.topw { width:1000px;}

.logo { float:left; margin-top:5px;}
.nav { float:right; width:680px; font-size:14px; height:60px; line-height:60px; }
.nav li { padding:0 10px; float:left; }
.nav a { color:#666666;}
.nav a:hover {color:#84ca2c;}
.nav .curr { background:#84ca2c;}
.nav .curr a { color:#FFF;}
.nav_shadow { width:100%; float:left; background:#3f3f3f; clear:both;}
.nav_shadow div { height:22px; width:1000px; margin:0 auto; display:block; background:url(../images/nav_shadow.png) left bottom no-repeat;}*/



.topbar{width:100%; height:50px; background: rgba(0, 0, 0, .8); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#CC000000, endColorstr=#CC000000); z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px"); z-index:9999; }
.top{position:relative; width:1000px; margin:0 auto; height:50px;}
.w1000 .top{width:1000px;}               /* add */
.w1200 .top{width:1200px;}             /* add */

.top .logo{position:absolute; top:5px; left:0;}
.top .logo img { height:40px;}
.nav{position:absolute; top:0; left:530px;}
.nav li{float:left; width:90px; text-align:center; color:#fff;}
.w1000 .nav li{width:90px;}               /* add */
.w1200 .nav li{width:120px;}            /* add */
.nav li a{display:inline-block; text-decoration:none; height:50px; line-height:50px; font-size:14px; color:#fff; padding-bottom:3px;}
.nav li a:hover{padding-bottom:0px; border-bottom:3px solid #84ca2c; color:#fff;}
.nav li.hover{background:#84ca2c;}
.nav li.hover a:hover{padding-bottom:0; }