@charset utf-8;

 CSS Document 

@import 'cssreset.css';



common

focus {outline none;}



 display 

.dn { display none; }

.di { display inline; }

.db { display block; }

.dib { display inline-block; }  if the element is block level(eg. div, li), using 'inline-any' instead 





.fl{floatleft;}

.fr{floatright;}



 块状元素水平居中 

.auto { margin-left auto; margin-right auto; }



 overflow 

.ovh { overflow hidden; }



 position 

.rel { position relative; }

.abs { position absolute; }



 font-family 

.fw { font-family 'Microsoft Yahei'; }

.fs { font-family 宋体, Helvetica, Arial, sans-serif;  }





 font-style 

.n { font-weight normal; font-style normal; }

.b { font-weight bold; }

.i { font-style italic; }



 text-align 

.tc { text-align center; }

.tr { text-align right; }

.tl { text-align left; }

.tj { text-align justify; }



 清除浮 动

.fix { zoom1; }

.fixafter { content ; displayblock; height0; clearboth; visibilityhidden; font-size0;}



table

table {

    width 100%;

    border-collapse collapse;

}



 margin 

.m0 { margin0 !important; }

.ml0 { margin-left 0}

.ml1 { margin-left 1px; }

.ml2 { margin-left 2px; }

.ml5 { margin-left 5px; }

.ml10 { margin-left 10px; }

.ml15 { margin-left 15px; }

.ml20 { margin-left 20px; }

.ml25 { margin-left 25px;}

.ml30 { margin-left 30px; }



.mr1 { margin-right 1px; }

.mr2 { margin-right 2px; }

.mr5 { margin-right 5px; }

.mr10 { margin-right 10px; }

.mr15 { margin-right 15px; }

.mr20 { margin-right 20px; }

.mr30 { margin-right 30px; }



.mt1 { margin-top 1px; }

.mt2 { margin-top 2px; }

.mt5 { margin-top 5px; }

.mt10 { margin-top 10px; }

.mt15 { margin-top 15px; }

.mt20 { margin-top 20px; }

.mt25 { margin-top 25px; }

.mt30 { margin-top 30px; }



.mb1 { margin-bottom 1px; }

.mb2 { margin-bottom 2px; }

.mb5 { margin-bottom 5px; }

.mb10 { margin-bottom 10px; }

.mb15 { margin-bottom 15px; }

.mb20 { margin-bottom 20px; }

.mb25 { margin-bottom 25px; }

.mb30 { margin-bottom 30px; }



 padding 

.p0 { padding 0; }

.p1 { padding 1px; }

.pl1 { padding-left 1px; }

.pt1 { padding-top 1px; }

.pr1 { padding-right 1px; }

.pb1 { padding-bottom 1px; }



.p2 { padding 2px; }

.pl2 { padding-left 2px; }

.pt2 { padding-top 2px; }

.pr2 { padding-right 2px; }

.pb2 { padding-bottom 2px; }



.pl5 { padding-left 5px; }

.p5 { padding 5px; }

.pt5 { padding-top 5px; }

.pr5 { padding-right 5px; }

.pb5 { padding-bottom 5px; }



.p10 { padding 10px; }

.pl10 { padding-left 10px; }

.pt10 { padding-top 10px; }

.pr10 { padding-right 10px; }

.pb10 { padding-bottom 10px; }



.p15 { padding 15px; }

.pl15 { padding-left 15px; }

.pt15 { padding-top 15px; }

.pr15 { padding-right 15px; }

.pb15 { padding-bottom 15px; }



.p20 { padding 20px; }

.pl20 { padding-left 20px; }

.pt20 { padding-top 20px; }

.pr20 { padding-right 20px; }

.pb20 { padding-bottom 20px; }



.p30 { padding 30px; }

.pl30 { padding-left 30px; }

.pt30 { padding-top 30px; }

.pr30 { padding-right 30px; }

.pb30 { padding-bottom 30px; }



 vertical-align 

.vm { vertical-align middle; }

.vtb { vertical-align text-bottom; }

.vb { vertical-align bottom; }

.vt { vertical-align top; }

.vn { vertical-align -2px; }



.bgnone{backgroundnone !important;}

.bnone{bordernone !important;}





.float0831 {
	POSITION: fixed; TOP: 120px; RIGHT: 1px; _position: absolute;color:#fff; z-index:999;
}
.float0831 A {
	COLOR: #fff
}
.float0831 A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(../images/float_bg.png)
}
.float0831 .tp {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 120px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn H4 { font-size:16px; color:#fff; margin:2px; font-family:'微软雅黑';
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT:31px; WORD-WRAP: break-word;OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .cn UL LI b{ font-size:14px;}
.float0831 .cn UL LI.tit{background:#E6F2F2;LINE-HEIGHT:40px; WORD-WRAP: break-word; HEIGHT:40px;BORDER-BOTTOM:0; text-align:center}

.float0831 .titZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 48px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid; height:36px;
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}