*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
.tran300 {
	transition:300ms ease-out; -webkit-transition: 300ms ease-out; -o-transition: 300ms ease-out; -moz-transition: 300ms ease-out;
}
.tran500 {
	transition:500ms ease-out; -webkit-transition: 500ms ease-out; -o-transition: 500ms ease-out; -moz-transition: 500ms ease-out;
}
.tran800 {
	transition:800ms ease-out; -webkit-transition: 800ms ease-out; -o-transition: 800ms ease-out; -moz-transition: 800ms ease-out;
}
.tran1000 {
	transition:1000ms ease-out; -webkit-transition: 1000ms ease-out; -o-transition: 1000ms ease-out; -moz-transition: 1000ms ease-out;
}

.float-bar{position:fixed;right:0;top:35%;z-index:9999;}
.float-bar .box{position:relative;}
.float-bar .box *{display:block;height:50px;}
.float-bar .box .icon{width:50px;cursor:pointer;position:relative;z-index:2;}
.float-bar .box span{width:140px;position:absolute;right:-140px;top:0;font-size:16px;color:#fff;background:#003b83;line-height:50px;text-align:center;z-index:1;opacity:0;}
.float-bar .box img.qqlogo{width:30px; height:22px; margin-top:15px; margin-left:10px;float:left;}
.float-bar .box a{ color:#FFFFFF; font:700 14px/50px "Microsoft YaHei","΢ÈíÑźÚ","ËÎÌå"; TEXT-DECORATION: none;}
.float-bar .box a:hover{ color:#FFFFFF; font:700 14px/50px "Microsoft YaHei","΢ÈíÑźÚ","ËÎÌå"; TEXT-DECORATION: none;}

.float-bar .box.tel span{font-size:18px;}
.float-bar .box.tel .icon{background:#222 url(../images/float-icon01.png) no-repeat center center;}
.float-bar .box.wechat .icon{background:#222 url(../images/wx.png) no-repeat center center;}
.float-bar .box.QQ .icon{background:#222 url(../images/QQ.png) no-repeat center center;}
.float-bar .box.lxtel .icon{background:#222 url(../images/tel.png) no-repeat center center;}
.float-bar .box.tel:hover .icon{background:#003b83 url(../images/float-icon01.png) no-repeat center center;}
.float-bar .box.wechat:hover .icon{background:#003b83 url(../images/wx.png) no-repeat center center;}
.float-bar .box.QQ:hover .icon{background:#003b83 url(../images/QQ.png) no-repeat center center;}
.float-bar .box.lxtel:hover .icon{background:#003b83 url(../images/tel.png) no-repeat center center;}

.float-bar .box.wechat span{width:140px;height:140px;padding:10px;top:-40px;}
.float-bar .box.wechat span img{width:100%;height:100%;}

.float-bar .box:hover span{opacity:1;right:50px;}