@charset "utf-8";
/* CSS Document */

/*全局函数*/
body{width:100%; background:#fff; margin:0px auto; font:12px/1.5em Arial Helvetica "sans-serif"; color:#555; height:100%; font-size:12px; line-height:20px;  margin:0;  padding:0; }
a{color:#555; text-decoration:none; }
a:link{color:#555; text-decoration:none; }
a:hover{color:#0054ff; text-decoration:underline}
a:active{color:#0054ff;}
img{border:0px; _display:block; }
h1{padding:0px; margin:0px; list-style-type:none;}
ul,li{padding:0px; margin:0px; list-style-type:none; }
br{ margin:0; padding:0; line-height:0;}
table{padding:0px; margin:0px; list-style-type:none; }
dt{font-size:12px; font-weight:bold; }
dt,dl,dd{padding:0px; margin:0px; list-style-type:none; }
form{margin:0px; padding:0px; }
tr{padding:0px; margin:0px; list-style-type:none; }
h1{ float:left; font-size:16px; text-align:center;width:100%; margin-top:10px;}
h2,h4{float:left; padding:0px; margin:0; font-size:14px; font-weight:bold; }
h2{float:left; color:#0d59f5; line-height:36px; background:url(../images/h2.gif) 3px 9px no-repeat; text-indent:20px}
h2 a{color:#0d59f5; }
h2 a:link{color:#0d59f5; }
h2 a:visited{color:#0d59f5; }
h2 a:hover{color:#0d59f5; }
h2 a:active{color:#0d59f5;}
h3{float:left; padding-bottom:10px;margin:0; font-size:14px; font-weight:bold; }

h5{float:right; line-height:37px; font-weight:normal; margin-right:5px; _display:inline; font-size:12px; margin:0; padding:0;}
h6{float:right; margin:10px 5px 0 0;  _display:inline; margin:0; padding:0; font-weight:normal; font-size:11px; color:#888; margin:0; padding:0;}
/*a img{FILTER:gray}
//图像黑白鼠标滑过变彩色
a:hover img{FILTER:}*/
.clear{clear:both; visibility:hidden; height:0; overflow:hidden; }
.top10{margin-top:10px; }
.left10{ margin-left:10px; _display:inline; }
.left{float:left; }
.right{float:right; }
.dotLine{ float:left;  *float:left;  _float:none;  width:100%;  *width:100%;  _width:auto; border-bottom:1px dashed #ddd;  margin:11px 0;  *margin-top:0;  background:#fff; }
.position{ float:left; line-height:37px; background:url(../images/position.gif) 0 10px no-repeat; padding-left:20px;}
.ad980{ float:left; width:980px; height:auto; margin-top:10px;}
/* Top Beginning*/
#top{background:url(../images/topBg.gif) 0 0 repeat-x; width:100%; height:38px; text-align:center; margin:0 auto;}
.top{ width:980px; height:38px; line-height:38px; margin:0 auto;}
.member{ float:left; width:580px; height:38px;}
.userlogin{ float:left; width:530px; height:23px; margin-top:7px;}
.userlogin .fb{ float:left; width:190px; height:23px; line-height:23px;}
.userlogin .fb img{vertical-align: middle;margin-left: 5px;}
.userlogin .submit{ float:left; width:140px; height:23px;}
.ipt-txt{line-height:15px;font-size:12px;margin-right:2px;border-color:#BBB;border-style:solid;border-width:1px;padding:2px 5px;}           
.btn-1{ float:left;width:65px; height:23px; background:url(../images/dl.gif) left top no-repeat; border:none;  display:block; cursor:pointer; } 
.btn-2{ float:left;width:65px; height:23px; aborder:none;  display:block; cursor:pointer; } 
     
.userinfo{ float:left; text-align:left; margin-top:7px;}
.userinfo .welcome{ float:left; width:auto;height:24px;line-height:23px;}
.userinfo .welcome strong{color: #F60;font-weight: 700;}
.userinfo .mylink{ float:left; width:380px;}
.userinfo .mylink li{float:left; width:19%; line-height: 21px;text-indent: 12px;}



.fav{ float:right; width:250px; height:38px; }
.fav ul{ background:url(../images/favBg.gif) 0 11px no-repeat; width:250px; height:38px;}
.fav li{ float:left; width:52px; margin-right:17px; _display:inline; margin-left:13px;}

/* Header Beginning*/
#header{ width:980px; height:auto; margin:0 auto;}

#logoBox{ float:left; width:980px; height:90px;}
.logo{ float:left; width:490px; height:68px; margin-top:10px;}
.conBox{ float:right; width:380px; height:90px; background:url(../images/conBg.gif) left top no-repeat;}
.conBox ul{ float:left; width:100%; margin-top:22px; margin-left:20px; _display:inline;}
.conBox li{ float:left; width:150px;}
.tel{ float:left; width:340px; margin-top:20px; margin-left:20px; _display:inline; background:url(../images/tel.gif) 0 2px no-repeat; text-indent:20px;}
.add{ float:left; width:340px; margin-top:7px; margin-left:20px; _display:inline; background:url(../images/add.gif) 0 0 no-repeat; text-indent:20px;}

#menu{ width:980px; height:43px; margin:0 auto;}
.menuLeft{ float:left; width:10px; height:43px; background:url(../images/menuLeft.gif) 0 0 no-repeat;}
.menuRight{ float:left; width:10px; height:43px; background:url(../images/menuRight.gif) 0 0 no-repeat;}
/* Nav
==========================================================*/

.nav { float:left;width:960px; height:43px; background:url(../images/menuCen.gif) 0 0 repeat-x; position:relative;}
.navlist {
	height:43px;
	line-height:43px;
	margin:0 20px;
	overflow:hidden;
}
.nav li {
    float:left;
    display:inline;
}
.navLine{ float:left; width:2; height:43px; background:url(../images/navLine.gif) 0 0 no-repeat;}

.nav a {
	display:block;
	width:88px;
	text-align:center;
	font-size:14px; font-weight:bold;
	color:#fff;
}
.nav a.current, .nav a:hover, .nav a:active {
    color:#0d59f5;
    font-weight:bold;
    background:url(../images/hover.gif) center 7px no-repeat;
	text-decoration:none;
}

#caiDan li a.normal{background:#fff;}
#caiDan li a.over{background:#00ff00;}
#caiDan li a.cur{background:#ff0000;color:#fff;}
.nav .current{ color:#0d59f5; font-weight:bold; background:url(../images/hover.gif) center 7px no-repeat;text-decoration:none;}
.nav .current a{ color:#0d59f5;}
.subnav {
    position:absolute;
    top:35px;
	*top:45px;
    left:0;
    height:40px;
    *height:27px;
	line-height:27px;
    white-space:nowrap;
    background:url(l.png) 0 12px no-repeat ;
    *background:url(lrtk.png) no-repeat 0 -180px;
}
* html .subnav {
    margin:0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
    padding:0 10px;
    background:url(lrtk.png) no-repeat 100% -234px;
}
.subnav p span {
    display:block;
    background:url(lrtk.png) repeat-x 0 -207px;
}
.subnav p.pointer {
    position:absolute;
    top:-4px;
    left:0;
    height:5px;
    width:11px;
    padding:0;
    margin-left:20px;
    text-indent:-999em;
    background:url(lrtk.png) repeat-x 0 -261px;
}
.subnav a {
    display:inline;
    padding:0;
    font-size:100%;
}
[class~="subnav"] a {
    padding:0 3px;
}
.subnav, .subnav a:link, .subnav a:visited {
    color:#0a81d7;
}
.subnav a:hover, .subnav a:active {
    color:#0a81d7;
}
.subnav a:hover, .subnav a:active {
    font-weight:bold;
    background:none;
    border-bottom:1px solid;
}
/* subnav position and pointer position */
#subnav1 { left:100px; *left:100px; _left:110px; }
#subnav2 { left:190px; *left:190px; _left:200px; }
#subnav3 { left:280px; *left:280px; _left:290px; }
#subnav4 { left:370px; *left:370px; _left:380px; }
#subnav5{ left:460px; *left:460px; _left:470px;}
#subnav6{ left:555px; *left:555px; _left:565px;}
#subnav7 { left:508px; *left:438px; _left:488px;}
#subnav8 { left:695px; *left:665px; _left:688px;}
#subnav1 .pointer,
#subnav2 .pointer,
#subnav3 .pointer,
#subnav4 .pointer { left:27px; }
#subnav5 .pointer { left:27px;}
#subnav6 .pointer { left:27px;}
#subnav7 .pointer { left:auto; right:270px; }
#subnav8 .pointer { left:auto; right:180px; }
#subnav1, #subnav2, #subnav3, #subnav4 {
    min-width:110px;
}
#subnav5 { min-width:340px; }
#subnav6 { min-width:240px; }
#subnav7 { min-width:130px; }
.disable {
    display:none;
}

/* Content Beginning*/
#content{ width:980px; height:auto; margin:0 auto;}
.banner{ float:left; width:980px; height:180px; margin-top:10px;}
.mainBox{ float:left; width:980px; height:auto; margin:0 auto; margin-top:10px;}

.title{ float:left; width:100%; height:36px;}
.titLeft{ float:left; width:5px; height:36px; background:url(../images/titLeft.gif) 0 0 no-repeat;}
.titRight{ float:left; width:5px; height:36px; background:url(../images/titRight.gif) 0 0 no-repeat;}
.titCen{ float:left; width:970px; height:36px; background:url(../images/titCen.gif) 0 0 repeat-x;}
.titCenLeft{ float:left; width:240px; height:36px; background:url(../images/titCen.gif) 0 0 repeat-x;}
.titCenRight{ float:left; width:710px; height:36px; background:url(../images/titCen.gif) 0 0 repeat-x;}

.quick{ float:left; width:248px; height:auto;border:1px solid #ddd; border-top:none;}
.quick li{ float:left; width:33%; height:80px; text-align:center; margin-top:10px;}
.quick img{ width:51px; height:50px;}
.quick li span{ float:left; width:100%; text-align:center;}
.sign{ float:left; width:25px; height:48px; margin-top:10px;}


.join{ float:left; width:228px; height:auto; border:1px solid #ddd; border-top:none; padding:10px; overflow:hidden; }
.join li{ float:left; width:228px; height:28px; line-height:28px; border-bottom:1px dashed #ddd; background:url(../images/class.gif) 0 8px no-repeat; text-indent:15px;}
#roll {overflow:hidden;height: 228px;float: left;}

#footer{width:980px; height:auto;  margin:0 auto; }
.foot{ float:left; width:980px; height:80px; background:url(../images/footerBg.gif) 0 0 repeat-x; margin-top:10px; margin-bottom:10px; color:#fff; text-align:center; padding-top:10px;}
.foot a{ color:#fff; text-decoration:underline;}