/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%;}
address,caption,cite,code,dfn,em,th,var { font-weight:normal; font-style:normal;} 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
input,textarea,select{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
caption,th{ text-align:left;}
q:before, q:after{ content: '';}
ul,ol,dl{ list-style:none;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/*公用样式*/
body{ background:url(./bg_body.png) repeat-x #FFF; font-family:"宋体", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444; line-height:16px;}
a{ text-decoration:none; color:#444;}
a:hover{ text-decoration:underline; color:#F30;}
.red{ color:#F30;}
.u{ text-decoration:underline;}
.b{ font-weight:bold;}
.n{ font-weight:normal;}
.centerfix{ text-align:center;}
#header{ width:900px; margin:0 auto; height:145px;}
.logo{ float:left; margin:36px 200px 0 40px; _display:inline; width:195px; height:60px; background:url(./logo.png) no-repeat;}
.logo a{ display:block; overflow:hidden; text-indent:-999em; height:60px;}
.webTitle{ float:left; margin-top:5px; height:110px; width:420px; background:url(./title.png) no-repeat; clear:right;}
.nav{ clear:both; height:30px; background:url(./bg_nav.png) no-repeat;}
.nav ul{ margin: 0 260px;}
.nav li{ float:left; margin:2px 0; height:26px; padding:0 18px 0 16px; background:url(./bg_nav.png) no-repeat right -30px; font-size:14px; font-weight:bold; line-height:26px;}
.nav li.last{ background:none;}
.nav a{ color:#FFF;}
.nav a:hover{ color:#F6FF00; text-decoration:none;}
#main{ width:900px; margin:6px auto 0 auto;}
#footer{ margin:0 auto; width:880px; padding:15px 10px;}
.copyright{ float:left; margin:20px 0 0 200px; width:310px; line-height:20px; text-align:center; _display:inline;}
.icp,.police{ float:left; margin:0 10px; line-height:16px; text-align:center; _display:inline;}
.icp img,.police img{ margin-bottom:5px;}

.orangeRow{ border:1px solid #D59154; background:url(./bg_orange.png) repeat-x}
.grayRow{ border:1px solid #B3B3AB; background:url(./bg_gray.png) repeat-x}
.title{ clear:both; height:27px; line-height:27px; font-size:14px; font-weight:bold; color:#FF5E02; padding:0 7px; border:1px solid #FFF; position:relative;}
.grayLine{ background:url(./bg_line.gif) repeat-x 0 26px;}
.orangeLine{background:url(./bg_line.gif) repeat-x 0 -13px;}
.more{ position:absolute; right:7px; top:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:14px;}
.more .gray{ color:#888;}
.more .orange{ color:#F63;}
.list{ margin:5px 8px;}
.list li{ height:20px; background:url(./bg_line.gif) repeat-x left bottom; padding:2px 2px 2px 0; line-height:20px;}
.list li .date{ float:right;}

/*首页*/
#leftCol{ float:left; width:257px;}
.login{ padding:12px 20px 0 20px; height:110px; border:1px solid #FFF; overflow:hidden;}
.login label{ float:left; width:50px; height:25px; line-height:24px; text-align:right;}
.login .input{ float:left; height:25px; width:160px; clear:right;}
.login .input input{ height:16px; line-height:16px; padding:1px; border:1px solid #D59154; vertical-align:middle;}
.login .input img{ vertical-align:middle;}
.login .btn{ clear:both; width:186px; margin:0 auto; padding-top:2px;}
.login .info{ padding-top:10px;}
.login .info li{ height:18px; padding:5px;}
.login .info .exit{ text-align:right;}
.btnLogin{ float:left; width:89px; height:26px; border:none; background:url(./bg_btn.png) no-repeat; display:block; text-indent:-999em; overflow:hidden;}
.btnReg{ float:left; width:89px; height:26px; background:url(./bg_btn.png) no-repeat 0 -30px; display:block; text-indent:-999em; overflow:hidden; margin-left:8px;}
.update{ width:255px; margin-top:6px;}

#middleCol{ float:left; margin:0 8px; _display:inline; width:430px;}
.slidePlayer{ width:430px; height:150px; overflow:hidden;}
.lastExp{ margin-top:6px; width:428px;}

#rightCol{ float:right; clear:right; width:197px;}
.clientDl{ width:195px; height:140px;}
.clientDl ul{ margin:0 auto; width:152px; padding:10px 0;}
.clientDl li{ height:26px; padding-top:8px; }
.clientDl li a{ display:block; padding-left:50px; height:26px; line-height:26px; text-decoration:underline; background:url(./bg_btn.png) no-repeat 0 -60px; overflow:hidden;}
.btnGuide{ margin-top:6px; font-size:0; line-height:0;}
.service{ clear:both; margin-top:6px; width:195px;}
.service ul{ padding:10px;}
.service li{ padding:4px; height:18px;}
.service li span{ font-size:14px; font-weight:bold;}

.activity{ clear:both; padding-top:6px; width:900px;}
.activity ul{ border:1px solid #FFF; padding:11px;}
.activity li{ float:left; margin:10px 11px 0 11px; _display:inline;}
.activity li a{ width:180px; height:80px; overflow:hidden; padding:7px; border:1px solid #E6C4A5; display:block;}
.activity li a:hover{ border:1px solid #F90; text-decoration:none; background:#FFEDDD;}

/*二级页面*/
#subpage{ width:898px;}
#subpage .title{ text-indent:6px;}
#subpage .guide{ margin:10px 15px;}
#subpage .guide dt{ height:22px; background:#FFE6DA; padding:0 10px; line-height:22px; font-weight:bold;}
#subpage .guide dt a{ display:block; height:22px;}
#subpage .guide dd{ margin:5px; line-height:20px;}
#subpage .guide p{ margin-bottom:14px;}
#subpage table,#subpage table th,#subpage table td{ border-collapse:collapse; border:1px solid #D59154; padding:3px 8px; line-height:18px;}
#subpage table th{ font-weight:bold; text-align:center;}
.content{ margin:15px;}
.news{ margin:10px 20px;}
.pageInfo{ margin:10px; text-align:center;}
.pageInfo li{ display:inline; padding:0 3px;}
#subpage h1.artTitle{ margin:10px 25px; padding-bottom:10px; font-size:14px; font-weight:bold; text-align:center; color:#FF5E02; background:url(./bg_line.gif) repeat-x left bottom;}
#subpage h2.artInfo{ text-align:center; margin-bottom:10px; color:#666;}
.artContent{ margin:10px 30px; width:838px; overflow:hidden; line-height:18px;}
.artContent p{ margin-bottom:12px; text-indent:24px;}
.btnBack{ margin:10px 25px; background:url(./bg_line.gif) repeat-x 0 -69px; text-align:right; padding:10px;}

/*会员中心*/
.memberNav{ float:left; width:180px; border:1px solid #B3B3AB;}
.memberNav li{ margin-bottom:2px;}
.memberNav li a{ display:block; width:180px; height:27px; text-indent:17px; font-weight:bold; color:#333; line-height:27px; background:url(./bg_member.png) no-repeat;}
.memberNav li a:hover{ text-decoration:none; color:#F60;}
.memberNav ul ul{ margin:5px 0 5px 17px;}
.memberNav li li{ margin-bottom:0; height:20px; background:url(./bg_member.png) no-repeat -296px 7px; padding-left:10px;}
.memberNav li li a{ display:inline;  line-height:20px; text-indent:0; background:none; font-weight:normal;}
.memberMain{ float:left; width:708px; margin-left:8px; _display:inline; min-height:350px; _height:350px;}
.memberMain .title span{ display:block; height:27px; background:url(./bg_member.png) no-repeat -295px -24px; font-size:12px; color:#333; text-indent:10px;}
.memberContent{ margin:15px 18px;}
.tipInfo{ border:1px solid #FFBD77; background:#FEFFD2; padding:3px 10px; line-height:18px;}
.form{ margin:10px 0;}
.formElement{ padding:3px 0; line-height:21px;}
.formElement label{ display:block; float:left; width:200px; text-align:right; font-weight:bold;}
.formElement .input{ margin-left:203px; _margin-left:200px; clear:right;}
.formBtn{ clear:both; padding-top:10px; margin-left:205px;}
.formTip{ padding:3px 0 0 3px; color:#F00;}
.inputText{ border:1px solid #7E98B8; background:#FEFFD2; padding:2px; height:15px; line-height:15px; +margin:-1px 0;}
.btnNarrow{ width:67px; height:24px; line-height:24px; text-align:center; border:none; background:url(./bg_member.png) -180px -60px;}
.btnWide,.btnLink{ width:83px; height:24px; line-height:24px; text-align:center; border:none; background:url(./bg_member.png) -180px -95px;}
.btnLink{ display:block;}
.memberTable{ border-collapse:collapse;}
.memberTable th,.memberTable td{ padding:3px 5px; border:1px solid #D59154; text-align:center; line-height:18px;}
.memberTable th{ background:#FFE3CC; font-weight:bold;}
.memberTable td{ background:#FFF4EB;}
.memberTable tr:hover td{ background:#FFECDD;}
.selectCol{ background:url(./bg_line.gif) repeat-x left bottom; text-align:center; padding-bottom:8px; margin-bottom:15px; vertical-align:middle;}
.formType{ margin:10px 0; background:url(./bg_line.gif) repeat-x left bottom; padding:0 0 5px 80px; font-weight:bold;}
.security{ margin:15px 0 0 18px;}
.securitySug{ font-size:14px; font-weight:bold; color:#ff823f; background:url(./security_ico.png) no-repeat left center; padding-left:15px; margin-top:10px;}
.security .option{ float:left; width:300px; height:65px; border:1px solid #D1D1D1; background:#EAEAEA; margin:15px 15px 0 0; padding:10px 0 0 25px; line-height:25px; _display:inline;}