</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <!-- navigation --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">老挝琅勃拉邦监控网络电脑办公一站式解决方案</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="/" class="navbar-brand"><img src="/images/logo.png" class="img-responsive" alt="老挝琅勃拉邦监控网络电脑办公一站式解决方案" width="" /></a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="oen active"><a href="/">网站首页</a></li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=1" data-toggle="dropdown" data-submenu="" >关于我们<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a title="企业简介" href="/index.php?case=archive&act=list&catid=60">企业简介</a> </li> </ul> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=76" >服务支持</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=3" >解决方案</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=5" >联系我们</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=7" >职业招聘</a> </li> <li class="oen"> <a href="http://en.bydala.com" >English</a> </li> </ul> </div><!--/.nav-collapse --> </div> </nav> <!-- /navigation --> <link href="/template/user/skin/css/user.css" rel="stylesheet"> <div class="user-banner"> <div class="container"> <div class="row"> <div class="pull-right"> <a href="/index.php?case=user&act=index" class="btn label-primary"><span class="icon-home"></span> 会员中心</a> </div> <ol class="breadcrumb"> <!-- <li><a href="#">hmoe</a></li> <li class="active"><a href="#">会员中心</a></li> <--> </ol> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-3 col-xs-12 user-left"> <div class="user-left-menu text-center"> <img src="" class="img-responsive img-circle user-portrait" onerror='this.src="/images/nopic.gif"'> <h4></h4> <p style="color:#999;"></p> <a href="/index.php?case=user&act=logout" class="btn btn-pale"><i class="icon-logout"></i> 退出</a> <div class="clearfix"></div> <a href="/index.php?case=manage&act=notificationlist&manage=notification" title="通知" style="color:#999;"> <i class="icon-bubble"></i> 通知</a> </div> <div class="user-left-menu" style="padding:15px;"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <i class="icon-doc"></i> 内容</a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree" aria-expanded="false"> <div class="panel-body"> <ul> <li class="tow"><a class="bb" class="bb" href="/index.php?case=manage&act=list&manage=archive&needcheck=0">待审核内容</a></li> <li class="tow"><a class="bb" href="/index.php?case=manage&act=list&manage=archive&needcheck=1">已审核内容</a></li> <li class="tow"><a class="bb" href="/index.php?case=manage&act=commentlist&manage=comment">我的评论</a></li> </ul> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingSix"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> <i class="icon-grid"></i> 扩展</a> </h4> </div> <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix" aria-expanded="false"> <div class="panel-body"> <ul> </ul> </div> </div> </div> </div> </div> </div> <div class="col-lg-9 col-xs-12 user-right"> <div class="row"> <style type="text/css"> .table{ width:760px; text-align:left; font-size:12px; overflow:hidden; border:1px solid #DDD; border-collapse:collapse; background:white;} .table * td{ padding:3px 6px; border:2px solid #EEE; } .table thead * th{ background:#F5F5F5; border:1px solid #E3E3E3; padding:0px 6px; color:#999; } .table tbody * th{ background:#F5F5F5; border:1px solid #DDD; } .table tbody * th strong{ line-height:21px; text-indent:10px; color:#999; } .td1{ text-align:right; color:#666; } .td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9{ text-align:center; } .td5{ background:#F5F5F5; } .td6,.td7,.td8,.td9{ background:#F5F5F5; } .abctxt {padding:10px;} .table .left {text-align:right;} </style> <script type="text/javascript" src="/common/js/ajaxfileupload/ajaxfileupload.js"></script> <script type="text/javascript" src="/common/js/ajaxfileupload/ThumbAjaxFileUpload.js"></script> <link rel="stylesheet" href="/common/js/jquery/ui/css/ui.datepicker.css" type="text/css" media="screen" title="core css file" charset="utf-8" /> <script language="javascript" src="/common/js/jquery/ui/js/ui.datepicker.js"></script> <script type="text/javascript"> function checkform() { if(!document.form1.my_xingming.value){ alert("请填写"); document.form1.my_xingming.focus(); return false; } if(!document.form1.my_xingbie.value){ alert("请填写"); document.form1.my_xingbie.focus(); return false; } if(!document.form1.my_nianliang.value){ alert("请填写"); document.form1.my_nianliang.focus(); return false; } if(!document.form1.my_minzu.value){ alert("请填写"); document.form1.my_minzu.focus(); return false; } if(!document.form1.my_shengao.value){ alert("请填写"); document.form1.my_shengao.focus(); return false; } if(!document.form1.my_shenfenzheng.value){ alert("请填写"); document.form1.my_shenfenzheng.focus(); return false; } if(!document.form1.my_jiguan.value){ alert("请填写"); document.form1.my_jiguan.focus(); return false; } if(!document.form1.my_xueli.value){ alert("请填写"); document.form1.my_xueli.focus(); return false; } if(!document.form1.my_zanzhudizhi.value){ alert("请填写"); document.form1.my_zanzhudizhi.focus(); return false; } if(!document.form1.my_zhuanye.value){ alert("请填写"); document.form1.my_zhuanye.focus(); return false; } if(!document.form1.my_biyeshijian.value){ alert("请填写"); document.form1.my_biyeshijian.focus(); return false; } if(!document.form1.my_biyeyuanxiao.value){ alert("请填写"); document.form1.my_biyeyuanxiao.focus(); return false; } if(!document.form1.my_waiyujibie.value){ alert("请填写"); document.form1.my_waiyujibie.focus(); return false; } if(!document.form1.my_jisuanji.value){ alert("请填写"); document.form1.my_jisuanji.focus(); return false; } if(!document.form1.my_zhuanyetechang.value){ alert("请填写"); document.form1.my_zhuanyetechang.focus(); return false; } if(!document.form1.my_zhicheng.value){ alert("请填写"); document.form1.my_zhicheng.focus(); return false; } if(!document.form1.my_daiyu.value){ alert("请填写"); document.form1.my_daiyu.focus(); return false; } if(!document.form1.my_lianxidianhua.value){ alert("请填写"); document.form1.my_lianxidianhua.focus(); return false; } if(!document.form1.my_shouji.value){ alert("请填写"); document.form1.my_shouji.focus(); return false; } if(!document.form1.my_email.value){ alert("请填写"); document.form1.my_email.focus(); return false; } if(!document.form1.my_xuexijingli.value){ alert("请填写"); document.form1.my_xuexijingli.focus(); return false; } if(!document.form1.my_gongzuojingli.value){ alert("请填写"); document.form1.my_gongzuojingli.focus(); return false; } if(!document.form1.my_gerenjianli.value){ alert("请填写"); document.form1.my_gerenjianli.focus(); return false; } return true; } </script> <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.js"> </script> <script type="text/javascript" charset="utf-8" src="/ueditor/lang/zh-cn/zh-cn.js"></script> <script type="text/javascript" charset="utf-8" src="/ueditor/addCustomizeButton.js"></script> <div id="main"> <div style="padding-bottom:20px;"> <h1 style="line-height:50px;text-align:center;font-size:14px;font-weight:bold;color:red;"></h1> <center><strong style="color:red;"></strong></center> <form method="post" action="" name="form1" onsubmit="return checkform();"> <table cellspacing="1" cellpadding="3" border="1" class="table" align="center"> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_xingming" id="my_xingming" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <select id="my_xingbie" name="my_xingbie" class="form-control select my_xingbie" class="form-control select"><option value="">请选择...</option></select> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_nianliang" id="my_nianliang" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_minzu" id="my_minzu" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_shengao" id="my_shengao" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_shenfenzheng" id="my_shenfenzheng" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_jiguan" id="my_jiguan" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <select id="my_xueli" name="my_xueli" class="form-control select my_xueli" class="form-control select"><option value="">请选择...</option></select> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_zanzhudizhi" id="my_zanzhudizhi" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_zhuanye" id="my_zhuanye" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <script language="javascript"> $(document).ready(function() { var yearFrom=1990; var yearTo=2030; $('#my_biyeshijian').datepicker( { dateFormat: 'yy-mm-dd', buttonImage: '/images/calendar.png', buttonText: '请选择日期', buttonImageOnly: true, showOn: 'both', yearRange: yearFrom+':'+yearTo, clearText:'清除', closeText:'关闭', prevText:'前一月', nextText:'后一月', currentText:' ', monthNames:['1月','2月', '3月','4月','5月','6月', '7月','8月','9月','10月', '11月','12月'] } ); } ); </script> <input type="text" name="my_biyeshijian" id="my_biyeshijian" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_biyeyuanxiao" id="my_biyeyuanxiao" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <select id="my_waiyujibie" name="my_waiyujibie" class="form-control select my_waiyujibie" class="form-control select"><option value="">请选择...</option></select> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <select id="my_jisuanji" name="my_jisuanji" class="form-control select my_jisuanji" class="form-control select"><option value="">请选择...</option></select> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_zhuanyetechang" id="my_zhuanyetechang" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_zhicheng" id="my_zhicheng" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <textarea name="my_daiyu" id="my_daiyu" class="form-control textarea " ></textarea> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_lianxidianhua" id="my_lianxidianhua" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_shouji" id="my_shouji" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <input type="text" name="my_email" id="my_email" value="" class="form-control " /> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <textarea name="my_xuexijingli" id="my_xuexijingli" class="form-control textarea " ></textarea> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <textarea name="my_gongzuojingli" id="my_gongzuojingli" class="form-control textarea " ></textarea> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td class="left"></td> <td> <textarea name="my_gerenjianli" id="my_gerenjianli" class="form-control textarea " ></textarea> </td> </tr> <tr onmouseover="this.bgColor='#F5F5F5';" onmouseout="this.bgColor='ffffff';" bgcolor="#ffffff"> <td></td> <td align="left"><input type="submit" name="submit" value="submit" /></td> </tr></table></form> </div> </div> <script src="http://api.geetest.com/get.php"></script> <script> var loadGeetest = function(config) { window.gt_captcha_obj = new window.Geetest({ gt : config.gt, challenge : config.challenge, product : 'float', offline : !config.success }); gt_captcha_obj.appendTo("#verifycode_embed"); }; $.ajax({ url : '/index.php?case=tool&act=geetest', type : "get", dataType : 'JSON', success : function(result) { //console.log(result); loadGeetest(result) } }); </script> </div> </div> </div> </div> <div class="blank15"></div> <div class="copyright"> <div class="container"> <p> Copyright ©第三色科技 2009-2020<a href="http://cn.bydala.com/" target="_blank">老挝琅勃拉邦监控网络电脑办公一站式解决方案</a>,Inc.All rights reserved. <a href="/sitemap.html" target="_blank">网站地图</a> </p> <p> Powered by <a href="https://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a> <a rel="nofollow" title="留言" href="/index.php?case=guestbook&act=index&url=cn" target="_blank">留言</a> <a href="/index.php?case=archive&act=rss&catid=">Rss</a></a> <script type="text/javascript"> <!-- document.writeln(" <a href='http://www.sgs.gov.cn/lz/licenselink.do>?nethod=licenceView&entyID='><img src='/images/gongshang.png'></a> ") //--> </script> </p> </div> </div> <!-- Modal --> <div class="modal fade bs-example-modal-sm" id="myModalLang" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h5 class="modal-title" id="myModalLabel">请选择浏览语言</h5> </div> <div class="modal-body"> <a id="StranLink" name="StranLink">繁體</a> <a href="/index.php?case=archive&act=setlang&langurl=sk&user=1"><img src="/html/upload/images/201907/15631498732217.gif" width="20"> 한국어</a> <a href="/index.php?case=archive&act=setlang&langurl=jp&user=1"><img src="/html/upload/images/201907/15631497913676.gif" width="20"> 日本語</a> <a href="/index.php?case=archive&act=setlang&langurl=en&user=1"><img src="/html/upload/images/201907/15631498094826.gif" width="20"> English</a> <a href="/index.php?case=archive&act=setlang&langurl=cn&user=1"><img src="/html/upload/images/201907/15631496836234.gif" width="20"> 中文</a> </div> </div> </div> </div> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <div id="backToTop"> <a href="javascript:;" onfocus="this.blur();" class="backToTop_a png"></a> </div> <style type="text/css"> #rightButton{ position:fixed; _position:absolute; top:208px; left:0; z-index:999999; display:block; color:#555;font-size:10px;width:68px;} #right_ul{ position:relative;} #right_qq{ background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/qq.png) no-repeat; width:68px; height:74px; } #right_tel{ background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/tel.png) no-repeat; width:68px; height:77px; } #right_tip{ background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/qq_box_bt.png) right bottom no-repeat; width:252px; position:absolute; left:70px; top:-10px; display:none; z-index:999999; padding-bottom:9px;} div.flag_qq { display:none; padding:20px;background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/flag_left.png) left top no-repeat; } div.flag_tel {padding:20px; background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/flag_left.png) left top no-repeat; } div.flag_weixin { display:none; padding:20px;background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/flag_left.png) left top no-repeat; } .qq_time {clear:both; height:24px;line-height:24px;padding-left:20px; background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/time.gif) left center no-repeat;color:#999;} .kf_qq {display:block; float:left; width:80px;height:24px; line-height:24px;margin-left:5px; padding-left:40px; background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/qq1.gif) left top no-repeat;} .kf_qq:hover {background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/qq2.gif); color:white;} .kf_ww {display:block; float:left; width:80px;height:24px; line-height:24px;margin-left:5px; padding-left:40px; background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/w1.gif) left top no-repeat;} .kf_ww:hover {background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/w2.gif); color:white;} .kf_skype {display:block; float:left; width:80px;height:24px; line-height:24px;margin-left:5px; padding-left:40px; background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/skype.gif) left top no-repeat;overflow:hidden; } .kf_skype:hover {background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/skype2.gif); color:white;} .kf_web {padding-left:5px; } div.flag_qq span {display:block; float:left; width:60px; height:24px; line-height:24px; } .kf_tel { font-size:16px; color:#f5b619;} /* 返回顶部 */ #backToTop{ position:fixed; _position:absolute; bottom:50px; left:0; z-index:999999; display:none; } a.backToTop_a{ background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/top.png) no-repeat; width:68px; height:79px; display:block; } a.backToTop_a:active{ background:url(/template/CmsEasy_F_155/skin/images/servers/metro_grey/top_hover.png) no-repeat; } </style> <div id="rightButton"> <ul id="right_ul"> <li id="right_qq" class="right_ico" show="qq" hide="tel"></li> <li id="right_tel" class="right_ico" show="tel" hide="qq"></li> <li id="right_tip" class="png"> <div class="flag_tel"> 联系电话： <strong class="kf_tel">00856 20 5252 7977</strong> <p class="blank5"></p> 传 真： <strong class="kf_tel"></strong> <p class="blank5"></p> 详细地址： <strong class="kf_tel" style="font-weight:normal;font-size: 14px">老挝琅勃拉邦第三色科技</strong> </div> <div class="flag_qq"> <span>售前咨询</span> <a rel="nofollow" class="kf_qq" href="http://wpa.qq.com/msgrd?v=3&uin=964377517&site=qq&menu=yes" target="_blank">964377517</a> <p class="blank5"></p> <span>售后技术</span> <a rel="nofollow" class="kf_qq" href="http://wpa.qq.com/msgrd?v=3&uin=964377517&site=qq&menu=yes" target="_blank">964377517</a> <p class="blank10"></p><p class="blank10"></p> <p class="qq_time">咨询时间 8:30 - 18:00 周一至周日</p> </div> </li> </ul> </div> <script type="text/javascript"> $(document).ready(function(e) { $("#rightButton").css("right", "0px"); var button_toggle = true; $(".right_ico").live("mouseover", function(){ var tip_top; var show= $(this).attr('show'); var hide= $(this).attr('hide'); tip_top = show == 'tel' ? 65 : -10; button_toggle = false; $("#right_tip").css("top" , tip_top).show().find(".flag_"+show).show(); $(".flag_"+hide).hide(); }).live("mouseout", function(){ button_toggle = true; hideRightTip(); }); $("#right_tip").live("mouseover", function(){ button_toggle = false; $(this).show(); }).live("mouseout", function(){ button_toggle = true; hideRightTip(); }); function hideRightTip(){ setTimeout(function(){ if( button_toggle ) $("#right_tip").hide(); }, 500); } $("#backToTop").live("click", function(){ var _this = $(this); $('html,body').animate({ scrollTop: 0 }, 500 ,function(){ _this.hide(); }); }); $(window).scroll(function(){ var htmlTop = $(document).scrollTop(); if( htmlTop > 0){ $("#backToTop").show(); }else{ $("#backToTop").hide(); } }); }); </script> <![endif]--> </div> <div class="servers-wap"> <style type="text/css"> /*底部导航*/ #plug-wrap { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; } .top_bar { position:fixed; bottom:0; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; } .plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); background-image:url('/template/CmsEasy_F_155/skin/images/wap/plug.png'); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; } .plug-menu:before { font-size:20px; margin:9px 0 0 9px; } .plug-menu:checked { -webkit-transform:rotate(135deg); } .top_menu { margin-right: 45px; } .top_menu>li { min-width: 86px; padding: 0 10px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); margin-bottom: 23px; margin-right: 23px; z-index:900; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } .top_menu>li:last-child { margin-bottom: 80px; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-indent:26px; text-decoration:none; position:relative; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .top_menu>li a img { display: block; width: 24px; height: 24px; text-indent: -999px; position: absolute; top: 50%; right: 10px; margin-top: -13px; margin-right: -12px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; } .top_menu>li.on:nth-of-type(5) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; } .top_menu>li.on:nth-of-type(6) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } /**/ .top_menu>li.out:nth-of-type(1) { -webkit-transform: translate(45px, 280px) rotate(0deg); transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; } .top_menu>li.out:nth-of-type(2) { -webkit-transform: translate(45px, 235px) rotate(0deg); transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; } .top_menu>li.out:nth-of-type(3) { -webkit-transform: translate(45px, 190px) rotate(0deg); transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; } .top_menu>li.out:nth-of-type(4) { -webkit-transform: translate(45px, 145px) rotate(0deg); transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; } .top_menu>li.out:nth-of-type(5) { -webkit-transform: translate(45px, 100px) rotate(0deg); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } .top_menu>li.out:nth-of-type(6) { -webkit-transform: translate(45px, 55px) rotate(0deg); transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; } .top_menu>li.out { width: 20px; height: 20px; min-width: 20px; border-radius: 20px; padding: 0; opacity: 0; } .top_menu>li.out a { display:none; } #sharemcover { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; } #sharemcover img { position: fixed; left: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; } /*分享*/ #fenxiang_box{color:white; position:fixed; top:0px;width:100%;background: rgba(0, 0, 0, 0.7); padding:30px 10%; } #fenxiang_box .bdsharebuttonbox{ padding:10px 0;} #btn_fenxiang{ } #btn_fenxiang span{ display:none;} #fenxiang_box{ display:none; } </style> <div class="top_bar" style="-webkit-transform:translate3d(0,0,0)"> <nav> <ul id="top_menu" class="top_menu"> <input type="checkbox" id="plug-btn" class="plug-menu themeStyle" style="background-color:;background-image:url('/template/CmsEasy_F_155/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:00856 20 5252 7977"><img src="/template/CmsEasy_F_155/skin/images/wap/plugmenu1.png"><label>电 话</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:00856 20 5252 7977"><img src="/template/CmsEasy_F_155/skin/images/wap/plugmenu3.png"><label>短信</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/wap"><img src="/template/CmsEasy_F_155/skin/images/wap/plugmenu7.png"><label>首页</label></a> </li> <li class="themeStyle out" style="background:"> <a href="javascript:;" id="btn_fenxiang"><img src="/template/CmsEasy_F_155/skin/images/wap/plugmenu5.png"><label>分享</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/CmsEasy_F_155/skin/images/wap/plugmenu6.png"><label>留言</label></a> </li> </ul> </nav> </div> <div id="fenxiang_box"> <h3>分享到：</h3> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div> <script src="/template/CmsEasy_F_155/skin/js/fenxiang.js" type="text/javascript" ></script><!--用于分享按钮--><script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":["qzone","bdysc","renren","tieba","sqq","thx","copy"],"bdPic":"","bdStyle":"1","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> <div id="plug-wrap" style="display: none;" ></div> <script> $(function(){ $(".plug-menu").click(function(){ var li = $(this).parents('ul').find('li'); if(li.attr("class") == "themeStyle on"){ li.removeClass("themeStyle on"); li.addClass("themeStyle out"); }else{ li.removeClass("themeStyle out"); li.addClass("themeStyle on"); } }); }); </script> </div> <!-- Bootstrap Js --> <script src="/common/css/bootstrap/bootstrap-3.3.7/js/bootstrap.min.js"></script> <!-- 鼠标滑过展开一级菜单/一级菜单可点击 --> <script type="text/javascript"> $(function () { $(".dropdown,.dropdown-submenu").mouseover(function () { $(this).addClass("open"); }); $(".dropdown,.dropdown-submenu").mouseleave(function(){ $(this).removeClass("open"); }) }); $(document).ready(function(){ var _width = $(window).width(); if(_width < 768){ $("#navbar a.toogle").click(function(){ event.preventDefault(); }); } }); </script> <!-- 导航置顶CSS --> <style type="text/css"> .navbar { padding-right:0; padding-left:0; position:fixed; top:0px !important; right:0 !important; left:0 !important; z-index:999999999; border-radius:0; } body::before { position: relative; content: " "; display:block; width:100%; height:70px; z-index: 1; } @media (max-width: 769px) { body::before {height:80px;} } @media (max-width: 468px) { body::before {height:60px;} } </style> <span id="head_login"><script src="/index.php?case=user&act=login_js"></script></span> <script type="text/javascript"> <!-- login.innerHTML=head_login.innerHTML;head_login.innerHTML=""; //--> </script> </body> </html>