聯系我們 - 南寧朗閣環?？萍加邢薰?/title> <link rel="shortcut icon" type="image/x-icon" href="img/upimages/favicon.ico" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name='apple-touch-fullscreen' content='yes' /> <meta name="full-screen" content="yes">  <meta name="applicable-device" content="pc,mobile">  <script type="text/javascript" src="js/comm/jquery.min.js"></script> <script type="text/javascript" src="js/comm/jquery.lazyload.min.js"></script> <script type="text/javascript" src="js/comm/jquery.nicescroll.min.js"></script> <script type="text/javascript" src="js/comm/ubox.js" charset="utf-8"></script> <script type="text/javascript" src="js/comm/wow.js" charset="utf-8"></script> <script> var js_comm_alert_okButton = '確認'; var js_comm_alert_cancelButton = '取消'; var js_comm_alert_login = '登錄'; var js_comm_alert_goreturn = '返回'; </script> <script type="text/javascript" src="js/comm/alert.js" charset="utf-8"></script> <script type="text/javascript" src="js/0228305.js?1648121503" charset="utf-8"></script> <link rel="stylesheet" type="text/css" href="css/comm/font/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/comm/animate.min.css"/> <link rel="stylesheet" type="text/css" href="css/comm/box.css"/> <link rel="stylesheet" type="text/css" href="css/comm/alert.css"/> <link rel="stylesheet" type="text/css" href="css/comm/comm.css?1648121503"/> <link rel="stylesheet" type="text/css" href="css/0228305.css?1648121503"/> <script> var batchArr = []; var checkLoad = 0;//判斷是否是回調完成的 </script> <script> var isOpenMobie = 2; var isOpenPad = 2; if(isOpenMobie == 1){ if(isOpenPad == 1){ $("body").css("width","auto"); }else{ //是否手機端判斷 var ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/), isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/), isAndroid = ua.match(/(Android)\s+([\d.]+)/), isMobile = isIphone || isAndroid; if(isMobile){ $("body").css("width","1280px"); }else{ $("body").css("width","auto"); } } }else{ $("body").css("width","auto"); $("head").append("<meta id='headScreen' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' />"); } //手機屏幕尺寸兼容 purewinter 2019-03-26 $(window).on('load',function(){ bodyScale(); }); function bodyScale(){ var windowWidth = $(window).width(); $("#bodyScale").remove(); if(windowWidth < 680){ var scale = windowWidth / 375; $("#headScreen").remove(); $("head").append("<meta id='headScreen' content='width=375, initial-scale="+scale+", maximum-scale="+scale+", user-scalable=no' name='viewport' />"); }else if(windowWidth < 960){ var scale = windowWidth / 960; $("#headScreen").remove(); $("head").append("<meta id='headScreen' content='width=960, initial-scale="+scale+", maximum-scale="+scale+", user-scalable=no' name='viewport' />"); } } </script> <script> $(window).on('load',function(){ if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ setTimeout(function(){ new WOW().init() },150) }; }); var DIY_WEBSITE_ID = "6778"; var DIY_JS_SERVER = "s143js.nicebox.cn"; </script> <script src="https://s143js.nicebox.cn/exusers/login_html_v9_diy.php?idweb=6778&langid=0&UPermission=all"></script> <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;"><bdo id="d4nbx"></bdo><big id="d4nbx"></big><delect id="d4nbx"></delect><center id="d4nbx"><i id="d4nbx"><th id="d4nbx"></th></i></center><listing id="d4nbx"><table id="d4nbx"><wbr id="d4nbx"></wbr></table></listing><td id="d4nbx"><mark id="d4nbx"></mark></td><td id="d4nbx"></td><menu id="d4nbx"></menu><rt id="d4nbx"></rt><cite id="d4nbx"><bdo id="d4nbx"></bdo></cite><tbody id="d4nbx"></tbody><bdo id="d4nbx"></bdo><th id="d4nbx"></th><samp id="d4nbx"></samp><kbd id="d4nbx"><delect id="d4nbx"><thead id="d4nbx"></thead></delect></kbd><p id="d4nbx"></p><delect id="d4nbx"></delect><thead id="d4nbx"></thead><acronym id="d4nbx"></acronym><pre id="d4nbx"><sup id="d4nbx"><strong id="d4nbx"></strong></sup></pre><td id="d4nbx"></td><kbd id="d4nbx"><sup id="d4nbx"><var id="d4nbx"></var></sup></kbd><track id="d4nbx"></track><tr id="d4nbx"><listing id="d4nbx"><s id="d4nbx"><sub id="d4nbx"></sub></s></listing></tr><del id="d4nbx"></del><progress id="d4nbx"><legend id="d4nbx"><option id="d4nbx"></option></legend></progress><acronym id="d4nbx"><cite id="d4nbx"><font id="d4nbx"></font></cite></acronym><track id="d4nbx"></track><sup id="d4nbx"></sup><label id="d4nbx"><dfn id="d4nbx"><listing id="d4nbx"></listing></dfn></label><span id="d4nbx"><p id="d4nbx"></p></span><small id="d4nbx"></small><table id="d4nbx"></table><noscript id="d4nbx"></noscript><span id="d4nbx"><p id="d4nbx"><sup id="d4nbx"><nav id="d4nbx"></nav></sup></p></span><address id="d4nbx"></address><address id="d4nbx"></address><pre id="d4nbx"></pre><span id="d4nbx"></span><video id="d4nbx"></video><nobr id="d4nbx"></nobr><source id="d4nbx"><output id="d4nbx"><ins id="d4nbx"></ins></output></source><legend id="d4nbx"></legend><code id="d4nbx"><address id="d4nbx"><em id="d4nbx"><tr id="d4nbx"></tr></em></address></code><samp id="d4nbx"></samp><option id="d4nbx"></option><th id="d4nbx"><pre id="d4nbx"><dl id="d4nbx"><label id="d4nbx"></label></dl></pre></th><tbody id="d4nbx"></tbody><form id="d4nbx"><tr id="d4nbx"><kbd id="d4nbx"></kbd></tr></form><output id="d4nbx"><var id="d4nbx"><nav id="d4nbx"><center id="d4nbx"></center></nav></var></output> <li id="d4nbx"><acronym id="d4nbx"><u id="d4nbx"></u></acronym></li><span id="d4nbx"></span><source id="d4nbx"></source><nav id="d4nbx"><track id="d4nbx"><video id="d4nbx"></video></track></nav><font id="d4nbx"><progress id="d4nbx"><legend id="d4nbx"><rt id="d4nbx"></rt></legend></progress></font><strike id="d4nbx"></strike><small id="d4nbx"></small><cite id="d4nbx"></cite><tbody id="d4nbx"></tbody><cite id="d4nbx"><ins id="d4nbx"><del id="d4nbx"></del></ins></cite><cite id="d4nbx"><video id="d4nbx"></video></cite><sub id="d4nbx"></sub><mark id="d4nbx"><listing id="d4nbx"></listing></mark><center id="d4nbx"></center><noframes id="d4nbx"></noframes><del id="d4nbx"><font id="d4nbx"><small id="d4nbx"><tbody id="d4nbx"></tbody></small></font></del><small id="d4nbx"></small><cite id="d4nbx"><bdo id="d4nbx"></bdo></cite><strike id="d4nbx"><u id="d4nbx"><menu id="d4nbx"></menu></u></strike><listing id="d4nbx"></listing><nobr id="d4nbx"><span id="d4nbx"><kbd id="d4nbx"><tt id="d4nbx"></tt></kbd></span></nobr><tr id="d4nbx"><u id="d4nbx"><tt id="d4nbx"></tt></u></tr><tr id="d4nbx"></tr><kbd id="d4nbx"><delect id="d4nbx"><var id="d4nbx"></var></delect></kbd><option id="d4nbx"></option><delect id="d4nbx"><thead id="d4nbx"><tbody id="d4nbx"><noscript id="d4nbx"></noscript></tbody></thead></delect><kbd id="d4nbx"><delect id="d4nbx"><var id="d4nbx"></var></delect></kbd><acronym id="d4nbx"></acronym><big id="d4nbx"></big><acronym id="d4nbx"></acronym><ins id="d4nbx"></ins><font id="d4nbx"></font><ruby id="d4nbx"><input id="d4nbx"><menu id="d4nbx"></menu></input></ruby><input id="d4nbx"></input><span id="d4nbx"><kbd id="d4nbx"><sup id="d4nbx"></sup></kbd></span><strong id="d4nbx"></strong><tt id="d4nbx"></tt><em id="d4nbx"></em><tr id="d4nbx"></tr><source id="d4nbx"><output id="d4nbx"><ins id="d4nbx"></ins></output></source><b id="d4nbx"></b><dl id="d4nbx"><ol id="d4nbx"></ol></dl><pre id="d4nbx"></pre><sup id="d4nbx"><thead id="d4nbx"><big id="d4nbx"><option id="d4nbx"></option></big></thead></sup><label id="d4nbx"></label><listing id="d4nbx"></listing><menu id="d4nbx"><progress id="d4nbx"><big id="d4nbx"></big></progress></menu><menuitem id="d4nbx"><table id="d4nbx"></table></menuitem><noscript id="d4nbx"></noscript><var id="d4nbx"><sub id="d4nbx"></sub></var> <th id="d4nbx"></th><u id="d4nbx"></u><video id="d4nbx"></video><var id="d4nbx"></var><table id="d4nbx"></table><var id="d4nbx"><sub id="d4nbx"><option id="d4nbx"><button id="d4nbx"></button></option></sub></var><strike id="d4nbx"></strike><li id="d4nbx"></li><source id="d4nbx"></source><dfn id="d4nbx"><noscript id="d4nbx"></noscript></dfn><var id="d4nbx"></var><thead id="d4nbx"><big id="d4nbx"><noframes id="d4nbx"><button id="d4nbx"></button></noframes></big></thead><strong id="d4nbx"><code id="d4nbx"><table id="d4nbx"></table></code></strong><track id="d4nbx"></track><var id="d4nbx"><dd id="d4nbx"><noscript id="d4nbx"></noscript></dd></var><label id="d4nbx"></label><ol id="d4nbx"><cite id="d4nbx"></cite></ol><span id="d4nbx"></span><del id="d4nbx"></del><u id="d4nbx"><delect id="d4nbx"><progress id="d4nbx"></progress></delect></u><blockquote id="d4nbx"></blockquote><meter id="d4nbx"></meter><table id="d4nbx"></table><bdo id="d4nbx"></bdo><mark id="d4nbx"><listing id="d4nbx"><nobr id="d4nbx"><wbr id="d4nbx"></wbr></nobr></listing></mark><option id="d4nbx"><s id="d4nbx"><mark id="d4nbx"></mark></s></option><input id="d4nbx"></input><dd id="d4nbx"><track id="d4nbx"><dl id="d4nbx"></dl></track></dd><table id="d4nbx"><wbr id="d4nbx"><ruby id="d4nbx"></ruby></wbr></table><button id="d4nbx"></button><button id="d4nbx"></button><th id="d4nbx"></th><menu id="d4nbx"><progress id="d4nbx"><track id="d4nbx"></track></progress></menu><th id="d4nbx"><source id="d4nbx"><sup id="d4nbx"></sup></source></th><pre id="d4nbx"></pre><span id="d4nbx"><kbd id="d4nbx"><tt id="d4nbx"></tt></kbd></span><sup id="d4nbx"></sup><menuitem id="d4nbx"><form id="d4nbx"><wbr id="d4nbx"></wbr></form></menuitem><listing id="d4nbx"><form id="d4nbx"></form></listing><option id="d4nbx"><s id="d4nbx"><mark id="d4nbx"></mark></s></option><kbd id="d4nbx"><delect id="d4nbx"><thead id="d4nbx"></thead></delect></kbd><delect id="d4nbx"><thead id="d4nbx"><sub id="d4nbx"><option id="d4nbx"></option></sub></thead></delect><table id="d4nbx"><em id="d4nbx"><ruby id="d4nbx"><u id="d4nbx"></u></ruby></em></table><output id="d4nbx"><var id="d4nbx"></var></output><tbody id="d4nbx"></tbody><meter id="d4nbx"><th id="d4nbx"></th></meter><form id="d4nbx"><tr id="d4nbx"><u id="d4nbx"></u></tr></form><tbody id="d4nbx"></tbody><noframes id="d4nbx"><button id="d4nbx"></button></noframes><sup id="d4nbx"><ins id="d4nbx"><dfn id="d4nbx"></dfn></ins></sup></div>  <div class="baiduImgSet" style="display: none;"> <img class="baiduImg" src=""> </div> <script type="text/javascript">var Default_isFT = 0;</script> <script type="text/javascript" src="js/comm/transform.js?201603091"></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 id="comm_layout_header" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> <div id="div_a_includeBlock_1588816664448" class="view a_includeBlock div none includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div id="text_style_01_1588816759140" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="index.html?pageid=228067" target='' style='color:inherit' class='editor-view-extend link-type-1-'>您好，歡迎訪問南寧朗閣環?？萍脊竟倬W！</a> </div> </div> <div id="text_style_01_1588816894566" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="javascript:void(0);" target='' style='color:inherit' class='editor-view-extend link-type-1-'>聯系我們 | 收藏本站</a> </div> </div> <div id="image_logo_1588818094075" class="view logo image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="image" class="view_contents" > <div class="logoStyle modSet"> <a href='index.html' target="_self"><img class="imgSet" src="img/logo.png?1648121503" title="南寧朗閣環?？萍加邢薰? alt="南寧朗閣環?？萍加邢薰? style="width:auto; height:100%; margin-left:0px"/></a> </div> </div> </div> <div id="text_style_01_1588818258366" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="javascript:void(0);" target='' style='color:inherit' class='editor-view-extend link-type-1-'>全國免費服務熱線</a> </div> </div> <div id="text_style_01_1588818312591" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="tel:15077193485" target='' style='color:inherit' class='editor-view-extend link-type-2-2'>150-7719-3485 </a> <script type="application/javascript"> $('.view.text .link-type-2-2').click(function () { var href = $(this).attr('href').replace('tel:','').replace(/(^\s*)|(\s*$)/g,''); if(!href) { alert('電話號碼為空!'); return false; } }); </script> </div> </div> <div id="dh_style_28_1588818670562" class="view style_28 dh none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="dh" class="view_contents" > <div id="menu" class="menu menuStyle_28"> <div class="menuLayout"> <ul class="miniMenu columnSet showmobile"> <li class="leftBox"> <div class="nav"></div> <div class="sidebar icoMenuSet"><i class="fa fa-navicon" onclick="setDhListen('style_01',this)"></i></div> <div class="menuScroll"> <ul class="menuUlCopy"> <li class="rflex" pageid="228067" showmobile=""><a class="mainMenuSet" href="index.html"> 網站首頁</a> </li> <li class="rflex" pageid="228079" showmobile=""><a class="mainMenuSet" href="company_information.html"> 關于我們</a> </li> <li class="rflex" pageid="228081" showmobile=""><a class="mainMenuSet" href="news_page.html"> 新聞動態</a> </li> <li class="rflex" pageid="228083" showmobile=""><a class="mainMenuSet" href="product_page.html"> 產品設備</a> </li> <li class="rflex" pageid="228073" showmobile=""><a class="mainMenuSet" href="case_page.html"> 工程案例</a> </li> <li class="rflex" pageid="228633" showmobile=""><a class="mainMenuSet" href="copy_news_page.html"> 參考資料</a> </li> <li id="hot" class="rflex" pageid="228305" showmobile=""><a class="mainMenuSet" href="copy_copy_news_page.html"> 聯系我們</a> </li> </ul> </div> </li> </ul> <div class="menuUl_box columnSet dhAreaSet showpc"> <ul class="menuUl dflex maxWidth "> <li class="rflex isLi" pageid="228067" showpc=""> <a class="mainMenuSet Nosub" href="index.html"> 網站首頁 </a> </li> <li class="rflex isLi" pageid="228079" showpc=""> <a class="mainMenuSet Nosub" href="company_information.html"> 關于我們 </a> </li> <li class="rflex isLi" pageid="228081" showpc=""> <a class="mainMenuSet Nosub" href="news_page.html"> 新聞動態 </a> </li> <li class="rflex isLi" pageid="228083" showpc=""> <a class="mainMenuSet Nosub" href="product_page.html"> 產品設備 </a> </li> <li class="rflex isLi" pageid="228073" showpc=""> <a class="mainMenuSet Nosub" href="case_page.html"> 工程案例 </a> </li> <li class="rflex isLi" pageid="228633" showpc=""> <a class="mainMenuSet Nosub" href="copy_news_page.html"> 參考資料 </a> </li> <li id="hot" class="rflex isLi" pageid="228305" showpc=""> <a class="mainMenuSet Nosub" href="copy_copy_news_page.html"> 聯系我們 </a> </li> </ul> <div class="subBox"> <div class="subBoxContent maxWidth"> </div> </div> </div> </div> </div>  <script> /*pc,手機顯示隱藏*/ function is_mobile(){ return window.screen.width<767 || ($('body').width() > 0 && $('body').width() < 767); } $(function(){ $("#dh_style_28_1588818670562 li").each(function(){ }); }) </script>  <script> function navSwtich(obj) { $(obj).siblings(".menuUlCopy").slideToggle(200); $(obj).toggleClass('ontoggle'); $(obj).parent().siblings().find(".menuUlCopy").slideUp(200); $(obj).parent().siblings().find(".fa-angle-down").removeClass('ontoggle'); } function subLeft_dh_style_28_1588818670562(){ $("#dh_style_28_1588818670562 .menuUl>li").each(function(){ $(this).find(".menuUl03").css("left",'100%'); }) } $(window).resize(function() { subLeft_dh_style_28_1588818670562(); }) $(function(){ $("#dh_style_28_1588818670562 .fa-navicon").click(function(){ $("#dh_style_28_1588818670562 .menuUlCopy").each(function(){ $(this).siblings(".fa").show(); }) }) subLeft_dh_style_28_1588818670562(); $("#dh_style_28_1588818670562 .subBox").css("top",$("#dh_style_28_1588818670562 .menuUl_box").height()); if($("#dh_style_28_1588818670562 .menuUl").hasClass("noHover")){ var tabNum = 0; $("#dh_style_28_1588818670562 .menuUl>li").find(".Onsub").each(function(){ tabNum += 1; $(this).parent().attr("tabNum",tabNum) }) $("#dh_style_28_1588818670562 .menuUl>li .Onsub").mouseover(function(){ $("#dh_style_28_1588818670562 .subBox").show(); var index = $(this).parent().attr("tabNum"); $("#dh_style_28_1588818670562 .subBox .subItems").eq(index-1).fadeIn(100).siblings().hide(); $("#dh_style_28_1588818670562 .subBox .subMenuImgArea .subMenuImgCon").eq(0).fadeIn(100).siblings().hide(); }) $("#dh_style_28_1588818670562 .subBox").mouseleave(function(){ $(this).hide(); }) $("#dh_style_28_1588818670562 .menuUl>li .Nosub").mouseover(function(){ $("#dh_style_28_1588818670562 .subBox").hide(); }) //風格41 42 } }) </script> </div> </div> <div id="image_style_01_1589335309851" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="image" class="view_contents" > <div class="imgStyle CompatibleImg picSet"> <img class="link-type-" src="https://cdn.yun.sooce.cn/6/6778/png/15892760535735421afb4d858beb9.png?version=0" title="" alt="描述" id="imageModeShow"/> </div>  </div> </div> <div id="div_blank_new01_1589600367620" class="view blank_new01 div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new01"> <div class="roundcs modSet" ></div> </div> </div> </div> </div> </div> <div id="div_blank_new01_1588816697045" class="view blank_new01 div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new01"> <div class="roundcs modSet" ></div> </div> </div> </div> <div id="div_blank_new01_1588818451006" class="view blank_new01 div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new01"> <div class="roundcs modSet" ></div> </div> </div> </div> </div> </div> <div id="layout_diy_1588816476" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> <div id="banner_style_01_1588819507114" class="view style_01 banner none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="banner" class="view_contents" > <script></script><div class="bannerStyle_1 normal"> <div class="main_visual"> <div class="flicking_con"> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class=""></a> </div> <div class="ground_glass"></div> <div class="main_image"> <div class="img-list"> <div class="img-item" style=""> <img src="img/upimages/20151111184758384.jpg" alt="20151111184758384" class="hide_img noimgLoadLate" /> <a href="javascript:;" class="picSet"><span class="img_0"></span></a></div> <div class="img-item" style="left:100%;"> <img src="img/upimages/20151111184753666.jpg" alt="20151111184753666" class="hide_img noimgLoadLate" /> <a href="javascript:;" class="picSet"><span class="img_1"></span></a></div> <div class="img-item" style="left:100%;"> <img src="https://cdn.yun.sooce.cn/6/6778/jpg/1589968182881bcac837ecc1fe2bc.jpg?version=1589967971" alt="15" class="hide_img noimgLoadLate" /> <a href="javascript:;" class="picSet"><span class="img_2"></span></a></div> </div> <a href="javascript:;" class="btn_prev arrowSet"><i class='fa fa-angle-left awesome-font'></i><span class="text-font"><</span></a> <a href="javascript:;" class="btn_next arrowSet"><i class='fa fa-angle-right awesome-font'></i><span class="text-font">></span></a> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ arrowShow(); $(window).resize(function(){ arrowShow(); }); // 箭頭顯示 function arrowShow(){ if(window.screen.width<767 || ($('body').width() > 0 && $('body').width() < 767) || navigator.userAgent.indexOf('Mac OS X') != -1){ $("#banner_style_01_1588819507114 .bannerStyle_1 .awesome-font").show().siblings().hide(); }else{ $("#banner_style_01_1588819507114 .bannerStyle_1 .awesome-font").hide().siblings().show(); } } }); </script> <script type="application/javascript"> /* * Banner 輪播圖類 */ var intervaltimer; function Banner(config) { this._default = { 'list':[], 'length':0, 'current':0, 'timer':undefined, // 計時器 'view':undefined, // 視圖 'flick':undefined, // 圓點選擇器 'duration':3, // 切換時間間隔 'animation':0.5 // 動畫時間 }; config = $.extend(true, this._default, config); this.config = config; this.init(config); } Banner.prototype.init = function(config) { this.animateStyle = 'normal'; // 動畫效果 ( 根據動畫效果, 不同的方法有不同的實現 ) this.direction = 'right'; // 當前滾動方向 this.view = this.config.view; this.config.length = this.config.list.length; this.config.flick = this.view ? this.view.find(".bannerStyle_1 .flicking_con > a") : undefined; }; // 計算下一個要顯示的圖片的索引 // by: 如果沒有傳入參數, 則使用配置中的數據this.config.current, 否則使用傳入的參數 Banner.prototype.nextIndex = function(by) { by === undefined && (by = this.config.current); var next = this.direction == 'right' ? by + 1 : by - 1; next >= this.config.length && (next = 0); next < 0 && (next = this.config.length - 1); return next; }; //圖片鏈接 $url_html = new Array(); $i = 0; $url_len = 3; $url_html[0] = ""; $url_html[1] = ""; $url_html[2] = ""; $('#banner_style_01_1588819507114 a.img_url').attr('href',$url_html[$i]); // 跳到指定圖片 Banner.prototype.animateIndex = function(index) { this.endAnimate(); if(index >= 0 && index < this.config.length && this.config.current != index) { if(this.config.current < index) { this.direction = 'right'; this.config.current = index - 1; } else { this.direction = 'left'; this.config.current = index + 1; } this.showIndex(this.config.current); this.startAnimate(); } }; // 向右動畫 Banner.prototype.startAnimateRight = function() { this.direction = 'right'; this.startAnimate(); }; // 向左動畫 Banner.prototype.startAnimateLeft = function() { this.direction = 'left'; this.startAnimate(); }; // 結束動畫 Banner.prototype.endAnimate = function() { clearTimeout(this.config.timer); }; // 結束動畫 Banner.prototype.hoverEndAnimate = function() { var that = this; intervaltimer = setInterval(function(){ clearTimeout(that.config.timer); },100); }; Banner.prototype.startAnimate = function() { switch(this.animateStyle) { case 'normal': // 默認效果 this.endAnimate(); if(this.config.length > 1) { var prev = this.config.current, next = this.nextIndex(), end = this.direction == 'right' ? {prev:"-100%", current:"100%"} : {prev:"100%", current:"-100%"}; // 前一個圖片和當前圖片的最后停留位置 this.config.flick.eq(next).addClass("on").siblings().removeClass("on"); // 執行動畫 var banner = this; this.imgs.eq(prev).stop().animate({"left":end.prev}, this.config.animation, function(){ banner.config.timer = setTimeout(function(){ banner.startAnimate(); },banner.config.duration); }); this.imgs.eq(next).css({"left":end.current}).stop().animate({"left":"0%"}, this.config.animation); this.config.current = next; } break; case 'rotate-3d': // 3D旋轉效果 this.endAnimate(); this.updateBgImg(); if(this.config.length > 1) { var prev = this.config.current, next = this.nextIndex(); this.config.flick.eq(next).addClass("on").siblings().removeClass("on"); this.config.current = next; this.parts.css("transform", "rotateX(" + ((this.direction == 'right' ? ++this.rotate : --this.rotate) * 90) + "deg)"); var banner = this; this.config.timer = setTimeout(function(){ banner.startAnimate(); },banner.config.duration); } $('#banner_style_01_1588819507114 a.img_url').attr('href',$url_html[this.config.current]); break; } }; // 指定顯示的圖片 Banner.prototype.showIndex = function(index) { switch(this.animateStyle) { case 'normal': // 默認效果 this.imgs.eq(index).css("left","0%").siblings(".img-item").css("left","100%"); this.config.flick.eq(index).addClass("on").siblings().removeClass("on"); break; case 'rotate-3d': // 3D旋轉效果 this.updateFaceBottonTopImg(index); this.config.flick.eq(index).addClass("on").siblings().removeClass("on"); break; } }; /* * ******************************************** * 3D旋轉效果特有函數 begin */ // 每次旋轉前都需要更新背部的圖片 Banner.prototype.updateBgImg = function() { // 計算背部要顯示的圖片 var bg_image_index = this.nextIndex(this.nextIndex()); // index: 計算背景圖片當前顯示在哪個img中( 總共有4個圖片, 分別位于正面/底部/背部/頂部, 索引分別為0, 1, 2, 3 ) var c, index = (c = (this.rotate + 2) % 4) >= 0 ? c : c + 4; var banner = this; // console.log('第',index,'個面-使用更新為第',bg_image_index,'張圖'); this.parts && this.parts.each(function () { $(this).find('.img:eq('+index+')').css({'background-image': 'url("'+banner.config.list[bg_image_index]+'")'}); }); }; // 更新正面/頂部/底部的圖片 // index: 要顯示哪張圖片 // 備注: 因為總共有四個面的圖片需要更新, 初始化時, 正面/頂部/底部的圖片只需更新一次即可 (背部的圖片在每次旋轉前都需要更新) Banner.prototype.updateFaceBottonTopImg = function(index) { // face, bottom, top: 計算正面/頂部/底部圖片當前顯示在哪個img中( 總共有4個圖片, 分別位于正面/底部/背部/頂部, 索引分別為0, 1, 2, 3 ) var c, face = (c = this.rotate % 4) >= 0 ? c : c + 4, bottom, top; bottom = face + 1; bottom >= this.config.length && (bottom = 0); top = face - 1; top < 0 && (top = this.config.length - 1); var banner = this; this.parts && this.parts.each(function () { // console.log('第',face,'個面-使用更新為第',index,'張圖'); $(this).find('.img:eq('+face+')').css({'background-image': 'url("'+banner.config.list[index]+'")'}); // console.log('第',bottom,'個面-使用更新為第',index < banner.config.length - 1 ? index + 1 : 0,'張圖'); $(this).find('.img:eq('+bottom+')').css({'background-image': 'url("'+banner.config.list[index < banner.config.length - 1 ? index + 1 : 0]+'")'}); // console.log('第',top,'個面-使用更新為第',index > 0 ? index - 1 : banner.config.length - 1,'張圖'); $(this).find('.img:eq('+top+')').css({'background-image': 'url("'+banner.config.list[index > 0 ? index - 1 : banner.config.length - 1]+'")'}); }); }; // 初始化旋轉部分: 設置3d旋轉的四個面的圖片, index表示默認顯示哪張圖片 Banner.prototype.initImgPart = function(index) { var banner = this; this.parts && this.parts.each(function () { $(this).find('.img').each(function (i) { var j = 0; switch (i) { case 0: j = index; break; // 正面 case 1: j = index + 1; break; // 底部 case 2: break; // 背部 case 3: j = index - 1; break; // 頂部 } j >= banner.config.length && (j = 0); j < 0 && (j = banner.config.length - 1); $(this).css({'background-image': 'url("'+banner.config.list[j]+'")', 'background-repeat':'no-repeat', 'background-color':'#fff'}); }); }); }; // 更新旋轉部分: 之所以使用定時器, 是因為無法實時獲取模塊寬度 Banner.prototype.updateImgPart = function() { this.parts && this.parts.each(function(index) { $(this).css({ "left":$(this).width() * index + "px" }); $(this).find(".img").css({ "background-position": -$(this).width() * index + "px" }); }); var banner = this; setTimeout(function () { banner.updateImgPart(); }, 800); }; /* * 3D旋轉效果特有函數 end * ******************************************** */ // 圖片數據 var list_banner_style_01_1588819507114 = []; list_banner_style_01_1588819507114.push('img/upimages/20151111184758384.jpg');list_banner_style_01_1588819507114.push('img/upimages/20151111184753666.jpg');list_banner_style_01_1588819507114.push('https://cdn.yun.sooce.cn/6/6778/jpg/1589968182881bcac837ecc1fe2bc.jpg?version=1589967971'); var banner_banner_style_01_1588819507114; // 輪播圖對象 $(function(){ // 創建輪播圖 $arrHref = new Array(); banner_banner_style_01_1588819507114 = new Banner({ 'list':list_banner_style_01_1588819507114, 'view':$('#banner_style_01_1588819507114'), 'duration':parseFloat('3') * 1000, 'animation':parseFloat('0.5') * 1000 }); banner_banner_style_01_1588819507114.animateStyle = 'normal'; banner_banner_style_01_1588819507114.imgs = banner_banner_style_01_1588819507114.view.find(".bannerStyle_1 .main_image .img-list").children(".img-item"); banner_banner_style_01_1588819507114.view.find('a').each(function (i) { $(this).click(function () { if(!$(this).attr('href')) { return false; } }); }); banner_banner_style_01_1588819507114.view.find('a.picSet').each(function(i){ $arrHref[i] = $(this).attr('href'); }); // 顯示指定索引的圖片 banner_banner_style_01_1588819507114.showIndex(banner_banner_style_01_1588819507114.config.current); // 監聽點擊圓點 banner_banner_style_01_1588819507114.config.flick.click(function(){ banner_banner_style_01_1588819507114.animateIndex($(this).index()); $('#banner_style_01_1588819507114 a.img_url').attr('href',$url_html[$(this).index()]); $i = $(this).index(); return false; }); // 監聽鼠標懸浮時 banner_banner_style_01_1588819507114.view.hover( function(){ banner_banner_style_01_1588819507114.hoverEndAnimate(); banner_banner_style_01_1588819507114.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeIn(); }, function(){ clearInterval(intervaltimer); banner_banner_style_01_1588819507114.config.timer = setTimeout(function(){ banner_banner_style_01_1588819507114.startAnimateRight(); },banner_banner_style_01_1588819507114.config.duration); banner_banner_style_01_1588819507114.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeOut() } ); // 監聽點擊左右按鈕 banner_banner_style_01_1588819507114.view.find(".btn_prev").click(function() { banner_banner_style_01_1588819507114.startAnimateLeft(); }); banner_banner_style_01_1588819507114.view.find(".btn_next").click(function() { banner_banner_style_01_1588819507114.startAnimateRight(); }); // 監聽觸摸事件 var touchVal = null; document.addEventListener("touchstart", function(e){ if($(e.target).is(banner_banner_style_01_1588819507114.view) || $(e.target).closest("#"+banner_banner_style_01_1588819507114.view.attr("id")).length > 0) { touchVal = {}; touchVal.downX = e.touches[0].clientX; // 記錄觸摸起始位置 } }, false); document.addEventListener("touchmove", function(e){ if(touchVal && touchVal.downX) { touchVal.moveX = e.touches[0].clientX - touchVal.downX; // 計算觸摸中的偏移位置 } }, false); document.addEventListener("touchend", function(e){ if(touchVal && touchVal.moveX){ if(touchVal.moveX > 30){ banner_banner_style_01_1588819507114.startAnimateLeft(); // 觸摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } }else if(touchVal.moveX < -30){ banner_banner_style_01_1588819507114.startAnimateRight(); // 觸摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } } } touchVal = null; }, false); // 運行 banner_banner_style_01_1588819507114.config.timer = setTimeout(function(){ banner_banner_style_01_1588819507114.startAnimateRight(); }, banner_banner_style_01_1588819507114.config.duration); }); </script> <script> if($(window).width() >= 641 && $(window).width() < 1200) { }else if( $(window).width() <= 640) { }else{ } function autoBannerHeight(){ window.onload = function(){ var bannerHeight = $('#banner_style_01_1588819507114 .img-item:eq(0) .hide_img').height(); $('#banner_style_01_1588819507114').height(bannerHeight); }; $(window).resize(function(){ if($(window).width() >= 641 && $(window).width() < 1200) { }else if( $(window).width() <= 640) { }else{ } }); } </script> </div> </div> <div id="banner_style_01_1589961810335" class="view style_01 banner none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="banner" class="view_contents" > <div class="bannerStyle_1 normal"> <div class="main_visual"> <div class="flicking_con"> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class=""></a> </div> <div class="ground_glass"></div> <div class="main_image"> <div class="img-list"> <div class="img-item" style=""> <img src="https://cdn.yun.sooce.cn/6/6778/jpg/158996058849836141f114521ec4b.jpg?version=1589960388" alt="11" class="hide_img noimgLoadLate" /> <a href="javascript:;" class="picSet"><span class="img_0"></span></a></div> <div class="img-item" style="left:100%;"> <img src="https://cdn.yun.sooce.cn/6/6778/jpg/1589960588495900d18ca7bbb29ff.jpg?version=1589960387" alt="51" class="hide_img noimgLoadLate" /> <a href="javascript:;" class="picSet"><span class="img_1"></span></a></div> <div class="img-item" style="left:100%;"> <img src="https://cdn.yun.sooce.cn/6/6778/jpg/1589960588497966169ab4c7f67c2.jpg?version=1589960387" alt="21" class="hide_img noimgLoadLate" /> <a href="javascript:;" class="picSet"><span class="img_2"></span></a></div> </div> <a href="javascript:;" class="btn_prev arrowSet"><i class='fa fa-angle-left awesome-font'></i><span class="text-font"><</span></a> <a href="javascript:;" class="btn_next arrowSet"><i class='fa fa-angle-right awesome-font'></i><span class="text-font">></span></a> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ arrowShow(); $(window).resize(function(){ arrowShow(); }); // 箭頭顯示 function arrowShow(){ if(window.screen.width<767 || ($('body').width() > 0 && $('body').width() < 767) || navigator.userAgent.indexOf('Mac OS X') != -1){ $("#banner_style_01_1589961810335 .bannerStyle_1 .awesome-font").show().siblings().hide(); }else{ $("#banner_style_01_1589961810335 .bannerStyle_1 .awesome-font").hide().siblings().show(); } } }); </script> <script type="application/javascript"> /* * Banner 輪播圖類 */ var intervaltimer; function Banner(config) { this._default = { 'list':[], 'length':0, 'current':0, 'timer':undefined, // 計時器 'view':undefined, // 視圖 'flick':undefined, // 圓點選擇器 'duration':3, // 切換時間間隔 'animation':0.5 // 動畫時間 }; config = $.extend(true, this._default, config); this.config = config; this.init(config); } Banner.prototype.init = function(config) { this.animateStyle = 'normal'; // 動畫效果 ( 根據動畫效果, 不同的方法有不同的實現 ) this.direction = 'right'; // 當前滾動方向 this.view = this.config.view; this.config.length = this.config.list.length; this.config.flick = this.view ? this.view.find(".bannerStyle_1 .flicking_con > a") : undefined; }; // 計算下一個要顯示的圖片的索引 // by: 如果沒有傳入參數, 則使用配置中的數據this.config.current, 否則使用傳入的參數 Banner.prototype.nextIndex = function(by) { by === undefined && (by = this.config.current); var next = this.direction == 'right' ? by + 1 : by - 1; next >= this.config.length && (next = 0); next < 0 && (next = this.config.length - 1); return next; }; //圖片鏈接 $url_html = new Array(); $i = 0; $url_len = 3; $url_html[0] = ""; $url_html[1] = ""; $url_html[2] = ""; $('#banner_style_01_1589961810335 a.img_url').attr('href',$url_html[$i]); // 跳到指定圖片 Banner.prototype.animateIndex = function(index) { this.endAnimate(); if(index >= 0 && index < this.config.length && this.config.current != index) { if(this.config.current < index) { this.direction = 'right'; this.config.current = index - 1; } else { this.direction = 'left'; this.config.current = index + 1; } this.showIndex(this.config.current); this.startAnimate(); } }; // 向右動畫 Banner.prototype.startAnimateRight = function() { this.direction = 'right'; this.startAnimate(); }; // 向左動畫 Banner.prototype.startAnimateLeft = function() { this.direction = 'left'; this.startAnimate(); }; // 結束動畫 Banner.prototype.endAnimate = function() { clearTimeout(this.config.timer); }; // 結束動畫 Banner.prototype.hoverEndAnimate = function() { var that = this; intervaltimer = setInterval(function(){ clearTimeout(that.config.timer); },100); }; Banner.prototype.startAnimate = function() { switch(this.animateStyle) { case 'normal': // 默認效果 this.endAnimate(); if(this.config.length > 1) { var prev = this.config.current, next = this.nextIndex(), end = this.direction == 'right' ? {prev:"-100%", current:"100%"} : {prev:"100%", current:"-100%"}; // 前一個圖片和當前圖片的最后停留位置 this.config.flick.eq(next).addClass("on").siblings().removeClass("on"); // 執行動畫 var banner = this; this.imgs.eq(prev).stop().animate({"left":end.prev}, this.config.animation, function(){ banner.config.timer = setTimeout(function(){ banner.startAnimate(); },banner.config.duration); }); this.imgs.eq(next).css({"left":end.current}).stop().animate({"left":"0%"}, this.config.animation); this.config.current = next; } break; case 'rotate-3d': // 3D旋轉效果 this.endAnimate(); this.updateBgImg(); if(this.config.length > 1) { var prev = this.config.current, next = this.nextIndex(); this.config.flick.eq(next).addClass("on").siblings().removeClass("on"); this.config.current = next; this.parts.css("transform", "rotateX(" + ((this.direction == 'right' ? ++this.rotate : --this.rotate) * 90) + "deg)"); var banner = this; this.config.timer = setTimeout(function(){ banner.startAnimate(); },banner.config.duration); } $('#banner_style_01_1589961810335 a.img_url').attr('href',$url_html[this.config.current]); break; } }; // 指定顯示的圖片 Banner.prototype.showIndex = function(index) { switch(this.animateStyle) { case 'normal': // 默認效果 this.imgs.eq(index).css("left","0%").siblings(".img-item").css("left","100%"); this.config.flick.eq(index).addClass("on").siblings().removeClass("on"); break; case 'rotate-3d': // 3D旋轉效果 this.updateFaceBottonTopImg(index); this.config.flick.eq(index).addClass("on").siblings().removeClass("on"); break; } }; /* * ******************************************** * 3D旋轉效果特有函數 begin */ // 每次旋轉前都需要更新背部的圖片 Banner.prototype.updateBgImg = function() { // 計算背部要顯示的圖片 var bg_image_index = this.nextIndex(this.nextIndex()); // index: 計算背景圖片當前顯示在哪個img中( 總共有4個圖片, 分別位于正面/底部/背部/頂部, 索引分別為0, 1, 2, 3 ) var c, index = (c = (this.rotate + 2) % 4) >= 0 ? c : c + 4; var banner = this; // console.log('第',index,'個面-使用更新為第',bg_image_index,'張圖'); this.parts && this.parts.each(function () { $(this).find('.img:eq('+index+')').css({'background-image': 'url("'+banner.config.list[bg_image_index]+'")'}); }); }; // 更新正面/頂部/底部的圖片 // index: 要顯示哪張圖片 // 備注: 因為總共有四個面的圖片需要更新, 初始化時, 正面/頂部/底部的圖片只需更新一次即可 (背部的圖片在每次旋轉前都需要更新) Banner.prototype.updateFaceBottonTopImg = function(index) { // face, bottom, top: 計算正面/頂部/底部圖片當前顯示在哪個img中( 總共有4個圖片, 分別位于正面/底部/背部/頂部, 索引分別為0, 1, 2, 3 ) var c, face = (c = this.rotate % 4) >= 0 ? c : c + 4, bottom, top; bottom = face + 1; bottom >= this.config.length && (bottom = 0); top = face - 1; top < 0 && (top = this.config.length - 1); var banner = this; this.parts && this.parts.each(function () { // console.log('第',face,'個面-使用更新為第',index,'張圖'); $(this).find('.img:eq('+face+')').css({'background-image': 'url("'+banner.config.list[index]+'")'}); // console.log('第',bottom,'個面-使用更新為第',index < banner.config.length - 1 ? index + 1 : 0,'張圖'); $(this).find('.img:eq('+bottom+')').css({'background-image': 'url("'+banner.config.list[index < banner.config.length - 1 ? index + 1 : 0]+'")'}); // console.log('第',top,'個面-使用更新為第',index > 0 ? index - 1 : banner.config.length - 1,'張圖'); $(this).find('.img:eq('+top+')').css({'background-image': 'url("'+banner.config.list[index > 0 ? index - 1 : banner.config.length - 1]+'")'}); }); }; // 初始化旋轉部分: 設置3d旋轉的四個面的圖片, index表示默認顯示哪張圖片 Banner.prototype.initImgPart = function(index) { var banner = this; this.parts && this.parts.each(function () { $(this).find('.img').each(function (i) { var j = 0; switch (i) { case 0: j = index; break; // 正面 case 1: j = index + 1; break; // 底部 case 2: break; // 背部 case 3: j = index - 1; break; // 頂部 } j >= banner.config.length && (j = 0); j < 0 && (j = banner.config.length - 1); $(this).css({'background-image': 'url("'+banner.config.list[j]+'")', 'background-repeat':'no-repeat', 'background-color':'#fff'}); }); }); }; // 更新旋轉部分: 之所以使用定時器, 是因為無法實時獲取模塊寬度 Banner.prototype.updateImgPart = function() { this.parts && this.parts.each(function(index) { $(this).css({ "left":$(this).width() * index + "px" }); $(this).find(".img").css({ "background-position": -$(this).width() * index + "px" }); }); var banner = this; setTimeout(function () { banner.updateImgPart(); }, 800); }; /* * 3D旋轉效果特有函數 end * ******************************************** */ // 圖片數據 var list_banner_style_01_1589961810335 = []; list_banner_style_01_1589961810335.push('https://cdn.yun.sooce.cn/6/6778/jpg/158996058849836141f114521ec4b.jpg?version=1589960388');list_banner_style_01_1589961810335.push('https://cdn.yun.sooce.cn/6/6778/jpg/1589960588495900d18ca7bbb29ff.jpg?version=1589960387');list_banner_style_01_1589961810335.push('https://cdn.yun.sooce.cn/6/6778/jpg/1589960588497966169ab4c7f67c2.jpg?version=1589960387'); var banner_banner_style_01_1589961810335; // 輪播圖對象 $(function(){ // 創建輪播圖 $arrHref = new Array(); banner_banner_style_01_1589961810335 = new Banner({ 'list':list_banner_style_01_1589961810335, 'view':$('#banner_style_01_1589961810335'), 'duration':parseFloat('3') * 1000, 'animation':parseFloat('0.5') * 1000 }); banner_banner_style_01_1589961810335.animateStyle = 'normal'; banner_banner_style_01_1589961810335.imgs = banner_banner_style_01_1589961810335.view.find(".bannerStyle_1 .main_image .img-list").children(".img-item"); banner_banner_style_01_1589961810335.view.find('a').each(function (i) { $(this).click(function () { if(!$(this).attr('href')) { return false; } }); }); banner_banner_style_01_1589961810335.view.find('a.picSet').each(function(i){ $arrHref[i] = $(this).attr('href'); }); // 顯示指定索引的圖片 banner_banner_style_01_1589961810335.showIndex(banner_banner_style_01_1589961810335.config.current); // 監聽點擊圓點 banner_banner_style_01_1589961810335.config.flick.click(function(){ banner_banner_style_01_1589961810335.animateIndex($(this).index()); $('#banner_style_01_1589961810335 a.img_url').attr('href',$url_html[$(this).index()]); $i = $(this).index(); return false; }); // 監聽鼠標懸浮時 banner_banner_style_01_1589961810335.view.hover( function(){ banner_banner_style_01_1589961810335.hoverEndAnimate(); banner_banner_style_01_1589961810335.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeIn(); }, function(){ clearInterval(intervaltimer); banner_banner_style_01_1589961810335.config.timer = setTimeout(function(){ banner_banner_style_01_1589961810335.startAnimateRight(); },banner_banner_style_01_1589961810335.config.duration); banner_banner_style_01_1589961810335.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeOut() } ); // 監聽點擊左右按鈕 banner_banner_style_01_1589961810335.view.find(".btn_prev").click(function() { banner_banner_style_01_1589961810335.startAnimateLeft(); }); banner_banner_style_01_1589961810335.view.find(".btn_next").click(function() { banner_banner_style_01_1589961810335.startAnimateRight(); }); // 監聽觸摸事件 var touchVal = null; document.addEventListener("touchstart", function(e){ if($(e.target).is(banner_banner_style_01_1589961810335.view) || $(e.target).closest("#"+banner_banner_style_01_1589961810335.view.attr("id")).length > 0) { touchVal = {}; touchVal.downX = e.touches[0].clientX; // 記錄觸摸起始位置 } }, false); document.addEventListener("touchmove", function(e){ if(touchVal && touchVal.downX) { touchVal.moveX = e.touches[0].clientX - touchVal.downX; // 計算觸摸中的偏移位置 } }, false); document.addEventListener("touchend", function(e){ if(touchVal && touchVal.moveX){ if(touchVal.moveX > 30){ banner_banner_style_01_1589961810335.startAnimateLeft(); // 觸摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } }else if(touchVal.moveX < -30){ banner_banner_style_01_1589961810335.startAnimateRight(); // 觸摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } } } touchVal = null; }, false); // 運行 banner_banner_style_01_1589961810335.config.timer = setTimeout(function(){ banner_banner_style_01_1589961810335.startAnimateRight(); }, banner_banner_style_01_1589961810335.config.duration); }); </script> <script> if($(window).width() >= 641 && $(window).width() < 1200) { }else if( $(window).width() <= 640) { }else{ } function autoBannerHeight(){ window.onload = function(){ var bannerHeight = $('#banner_style_01_1589961810335 .img-item:eq(0) .hide_img').height(); $('#banner_style_01_1589961810335').height(bannerHeight); }; $(window).resize(function(){ if($(window).width() >= 641 && $(window).width() < 1200) { }else if( $(window).width() <= 640) { }else{ } }); } </script> </div> </div> </div> </div> <div id="layout_1589791033139" class="layout " data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> <div id="text_style_01_1589791041311" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="case_page.html?pageid=228073" target='' style='color:inherit' class='editor-view-extend link-type-1-'>朗閣地理位置：</a> </div> </div> </div> </div> <div id="layout_1588831252945" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> <div id="map_style_01_1589339245969" class="view style_01 map none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="map" class="view_contents" > <script></script> <div style="width:100%;height:100%;font-size:14px" id="map_style_01_1589339245969_map"></div> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=zfSSCu6UKGfTBxEliLZfjy60KrzAeXdE&callback=load_baidu_mapmap_style_01_1589339245969"></script> <script defer type="text/javascript"> $(function(){ load_baidu_mapmap_style_01_1589339245969(); }); function load_baidu_mapmap_style_01_1589339245969(){ // 百度地圖API功能多個時會報錯 try { var mapmap_style_01_1589339245969 = new BMap.Map("map_style_01_1589339245969_map"); // 創建Map實例 } catch (e) { setTimeout(function () { load_baidu_mapmap_style_01_1589339245969(); },'1000'); return false; } var point = new BMap.Point(116.413554, 39.911013); var marker = new BMap.Marker(point); // 創建標注 mapmap_style_01_1589339245969.addOverlay(marker); // 將標注添加到地圖中 mapmap_style_01_1589339245969.centerAndZoom(point, 13); // map.panTo(point); //設置中心點 //添加地圖類型控件 mapmap_style_01_1589339245969.addControl(new BMap.MapTypeControl({ mapTypes:[ BMAP_NORMAL_MAP, BMAP_HYBRID_MAP ]})); mapmap_style_01_1589339245969.setCurrentCity("北京"); // 設置地圖顯示的城市此項是必須設置的 mapmap_style_01_1589339245969.enableScrollWheelZoom(true); //開啟鼠標滾輪縮放 var localmap_style_01_1589339245969 = new BMap.LocalSearch(mapmap_style_01_1589339245969, { renderOptions:{map: mapmap_style_01_1589339245969} }); localmap_style_01_1589339245969.search("廣西南寧江南區旱塘路"); } </script> </div> </div> </div> </div> <div id="layout_1588922659519" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> <div id="div_a_includeBlock_1589339438115" class="view a_includeBlock div none includeView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div id="text_style_01_1589350650854" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <div>聯系郵箱：354374262@qq.com </div><div>聯系Q Q：354374262 </div><div>聯系人：鄒經理 </div><div>通訊地址：廣西南寧市江南區旱塘路10號 </div><div>倉庫地址：廣西南寧市江南區旱塘路10號</div> </div> </div> <div id="text_style_01_1589339990627" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 南寧朗閣環?？萍加邢薰?div>網站地址：www.nnl***kj.com </div><div>服務電話：15077193485</div><div>郵政編碼：530001 </div> </div> </div> </div> </div> <div id="text_style_01_1589339969060" class="view style_01 text lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 服務熱線 : </div> </div> <div id="text_style_01_1589340119649" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="tel:15077193485" target='' style='color:inherit' class='editor-view-extend link-type-2-2'>15077193485 </a> <script type="application/javascript"> $('.view.text .link-type-2-2').click(function () { var href = $(this).attr('href').replace('tel:','').replace(/(^\s*)|(\s*$)/g,''); if(!href) { alert('電話號碼為空!'); return false; } }); </script> </div> </div> </div> </div> <div id="comm_layout_footer" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> <div id="div_a_includeBlock_1588832712022" class="view a_includeBlock div none includeView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div id="text_style_01_1588832874582" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 版權所有：南寧朗閣環?？萍加邢薰?Copyright @ 2019-2022 Company name All rights reserved </div> </div> <div id="text_style_01_1588832984405" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 朗閣環保 </div> </div> <div id="div_blank_new05_1588833086494" class="view blank_new05 div none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new05 blank_area"> <div class="roundcs modSet"> </div> </div> </div> </div> <div id="div_blank_new06_1588833175912" class="view blank_new06 div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new06 blank_area"> <div class="roundcs modSet"> </div> </div> </div> </div> <div id="text_style_01_1588833244440" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 聯系電話：150-7719-3485（鄒經理） </div> </div> <div id="text_style_01_1588833284970" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 消毒設備一部: 15978151238 </div> </div> <div id="text_style_01_1588833307943" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 地址：廣西南寧市江南區旱塘路10號 </div> </div> <div id="div_blank_new06_1588834903148" class="view blank_new06 div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new06 blank_area"> <div class="roundcs modSet"> </div> </div> </div> </div> <div id="text_style_01_1588834911874" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 快速導航 </div> </div> <div id="div_blank_new05_1588834978699" class="view blank_new05 div none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new05 blank_area"> <div class="roundcs modSet"> </div> </div> </div> </div> <div id="text_style_01_1588835025179" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="company_information.html?pageid=228079" target='' style='color:inherit' class='editor-view-extend link-type-1-'>關于我們</a> </div> </div> <div id="text_style_01_1588835047770" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="product_page.html?pageid=228083" target='' style='color:inherit' class='editor-view-extend link-type-1-'>產品展示</a> </div> </div> <div id="text_style_01_1588835062344" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="case_page.html?pageid=228073" target='' style='color:inherit' class='editor-view-extend link-type-1-'>工程案例</a> </div> </div> <div id="text_style_01_1588835123156" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="news_page.html?pageid=228081" target='' style='color:inherit' class='editor-view-extend link-type-1-'>新聞動態</a> </div> </div> <div id="text_style_01_1588835153493" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="service_page.html?pageid=228077" target='' style='color:inherit' class='editor-view-extend link-type-1-'>客戶服務</a> </div> </div> <div id="text_style_01_1588835175747" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > <a href="javascript:void(0);" target='' style='color:inherit' class='editor-view-extend link-type-1-'>聯系我們</a> </div> </div> <div id="text_style_01_1588835487925" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 掃碼二維碼 </div> </div> <div id="div_blank_new06_1588835562169" class="view blank_new06 div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new06 blank_area"> <div class="roundcs modSet"> </div> </div> </div> </div> <div id="image_style_01_1588835601962" class="view style_01 image none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="image" class="view_contents" > <div class="imgStyle CompatibleImg picSet"> <img class="link-type-" src="https://cdn.yun.sooce.cn/6/6778/jpg/159004599184217fd00c797cc96f0.jpg?version=0" title="" alt="描述" id="imageModeShow"/> </div>  </div> </div> <div id="text_style_01_1589878625758" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 消毒設備二部: 15978153038 </div> </div> </div> </div> <div id="div_blank_new01_1588832818455" class="view blank_new01 div none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="div" class="view_contents" > <div class="blank_new01"> <div class="roundcs modSet" ></div> </div> </div> </div> <div id="text_style_01_1588908110347" class="view style_01 text none lockHeightView" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > Copyright @ 2019-2022 Company name All rights reserved </div> </div> </div> </div> <div class="bottomMenu 123"><ul><li style="height:100%;"> <a href="index.html" class="" style=""><div class="menuItem iconTxt"><div class="menuIco"><img src="https://cdn.yun.sooce.cn/6/16015/png/1588926545710b8c0c4968165fb12.png?version=0" alt="網站首頁"></div><input type="hidden" class="menuIcon" value="" ><input type="hidden" class="menuColor" value="#0154f8" ><div class="menuName" style="color:#666666;">網站首頁</div></div></a> <div class="submenuItems" style="display:none;"></div> </li><script> $(function() { var lang = 0; if (typeof(Default_isFT) !== 'undefined'){ if(lang == '0'){ lang = Default_isFT; if(typeof(BodyIsFt) == 'undefined' || BodyIsFt == null){ BodyIsFt = 0; } if(BodyIsFt == '0'){ lang = BodyIsFt; }else if(BodyIsFt == '1'){ lang = BodyIsFt; } } $('.bottomMenu a').each(function() { var hrefstr = $(this).attr('href'); var laststr=hrefstr.substring(hrefstr.length-7); if (laststr == 'langid=') { hrefstr = hrefstr + lang; $(this).attr('href',hrefstr) } }) } }) </script><li style="height:100%;"> <a href="company_information.html" class="" style=""><div class="menuItem iconTxt"><div class="menuIco"><img src="https://cdn.yun.sooce.cn/6/16015/png/1588926938288aeb5ee46ccdf6cc1.png?version=0" alt="關于我們"></div><input type="hidden" class="menuIcon" value="" ><input type="hidden" class="menuColor" value="#0154f8" ><div class="menuName" style="color:#666666;">關于我們</div></div></a> <div class="submenuItems" style="display:none;"></div> </li><script> $(function() { var lang = 0; if (typeof(Default_isFT) !== 'undefined'){ if(lang == '0'){ lang = Default_isFT; if(typeof(BodyIsFt) == 'undefined' || BodyIsFt == null){ BodyIsFt = 0; } if(BodyIsFt == '0'){ lang = BodyIsFt; }else if(BodyIsFt == '1'){ lang = BodyIsFt; } } $('.bottomMenu a').each(function() { var hrefstr = $(this).attr('href'); var laststr=hrefstr.substring(hrefstr.length-7); if (laststr == 'langid=') { hrefstr = hrefstr + lang; $(this).attr('href',hrefstr) } }) } }) </script><li style="height:100%;"> <a href="product_page.html" class="" style=""><div class="menuItem iconTxt"><div class="menuIco"><img src="https://cdn.yun.sooce.cn/6/16015/png/1588926557216fdff8d7453ec4a5a.png?version=1588926559" alt="產品設備"></div><input type="hidden" class="menuIcon" value="" ><input type="hidden" class="menuColor" value="#0154f8" ><div class="menuName" style="color:#666666;">產品設備</div></div></a> <div class="submenuItems" style="display:none;"></div> </li><script> $(function() { var lang = 0; if (typeof(Default_isFT) !== 'undefined'){ if(lang == '0'){ lang = Default_isFT; if(typeof(BodyIsFt) == 'undefined' || BodyIsFt == null){ BodyIsFt = 0; } if(BodyIsFt == '0'){ lang = BodyIsFt; }else if(BodyIsFt == '1'){ lang = BodyIsFt; } } $('.bottomMenu a').each(function() { var hrefstr = $(this).attr('href'); var laststr=hrefstr.substring(hrefstr.length-7); if (laststr == 'langid=') { hrefstr = hrefstr + lang; $(this).attr('href',hrefstr) } }) } }) </script><li style="height:100%;"> <a href="news_page.html" class="" style=""><div class="menuItem iconTxt"><div class="menuIco"><img src="https://cdn.yun.sooce.cn/6/16015/png/15889265633936a115631a91c977d.png?version=1588926565" alt="新聞動態"></div><input type="hidden" class="menuIcon" value="" ><input type="hidden" class="menuColor" value="#0154f8" ><div class="menuName" style="color:#666666;">新聞動態</div></div></a> <div class="submenuItems" style="display:none;"></div> </li><script> $(function() { var lang = 0; if (typeof(Default_isFT) !== 'undefined'){ if(lang == '0'){ lang = Default_isFT; if(typeof(BodyIsFt) == 'undefined' || BodyIsFt == null){ BodyIsFt = 0; } if(BodyIsFt == '0'){ lang = BodyIsFt; }else if(BodyIsFt == '1'){ lang = BodyIsFt; } } $('.bottomMenu a').each(function() { var hrefstr = $(this).attr('href'); var laststr=hrefstr.substring(hrefstr.length-7); if (laststr == 'langid=') { hrefstr = hrefstr + lang; $(this).attr('href',hrefstr) } }) } }) </script><li style="height:100%;"> <a href="tel:15077193485" class="" style=""><div class="menuItem iconTxt"><div class="menuIco"><img src="https://cdn.yun.sooce.cn/6/16015/png/1588926920207c1fb06e9557177ff.png?version=0" alt="聯系我們"></div><input type="hidden" class="menuIcon" value="" ><input type="hidden" class="menuColor" value="#0154f8" ><div class="menuName" style="color:#666666;">聯系我們</div></div></a> <div class="submenuItems" style="display:none;"></div> </li><script> $(function() { var lang = 0; if (typeof(Default_isFT) !== 'undefined'){ if(lang == '0'){ lang = Default_isFT; if(typeof(BodyIsFt) == 'undefined' || BodyIsFt == null){ BodyIsFt = 0; } if(BodyIsFt == '0'){ lang = BodyIsFt; }else if(BodyIsFt == '1'){ lang = BodyIsFt; } } $('.bottomMenu a').each(function() { var hrefstr = $(this).attr('href'); var laststr=hrefstr.substring(hrefstr.length-7); if (laststr == 'langid=') { hrefstr = hrefstr + lang; $(this).attr('href',hrefstr) } }) } }) </script></ul></div> <script> $(function(){ $(".showSubMenu").click(function(){ $(this).next().toggle(); $(this).parent("li").siblings("li").children(".showSubMenu").next().css("display","none"); }); var bottomLen = $(".bottomMenu > ul > li > a").length; var url = window.location.pathname; var loc = url.substring(url.lastIndexOf("/")+1, url.length); for(var i=0;i<bottomLen;i++){ var curObj = $(".bottomMenu ul li a").eq(i); if(loc == curObj.attr("href")){ var img = curObj.children(".menuItem").children(".menuIco").children("img").attr("src"); var menuIcon = curObj.children(".menuItem").children(".menuIcon").val(); var menuColor = curObj.children(".menuItem").children(".menuColor").val(); var menuName = curObj.children(".menuItem").children(".menuName").html(); if(menuIcon != ""){ curObj.children(".menuItem").children(".menuIco").children("img").attr("src",menuIcon); } if(menuColor != ""){ curObj.children(".menuItem").children(".menuName").css("color",menuColor); } } } }); $(window).resize(function(){ if($("body").width()<640){ var bottomHeight = $(".bottomMenu").height(); $("body").css("padding-bottom",bottomHeight+"px"); }else{ $("body").css("padding-bottom","0px"); } }); </script> <script> $(function(){ sendBatch(batchArr); }); </script> <script type="text/javascript" src="https://s143js.nicebox.cn/webapp/UserPanel/share/js.js" charset="utf-8"></script> <a href="http://m.h1bfinder.com/">av高清无码</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>