﻿@charset "utf-8";
html { background-color:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
audio, canvas, video { display:inline-block; *display:inline;
*zoom:1
}
body, button, input, select, textarea { font: 14px/1.5 "microsoft yahei", "\5FAE\8F6F\96C5\9ED1", tahoma, arial; color:#444; }
input, select, textarea { font-size:100% }
table { border-collapse:collapse; border-spacing:0 }
th { text-align:inherit }
fieldset, img { border:0 }
img { vertical-align:top; }
iframe { display:block }
abbr, acronym { border:0; font-variant:normal }
del { text-decoration:line-through }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:500 }
ol, ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500 }
q:before, q:after { content:'' }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
a:hover { text-decoration:underline }
ins, a { text-decoration:none }
.fn-clear:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0 }
.fn-clear { zoom:1 }
.fn-clearfix { display:block; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; clear:both }
body .fn-hide { display:none }
.fn-left, .fn-right { display:inline }
.fn-left { float:left }
.fn-right { float:right }
a:link, a:visited { color: #444; -webkit-transition: color .4s ease-in-out;
-moz-transition: color .4s ease-in-out;
-o-transition: color .4s ease-in-out;
-ms-transition: color .4s ease-in-out;
transition: color .4s ease-in-out
}
a:hover, a:active { color: #c00 }
/*top*/
.top_wrap { min-width:1000px; height:36px; background:#333 }
.top_nav { width:1000px; margin:0 auto; position:relative; z-index: 1; color:#fff }
.top_nav a, .top_nav a:visited { color:#fff }
.top_nav a:hover { color:#c00 }
.top_nav .top_logo { position:absolute; top:0; left:0; z-index:999; width:96px; height:40px; background:#c33; }
.top_nav .top_logo a { display:block; overflow:hidden; text-indent:-999em; width:96px; height:40px; background: url(zt-top-logo3.png) no-repeat 0 0; }
.top_nav_list { float:left; margin-left:143px; display:inline; }
.top_nav_list li { float:left; margin-right:13px; line-height:36px }
.top_nav_list li .dot { color:#fff; margin:5px 8px 0 0; line-height:20px; display:inline; float:left; }
.top_nav_list li a { float:left }
.top_nav .enter_bbs { float:right; line-height:36px }
.top_nav .enter_bbs .ico { display: inline; float:left; overflow:hidden; margin:14px 0 0 10px; width:0; height:0; border:4px solid; border-color:#333 #333 #333 #fff; }
.top_nav .user_info { float:right }
.top_login { line-height:36px }
.top_login a { padding:0 5px; }
.top_logout { display:none; }
.top_logout li { padding:0 5px; line-height:36px; float:left }
.top_logout .messages { position:relative; margin-right:10px; }
.top_logout .messages #msgcount { position:absolute; top:3px; right:-3px; padding:0 2px; height:10px; background-color:#d94d7c; color:#fff; font-size:10px; line-height:10px; }
/*footer*/
.footer_wrap { height:110px; clear:both; overflow:hidden; border-top:2px solid #c33; background-color: #fff; width:990px; margin:0 auto }
.footer { width:990px; margin:0 auto; color:#666; font-size:12px; }
.footer a, .footer a:visited { color:#666; font-size:12px }
.footer a:hover { color:#c00 }
.footer_logo { float:left; width:132px; margin-top:26px; padding-left:18px; }
.footer_logo a { display:block; width:132px; height:49px; background:url(zt-foot-logo3.png) no-repeat; text-indent:-999em; overflow:hidden; }
.company_info { width:786px; float:right }
.footer_nav { width:770px; padding:25px 0 3px 0px; border-bottom:1px solid #d4d4d4; }
.footer_nav a { margin:0 7px; }
.company_link { float:left; margin-top:9px; }
.company_link a { margin:0 8px; }
.copyright_info { float:right; margin:9px 25px 0 0; display:inline; text-align:right; color:#999 }
/*right-bar*/
.right-bar { overflow:hidden; clear:both; z-index:99; width:0; position:absolute; left:50%; margin-left:520px; top:0; }
.right-bar-show { width:150px }
.right-bar .rbar-title { width:150px; height:62px; background:url(r-bar-top.png) no-repeat }
.right-bar .rbar-title p { font-size:18px; width:150px; text-align:center; height:30px; line-height:30px; overflow:hidden; color:#fff; padding-top:25px }
.right-bar .rbar-list li { margin-bottom:2px; }
.right-bar .rbar-list li a { display:block; width:135px; overflow:hidden; background:#d0d0d0; color:#000; padding-left:15px; font-size:16px; line-height:30px; }
.right-bar .rbar-list li a:hover { background:#000; color:#fff; text-decoration:none; }
.right-bar .rbar-list li .cur { background:#000; color:#fff }
.right-bar .rbar-qr { width:150px; height:150px; overflow:hidden }
.right-bar .rbar-backtop { width:150px; height:51px; overflow:hidden }
.right-bar .rbar-backtop a { width:150px; height:51px; line-height:48px; background:url(r-bar-bot.png) no-repeat center 0; display:block; text-align:center; color:#fff }
.right-bar .rbar-backtop a:hover { color:#fff }
.fixbar-show { width: 150px; margin-left: 560px }
/*btm-bar*/
.btm-bar, .bottom_bar .btm_bar_bg, .bottom_bar #btm_bar_close { width:100%; overflow:hidden; display:none; clear:both; _padding-top:10px; position:fixed; bottom:0; z-index:5; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));
}
.bottom_bar .btm_bar_bg { opacity: 0.5; filter: alpha(opacity=50); background:#000; height:215px; z-index:1 }
.btm-bar .btm_bar_cont { width:1320px; margin:0 auto; padding-top:10px; position:relative; }
.btm-bar .btm_bar_hd { height:36px; border-bottom:1px solid #989898; }
.btm-bar .btm_bar_hd .hd { float:left; color:#fff; font-size:24px }
.bottom_bar .btm_bar_slidebox { padding:0 90px 0 100px; width:1130px; overflow:hidden; }
#btm_bar_slide { height:140px; position:relative; width:1120px; padding:15px 0 15px; overflow:hidden; }
.btm-bar .btm_bar_hd .btm_bar_more { float:right; z-index:10; color:#d2d2d2; margin-top:15px; }
.btm-bar .btm_bar_cont li { float:left; width:200px; height:140px; position:relative; padding:0 30px 0 0; display:inline; }
.btm-bar .btm_bar_cont li img { width:200px; height:115px; }
.btm-bar .btm_bar_cont li p { line-height:25px; position:absolute; bottom:0; left:0; width:180px; height:25px; overflow:hidden; text-align:center; padding:0 10px; }
.btm-bar .btm_bar_cont li .txt_bg { position:absolute; bottom:0; left:0; height:25px; width:200px; background:#000; opacity: 0.7; filter: alpha(opacity=70); }
.btm-bar .btm_bar_cont li p a { color:#fff; }
.bottom_bar .btm_bar_button a { position:absolute; outline:none; width:42px; height:78px; text-indent:-999em; z-index:5; display:block; background:url(s.png) no-repeat; top:105px; opacity: 1; filter: alpha(opacity=100); }
.bottom_bar .btm_bar_button a#btm_bar_prev { left:0; background-position:0 0; }
.bottom_bar .btm_bar_button a#btm_bar_next { right:0; background-position:-47px 0; }
.bottom_bar #btm_bar_close { cursor:pointer; width:22px; height:22px; bottom:183px; text-indent:-999em; right:10px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-180));
background:url(s.png) no-repeat -94px 0; z-index:99999; }