
<!--
<LINK rel=stylesheet type=text/css href="/public/Front/qq/css/common.css">
<SCRIPT type=text/javascript src="/public/Front/qq/js/kefu.js"></SCRIPT>

<div id="floatTools" class="float0831">
  <div class="floatL"><a style="display:block" id="aFloatTools_Show" class="btnOpen" title="查看在线客服" onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'www.xfdata.com'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" href="javascript:void(0);">展开</a> <a id="aFloatTools_Hide" class="btnCtn" title="关闭在线客服" onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'www.xfdata.com'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" href="javascript:void(0);" style="display:none">收缩</a> </div>
  <div id="divFloatToolsView" class="floatR" style="display: none;">
    <div class="tp"></div>
    <div class="cn">
      <ul>
        <li class="topkefu">
          <h3 class="titZx">QQ咨询</h3>
        </li>
        <li><span class="icoZx">在线咨询</span> </li>
        <li><a class="icoTc" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1122334456&amp;site=qq&amp;menu=yes" target="_blank">1122334456</a> </li>
        <li><a class="icoTc" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1122334456&amp;site=qq&amp;menu=yes" target="_blank">1122334456</a> </li>
      </ul>
      <ul class="webZx" style="display:none;">
        <li class="webZx-in"><a href="#" target="_blank" style="FLOAT: left"><img src="/public/Front/qq/images/right_float_web.png" border="0px"></a> </li>
      </ul>
      <ul>
        <li>
          <h3 class="titDh"></h3>
        </li>
        <li class="bot"><span class="icoTl"><?php echo configW('tel'); ?> </span></li>
		
		 <li class="app" style="height:100px;"><img src="/img/qr.png" border="0px"></li>
		  <li style="text-align:center" >扫码下载APP</li>
      </ul>    
    </div>
  </div>
</div>


--->

<script language="javascript" src="http://api.pop800.com/800.js?n=3223236&s=01&p=l&l=cn"></script><div style="display:none;"><a href="http://www.pop800.com">在线客服</a></div>
<script>
	$(function(){
		fixeds();//导航固定定位 2016-3-26
		
		//S 计算器弹窗
		$(window).resize(function() {
  			$(".c_calculatorCpmBox").css({left:($(window).width()-852)/2+"px",top:($(window).height()-444)/2+"px"});
  			$(".c_calculatorCpmBottom").css({height:$(window).height()+"px"});
		});
		$(window).resize();
		$(".c_calculatorCpmBox h1 img").click(function(){
			$(".c_calculatorCpmBox").hide();
			$(".c_calculatorCpmBottom").hide();
		})
		$(".c_calculatorbutton").click(function(){
			$(".c_calculatorCpmBox").show();
			$(".c_calculatorCpmBottom").show();
		});
		
		//S 导航固定定位 2016-3-26
	    function fixeds(){
	    	$(window).scroll(function(){
	           try{
	            if($(window).scrollTop()>$(".headerOut").offset().top){
	              $(".header").css({position:"fixed",top:0,left:0,zIndex:"999"}).addClass("headerIn");
	             }
	             else{
	              $(".header").css({position:"relative"}).removeClass("headerIn");
	             }
	            }
	          catch(e){}
	    	});
	    }
	    //E 导航固定定位 2016-3-26
		
	})
</script>

<style>

.g-toolbar{position:fixed;top:15%;right: 0px;margin-left:550px;padding-bottom:50px;z-index: 100;}
.g-toolbar .toolbar-item{position:relative;margin:0 0 10px 12px;width:70px;height:75px;background:#fb661e;border-radius:4px;cursor:pointer}
.g-toolbar .toolbar-item .item-tip-c{position:absolute;right:75px;text-align:center;color:#fff;overflow:hidden}
.g-toolbar .toolbar-item .item-tip-c .item-box{position:absolute;right:-112px;padding:17px;background:#E95625;border-radius:4px;-ms-transition:right .3s cubic-bezier(0.17,.67,.88,1);-moz-transition:right .3s cubic-bezier(0.17,.67,.88,1);-webkit-transition:right .3s cubic-bezier(0.17,.67,.88,1);transition:right .3s cubic-bezier(0.17,.67,.88,1)}
.g-toolbar .toolbar-item .item-tip-c.item-tip-kefu .item-box{padding:16px 0 16px 11px;line-height:14px; font-size:16px}
.g-toolbar .toolbar-item .item-tip-c.item-tip-back .item-box{padding:20px 0 16px 11px; font-size:16px}
.g-toolbar .toolbar-item:hover{background:#E95625;border-left:12px solid #d33737;margin:0 0 10px}
.g-toolbar .toolbar-item:hover .item-tip-c{width:145px;height:150px}
.g-toolbar .toolbar-item:hover .item-tip-c .item-box{right:0}
.g-toolbar a{display:block;width:60px;height:60px;}
/*.g-toolbar #back{display:none}*/
.u-spi{background:url(/images/bg.png) no-repeat;display:inline-block;width:32px;height:32px;margin:20px 0 0 20px}
.u-spi.u-025{background-position:-334px -360px}.u-spi.u-041{background-position:-366px -360px}
.u-spi.u-042{background-position:-401px -360px}.u-spi.u-043{background-position:-433px -360px}
.u-spi.u-045{background-position:-467px -358px}

</style>

<div class="g-toolbar">
    <ul class="g-toolbar-nav">
        <li class="toolbar-item">
       <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1122334456&amp;site=qq&amp;menu=yes" target="_blank">
           <div class="item-tip-c item-tip-kefu">
                <div class="item-box">
                   <div class="item-tip" style="height:28px; line-height:28px;font-size:16px">QQ客服</div>
                </div>
           </div>
        <u class="u-spi u-042"></u>
		  <p style="color:#fff;text-align:center">QQ客服</p>
        </a>
       </li>
      
     
	  <li class="toolbar-item">
          <div class="item-tip-c item-tip-app">
             <div class="item-box"><!--<p><img  alt="" src="/images/90.png" width="100" height="100"></p>--><div class="item-tip"><?php echo configW('tel'); ?></div></div>
          </div>
           <u class="u-spi u-045"></u>
		     <p style="color:#fff;text-align:center">服务热线</p>
       </li>
	   
       <li class="toolbar-item">
	   <a href="http://api.pop800.com/chat/3223236" target="_blank">
          <div class="item-tip-c item-tip-app">
             <div class="item-box"><!--<p><img  alt="" src="/images/90.png" width="100" height="100"></p>--><div class="item-tip">在线客服</div></div>
          </div>
           <u class="u-spi u-043"></u>
		   <p style="color:#fff;text-align:center;padding-left: 8px;">在线客服</p>
		    </a>
			
       </li>
	   
         <li class="toolbar-item">
          <div class="item-tip-c item-tip-app">
             <div class="item-box"><p><img alt="" src="/images/wx.jpg" width="100" height="100"></p><div class="item-tip">微信客服</div></div>
          </div>
          <u class="u-spi u-041"></u>
		  <p style="color:#fff;text-align:center">微信客服</p>
       </li>

 <li class="toolbar-item">
          <div class="item-tip-c item-tip-app">
             <div class="item-box"><p><img alt="" src="/img/qr.png" width="100" height="100"></p><div class="item-tip">APP下载</div></div>
          </div>
          <u class="u-spi u-041"></u>
		  <p style="color:#fff;text-align:center">APP下载</p>
       </li>
	   
      
       
       <li id="back" class="toolbar-item" style="visibility: visible;">
             <div class="item-tip-c item-tip-back">
                 <div class="item-box"><div class="item-tip">返回顶部</div></div>
             </div>
             <u class="u-spi u-025"></u>
       </li>
    </ul>
</div>