/*

* @date 2012-05-04

*/

body, form, input, textarea, ul, li,  dl, dt, dd, table, td, th { margin:0; padding:0; }

table, td, th { border-collapse:collapse; }

ul, li { list-style:none; }

h1, h2, h3, h4 { font-size:100%; }

img, input, textarea { vertical-align: middle; border:0; }

a { text-decoration:none; color:#787878; outline:none; }

a:hover { text-decoration:underline; }

body { font:12px/1.5 "微软雅黑","tahoma", Verdana, Geneva, sans-serif; color:#666; position:relative;}

.clearfix:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}

.clearfix{zoom:1;}

.fl { float:left;}

.fr { float:right;}

/*.public*/

.main {margin:0 auto; width:980px;} 

.footer { height:auto; background:#fafafa; border-top:1px solid #f3f3f3; padding:28px 0 40px;}

.footer p { line-height:23px; color:#c6c6c6; text-align:center;}

/*head*/

.head-warp { background:#fbfbfb url(../images/navBg.gif) repeat-x 0 bottom;}

.head-warp .head { width:980px; margin:0 auto; background-image:none;}

.head { height:75px;  background:url(../images/line01.png) no-repeat 50% bottom; padding:0px 0 1px;}

.head h1 { background:url(../images/logo.png) no-repeat; height:63px; width:250px; float:left; line-height:10em; overflow:hidden;margin-top:4PX;}

.head h1 a { display:block; width:100%; height:42px;}

.nav-box { float:right; position:relative;margin-right:100px;margin-top:6px;}

.nav-box ul { padding-top:8px;}

.nav-box ul li { float:left; font-family:"微软雅黑"; font-size:16px;width:80px;text-align:center; padding:0 12px; height:63px; line-height:63px;}

.nav-box ul li a { color:#4b4b4b;}

.nav-box ul li a:hover { text-decoration:none;}

.nav-box ul li.last { font-family:\5b8b\4f53; font-size:12px; padding-top:1px;}

.nav-box ul li.last a { color:#a2a2a1;}

.nav-box .nav-line { position:absolute; left:0; bottom:0; height:2px; line-height:2px; font-size:0; width:52px; background:#35C4FD;}

/*dialog*/

.dialog-bg { position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: #fff; filter:alpha(opacity=70); opacity:0.7; display:none;}

.dialog { box-shadow: 0 4px 16px rgba(0,0,0,0.2); background: #fff; position: fixed; left: 50%; top: 50%; height: 1px; width: 1px; margin-left: 0; margin-top: 0; z-index: 1002;  border:1px solid #e3e3e3; display:none;}

#closed-btn { background: #595959 url(../images/clsBtn.gif) no-repeat 5.5px 5px; border: 2px solid #fff; border-radius: 20px; box-shadow: 3px 0 5px rgba(0,0,0,0.2); width: 20px; height: 20px;  overflow: hidden; color: #fff;  position: absolute; right: -13px; top: -12px; text-indent:-1000em; display:none; }

#closed-btn:hover { text-decoration: none; }

.dialog-cont { overflow: hidden; height: 560px; display:none;}

.dialog-head { padding: 10px 0 0; margin:0 33px; border-bottom:1px solid #ebebeb; position:relative; overflow:hidden; zoom:1;}

.ext-img { height: 48px; width: 48px; padding: 10px 10px 10px 0; }

.f-txt { margin-left: 77px; }

.f-txt h2 { font-size: 20px; font-weight: normal; line-height: 30px; margin: 8px 0 6px; color:#000; }

.star { width:61px; height:12px; background:url(../images/star.gif) no-repeat 0 -12px; margin:-2px 8px 0 0;}

.star span { display:block; height:12px; background:url(../images/star.gif) no-repeat;}

.f-infor { line-height:16px; color:#dbdbdb; margin-top:-6px;}

.f-infor a,.star { display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

.f-infor a { padding-left:20px; background:url(../images/wbo.png) no-repeat; height:16px; line-height:20px; overflow:hidden; margin:-2px 0 0 8px;}

.download-btn { background:url(../images/extBtn02.png) no-repeat; box-shadow: 0 2px 0 #ececec; border-radius: 2px; width:157px; height:37px; position:absolute; right:0; top:28px; text-indent:-1000em; overflow:hidden; }

/**/

.tab-btn { background:#f5f5f5; border-top:1px solid #ededed; height:90px; position:relative; padding:0 53px;}

.dir-btn { position:absolute; height:90px; background:#f5f5f5 url(../images/arrow.png) no-repeat 0 -65.5%; width:26px; height:56px; top:17px; border:1px solid #f5f5f5; border-radius:2px;}

.dir-btn:hover { background-color:#f0f0f0; border-color:#dfdfdf; background-color:#fcfcfc;}

#prev { left:16px; background-position: 0 -38px;}

#next { right:16px;  background-position: -25px -38px;}

#prev:hover { background-position:0 -65.6%;}

#next:hover { background-position:-25px -65.5%;}

#prev:active,#next:active { background-color:#f0f0f0;}

.btn-list { height:64px; position:relative; overflow:hidden; margin-top:12px;}

.btn-list ul { margin-top:4px; text-align:center; width:1000em;}

.btn-list li { display:inline; float:left; position:relative; height:58px; width:58px; border:1px solid #e6e6e6; margin: 0 4px; cursor:pointer;}

.btn-list li img {vertical-align:top; padding:4px; border:1px solid #fff; background:#fff; width:48px; height:48px;}

.btn-list li.cur { border-color:#35C4FD;}

.btn-list li.cur img { border-color:#35C4FD;}

.btn-list li.cur span { border: 4px solid #f5f5f5; border-bottom-color: #35C4FD; line-height: 0; font-size: 0; position: absolute; left: 50%; top: -9px; margin-left:-4px; }





a { blr:expression(this.onFocus=this.blur()) } /*针对 IE*/

a { outline:none; } /*针对firefox等*/