关于我们SCR脱硝设备-SCR脱硝工程-废气处理-广州达标环?？萍加邢薰?/title> <link href="/mfile/tz/model.css" rel="stylesheet" type="text/css" /> <style id="css" type="text/css" rel="stylesheet"> body{}#mOuterBox{}#mBody1,#dBody1{background-position: 0% 0%;}#mBody2,#dBody2{background-position: 0% 0%;} .nrmk{ } .nrmk h1 { padding:0; margin:0; font-size:12px; display:none; } </style> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body> <div style="position:fixed;left:-9000px;top:-9000px;"><dfn id="xrnnr"></dfn><nobr id="xrnnr"></nobr><strike id="xrnnr"></strike><video id="xrnnr"></video><rp id="xrnnr"></rp><var id="xrnnr"></var><rp id="xrnnr"></rp><rp id="xrnnr"></rp><th id="xrnnr"></th><dfn id="xrnnr"></dfn><font id="xrnnr"></font><track id="xrnnr"></track><rp id="xrnnr"></rp><big id="xrnnr"></big><track id="xrnnr"></track><i id="xrnnr"></i><ruby id="xrnnr"></ruby><rp id="xrnnr"></rp><listing id="xrnnr"></listing><del id="xrnnr"></del><noframes id="xrnnr"></noframes><mark id="xrnnr"></mark><strike id="xrnnr"></strike><menuitem id="xrnnr"></menuitem><sub id="xrnnr"></sub><ins id="xrnnr"></ins><font id="xrnnr"></font><ruby id="xrnnr"></ruby><menuitem id="xrnnr"></menuitem><thead id="xrnnr"></thead><video id="xrnnr"></video><span id="xrnnr"></span><i id="xrnnr"></i><nobr id="xrnnr"></nobr><listing id="xrnnr"></listing><del id="xrnnr"></del><progress id="xrnnr"></progress><track id="xrnnr"></track><del id="xrnnr"></del><sub id="xrnnr"></sub><address id="xrnnr"></address><big id="xrnnr"></big><var id="xrnnr"></var><strike id="xrnnr"></strike><sub id="xrnnr"></sub><strike id="xrnnr"></strike><big id="xrnnr"></big><pre id="xrnnr"></pre><sub id="xrnnr"></sub><span id="xrnnr"></span> <output id="xrnnr"></output><th id="xrnnr"></th><noframes id="xrnnr"></noframes><em id="xrnnr"></em><dl id="xrnnr"></dl><nobr id="xrnnr"></nobr><ins id="xrnnr"></ins><rp id="xrnnr"></rp><form id="xrnnr"></form><var id="xrnnr"></var><meter id="xrnnr"></meter><font id="xrnnr"></font><strike id="xrnnr"></strike><nobr id="xrnnr"></nobr><ins id="xrnnr"></ins><del id="xrnnr"></del><i id="xrnnr"></i><mark id="xrnnr"></mark><form id="xrnnr"></form><th id="xrnnr"></th><delect id="xrnnr"></delect><del id="xrnnr"></del><form id="xrnnr"></form><track id="xrnnr"></track><b id="xrnnr"></b><big id="xrnnr"></big><var id="xrnnr"></var><font id="xrnnr"></font><pre id="xrnnr"></pre><cite id="xrnnr"></cite><ol id="xrnnr"></ol><ol id="xrnnr"></ol><ol id="xrnnr"></ol><del id="xrnnr"></del><var id="xrnnr"></var><video id="xrnnr"></video><font id="xrnnr"></font><em id="xrnnr"></em><dl id="xrnnr"></dl><noframes id="xrnnr"></noframes><var id="xrnnr"></var><form id="xrnnr"></form><strike id="xrnnr"></strike><form id="xrnnr"></form><meter id="xrnnr"></meter><del id="xrnnr"></del><ins id="xrnnr"></ins><cite id="xrnnr"></cite><p id="xrnnr"></p><ol id="xrnnr"></ol> <ol id="xrnnr"></ol><progress id="xrnnr"></progress><progress id="xrnnr"></progress><var id="xrnnr"></var><b id="xrnnr"></b><ruby id="xrnnr"></ruby><p id="xrnnr"></p><del id="xrnnr"></del><font id="xrnnr"></font><font id="xrnnr"></font><meter id="xrnnr"></meter><ins id="xrnnr"></ins><address id="xrnnr"></address><i id="xrnnr"></i><ol id="xrnnr"></ol><noframes id="xrnnr"></noframes><ins id="xrnnr"></ins><strike id="xrnnr"></strike><em id="xrnnr"></em><big id="xrnnr"></big><meter id="xrnnr"></meter><pre id="xrnnr"></pre><ol id="xrnnr"></ol><listing id="xrnnr"></listing><dl id="xrnnr"></dl><track id="xrnnr"></track><ol id="xrnnr"></ol><strike id="xrnnr"></strike><nobr id="xrnnr"></nobr><font id="xrnnr"></font><ins id="xrnnr"></ins><ins id="xrnnr"></ins><delect id="xrnnr"></delect><ins id="xrnnr"></ins><delect id="xrnnr"></delect><strike id="xrnnr"></strike><strike id="xrnnr"></strike><cite id="xrnnr"></cite><address id="xrnnr"></address><dfn id="xrnnr"></dfn><menuitem id="xrnnr"></menuitem><video id="xrnnr"></video><listing id="xrnnr"></listing><form id="xrnnr"></form><cite id="xrnnr"></cite><track id="xrnnr"></track><ins id="xrnnr"></ins><th id="xrnnr"></th><sub id="xrnnr"></sub><dl id="xrnnr"></dl></div><div id="mBody1"> <div id="mBody2"> <div id="mOuterBox"> <div id="mTop" class="ct" style="overflow: hidden;"> <div class="ct" id="mTopMiddle" style="margin: 0px auto; position: relative;"> <div class="ct wow fadeInDown" style="margin: 0px auto; width: 1200px;" data-wow-duration="1s" data-wow-delay="0s" data-wow-iteration="1" id="tmf0"><div class="ct" style="float: left; margin: 0px auto; width: 1000px;" id="tmf1"><div class="ct_box" style="width: auto;" id="tmf2"> <div class="ct" style="float: left; padding-bottom: 15px; padding-top: 15px; width: 255px;" id="tmf4"><div class="mf" id="tmf3"><div id="_ctl0__ctl0_box" class="box2_1"><img src="/uFile/80904/image/2018530113835243.png" alt="" /> <style type="text/css"> #mTop, #mBottom, #mBody1, #mBody2 { min-width: 1200px; } </style></div> </div></div> <div class="ct" style="float: left; margin-top: 25px; width: 745px;" id="tmf5"><div class="mf" id="tmf7"> <style name="diy"> .box880_-2936 * { box-sizing: border-box; margin: 0; padding: 0; } .box880_-2936 a { text-decoration: none; color: inherit; } .box880_-2936 img { max-width: 100%; vertical-align: top; border: none; } .box880_-2936 ul, li { list-style: none; } .box880_-2936 { font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif; position: absolute; z-index: 999; width: 100%; height: 100px; color: #333;} .box880_-2936 .nav:after { display: block; visibility: hidden; clear: both; height: 0; color: ''; } .box880_-2936 .nav > li { position: relative; float: left; width:100px; } .box880_-2936 .nav > li > a { position: relative; display: block; padding:10px 0 20px 0; text-align: center; } .box880_-2936 .nav > li > a:hover, .box880_-2936 .nav > li > a:hover .subtitle, .box880_-2936 .nav .active, .box880_-2936 .nav .active .subtitle { color: #019ddb; } .box880_-2936 .nav > li > a:after { position: absolute; bottom: 0; left: 50%; width: 70px; height: 2px; margin-left: -35px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: scale(0, 1); transform: scale(0, 1); background: #019ddb; } .box880_-2936 .nav > li > a:hover:after, .box880_-2936 .nav .active:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .box880_-2936 .nav a span { display: block; font-size:16px; } .box880_-2936 .nav .title { font-weight: normal; } .box880_-2936 .nav .subtitle { font-size: 9px; padding-top: 5px; text-transform: uppercase; color: #666; } .box880_-2936 .subnav { position: absolute; top: 25px; left: 50%; visibility: hidden; width: 170px; margin-left: -85px; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; background: rgba(255, 255, 255, .9); box-shadow: 0 3px 16px rgba(0, 0, 0, .1); } .box880_-2936 .nav > li:hover .subnav { visibility: visible; /*-webkit-transform: translateY(0); transform: translateY(0);*/ opacity: 1; } .box880_-2936 .subnav li a { font-size: 12px; line-height: 40px; position: relative; display: block; overflow: hidden; height: 40px; padding: 0 30px 0 10px; -webkit-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1px solid #f2f2f2; } .box880_-2936 .subnav li a:hover { padding-left: 15px; color: #fff; background:#019ddb; } .box880_-2936 .subnav li a:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; background: url(/mFile/880/img/arrow-right.png) no-repeat center center / cover; } .box880_-2936 .subnav li a:hover:after { right: 15px; visibility: visible; } </style><div id="_ctl0__ctl1_box" class="box880_-2936"> <ul class="nav"> <li class="" ><a href="/" target="_self" ><span class="title"> 首页</span> <span class="subtitle"></span> </a> <ul class="subnav"> </ul> </li> <li class="" ><a href="show_171.html" target="_self" ><span class="title"> 关于我们</span> <span class="subtitle"></span> </a> <ul class="subnav"> <li > <a href="show_171.html" target="_self" > 关于我们</a> <a href="show_173.html" target="_self" > 企业文化</a> </li> </ul> </li> <li class="" ><a href="news_193.html" target="_self" ><span class="title"> 核心业务</span> <span class="subtitle"></span> </a> <ul class="subnav"> <li > <a href="news_193.html" target="_self" > 核心业务</a> </li> </ul> </li> <li class="" ><a href="product_159.html" target="_self" ><span class="title"> 产品中心</span> <span class="subtitle"></span> </a> <ul class="subnav"> <li > <a href="product_186.html" target="_self" > 脱硝</a> <a href="product_187.html" target="_self" > 除尘器</a> <a href="product_188.html" target="_self" > 脱硫</a> <a href="product_189.html" target="_self" > 废气处理</a> <a href="product_191.html" target="_self" > 废水处理</a> </li> </ul> </li> <li class="" ><a href="image_190.html" target="_self" ><span class="title"> 工程案例</span> <span class="subtitle"></span> </a> <ul class="subnav"> <li > <a href="image_196.html" target="_self" > 工程案例</a> </li> </ul> </li> <li class="" ><a href="show_195.html" target="_self" ><span class="title"> 企业业绩</span> <span class="subtitle"></span> </a> <ul class="subnav"> </ul> </li> <li class="" ><a href="news_147.html" target="_self" ><span class="title"> 新闻资讯</span> <span class="subtitle"></span> </a> <ul class="subnav"> <li > <a href="news_148.html" target="_self" > 行业新闻</a> <a href="news_147.html" target="_self" > 公司新闻</a> </li> </ul> </li> <li class="" ><a href="show_179.html" target="_self" ><span class="title"> 联系我们</span> <span class="subtitle"></span> </a> <ul class="subnav"> <li > <a href="show_179.html" target="_self" > 联系我们</a> <a href="guestbook_180.html" target="_self" > 留言反馈</a> </li> </ul> </li> </ul> <script type="text/javascript" src="/mfile/tz/jquery.js"></script> <script> $('.subnav').hover(function () { $(this).siblings('a').toggleClass('active'); }) </script> </div> </div></div> <div style="clear: both;"></div> </div></div><div class="ct" style="width: 16.6667%;" id="tmf8"><div class="mf" style="display: block; float: right; margin-top: 15px; width: 93.5%;" id="tmf9"><div id="_ctl0__ctl2_box" class="box7"><img src="/uFile/80904/image/2018530115358883.png" alt="" /> <span style="font-family:'微软雅黑';font-size:22px;color:#019ddb;">020-34108313</span> <br /> <span style="font-family:'微软雅黑';font-size:22px;color:#019ddb;"> 18565534870</span></div> </div></div></div><div class="mf" id="tmf6"> <style name="diy"> .box806_-5053 { overflow: hidden; position: relative} .box806_-5053 .main_image { width: 100%; height: 600px; overflow: hidden; margin: 0 auto; position: relative} .box806_-5053 .main_image ul { width: 9999px; height: 600px; overflow: hidden; position: absolute; top: 0; left: 0} .box806_-5053 .main_image li { float: left; width: 100%; height: 600px; } .box806_-5053 .main_image li span { display: block; width: 100%; height: 600px; } .box806_-5053 .main_image li a { display: block; width: 100%; height: 600px} .box806_-5053 .main_image li .img_1 { text-align: center; background-repeat: no-repeat} .box806_-5053 .main_image li .img_2 { text-align: center; background-repeat: no-repeat} .box806_-5053 .main_image li .img_3 { text-align: center; background-repeat: no-repeat} .box806_-5053 .flicking_con { width: 100%; margin: 0 auto; } /* 焦点 */ .box806_-5053 .flicking_con .flicking_inner { position: absolute; bottom: 10px; left: 0; z-index: 22; width: 100%; height: 21px; text-align: center; } .box806_-5053 .flicking_con a { display: inline-block; width: 14px; height: 14px;border-radius:50%; background: rgba(0, 0, 0, .1); border: 1px solid #999; margin: 0 5px; cursor: pointer; } .box806_-5053 .flicking_con a.on { background: #019ddb; border-color: #019ddb; } /* 焦点 */ .box806_-5053 #btn_prev, .box806_-5053 #btn_next { z-index: 998; position: absolute; width: 50px !important; height: 50px !important; top: 50%; margin-top: -20px; display: none; background-color: rgba(0, 0, 0, .3); background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: all ease .35s; transition: all ease .35s; } .box806_-5053 #btn_prev { background-image: url(/ufile/59794/img/arrow-left.png); } .box806_-5053 #btn_next { background-image: url(/ufile/59794/img/arrow-right.png); } .box806_-5053 #btn_prev:hover, .box806_-5053 #btn_next:hover { background-color: #019ddb; } .box806_-5053 #btn_prev { left: 2%; } .box806_-5053 #btn_next { right: 2%; } </style> <script type="text/javascript" src="/mfile/tz/jquery.js"></script> <script type="text/javascript" src="/mFile/806/js/jquery.event.drag-1.5.min.js"></script> <script type="text/javascript" src="/mFile/806/js/jquery.touchSlider.js"></script> <script type="text/javascript"> jQuery(function($){ $("#fan").hover(function () { $("#btn_prev,#btn_next").fadeIn() },function () { $("#btn_prev,#btn_next").fadeOut() }) $dragBln = false; $(".main_image").touchSlider({ flexible: true, speed: 200, delay:3, btn_prev: $("#btn_prev"), btn_next: $("#btn_next"), paging: $(".flicking_con a"), counter: function (e) { $(".flicking_con a").removeClass("on").eq(e.current - 1).addClass("on"); } }); $(".main_image").bind("mousedown", function () { $dragBln = false; }) $(".main_image").bind("dragstart", function () { $dragBln = true; }) $(".main_image a").click(function () { if ($dragBln) { return false; } }) timer = setInterval(function () { $("#btn_next").click(); },parseInt(3)*1000); $("#fan").hover(function () { clearInterval(timer); }, function () { timer = setInterval(function () { $("#btn_next").click(); },parseInt(3)*1000); }) $(".main_image").bind("touchstart", function () { clearInterval(timer); }).bind("touchend", function () { timer = setInterval(function () { $("#btn_next").click(); },parseInt(3)*1000); }) }); </script> <div id="_ctl0__ctl3_box" class="box806_-5053"> <div id="fan" style="height:600px"> <div class="flicking_con"> <div class="flicking_inner"> <a href=""></a> <a href=""></a> </div> </div> <div class="main_image"> <ul> <li><a href="" target="_self"><span class="img_1" style="background:url(/uFile/80904/banner/2018531153733828.jpg) center top no-repeat;" ></span></a></li> <li><a href="" target="_self"><span class="img_1" style="background:url(/uFile/80904/banner/201861102721216.jpg) center top no-repeat;" ></span></a></li> </ul> <a href="javascript:;" id="btn_prev"></a> <a href="javascript:;" id="btn_next"></a> </div> </div> </div> <div style="text-align:center;clear:both"></div> </div><div class="mf" id="tmf10"> <style name="diy"> @charset "utf-8"; .box222_-1833{} .box222_-1833 h1,.box222_-1833 ul,.box222_-1833 li{ margin:0; padding:0;} .box222_-1833 .mainCont h1{ display:none;} .box222_-1833 .mainCont .mainList{ text-align: center; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); margin-bottom: 10px; background: #fff;} .box222_-1833 .mainCont .mainList li{ list-style:none; display: inline-block;} .box222_-1833 .mainCont .mainList .fgx{ display: none; } .box222_-1833 .mainCont .mainList li a{ height:60px; line-height: 60px; position: relative; color: #666; text-decoration: none; font-size: 14px; display: inline-block; margin: 0 30px; font-family: "Microsoft Yahei";-webkit-transition: all ease .35s; transition: all ease .35s;} .box222_-1833 .mainCont .mainList a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; background-color: #019ddb; width: 100%; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transition: all ease .35s; transition: all ease .35s; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .box222_-1833 .mainCont .mainList a:hover, .box222_-1833 .mainCont .mainList .selected a{ color: #019ddb;} .box222_-1833 .mainCont .mainList a:hover:after, .box222_-1833 .mainCont .mainList .selected a:after {-webkit-transform: scale(1,1); transform: scale(1,1);} </style><div id="_ctl0__ctl4_box" class="box222_-1833"> <script type="text/javascript" src="/mfile/tz/jquery.js"></script> <div class="mainCont "> <h1><span>关于我们</span></h1> <div class="mainList"> <ul> <li class="selected"><a href="show_171.html" > <span>关于我们</span> </a></li> <li class="fgx"></li> <li class=""><a href="show_173.html" > <span>企业文化</span> </a></li> <li class="fgx"></li> </ul> <div style="clear:both;"></div> </div> </div> <script type="text/javascript"> new (function () { var arr = $(".mainList a"); var pathname = (location.pathname + location.search).replace(/^\//, ""); for (var i = 0; i < arr.length; i++) { var href = arr.eq(i).attr("href").replace(/^\//, ""); if (href == pathname) { arr.eq(i).parent("li").attr("class", "selected"); return; } } })() </script> </div></div></div> </div> <div id="mMain" style="overflow: hidden;" class="ct"> <div class="ct" style="padding-bottom: 30px; padding-top: 30px;" id="mfid0"><div class="ct" style="margin-left: auto; margin-right: auto; margin-top: 0px; width: 1170px;" id="mfid1"><div class="mf" id="mfid2"> <div class="nrmk"> <h1><a><span>关于我们</span></a></h1> <div id="_ctl1_box" class="box15_1"><style> *{ margin:0 ; padding:0; font-size:14px; list-style:none;} .qq_box{ width:1200px; margin:0 auto; padding-top:0px;} .qqbt{ font-family:"微软雅黑"; font-size:18px; font-weight:bold; color:#333333; padding-bottom:15px; text-align:center;} .hengxian{ width:60px; height:2px; background-color:#00b3f5; margin:0 auto; margin-bottom:40px;} .qqtu1{ display:block; float:left; margin-right:46px; margin-bottom:30px; margin-top:0px;} .qqwf{ margin-bottom:40px;} .qqwfxm{ width:160px; height:160px; display:inline-block;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; margin-right:40px;} .qqwfxm{ width:160px; height:160px;} .qqwfxm:hover{ margin-left:0px ; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } </style> <p> <br /> </p> <p class="qqbt"> 企业简介 </p> <div class="hengxian"> </div> <img class="qqtu1" src="/uFile/80904/image/201861105220609.jpg" alt="" /> <p style="font-family:'微软雅黑';font-size:20px;font-weight:bold;color:#e9bd78;margin-top:60px;margin-bottom:20px;"> <span style="color:#00b3f5;font-family:微软雅黑;font-size:20px;font-weight:bold;white-space:normal;"><strong style="color:#454545;font-family:微软雅黑;font-size:18px;text-align:center;white-space:normal;">SCR、SNCR脱硝设备及工程、脱硫除尘设备及工程</strong></span> </p> <p style="font-family:'微软雅黑';font-size:14px;color:#4c4c4c;line-height:24px;text-align:justify;"> </p> <p class="MsoNormal"> <span style="font-size:18px;">广州达标环?？萍加邢薰臼亲ㄒ抵卫砺ぱ唐母咝录际跗笠?，公司主营炉窑烟气处理的脱硫、脱硝、除尘设备及安装工程。</span><span style="font-size:18px;">主要针对于电厂、焦化、水泥、化工、玻璃、陶瓷、砖厂材料等行业。对燃煤循环硫化床锅炉、链条锅炉、生物质锅炉、燃气锅炉、</span><span style="font-size:18px;">马蹄焰窑炉、隧道窑炉等有丰富的实践经验?；队愦笥没Т寡?。</span> </p> <p class="MsoNormal"> <br /> </p> <p class="MsoNormal"> <span style="font-size:18px;">脱硝：</span><span style="font-size:18px;">SCR</span><span style="font-size:18px;">脱硝；</span><span style="font-size:18px;">SNCR</span><span style="font-size:18px;">脱硝；</span><span></span> </p> <p class="MsoNormal"> <span style="font-size:18px;"> SCR</span><span style="font-size:18px;">中温及低温脱硝设备设计制造及安装工程；</span><span style="font-size:18px;">SNCR</span><span style="font-size:18px;">脱硝设备：配置储存?？?、泵站?？?、计量分配?？?、喷枪均为公司自行设计制造。</span> </p> <p class="MsoNormal"> <span style="font-size:18px;"> 脱硫：干法脱硫、湿法脱硫;</span> </p> <p class="MsoNormal"> <span style="font-size:18px;">除尘：脉冲布袋除尘器、湿法电除尘；</span> </p> <br /> <p> <br /> </p> <div style="clear:both;"> </div> <p> <br /> </p></div> <script type="text/javascript" src="/mfile/tz/jquery.js"></script> <script type="text/javascript"> if (document.getElementsByClassName('formfb')[0]) { document.getElementsByClassName('formfb')[0].onsubmit = function () { //检查表单须引用/iFile/39/ckform.js try { var x = CheckForm; if (!CheckForm(this)) { return false; } } catch (e) { console.log("CheckForm is undefined"); } var action_url = window.location.pathname + window.location.search; var reg = new RegExp(/\/ifeedback_[\d]+|\/ifeedback.aspx\?gp=[\d]+/); if (reg.test(action_url)) { var gp = /[\d]+/.exec(action_url); $.ajax({ url: 'ifeedback.aspx?gp=' + gp, type: 'post', data: $(".formfb").serializeArray(), success: function (res) { eval(res.replace(/(<script[^>]*?>)|(<\/script>)/g, "")); }, error: function (XMLHttpRequest, textStatus, errorThrown) { console.log(textStatus) alert("连接服务器失败，请稍候再试~"); } }) } else { alert("表单提交地址不合法~"); } return false; } } </script> </div> </div></div></div></div> <div id="mBottom" class="ct" style="overflow: hidden;"> <div class="ct" id="mBottomMiddle" style="margin: 0px auto; background-color: rgb(51, 51, 51);"> <div class="ct" id="bmf1"><div class="mf" id="bmf3"><div id="_ctl2__ctl0_box" class="box7"><style> /*浮动ＱＱ*/ .my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;} .my-kefu ul{width: 77px;} .my-kefu li a{text-decoration: none;} .my-kefu li{background: #1d2e62;margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;list-style-type:none;} .my-kefu li i{background: url(https://www.mf1288.com/upload/202003/12/202003121520043284.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;} .my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;font-size: 12px;} .my-kefu ul, li, p { margin: 0; padding: 0;} .my-kefu .my-kefu-qq i{background-position: 4px 0;} .my-kefu .my-kefu-tel i{background-position: 0 -25px;} .my-kefu .my-kefu-tel1 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;} .my-kefu .my-kefu-tel2 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;} .my-kefu .my-kefu-liuyan i{background-position: 4px -53px;} .my-kefu .my-kefu-weixin i{background-position: -34px 4px;} .my-kefu .my-kefu-weibo i{background-position: -30px -22px;} .my-kefu .my-kefu-ftop{background-color:#019ddb;} .my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;} .my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;} .my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;} .my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-right{width: 20px;} .my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;} .my-kefu-main{width: 97px;position: relative;} .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;} </style> <div class="my-kefu"> <ul id="my-kefu"> <a class="online-contact-btn" target="_blank" rel="nofollow"> <li class="my-kefu-qq"> <div class="my-kefu-main"> <div class="my-kefu-left"> <i></i> <p> 在线客服 </p> </div> </div> </li> </a> <a href="tel:136-8669-6808"> <li class="my-kefu-tel2"> <div class="my-kefu-tel-main"> <div class="my-kefu-left"> <i></i> <p> 企业微信 </p> </div> <div class="my-kefu-tel2-right"> <img style="width:130px;height:130px;" src="https://www.mf1288.com/upload/202003/12/202003121519187283.png" alt="扫一扫添加微信" /> </div> </div> </li> <li class="my-kefu-tel"> <div class="my-kefu-tel-main"> <div class="my-kefu-left"> <i></i> <p> 服务热线 </p> </div> <div class="my-kefu-tel-right"> 020-34108313 </div> </div> </li> </a> <li class="my-kefu-ftop"> <div class="my-kefu-main"> <div class="my-kefu-left"> <a href="javascript:;"><i></i> <p> 返回顶部 </p> </a> </div> </div> </li> </ul> </div> <script> $(function(){ var time; var winHeight = $(window.parent).height(); console.log(winHeight) $('.my-kefu').css({'top':(winHeight-$('#my-kefu').height())/1.2}); $('#my-kefu li').on({ 'mouseenter':function(){ var scope = this; time=setTimeout(function(){ var divDom=$(scope).children('div'); console.log(divDom) var maxWidth=divDom.width(); console.log(maxWidth) $(scope).stop().animate({marginLeft:-maxWidth+77,width:maxWidth},'normal',function(){ var pic=$(scope).find('.my-kefu-weixin-pic'); if(pic.length>0){ pic.show(); } }); },100) }, 'mouseleave':function(){ var pic=$(this).find('.my-kefu-weixin-pic'); if(pic.length>0){ pic.hide(); } clearTimeout(time); var divDom=$(this).children('div'); $(this).stop().animate({marginLeft:0,width:77},"normal",function(){ }); } }); //返回顶部 $("#my-kefu").find(".my-kefu-ftop").click(function(){ var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (scrollTop > 0) { $("html,body").animate({ scrollTop: 0 },"slow"); } }); }); </script></div> </div></div><div class="mf" id="bmf0"><div id="_ctl2__ctl1_box" class="box7"><style> body{ font-family:'Microsoft Yahei', Arial, sans-serif;} .shou-bottom{ max-width:1200px; height:auto; margin: 0 auto; padding-top:30px;} .shou-bottom .bottom-nav{ display:flex; flex-direction: row; justify-content: center;flex-wrap: wrap;} .shou-bottom .bottom-nav a{ color: #eee; padding-right:20px;font-size:14px;} .shou-bottom .bottom-nav li{ position: relative; margin-left: 10px;} .shou-bottom .bottom-nav li::after{ content: "|"; color: #eee; position: absolute; right: 0; bottom: 0;} .shou-bottom p{ font-size:14px; line-height:24px; color:#fff;text-align:center; margin:20px 0;} </style> <div class="shou-bottom"> <ul class="bottom-nav clearfix"> <li> <a href="index.html">网站首页</a> </li> <li> <a href="show_171.html">关于我们</a> </li> <li> <a href="news_193.html">核心业务</a> </li> <li> <a href="product_159.html">产品中心</a> </li> <li> <a href="product_190.html">工程案例</a> </li> <li> <a href="news_147.html">新闻中心</a> </li> <li> <a href="show_179.html">联系我们</a> </li> <li> <a href="manage">网站管理</a> </li> </ul> <p> Copyright © 2018 广州达标环?？萍加邢薰?版权所有 <a target="_blank"><span style="color:#FFFFFF;">粤ICP备19069702号</span></a><a target="_blank"> 网站地图</a><br /> 电话：020-34108313 手机：18565534870 邮箱：13825107158@139.com <br /> 地址：广州海珠区信宝街19号 </p> </div></div> </div><div class="mf" id="bmf2"><div id="_ctl2__ctl2_box" class="box10"><div class="f_adress"> <div class="container"> <p class="adr_p1"> Copyright © 2018 广州达标环?？萍加邢薰?版权所有 All Rights Reserved <a target="_blank"> 网站地图</a> </p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://#/hm.js?3a8c1f8ee01ed6bc74b9cde110ba3dfc"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script></div> </div></div> </div> </div> </div> </div> <a href="http://www.mediamenz.com/">手机彩票计划</a> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>