﻿
/*
层级说明 z_index
页面布局层     1 - 10
页面普通层     11 - 100
区块内弹出     101 - 500
广告定位层     501 - 1000
全屏遮罩层     1001
全屏弹出层     1002 - 10000
不换行        white-space:nowrap;
换行          word-wrap:break-word;word-break:normal;
圆角          -moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;
投影          box-shadow:0px 0px 3px #bbb
*/
/* css reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,input,button,textarea,p{margin:0;padding:0;}
img,abbr{border:0;vertical-align:top}
address,caption,cite,em,optgroup,i{font-style:normal;}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
/* HTML5 display-role reset for older browsers */
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
figure{margin:0}
/* basic */
html{_background-attachment:fixed;_background-image:url(about:blank);-webkit-text-size-adjust:none;}
body{font:12px/24px "宋体"}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.fl{float:left}.fr{float:right}.cl{clear:both}
.pr{position:relative}.pa{position:absolute}.pf{position:fixed}
.cf,.wrap{*display:inline-block;*zoom:1}
.cf:after,.wrap:after{content:"";display:block;height:0;clear:both;visibility:hidden;z-index:-100;}
a,a:visited,ins{text-decoration:none}
a.u:hover{text-decoration:none}
.opac80:hover{opacity:0.8;filter:Alpha(Opacity=80)}
.opac100:hover{opacity:1;filter:Alpha(Opacity=100)}
.sp10,.sp15,.sp20,.sp30{clear:both;height:10px;overflow:hidden}
.sp15{height:15px}.sp20{height:20px}.sp30{height:30px}
/*ie6fix*/
.ie6fix{position:fixed;left:50px;bottom:50px;_position:absolute;_bottom:auto;_top:expression(documentElement.scrollTop+documentElement.clientHeight - 96 + "px");}
/*common*/
.fw,a.fw{color:#fff}
.f99,a.f99{color:#999}
#header,#footer,.wrap{width:1000px;margin:0 auto;position:relative;clear:both}
.ztbody{background:#1e1e1e}
.wrap{min-height:520px;overflow:hidden}
#bgfix{position:fixed;top:0;left:0;z-index:-1;overflow:hidden;_position:absolute;_top:expression(documentElement.scrollTop);background:#000;width:100%;height:100%}
#bgfix img{float:left;width:100%;height:100%}
.sidemenu{width:169px;position:absolute;border:1px solid #adadad;z-index:50;}
.main830{width:830px;float:right;position:relative}
.main830 .mid{width:567px;float:left;margin:0;margin-right:-1px;height:auto;z-index:-100;}
.main830 .side{width:264px;float:right}
.arrow-1,.arrow-2{background:url(cs_ico.png) no-repeat;display:block;width:31px;height:31px;}
.arrow-1{background-position:right -95px;opacity:0.6;filter:Alpha(Opacity=60);}
.arrow-2{background-position:0 -440px}
.b-arrow-up,.b-arrow-down,.b-arrow-left,.b-arrow-right{background:url(../Images/cs_ico.png) no-repeat;width:44px;height:44px;display:block;cursor:pointer;opacity:0.6;filter:Alpha(Opacity=60)}
.b-arrow-left{background-position:0 -260px}
.b-arrow-right{background-position:0 -305px}
.b-arrow-up{background-position:0 -350px}
.b-arrow-down{background-position:0 -395px}
/*page*/
.page{clear:both;padding-top:15px;height:60px;float:right}
.page a{float:left;opacity:.5;filter:Alpha(Opacity=50)}
.page a:hover{opacity:1;filter:Alpha(Opacity=100)}
.btn_back{float:right;opacity:.5;filter:Alpha(Opacity=50);background:url(../Images/back.png) no-repeat;width:184px;height:50px;display:block;}
.btn_back:hover{opacity:1;filter:Alpha(Opacity=100)}
/*header*/
#header .topbtn{height:45px;padding-top:5px}
#header .topbtn a{width:32px;height:25px;display:block;float:left;background:url(../Imagescs_ico.png) 0 -40px no-repeat;overflow:hidden;text-indent:-99em;margin-right:10px}
#header .topbtn a.sina{background-position:-32px -40px}
#header .topbtn a:hover{opacity:0.8;filter:Alpha(Opacity=80)}
#header .topbtn span{background:url(./Images/topspan.png) no-repeat;display:block;float:left;width:159px;height:25px;text-align:center;color:#fff;font:20px/26px "微软雅黑"}
#header .nav{clear:both;padding-left:30px;height:105px}
#header .nav .logo{background:url(./Images/logo.png) no-repeat;width:144px;height:32px;display:block;float:left;margin-top:30px}
#header .nav ul{width:630px;float:right}
#header .nav li{width:150px;margin-right:30px;float:left;height:27px;padding-top:2px;position:relative}
#header .nav li i,#header .nav li q{position:absolute;width:150px;height:1px;background:#fff;display:block;left:0;bottom:0;opacity:0.25;filter:Alpha(Opacity=25)}
#header .nav li q{bottom:auto;top:-1px}
#header .nav li a{color:#fff;font:12px/26px "微软雅黑"}#header .nav li a:hover{color:#ddd}
/*ztheader*/
#ztheader .nav{clear:both;padding-left:30px;height:54px;width:970px;margin:0 auto}
#ztheader .nav .logo{background:url(./Images/logo.png) 0 center no-repeat;width:144px;height:54px;display:block;float:left}
#ztheader .nav ul{float:right}
#ztheader .nav li{float:left;padding-left:22px}
#ztheader .nav li a{color:#fff;font:14px/50px "微软雅黑"}#ztheader .nav li a:hover{color:#ddd}
/*footer*/
#footer{border-top:4px solid #232323;padding:10px 0 15px;height:60px;margin-top:30px}
#footer .flogo{width:130px;height:60px;background:url(./Images/flogo.png) center center no-repeat;float:left;display:block;border-right:1px solid #666}
#footer .copy{width:450px;float:left;border-right:1px solid #666;color:#838383;padding:8px 0 0 30px;}
#footer .copy a{color:#838383;margin-right:12px}
#footer .copy span{font-family:Verdana}
#footer .tel{background:url(./Images/ftel.png) center center no-repeat;float:left;width:190px;height:60px}
#footer .gam{color:#fff;float:left;width:188px}
#footer .gam a.sina{width:46px;height:46px;background:url(./Images/fsina.png) no-repeat;display:block;float:left;margin-top:7px;margin-right:10px}
#footer .gam .qq{background:#444 url(./Images/wx.jpg) no-repeat;width:60px;height:60px;overflow:hidden;float:left;margin-right:10px}
#footer .gam a.sina:hover{opacity:0.8;filter:Alpha(Opacity=80)}

/*滚动插件样式*/
.mCSB_container{width:auto;margin-right:30px;overflow:hidden;}
.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;background:#c4c4c4;opacity:0.4;filter:alpha(opacity=40)}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;height:100%;margin:0 auto;text-align:center;background:#c4c4c4;opacity:0.75;filter:alpha(opacity=75);}
.mCustomScrollBox>.mCSB_scrollTools{opacity:0.75;filter:alpha(opacity=75);}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:alpha(opacity=100)}
/*图片轮播*/
#iplay{overflow:hidden;position:relative;z-index:10}
#iplay .arrow{width:42px;height:70px;background:url(cs_ico.png) 0 -130px;display:block;position:absolute;opacity:0.6;filter:Alpha(Opacity=60);z-index:100}
#iplay .arrow:hover{opacity:1;filter:Alpha(Opacity=100)}
#iplay #arrow_left{left:0}
#iplay #arrow_right{right:0;background-position:0 -190px}
#iplay ul li{overflow:hidden;display:none;text-align:center;position:relative}
#iplay ul li span{ background:#000;color:#fff;opacity:0.7;filter:alpha(opacity=70);position: absolute;bottom:0;right:0;padding:10px 20px;font-family:"微软雅黑";font-size:14px}