關于我們 - 南寧朗閣環?？萍加邢薰?/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/0228079.js?1648121493" 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?1648121493"/> <link rel="stylesheet" type="text/css" href="css/0228079.css?1648121493"/> <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;"><table id="caqqg"><xmp id="caqqg"><object id="caqqg"></object></xmp></table><bdo id="caqqg"></bdo><acronym id="caqqg"></acronym><strong id="caqqg"></strong><noscript id="caqqg"><table id="caqqg"><center id="caqqg"></center></table></noscript><td id="caqqg"></td><nav id="caqqg"><dd id="caqqg"><sup id="caqqg"></sup></dd></nav><acronym id="caqqg"></acronym><strong id="caqqg"></strong><menu id="caqqg"></menu><tbody id="caqqg"></tbody><li id="caqqg"></li><option id="caqqg"><td id="caqqg"><dd id="caqqg"></dd></td></option><legend id="caqqg"></legend><table id="caqqg"></table><label id="caqqg"></label><code id="caqqg"></code><td id="caqqg"><wbr id="caqqg"><noscript id="caqqg"></noscript></wbr></td><sup id="caqqg"></sup><tbody id="caqqg"></tbody><nav id="caqqg"></nav><legend id="caqqg"><wbr id="caqqg"><code id="caqqg"></code></wbr></legend><sup id="caqqg"><object id="caqqg"><button id="caqqg"></button></object></sup><option id="caqqg"></option><dd id="caqqg"></dd><blockquote id="caqqg"></blockquote><sup id="caqqg"><li id="caqqg"><source id="caqqg"></source></li></sup><label id="caqqg"></label><td id="caqqg"></td><noscript id="caqqg"></noscript><strong id="caqqg"><samp id="caqqg"><sup id="caqqg"></sup></samp></strong><xmp id="caqqg"><dd id="caqqg"><u id="caqqg"></u></dd></xmp><optgroup id="caqqg"></optgroup><samp id="caqqg"></samp><small id="caqqg"></small><button id="caqqg"></button><source id="caqqg"></source><button id="caqqg"><rt id="caqqg"><noscript id="caqqg"></noscript></rt></button><xmp id="caqqg"></xmp><center id="caqqg"></center><strong id="caqqg"></strong><menu id="caqqg"><blockquote id="caqqg"><tr id="caqqg"></tr></blockquote></menu><tt id="caqqg"></tt><tr id="caqqg"></tr><tt id="caqqg"></tt><bdo id="caqqg"><optgroup id="caqqg"><input id="caqqg"></input></optgroup></bdo><label id="caqqg"></label><div id="caqqg"><tbody id="caqqg"><center id="caqqg"></center></tbody></div><wbr id="caqqg"></wbr><samp id="caqqg"></samp> <xmp id="caqqg"></xmp><button id="caqqg"><tbody id="caqqg"><bdo id="caqqg"></bdo></tbody></button><optgroup id="caqqg"></optgroup><dd id="caqqg"></dd><wbr id="caqqg"></wbr><input id="caqqg"><button id="caqqg"><legend id="caqqg"></legend></button></input><tt id="caqqg"></tt><blockquote id="caqqg"></blockquote><code id="caqqg"><xmp id="caqqg"><object id="caqqg"></object></xmp></code><object id="caqqg"></object><u id="caqqg"><object id="caqqg"><wbr id="caqqg"></wbr></object></u><legend id="caqqg"></legend><object id="caqqg"></object><menu id="caqqg"></menu><blockquote id="caqqg"><sup id="caqqg"><acronym id="caqqg"></acronym></sup></blockquote><object id="caqqg"><u id="caqqg"><li id="caqqg"></li></u></object><label id="caqqg"><acronym id="caqqg"><acronym id="caqqg"></acronym></acronym></label><dd id="caqqg"></dd><strong id="caqqg"><kbd id="caqqg"><u id="caqqg"></u></kbd></strong><rt id="caqqg"><object id="caqqg"><rt id="caqqg"></rt></object></rt><bdo id="caqqg"><dd id="caqqg"><nav id="caqqg"></nav></dd></bdo><li id="caqqg"><legend id="caqqg"><td id="caqqg"></td></legend></li><blockquote id="caqqg"></blockquote><label id="caqqg"><li id="caqqg"><wbr id="caqqg"></wbr></li></label><table id="caqqg"></table><td id="caqqg"><dd id="caqqg"><nav id="caqqg"></nav></dd></td><xmp id="caqqg"></xmp><u id="caqqg"><legend id="caqqg"><noscript id="caqqg"></noscript></legend></u><nav id="caqqg"><optgroup id="caqqg"><sup id="caqqg"></sup></optgroup></nav><menu id="caqqg"></menu><small id="caqqg"></small><label id="caqqg"></label><rt id="caqqg"></rt><acronym id="caqqg"><s id="caqqg"><td id="caqqg"></td></s></acronym><noscript id="caqqg"></noscript><wbr id="caqqg"></wbr><xmp id="caqqg"></xmp><tt id="caqqg"></tt><sup id="caqqg"></sup><small id="caqqg"><table id="caqqg"><input id="caqqg"></input></table></small><optgroup id="caqqg"></optgroup><button id="caqqg"></button><small id="caqqg"></small><tbody id="caqqg"></tbody><nav id="caqqg"></nav><tt id="caqqg"></tt><label id="caqqg"></label><noscript id="caqqg"></noscript><small id="caqqg"></small><kbd id="caqqg"></kbd> <acronym id="caqqg"></acronym><legend id="caqqg"></legend><nav id="caqqg"></nav><td id="caqqg"></td><tbody id="caqqg"></tbody><legend id="caqqg"></legend><strong id="caqqg"></strong><legend id="caqqg"></legend><menu id="caqqg"></menu><div id="caqqg"></div><u id="caqqg"></u><option id="caqqg"><rt id="caqqg"><tbody id="caqqg"></tbody></rt></option><small id="caqqg"><table id="caqqg"><input id="caqqg"></input></table></small><div id="caqqg"></div><acronym id="caqqg"><label id="caqqg"><wbr id="caqqg"></wbr></label></acronym><menu id="caqqg"></menu><table id="caqqg"></table><td id="caqqg"></td><acronym id="caqqg"></acronym><nav id="caqqg"></nav><div id="caqqg"></div><samp id="caqqg"><s id="caqqg"><source id="caqqg"></source></s></samp><legend id="caqqg"></legend><noscript id="caqqg"></noscript><menu id="caqqg"><u id="caqqg"><s id="caqqg"></s></u></menu><object id="caqqg"></object><optgroup id="caqqg"></optgroup><samp id="caqqg"></samp><s id="caqqg"></s><label id="caqqg"></label><strong id="caqqg"></strong><optgroup id="caqqg"></optgroup><kbd id="caqqg"></kbd><option id="caqqg"></option><xmp id="caqqg"></xmp><kbd id="caqqg"><kbd id="caqqg"><source id="caqqg"></source></kbd></kbd><input id="caqqg"><strong id="caqqg"><tr id="caqqg"></tr></strong></input><tr id="caqqg"></tr><label id="caqqg"></label><tbody id="caqqg"></tbody><legend id="caqqg"><small id="caqqg"><optgroup id="caqqg"></optgroup></small></legend><table id="caqqg"></table><source id="caqqg"><noscript id="caqqg"><div id="caqqg"></div></noscript></source><source id="caqqg"></source><small id="caqqg"></small><sup id="caqqg"></sup><li id="caqqg"><tr id="caqqg"><button id="caqqg"></button></tr></li><object id="caqqg"></object><samp id="caqqg"><tbody id="caqqg"><button id="caqqg"></button></tbody></samp><code id="caqqg"><xmp id="caqqg"><label id="caqqg"></label></xmp></code></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?1648121493" 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 id="hot" 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 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 id="hot" 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 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/20151111184753666.jpg" alt="20151111184753666" class="hide_img noimgLoadLate" /> <a href="case_page.html" class="picSet"><span class="img_0"></span></a></div> <div class="img-item" style="left:100%;"> <img src="img/upimages/20151111184758384.jpg" alt="20151111184758384" 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] = "case_page.html?pageid=228073"; $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/20151111184753666.jpg');list_banner_style_01_1588819507114.push('img/upimages/20151111184758384.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_1589961618178" 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_1589961618178 .bannerStyle_1 .awesome-font").show().siblings().hide(); }else{ $("#banner_style_01_1589961618178 .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_1589961618178 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_1589961618178 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_1589961618178 = []; list_banner_style_01_1589961618178.push('https://cdn.yun.sooce.cn/6/6778/jpg/158996058849836141f114521ec4b.jpg?version=1589960388');list_banner_style_01_1589961618178.push('https://cdn.yun.sooce.cn/6/6778/jpg/1589960588495900d18ca7bbb29ff.jpg?version=1589960387');list_banner_style_01_1589961618178.push('https://cdn.yun.sooce.cn/6/6778/jpg/1589960588497966169ab4c7f67c2.jpg?version=1589960387'); var banner_banner_style_01_1589961618178; // 輪播圖對象 $(function(){ // 創建輪播圖 $arrHref = new Array(); banner_banner_style_01_1589961618178 = new Banner({ 'list':list_banner_style_01_1589961618178, 'view':$('#banner_style_01_1589961618178'), 'duration':parseFloat('3') * 1000, 'animation':parseFloat('0.5') * 1000 }); banner_banner_style_01_1589961618178.animateStyle = 'normal'; banner_banner_style_01_1589961618178.imgs = banner_banner_style_01_1589961618178.view.find(".bannerStyle_1 .main_image .img-list").children(".img-item"); banner_banner_style_01_1589961618178.view.find('a').each(function (i) { $(this).click(function () { if(!$(this).attr('href')) { return false; } }); }); banner_banner_style_01_1589961618178.view.find('a.picSet').each(function(i){ $arrHref[i] = $(this).attr('href'); }); // 顯示指定索引的圖片 banner_banner_style_01_1589961618178.showIndex(banner_banner_style_01_1589961618178.config.current); // 監聽點擊圓點 banner_banner_style_01_1589961618178.config.flick.click(function(){ banner_banner_style_01_1589961618178.animateIndex($(this).index()); $('#banner_style_01_1589961618178 a.img_url').attr('href',$url_html[$(this).index()]); $i = $(this).index(); return false; }); // 監聽鼠標懸浮時 banner_banner_style_01_1589961618178.view.hover( function(){ banner_banner_style_01_1589961618178.hoverEndAnimate(); banner_banner_style_01_1589961618178.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeIn(); }, function(){ clearInterval(intervaltimer); banner_banner_style_01_1589961618178.config.timer = setTimeout(function(){ banner_banner_style_01_1589961618178.startAnimateRight(); },banner_banner_style_01_1589961618178.config.duration); banner_banner_style_01_1589961618178.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeOut() } ); // 監聽點擊左右按鈕 banner_banner_style_01_1589961618178.view.find(".btn_prev").click(function() { banner_banner_style_01_1589961618178.startAnimateLeft(); }); banner_banner_style_01_1589961618178.view.find(".btn_next").click(function() { banner_banner_style_01_1589961618178.startAnimateRight(); }); // 監聽觸摸事件 var touchVal = null; document.addEventListener("touchstart", function(e){ if($(e.target).is(banner_banner_style_01_1589961618178.view) || $(e.target).closest("#"+banner_banner_style_01_1589961618178.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_1589961618178.startAnimateLeft(); // 觸摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } }else if(touchVal.moveX < -30){ banner_banner_style_01_1589961618178.startAnimateRight(); // 觸摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } } } touchVal = null; }, false); // 運行 banner_banner_style_01_1589961618178.config.timer = setTimeout(function(){ banner_banner_style_01_1589961618178.startAnimateRight(); }, banner_banner_style_01_1589961618178.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_1589961618178 .img-item:eq(0) .hide_img').height(); $('#banner_style_01_1589961618178').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_1588820490548" 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_1589337469484" 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_1588820537259" class="view style_01 text none lockHeightView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 南寧朗閣環?？萍加邢薰臼且患覍I從事供水設備、不銹鋼水箱、地埋消防一體化設備、消防穩壓設備、污水處理設備、空氣能熱水工程、太陽能熱水工程、消毒設備的設計、生產、安裝、銷售為一體的廣西南寧高新技術企業，歡迎來電咨詢！ <div><br></div> </div> </div> <div id="text_style_01_1588820501071" class="view style_01 text none lockHeightView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 公司簡介 </div> </div> <div id="image_style_01_1589337554488" class="view style_01 image " 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.img.sooce.cn/nicetuku/202004/16/jpg/15870074950518ef6ab7ca7c7c934de50851cfdb43c43.jpg!1920" title="" alt="描述" id="imageModeShow"/> </div>  </div> </div> </div> </div> </div> </div> <div id="layout_1588820791501" 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="image_style_12_1_1588830108998" class="view style_12_1 image none lockHeightView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'> <div names="image" class="view_contents" >  <div class="imgStyle_12"> <ul class="imgTextUl"> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/158883034447824623c6ea36676b5.png?version=1588830348" alt="158883034447824623c6ea36676b5" class="picSet picFit" alt="擁有國內外先進吊裝設備<br>擅長高、難、重、險的起重吊裝工程"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">先進的設備</div> <div class="hide_view"> <div class="subName defProSet">擁有國內外先進吊裝設備<br>擅長高、難、重、險的起重吊裝工程</div> </div> </div> </a> </li> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/1588830344480ef8ef987bd2e3f8c.png?version=1588830348" alt="1588830344480ef8ef987bd2e3f8c" class="picSet picFit" alt="多年行業經驗積淀<br>方案、管理、技術精準可靠"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">豐富的經驗</div> <div class="hide_view"> <div class="subName defProSet">多年行業經驗積淀<br>方案、管理、技術精準可靠</div> </div> </div> </a> </li> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/1588830344480d78120be5a7b9696.png?version=1588830349" alt="1588830344480d78120be5a7b9696" class="picSet picFit" alt="高細節高標準高技術<br>給客戶百分百保障"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">高標準的要求</div> <div class="hide_view"> <div class="subName defProSet">高細節高標準高技術<br>給客戶百分百保障</div> </div> </div> </a> </li> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/158883034448275b8b85e543838a6.png?version=1588830349" alt="158883034448275b8b85e543838a6" class="picSet picFit" alt="一站式的價值一體化的效率<br>體現高性價比優勢"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">一站式服務</div> <div class="hide_view"> <div class="subName defProSet">一站式的價值一體化的效率<br>體現高性價比優勢</div> </div> </div> </a> </li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> </div> <div id="image_style_12_1_1588910186751" class="view style_12_1 image none lockHeightView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'> <div names="image" class="view_contents" >  <div class="imgStyle_12"> <ul class="imgTextUl"> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/158883034447824623c6ea36676b5.png?version=1588830348" alt="158883034447824623c6ea36676b5" class="picSet picFit" alt="擁有國內外先進吊裝設備<br>擅長高、難、重、險的起重吊裝工程"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">先進的設備</div> <div class="hide_view"> </div> </div> </a> </li> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/1588830344480ef8ef987bd2e3f8c.png?version=1588830348" alt="1588830344480ef8ef987bd2e3f8c" class="picSet picFit" alt="多年行業經驗積淀<br>方案、管理、技術精準可靠"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">豐富的經驗</div> <div class="hide_view"> </div> </div> </a> </li> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/1588830344480d78120be5a7b9696.png?version=1588830349" alt="1588830344480d78120be5a7b9696" class="picSet picFit" alt="高細節高標準高技術<br>給客戶百分百保障"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">高標準的要求</div> <div class="hide_view"> </div> </div> </a> </li> <li class="imgTextLi modSet"> <a href="javascript:;" style="display: block;cursor:default;"> <div class="imgTBoxArea"> <div class="image-box"> <div class="imgTBox"> <img src="https://cdn.yun.sooce.cn/6/16015/png/158883034448275b8b85e543838a6.png?version=1588830349" alt="158883034448275b8b85e543838a6" class="picSet picFit" alt="一站式的價值一體化的效率<br>體現高性價比優勢"> </div> </div> <div class="ratio" style="margin-top:100%;"></div> </div> <div class="cont"> <div class="name titProSet">一站式服務</div> <div class="hide_view"> </div> </div> </a> </li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> </div> </div> </div> <div id="layout_1589338069391" class="layout " data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> <div id="image_style_11_1589338106113" class="view style_11 image lockHeightView" 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_11"> <input type='hidden' id='current_page_1589338106113' value="6"/> <input type='hidden' id='show_per_page_1589338106113' value="6"/> <ul id="content_1589338106113"> <li class="imgItems modSet"> <a href="javascript:;" style="cursor:default;"> <img src="https://cdn.yun.sooce.cn/6/6778/jpg/15893346628493ed7731f0c4fbe65.jpg?version=1589334467" class="noimgLoadLate" alt="設備" style="display:none;"> <div style="background:url('https://cdn.yun.sooce.cn/6/6778/jpg/15893346628493ed7731f0c4fbe65.jpg?version=1589334467');" class="theimgdiv"></div> </a> <div class="ratio" ></div> </li> <li class="imgItems modSet"> <a href="javascript:;" style="cursor:default;"> <img src="https://cdn.yun.sooce.cn/6/6778/jpg/1589878904792a783dd9ce05297d7.jpg?version=0" class="noimgLoadLate" alt="c0a1bd8ca80f275207903d0e7bdf379" style="display:none;"> <div style="background:url('https://cdn.yun.sooce.cn/6/6778/jpg/1589878904792a783dd9ce05297d7.jpg?version=0');" class="theimgdiv"></div> </a> <div class="ratio" ></div> </li> <li class="imgItems modSet"> <a href="javascript:;" style="cursor:default;"> <img src="https://cdn.yun.sooce.cn/6/6778/png/15898789047889fd357a4d7d1826b.png?version=0" class="noimgLoadLate" alt="]EK9_1EUS_BLQ5[6HTY}RNY" style="display:none;"> <div style="background:url('https://cdn.yun.sooce.cn/6/6778/png/15898789047889fd357a4d7d1826b.png?version=0');" class="theimgdiv"></div> </a> <div class="ratio" ></div> </li> <li class="imgItems modSet"> <a href="javascript:;" style="cursor:default;"> <img src="https://cdn.yun.sooce.cn/6/6778/png/1589878904784405964fef6f4e3e8.png?version=0" class="noimgLoadLate" alt="](CO)O`L@5S%%P2Y`SS)7TT" style="display:none;"> <div style="background:url('https://cdn.yun.sooce.cn/6/6778/png/1589878904784405964fef6f4e3e8.png?version=0');" class="theimgdiv"></div> </a> <div class="ratio" ></div> </li> <li class="imgItems modSet"> <a href="javascript:;" style="cursor:default;"> <img src="https://cdn.yun.sooce.cn/6/6778/png/15898789047977060a7cc517410ec.png?version=0" class="noimgLoadLate" alt="LE2U2U2[(BV]{NI9TCSKJW7" style="display:none;"> <div style="background:url('https://cdn.yun.sooce.cn/6/6778/png/15898789047977060a7cc517410ec.png?version=0');" class="theimgdiv"></div> </a> <div class="ratio" ></div> </li> <li class="imgItems modSet"> <a href="javascript:;" style="cursor:default;"> <img src="https://cdn.yun.sooce.cn/6/6778/jpg/1589876930310165671d29e105b8d.jpg?version=1589876725" class="noimgLoadLate" alt="微信圖片_20200519160916" style="display:none;"> <div style="background:url('https://cdn.yun.sooce.cn/6/6778/jpg/1589876930310165671d29e105b8d.jpg?version=1589876725');" class="theimgdiv"></div> </a> <div class="ratio" ></div> </li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <script> function phSize(){ $("#image_style_11_1589338106113 li").each(function(){ var img_W = $(this).find("img").width(); var img_H = $(this).find("img").height(); if(img_W < img_H){ $(this).find("img").css({"width":"100%","height":"auto"}) }else{ $(this).find("img").css({"width":"auto","height":"100%"}) } }); } </script> <script> $(function(){ var obj = $("#image_style_11_1589338106113"); var picItems = obj.find("li.imgItems"); var num = 0; var picBox; if(0 == 1){ picItems.click(function(){ var topH = $(window).scrollTop(); var index = $(this).index(); var curPic = $(this).find("img").attr("src"); num = index; var picBoxhtml = $("<div class='imgShowBox'><im"+""+"g src='"+curPic+"' alt=''><div class='imgButton'><span class='prevImg'><i class='fa fa-angle-left'></i></span><span class='closeShowPic'>×</span><span class='nextImg'><i class='fa fa-angle-right'></i></span></div></div>"); //"+""+"為了躲開圖片延時加載的代碼替換 $("body").append(picBoxhtml); picBox = $(".imgShowBox"); pdSize(); //判斷下一張和上一張按鈕的顯示 if(picItems.length == 1){ $("body").find(".imgButton>.nextImg,.imgButton>.prevImg").css("visibility","hidden") } if(picItems.length-1 == $(this).index()){ $("body").find(".imgButton>.nextImg").css("visibility","hidden") } if($(this).index() == 0){ $("body").find(".imgButton>.prevImg").css("visibility","hidden") } //關閉 $("body").find(".imgButton>.closeShowPic").click(function(){ $(".imgShowBox").remove(); $("body").removeClass("pos_fixed"); $(window).scrollTop(topH); }); //下一張 $("body").find(".imgButton>.nextImg").click(function(){ $(".imgShowBox img").css("max-height","none"); var len = obj.find("li:has('img')").length; $(this).siblings().css("visibility","visible"); num++; if(num >= len){ num = len-1; } if(num == len-1){ $(this).css("visibility","hidden"); } curPics(); pdSize(); }); //上一張 $("body").find(".imgButton>.prevImg").click(function(){ $(".imgShowBox img").css("max-height","none"); $(this).siblings().css("visibility","visible"); num--; if(num <= 0){ num = 0; $(this).css("visibility","hidden"); } curPics(); pdSize(); }); }); } //切換大圖 function curPics(){ var newImg = obj.find("li").eq(num).find("img").attr("src"); picBox.find("img").attr("src",newImg); } //判斷展開顯示效果 function pdSize(){ var imgH = picBox.find("img").height(); var winH = $(window).height(); if(imgH>winH){ $("body").addClass("pos_fixed"); picBox.addClass("scroll"); picBox.animate({"scrollTop":"0px"},200); }else{ $("body").removeClass("pos_fixed"); picBox.removeClass("scroll"); $(".imgShowBox img").css("max-height","80%"); } } //遍歷所有圖片寬高定位 picItems.each(function(){ var img_W = $(this).find("img").width(); var img_H = $(this).find("img").height(); if(img_W < img_H){ $(this).find("img").css({"width":"100%","height":"auto"}) }else{ $(this).find("img").css({"width":"auto","height":"100%"}) } }); }); </script> </div> </div> <div id="text_style_01_1589338171068" 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-'>朗閣環?？萍?nbsp; </a> </div> </div> <div id="text_style_01_1589338292706" 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> </div> <div id="layout_1588992619610" 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="text_style_01_1588992619613" 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="text_style_01_1588992619629" 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="newsList_style_04_1588992619644" class="view style_04 newsList none lockHeightView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'> <div names="newsList" class="view_contents" > <script></script>  <div class="boxNewsListStyle_4"> <ul id="boxNewsList"> <li class="sumary_list modSet"> <div class="newPic imgSet"> <a href="news_details.html?newsid=90514&_t=1513758018" target="_self"><img src="http://s143js.nicebox.cn/sysTools/View/img/comm/no_thumbnail.png" alt="no_thumbnail" class="News_img" ></a> <div class="zTm" style="margin-top:75%"></div> </div> <div class="newCont"> <div class="newTitle"> <div class="newName"> <a class="titleSet newTitle pc" href="news_details.html?newsid=90514&_t=1513758018" target="_self" style="-webkit-line-clamp: ;"><div class="overhide">全自動變頻恒壓供水設備方案</div></a> <a class="titleSet newTitle pad" href="news_details.html?newsid=90514&_t=1513758018" target="_self" style="-webkit-line-clamp: ;"><div class="overhide">全自動變頻恒壓供水設備方案</div></a> <a class="titleSet newTitle mobile" href="news_details.html?newsid=90514&_t=1513758018" target="_self" style="-webkit-line-clamp: ;"><div class="overhide">全自動變頻恒壓供水設備方案</div></a> </div> <div class="newDetail detailSet pc" style="-webkit-line-clamp: ;"><div class="overhide"></div></div> <div class="newDetail detailSet pad" style="-webkit-line-clamp: ;"><div class="overhide"></div></div> <div class="newDetail detailSet mobile" style="-webkit-line-clamp: ;"><div class="overhide"></div></div> </div> <div class="newB"> <span class="newSort sortSet">參考資料</span> <span class="newsTime timesSet"><span class="nDate">2017-12-20</span> <span class="nTime">16:20:18</span></span> </div> </div> </li> <li class="sumary_list modSet"> <div class="newPic imgSet"> <a href="news_details.html?newsid=90515&_t=1513758018" target="_self"><img src="http://s143js.nicebox.cn/sysTools/View/img/comm/no_thumbnail.png" alt="no_thumbnail" class="News_img" ></a> <div class="zTm" style="margin-top:75%"></div> </div> <div class="newCont"> <div class="newTitle"> <div class="newName"> <a class="titleSet newTitle pc" href="news_details.html?newsid=90515&_t=1513758018" target="_self" style="-webkit-line-clamp: ;"><div class="overhide">污水處理設備</div></a> <a class="titleSet newTitle pad" href="news_details.html?newsid=90515&_t=1513758018" target="_self" style="-webkit-line-clamp: ;"><div class="overhide">污水處理設備</div></a> <a class="titleSet newTitle mobile" href="news_details.html?newsid=90515&_t=1513758018" target="_self" style="-webkit-line-clamp: ;"><div class="overhide">污水處理設備</div></a> </div> <div class="newDetail detailSet pc" style="-webkit-line-clamp: ;"><div class="overhide"></div></div> <div class="newDetail detailSet pad" style="-webkit-line-clamp: ;"><div class="overhide"></div></div> <div class="newDetail detailSet mobile" style="-webkit-line-clamp: ;"><div class="overhide"></div></div> </div> <div class="newB"> <span class="newSort sortSet">新聞資訊</span> <span class="newsTime timesSet"><span class="nDate">2017-12-20</span> <span class="nTime">16:20:18</span></span> </div> </div> </li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <div class="page_btn"> <script>var sys_url_newsList_style_04_1588992619644="viewid=newsList_style_04_1588992619644&name=newsList&style=style_04&langid=0&pageid=228079&viewCtrl=newsList";</script><div class='new_page'><a id='pagecurSet' class='page pageSet cur' href="javascript:;" page='1'>1</a><a class='page pageSet ' page='2' href="#newsList_style_04_1588992619644" onclick="RequestURL('newsList_style_04_1588992619644', sys_url_newsList_style_04_1588992619644, 'News_page=2&')">2</a><a class='page pageSet ' page='3' href="#newsList_style_04_1588992619644" onclick="RequestURL('newsList_style_04_1588992619644', sys_url_newsList_style_04_1588992619644, 'News_page=3&')">3</a><a class='page pageSet ' page='4' href="#newsList_style_04_1588992619644" onclick="RequestURL('newsList_style_04_1588992619644', sys_url_newsList_style_04_1588992619644, 'News_page=4&')">4</a><a class='page pageSet ' page='5' href="#newsList_style_04_1588992619644" onclick="RequestURL('newsList_style_04_1588992619644', sys_url_newsList_style_04_1588992619644, 'News_page=5&')">5</a><a class='page pageSet ' page='···' href="#newsList_style_04_1588992619644" onclick="RequestURL('newsList_style_04_1588992619644', sys_url_newsList_style_04_1588992619644, 'News_page=6&')">···</a><a class='page pageSet ' page='>' href="#newsList_style_04_1588992619644" onclick="RequestURL('newsList_style_04_1588992619644', sys_url_newsList_style_04_1588992619644, 'News_page=2&')">></a></div> </div> </div><script>//-- $(function(){ var viewid="newsList_style_04_1588992619644"; var sys_url="viewid=newsList_style_04_1588992619644&name=newsList&style=style_04&langid=0&pageid=228079&viewCtrl=newsList&isfb=1"; var moreParams=''; if(typeof(history.pushState) != 'undefined'){ var hstate=JSON.stringify(history.state); if(hstate!='null'&& hstate!=null){ eval('var hjson = ' + hstate); moreParams=hjson.moreParamsnewsList_style_04_1588992619644; } } RequestURL(viewid,sys_url,moreParams); }) //--</script> </div> </div> <div id="text_style_01_1589337860937" class="view style_01 text none lockHeightView" data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'> <div names="text" class="view_contents" > 朗閣環?？萍脊荆赫雇磥?，不斷進取的朗閣人以“激情、專業、創新、超越”的企業精神，將企業打造成國內給排水行業最具有競爭力的企業。 <div><div>業務范圍：水箱、廣西不銹鋼水箱、南寧不銹鋼水箱、無負壓供水設備、供水設備、水泵、污水處理設備的設計、生產、安裝、銷售為一體的廣西南寧市高科技環保新能源設備公司，歡迎來電咨詢業務！ </div></div> </div> </div> </div> </div> <div id="layout_1588832712010" class="layout none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'> <div class="view_contents"> </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:#0154f8;">關于我們</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://www.diexen.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>