* { margin: 0; padding: 0 }
.new-float { height: 196px; position: fixed; right: -225px; top: 50%; margin-top: -98px; z-index: 999999 }
@media (max-width:768px) {
.new-float { display: none }
}
.new-float * { box-sizing: content-box }
.new-float .f_nav { position: relative }
.new-float .f_nav li { width: 48px; height: 48px; display: block; text-align: left; background: #3b8ac5; position: relative; margin-bottom: 1px }
.new-float .f_nav li.active { background: #CBCBCB }
.new-float .f_nav li.tel { text-align: left; width: 220px; padding-left: 53px; padding-top: 0px; height: 48px; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0) }
.new-float .f_icon { position: absolute; width: 48px; height: 48px; left: 0px; top: 0px }
.new-float .f_nav li p { margin: 0px; width: 100%; height: 48px; line-height: 48px; font-size: 16px; color: #fff }
.new-float .f_nav li.tel:hover { transform: translate(-220px, 0); -webkit-transform: translate(-220px, 0); -moz-transform: translate(-220px, 0); -ms-transform: translate(-220px, 0); -o-transform: translate(-220px, 0) }
.new-float .f_nav li.tel.f_qq:hover { transform: translate(-110px, 0); -webkit-transform: translate(-110px, 0); -moz-transform: translate(-110px, 0); -ms-transform: translate(-110px, 0); -o-transform: translate(-110px, 0) }
.new-float .f_nav li a { position: absolute; left: 0px; top: 0px; display: inline-block; width: 48px; height: 48px; text-decoration: none }
.new-float .f_nav li:hover { background: #252525 }
.new-float .top_icon { background: url(/static/images/l_icon01.png) center center no-repeat }
.new-float .q_icon { background: url(/static/images/l_icon02.png) center center no-repeat }
.new-float .tel_icon { background: url(/static/images/l_icon03.png) center center no-repeat }
.new-float .w_icon { background: url(/static/images/l_icon04.png) center center no-repeat }
.new-float .f_nav li.tel :hover a { cursor: none }
.new-float .l_code { width: 109px; height: 102px; position: absolute; bottom: 0px; left: -120px }
.new-float .l_code { opacity: 0; filter: alpha(opacity=0); transition-duration: .6s; transition-property: all; transition-timing-function: ease-out; transform: translate(-50px, 0) }
.new-float .l_code.active { opacity: 1; filter: alpha(opacity=1); transform: translate(0, 0) }