</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <!-- nav --> <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> <!-- logo --> <a href="/" class="navbar-brand text-center"><img src="/upload/images/201903/15531716048806.png" class="img-responsive" alt="鑫洋煤矿螺母生产制造厂" width="630" /></a> <!-- logo end --> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen active"><a href="/">网站首页</a></li> <li class="oen"> <a href="list_1.htm">关于我们</a> </li> <li class="oen"> <a href="list_2.htm">企业新闻</a> </li> <li class="oen dropdown"> <a href="list_3.htm" data-toggle="dropdown" data-submenu="">产品中心<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a title="煤矿螺母" href="list_6.htm">煤矿螺母</a> </li> <li> <a title="扭力螺母" href="list_8.htm">扭力螺母</a> </li> <li> <a title="锚杆螺母" href="list_10.htm">锚杆螺母</a> </li> </ul> </li> <li class="oen"> <a href="list_5.htm">联系我们</a> </li> <li class="oen"> <a href="list_11.htm">公司荣誉</a> </li> </div><!--/.nav-collapse --> </div> </nav> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <img class="first-slide" src="/upload/images/201905/15576283824702.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="#" role="button">了解更多</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/upload/images/201905/15576283928376.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="#" role="button">了解更多</a></p> </div> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><!-- /.carousel --> <!-- Large modal --> <script src="/template/def/skin/js/wow.min.js"></script> <script> new WOW().init(); </script> <link href="/template/def/skin/css/wow.css" rel="stylesheet"> <!-- banner-bottom --> <div class="banner-bottom wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.5s"> <div class="container"> <h3 class="tittle"><div class="title"> <h3><a href="list_1.htm">关于我们<small>ABOUT US</small></a></h3> <p></p> <span>——</span> </div> </h3> <div class="strip"></div> <p> 永年县曲陌鑫阳紧固件厂是一家专业做螺母的商家，主营：煤矿螺母、锚杆螺母、扭力螺母等强螺母,如需订购煤矿螺母、锚杆螺母、扭力螺母等强 </p> </div> </div> <!-- //banner-bottom --> <!--start-yachts--> <div id="top-industries" class="gallery wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.5s"> <div class="container"> <h3 class="tittle"><div class="title"> <h3><a href="list_3.htm">产品中心<small>公司秉承：“诚信至上、优质服务、科学管理、追求卓越”的经营宗旨。为众多国内外建筑提供国际水准的门窗五金配件的配套服务。在企业文化建设中突出“以人为本、以德为先、以才为重、和谐管理”的经营理念，将曲陌鑫洋紧固件打造成为中国最大的紧固件基地，成为中国五金配件加工制造的中坚力量。</small></a></h3> <p>永年县曲陌鑫阳紧固件厂是一家专业做螺母的商家，主营：煤矿螺母、锚杆螺母、扭力螺母等强螺母,如需订购煤矿螺母、锚杆螺母、扭力螺母等强螺母,请联系我们永年县曲陌鑫阳紧固件厂,为您提供优惠的价格和优质的服务。</p> <span>——</span> </div> </h3> <div class="gallery-bottom"> <div class="view view-ninth"> <a href="show_51.htm" target="_blank" class="b-link-stripe b-animate-go swipebox" ><img alt="煤矿螺母产品图" src="/upload/images/201903/15534118622146_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"' class="img-responsive"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2><font style="color:;">煤矿螺母产品</font></h2> <p>煤矿螺母产品图</p> </div></a> </div> <div class="view view-ninth"> <a href="show_52.htm" target="_blank" class="b-link-stripe b-animate-go swipebox" ><img alt="煤矿螺母厂制作" src="/upload/images/201903/15534119278841_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"' class="img-responsive"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2><font style="color:;">煤矿螺母厂制</font></h2> <p>煤矿螺母厂制作</p> </div></a> </div> <div class="view view-ninth"> <a href="show_53.htm" target="_blank" class="b-link-stripe b-animate-go swipebox" ><img alt="煤矿螺母产品" src="/upload/images/201903/15534120315965_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"' class="img-responsive"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2><font style="color:;">煤矿螺母产品</font></h2> <p>煤矿螺母产品</p> </div></a> </div> <div class="view view-ninth"> <a href="show_54.htm" target="_blank" class="b-link-stripe b-animate-go swipebox" ><img alt="鑫洋煤矿螺母" src="/upload/images/201903/15534120899843_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"' class="img-responsive"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2><font style="color:;">鑫洋煤矿螺母</font></h2> <p>鑫洋煤矿螺母</p> </div></a> </div> <div class="view view-ninth"> <a href="show_55.htm" target="_blank" class="b-link-stripe b-animate-go swipebox" ><img alt="煤矿扭力螺母" src="/upload/images/201903/15534121276450_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"' class="img-responsive"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2><font style="color:;">煤矿扭力螺母</font></h2> <p>煤矿扭力螺母</p> </div></a> </div> <div class="view view-ninth"> <a href="show_56.htm" target="_blank" class="b-link-stripe b-animate-go swipebox" ><img alt="煤矿扭力螺母" src="/upload/images/201903/15534122463951_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"' class="img-responsive"> <div class="mask mask-1"></div> <div class="mask mask-2"></div> <div class="content"> <h2><font style="color:;">煤矿扭力螺母</font></h2> <p>煤矿扭力螺母</p> </div></a> </div> <div class="clearfix"> </div> </div> </div> </div> <!--destination-starts--> <div class="destination wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.5s"> <div class="container"> <div class="destination-1"> <div class="col-md-3 destination-left"> <a href="show_196.htm" target="_blank"><img alt="煤矿防松螺母的防松方法" src="/upload/images/201905/15576292322828_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"'></a> <div class="tool"> <img src="/template/def/skin/images/base/arrow.png" /> </div> </div> <div class="col-md-3 destination-left destination-middle"> <h4><font style="color:;">煤矿防松螺母</font></h4> <div class="strip one"></div> <p>防松螺母就是螺帽，与螺栓或螺杆拧在一起用来起紧固作用的零件，</p> </div> <div class="col-md-3 destination-left"> <a href="show_195.htm" target="_blank"><img alt="煤矿螺母什么情况下使用球面垫圈" src="/upload/images/201905/15576291719174_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"'></a> <div class="tool"> <img src="/template/def/skin/images/base/arrow.png" /> </div> </div> <div class="col-md-3 destination-left destination-middle"> <h4><font style="color:;">煤矿螺母什么</font></h4> <div class="strip one"></div> <p>球面垫圈有止退作用。在紧固时其在螺栓轴向有应力存在，加大了螺</p> </div> <div class="col-md-3 destination-left destination-middle"> <h4><font style="color:;">煤矿专用带垫</font></h4> <div class="strip one"></div> <p>曲陌鑫阳紧固件加工厂地处全国标准件生产基地---河北永年,这</p> </div> <div class="col-md-3 destination-left"> <a href="show_194.htm" target="_blank"><img alt="煤矿专用带垫螺母厂家" src="/upload/images/201905/15576290669740_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"'></a> <div class="tool"> <img src="/template/def/skin/images/base/arrow.png" /> </div> </div> <div class="col-md-3 destination-left destination-middle"> <h4><font style="color:;">什么是煤矿螺</font></h4> <div class="strip one"></div> <p>什么是煤矿螺母？煤矿螺母新规格有哪些？煤矿螺母厂家哪家型号哪</p> </div> <div class="col-md-3 destination-left"> <a href="show_193.htm" target="_blank"><img alt="什么是煤矿螺母" src="/upload/images/201905/15576289662452_s.jpg" onerror='this.src="/upload/images/201811/15422712646062.jpg"'></a> <div class="tool"> <img src="/template/def/skin/images/base/arrow.png" /> </div> </div> <div class="clearfix"></div> </div> </div> </div> <!--destination-end--> <!-- features--> <div class="services-bottom wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.5s"> <div class="container"> <h3 class="tittle"><div class="title"> <h3><a href="list_11.htm">公司荣誉<small>Company honor</small></a></h3> <p></p> <span>——</span> </div> </h3> <div class="strip three"></div> <div class="services-bottom-grids"> <div class="col-md-6 services-bottom-grid"> <div class="col-xs-3 services-bottom-grd-left"> <div class="time-service"> <span class="glyphicon glyphicon-time" aria-hidden="true"></span> </div> </div> <div class="col-xs-9 services-bottom-grd-right"> <h4><a href="list_1.htm">关于我们</a></h4> <p> 永年县曲陌鑫阳紧固件厂是一家专…</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 services-bottom-grid"> <div class="col-xs-3 services-bottom-grd-left"> <div class="time-service"> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> </div> </div> <div class="col-xs-9 services-bottom-grd-right"> <h4><a href="list_3.htm">产品中心</a></h4> <p>永年县曲陌鑫阳紧固件厂是一家专业做螺母的商家，主营：煤矿螺母、锚杆螺母、扭力螺母等强螺母,如需订购煤</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 services-bottom-grid"> <div class="col-xs-3 services-bottom-grd-left"> <div class="time-service"> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> </div> </div> <div class="col-xs-9 services-bottom-grd-right"> <h4><a href="list_11.htm">公司荣誉</a></h4> <p> 永年县曲陌鑫阳紧固件厂是一家专…</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 services-bottom-grid"> <div class="col-xs-3 services-bottom-grd-left"> <div class="time-service"> <span class="glyphicon glyphicon-fire" aria-hidden="true"></span> </div> </div> <div class="col-xs-9 services-bottom-grd-right"> <h4><a href="list_5.htm">联系我们</a></h4> <p>邯郸市永年县曲陌工业区电话：0310-6764111 </p> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> </div> </div> <!-- //features--> <div class="clearfix"></div> <!--foot --> <footer> <div class="foot"> <div class="container"> <h5 class="col-lg-10">永年县曲陌鑫阳紧固件厂是一家专业做螺母的商家，主营：煤矿螺母,锚杆螺母,扭力螺母,等强螺母,如需订购煤矿螺母,锚杆螺母,扭力螺母,等强螺母,请联系我们永年县曲陌鑫阳紧固件厂,为您提供优惠的价格和优质的服务，联系电话：15230090268</h5> <div class="col-md-7 foot-nav"> <div class="row"> <div class="col-sm-4"> <dl> <dt><a href="list_1.htm" title="关于我们">关于我们</a><b></b></dt> </dl> </div> <div class="col-sm-4"> <dl> <dt><a href="list_3.htm" title="产品中心">产品中心</a><b></b></dt> <dd><a href="list_6.htm" title="煤矿螺母" target="_blank">煤矿螺母</a></dd> <dd><a href="list_8.htm" title="扭力螺母" target="_blank">扭力螺母</a></dd> <dd><a href="list_10.htm" title="锚杆螺母" target="_blank">锚杆螺母</a></dd> </dl> </div> <div class="col-sm-4"> <dl> <dt><a href="list_2.htm" title="企业新闻">企业新闻</a><b></b></dt> </dl> </div> </div> </div> <div class="col-md-5 fweixin"> <div class="row"> <div class="col-sm-6"> <p><img width="150" src="images/w.gif" /></p> </div> </div> </div> <div class="copyright"> <p>地 址：邯郸市永年县曲陌工业区 邮 箱：zzh@websitework.cn 电 话：0310-6764111 传 真：无</p> <p> Copyright © zhenhua<a href="/sitemap.html" target="_blank">网站地图</a>,Inc.All rights reserved. <a rel="nofollow" href="http://www.miibeian.gov.cn/" rel="nofollow" target="_blank">冀ICP备16026737号-1</a></p> <p> CopyRight © <a rel="nofollow" href="http://www.websitework.cn">zhenhua</a> </p> <p>热门关键词： <a href="/index.php?case=archive&act=search&keyword=-E7-85-A4-E7-9F-BF-E8-9E-BA-E6-AF-8D-E5-8E-82-E5-AE-B6&ule=1">煤矿螺母厂家</a> <a href="/index.php?case=archive&act=search&keyword=-E7-85-A4-E7-9F-BF-E8-9E-BA-E6-AF-8D-E5-88-B6-E9-80-A0-E5-8E-82-E5-AE-B6&ule=1">煤矿螺母制造厂家</a> <a href="/index.php?case=archive&act=search&keyword=-E7-85-A4-E7-9F-BF-E8-9E-BA-E6-AF-8D-E7-94-9F-E4-BA-A7-E5-8E-82-E5-AE-B6&ule=1">煤矿螺母生产厂家</a> </p></div> </div> <!-- foot end --><div class="home-links"> <div class="hr"></div> <div class="container"> <div class="col-xs-12 col-sm-12 col-md-2 col-lg-1 home-links-left"> 友情链接： </div> <div class="col-xs-12 col-sm-12 col-md-10 col-lg-11"> <div class="links-logo"> <a href="http://www.websitework.cn" title="技术支持"><img src="images/logo.png"width="88" height="31" /></a> </div> <div class="links-a"> <a href="http://www.qicairujiao.com" target="_blank">七彩乳胶</a>/ <a href="http://www.sflvban.com" target="_blank">铝板厂家</a>/ <a href="http://www.zghyjq.com" target="_blank">废钢破碎机厂</a>/ <a href="http://www.zzhongyang888.com" target="_blank">小型制砂机</a>/ <a href="http://www.niuciazui.com" target="_blank">热处理工装</a>/ <a href="http://www.xizhigongju.com" target="_blank">锡纸13代软硬快开</a>/ <a href="http://www.528dian.cn" target="_blank">光伏并网发电系统</a>/ <a href="http://www.wxlyl888.com" target="_blank">矿用涂塑钢管厂家</a>/ <a href="http://www.dzhygccl.com" target="_blank">防水板</a>/ <a href="http://www.huohuocheng.com" target="_blank">火火城影视</a>/ <a href="http://www.wxydqzj.com" target="_blank">吊车出租</a>/ </div> </div> </div><!-- /container --> </div><!-- /home-links --> </div> </footer> <!-- search --> <div class="container-fluid"> <div class="modal fade bs-example-modal-lg-search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="row"> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <div class="col-lg-1"></div> <div class="col-lg-10"> <div class="input-group"> <input type="text" name="keyword" class="form-control" placeholder="请输入查询信息！"> <span class="input-group-btn"> <button class="btn btn-default" name='submit' type="submit">Go!</button> </span> </div> </div> <div class="col-lg-1"></div> </form> </div> </div> </div> </div> <!-- search end --> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <style type="text/css"> .izl-rmenu{position:fixed; left:0; margin-right:20px; bottom:0px; padding-bottom:0px; z-index:999; } .izl-rmenu .sbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;} .izl-rmenu .btn-qq{background:url(/template/def/skin/images/servers/metro_color/r_qq.png) 0px 0px no-repeat; background-color:#999;color:#FFF;} .izl-rmenu .btn-qq:hover{background-color:#444;color:#FFF;} .izl-rmenu .btn-qq .qq{background-color:#444; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-qq a {color:#FFF;font-size:14px;} .izl-rmenu .btn-wx{background:url(/template/def/skin/images/servers/metro_color/r_wx.png) 0px 0px no-repeat; background-color:#999;} .izl-rmenu .btn-wx:hover{background-color:#444;} .izl-rmenu .btn-wx .pic{position:absolute; right:-160px; top:0px; display:none;width:140px;height:140px;} .izl-rmenu .btn-phone{background:url(/template/def/skin/images/servers/metro_color/r_phone.png) 0px 0px no-repeat; background-color:#999;} .izl-rmenu .btn-phone:hover{background-color:#444;} .izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-ali{background:url(/template/def/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#999;} .izl-rmenu .btn-ali:hover{background-color:#444;} .izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(/template/def/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#999; text-decoration:none; display:block;} .izl-rmenu .btn-wangwang{background:url(/template/def/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#999;} .izl-rmenu .btn-wangwang:hover{background-color:#444;} .izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(/template/def/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#999; text-decoration:none; display:block;} .izl-rmenu .btn-skype{background:url(/template/def/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#999;} .izl-rmenu .btn-skype:hover{background-color:#444;} .izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(/template/def/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#999; text-decoration:none; display:block;} .izl-rmenu .btn-web{background:url(/template/def/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#999;} .izl-rmenu .btn-web:hover{background-color:#444;} .izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/template/def/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#999; text-decoration:none; display:block;} .izl-rmenu .btn-top{background:url(/template/def/skin/images/servers/metro_color/r_top.png) 0px 0px no-repeat; background-color:#999; display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} </style> <script language="javascript" type="text/javascript"> $(function(){ var tophtml="<div id=\"izl_rmenu\" class=\"izl-rmenu\"><div class=\"sbtn btn-qq\"><div class=\"qq\"><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=888888&websiteName=http://www.ynxyjgjc.com/=&Menu=yes\">客服</a></div></div><div class=\"sbtn btn-wx\"><img class=\"pic\" src=\"/upload/images/201903/15515857158933.png\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">0310-6764111</div></div><div class=\"sbtn btn-top\"></div></div>"; $("#top").html(tophtml); $("#izl_rmenu").each(function(){ $(this).find(".btn-qq").mouseenter(function(){ $(this).find(".qq").fadeIn("fast"); }); $(this).find(".btn-qq").mouseleave(function(){ $(this).find(".qq").fadeOut("fast"); }); $(this).find(".btn-wx").mouseenter(function(){ $(this).find(".pic").fadeIn("fast"); }); $(this).find(".btn-wx").mouseleave(function(){ $(this).find(".pic").fadeOut("fast"); }); $(this).find(".btn-phone").mouseenter(function(){ $(this).find(".phone").fadeIn("fast"); }); $(this).find(".btn-phone").mouseleave(function(){ $(this).find(".phone").fadeOut("fast"); }); $(this).find(".btn-top").click(function(){ $("html, body").animate({ "scroll-top":0 },"fast"); }); }); var lastRmenuStatus=false; $(window).scroll(function(){//bug var _top=$(window).scrollTop(); if(_top>200){ $("#izl_rmenu").data("expanded",true); }else{ $("#izl_rmenu").data("expanded",false); } if($("#izl_rmenu").data("expanded")!=lastRmenuStatus){ lastRmenuStatus=$("#izl_rmenu").data("expanded"); if(lastRmenuStatus){ $("#izl_rmenu .btn-top").slideDown(); }else{ $("#izl_rmenu .btn-top").slideUp(); } } }); }); </script> <div id="top"></div><![endif]--> <!-- 短信 --> </div> <div class="servers-wap"> <style type="text/css"> #plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; } .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); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('/template/def/skin/images/wao/plug.png'); background-repeat: no-repeat; -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>li { width: 32px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); position:absolute; bottom:0; right:0; margin-bottom: 20px; margin-right:20px; z-index:900; -webkit-transition: -webkit-transform 200ms; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-align: center; } .top_menu>li>a label{ display:none; } .top_menu>li a img { display: block; width: 22px; height: 22px; text-indent: -999px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(-0, -100px) rotate(720deg); } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(-47px, -81px) rotate(720deg); } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(-81px, -45px) rotate(720deg); } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(-100px, 0) rotate(720deg); } #sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; } #sharemcover img { position: fixed; right: 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-image:url('/template/def/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:0310-6764111"><img src="/template/def/skin/images/wap/plugmenu1.png"><label>电 话</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:15230090268"><img src="/template/def/skin/images/wap/plugmenu3.png"><label>短信</label></a> </li> <li class="themeStyle out" style="background:"> <a href="javascript:;" id="btn_fenxiang"><img src="/template/def/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/def/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/def/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> <script type="text/javascript" src="/js/common.js"></script> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"100"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};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> <script> (function(){ var bp = document.createElement('script'); bp.src = '//push.zhanzhang.baidu.com/push.js'; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/template/def/skin/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="/template/def/skin/js/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/template/def/skin/js/ie10-viewport-bug-workaround.js"></script> <script src="/template/def/skin/js/bootstrap-submenu.js"></script> <script src="/template/def/skin/js/docs.js"></script> </body> </html>