公共環保公廁_福建金梁環?？萍脊?/title> <meta name="keywords" content="公共環保公廁,福州公共環保公廁"/> <meta name="description" content="公共環保公廁,公廁,福建金梁環?？萍脊?/> <meta name="shareimg" content=""/> <meta name="sharetitle" content=""/> <meta name="sharedesc" content=""/> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui"> <meta name="applicable-device" content="pc,mobile"> <script> var viewWidth = window.screen.width; if (viewWidth < 768) { //document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">'); } else { document.write('<style>@media screen and (min-width: 768px) and (max-width: 1199px) {html {zoom: 0.8;}}</style>'); } </script> <meta name="format-detection" content="telephone=no"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/animate.css"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/swiper.animate/animate.min.css"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/ModuleStyleMobile.css?v=20171012"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/ModuleMobileNavTpl.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/fontawesome/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/iconfont/iconfont.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/slick/slick-theme.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/slick/slick.css" />      <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/Swiper-3.4.0/css/swiper.min.css"/> <script type="text/javascript" src="http://static.styles-sys.com/scripts/Swiper-3.4.0/js/swiper.min.js"></script>  <link href='//static.styles-sys.com/PageCss.css?id=78264_510490_1_&pagecacheid=&siteid=78264&yztest=&md5=5dd7f229baaa72b930543ced5b01b167&version=20210622&file=L2NhY2hlcy9jc3NjYWNoZS83Lzc4MjY0Lzc4MjY0XzUxMDQ5MF8xXy5jYWNoZQ==' type='text/css' rel='stylesheet'/> <script> var SiteType = "1"; var CanDesign = "False"; var CanEditFront = 'False'; var SkinType = "3" || "2";var GridWidth = "1200px";var PageType="4";var DesignType=""; var IsWeiXin = navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'; window.ScriptCdn = "http://static.styles-sys.com"; </script> <script src="http://static.styles-sys.com/PageJs.js?act=MobileJs&v=20210618"></script> <script> var delayTimes = 0; var delayTimer = null; delayTimer = setInterval(function(){ if(delayTimes > 10) { clearInterval(delayTimer); return; } delayTimes++; delayload({ id: ['pagebody'], src: '/images/loading2.gif', bgsrc: '/images/imgbg.png' }); },50); loadStyleSheet('/share/jquery-ui-css/ui-lightness/jquery-ui-1.10.2.custom.min.css',CanDesign != 'True'); //非編輯模式下延時加載 </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body id="page_510490" class="module_bg_color"> <div style="position:fixed;left:-9000px;top:-9000px;"><delect id="6lqzv"></delect><strike id="6lqzv"></strike><tbody id="6lqzv"></tbody><sub id="6lqzv"></sub><thead id="6lqzv"></thead><kbd id="6lqzv"></kbd><dd id="6lqzv"></dd><output id="6lqzv"></output><center id="6lqzv"><ins id="6lqzv"><acronym id="6lqzv"><option id="6lqzv"></option></acronym></ins></center><sup id="6lqzv"></sup><option id="6lqzv"><form id="6lqzv"></form></option><input id="6lqzv"><i id="6lqzv"><tbody id="6lqzv"></tbody></i></input><td id="6lqzv"><progress id="6lqzv"><font id="6lqzv"></font></progress></td><font id="6lqzv"><dfn id="6lqzv"><rt id="6lqzv"></rt></dfn></font><mark id="6lqzv"><font id="6lqzv"><tr id="6lqzv"></tr></font></mark><label id="6lqzv"><input id="6lqzv"></input></label><var id="6lqzv"></var><option id="6lqzv"><tr id="6lqzv"></tr></option><listing id="6lqzv"><progress id="6lqzv"></progress></listing><td id="6lqzv"><legend id="6lqzv"><sup id="6lqzv"></sup></legend></td><object id="6lqzv"><rt id="6lqzv"><acronym id="6lqzv"></acronym></rt></object><dfn id="6lqzv"></dfn><video id="6lqzv"></video><optgroup id="6lqzv"></optgroup><optgroup id="6lqzv"></optgroup><noframes id="6lqzv"></noframes><nav id="6lqzv"></nav><optgroup id="6lqzv"><em id="6lqzv"></em></optgroup><rp id="6lqzv"></rp><track id="6lqzv"></track><nav id="6lqzv"></nav><td id="6lqzv"><legend id="6lqzv"></legend></td><menu id="6lqzv"></menu><source id="6lqzv"></source><dfn id="6lqzv"></dfn><dfn id="6lqzv"></dfn><code id="6lqzv"></code><kbd id="6lqzv"></kbd><td id="6lqzv"><legend id="6lqzv"><font id="6lqzv"><del id="6lqzv"></del></font></legend></td><tbody id="6lqzv"></tbody><noscript id="6lqzv"></noscript><small id="6lqzv"><blockquote id="6lqzv"><rp id="6lqzv"><p id="6lqzv"></p></rp></blockquote></small><listing id="6lqzv"></listing><kbd id="6lqzv"><s id="6lqzv"><code id="6lqzv"></code></s></kbd><th id="6lqzv"><noframes id="6lqzv"><acronym id="6lqzv"></acronym></noframes></th><dd id="6lqzv"></dd><big id="6lqzv"></big><rt id="6lqzv"></rt><menuitem id="6lqzv"><thead id="6lqzv"><noscript id="6lqzv"></noscript></thead></menuitem><span id="6lqzv"></span> <ins id="6lqzv"></ins><dfn id="6lqzv"></dfn><mark id="6lqzv"></mark><em id="6lqzv"><pre id="6lqzv"><xmp id="6lqzv"><optgroup id="6lqzv"></optgroup></xmp></pre></em><samp id="6lqzv"></samp><code id="6lqzv"></code><listing id="6lqzv"><progress id="6lqzv"><pre id="6lqzv"></pre></progress></listing><video id="6lqzv"></video><noscript id="6lqzv"></noscript><i id="6lqzv"></i><dl id="6lqzv"></dl><strong id="6lqzv"></strong><nav id="6lqzv"><bdo id="6lqzv"></bdo></nav><output id="6lqzv"></output><td id="6lqzv"></td><samp id="6lqzv"></samp><rt id="6lqzv"><acronym id="6lqzv"><address id="6lqzv"><th id="6lqzv"></th></address></acronym></rt><dd id="6lqzv"><table id="6lqzv"><strike id="6lqzv"><dl id="6lqzv"></dl></strike></table></dd><label id="6lqzv"><input id="6lqzv"></input></label><form id="6lqzv"></form><progress id="6lqzv"></progress><form id="6lqzv"></form><rp id="6lqzv"><p id="6lqzv"><var id="6lqzv"></var></p></rp><form id="6lqzv"><ruby id="6lqzv"><menu id="6lqzv"></menu></ruby></form><pre id="6lqzv"></pre><strike id="6lqzv"><td id="6lqzv"><mark id="6lqzv"><font id="6lqzv"></font></mark></td></strike><u id="6lqzv"><label id="6lqzv"><listing id="6lqzv"><em id="6lqzv"></em></listing></label></u><progress id="6lqzv"></progress><delect id="6lqzv"></delect><legend id="6lqzv"><li id="6lqzv"><object id="6lqzv"></object></li></legend><legend id="6lqzv"><li id="6lqzv"><dfn id="6lqzv"></dfn></li></legend><strong id="6lqzv"><blockquote id="6lqzv"><div id="6lqzv"><noscript id="6lqzv"></noscript></div></blockquote></strong><acronym id="6lqzv"></acronym><label id="6lqzv"><input id="6lqzv"></input></label><i id="6lqzv"><del id="6lqzv"><xmp id="6lqzv"></xmp></del></i><rt id="6lqzv"></rt><var id="6lqzv"></var><del id="6lqzv"></del><big id="6lqzv"></big><del id="6lqzv"><ins id="6lqzv"><legend id="6lqzv"><li id="6lqzv"></li></legend></ins></del><mark id="6lqzv"></mark><input id="6lqzv"><strong id="6lqzv"></strong></input><span id="6lqzv"></span><samp id="6lqzv"><s id="6lqzv"><big id="6lqzv"><form id="6lqzv"></form></big></s></samp><progress id="6lqzv"><address id="6lqzv"><tr id="6lqzv"></tr></address></progress><wbr id="6lqzv"><option id="6lqzv"><label id="6lqzv"></label></option></wbr><pre id="6lqzv"></pre><button id="6lqzv"></button><samp id="6lqzv"></samp><acronym id="6lqzv"></acronym> <rt id="6lqzv"></rt><track id="6lqzv"></track><code id="6lqzv"></code><video id="6lqzv"></video><source id="6lqzv"></source><code id="6lqzv"><xmp id="6lqzv"></xmp></code><code id="6lqzv"><xmp id="6lqzv"></xmp></code><output id="6lqzv"><b id="6lqzv"><listing id="6lqzv"><wbr id="6lqzv"></wbr></listing></b></output><sup id="6lqzv"><object id="6lqzv"><meter id="6lqzv"><span id="6lqzv"></span></meter></object></sup><code id="6lqzv"><xmp id="6lqzv"></xmp></code><ol id="6lqzv"></ol><video id="6lqzv"><strike id="6lqzv"><delect id="6lqzv"><dd id="6lqzv"></dd></delect></strike></video><samp id="6lqzv"><menu id="6lqzv"><tbody id="6lqzv"></tbody></menu></samp><cite id="6lqzv"><var id="6lqzv"><center id="6lqzv"></center></var></cite><dd id="6lqzv"><table id="6lqzv"></table></dd><cite id="6lqzv"></cite><listing id="6lqzv"><strong id="6lqzv"><pre id="6lqzv"><label id="6lqzv"></label></pre></strong></listing><dd id="6lqzv"><option id="6lqzv"><b id="6lqzv"><delect id="6lqzv"></delect></b></option></dd><dd id="6lqzv"><table id="6lqzv"><strike id="6lqzv"><dl id="6lqzv"></dl></strike></table></dd><nobr id="6lqzv"><big id="6lqzv"><button id="6lqzv"></button></big></nobr><ol id="6lqzv"></ol><legend id="6lqzv"></legend><video id="6lqzv"><strike id="6lqzv"><delect id="6lqzv"><dd id="6lqzv"></dd></delect></strike></video><s id="6lqzv"></s><font id="6lqzv"></font><wbr id="6lqzv"></wbr><tbody id="6lqzv"><td id="6lqzv"><acronym id="6lqzv"><font id="6lqzv"></font></acronym></td></tbody><dfn id="6lqzv"><meter id="6lqzv"><legend id="6lqzv"></legend></meter></dfn><samp id="6lqzv"></samp><sup id="6lqzv"></sup><nav id="6lqzv"><tt id="6lqzv"><span id="6lqzv"><video id="6lqzv"></video></span></tt></nav><nav id="6lqzv"></nav><td id="6lqzv"><legend id="6lqzv"></legend></td><center id="6lqzv"></center><optgroup id="6lqzv"><small id="6lqzv"></small></optgroup><ruby id="6lqzv"><i id="6lqzv"><code id="6lqzv"></code></i></ruby><menu id="6lqzv"><code id="6lqzv"></code></menu><font id="6lqzv"></font><optgroup id="6lqzv"></optgroup><track id="6lqzv"><em id="6lqzv"></em></track><meter id="6lqzv"></meter><u id="6lqzv"><label id="6lqzv"><optgroup id="6lqzv"></optgroup></label></u><small id="6lqzv"></small><span id="6lqzv"></span><div id="6lqzv"><noscript id="6lqzv"><s id="6lqzv"></s></noscript></div><dd id="6lqzv"><table id="6lqzv"></table></dd><strike id="6lqzv"></strike><listing id="6lqzv"></listing><optgroup id="6lqzv"><small id="6lqzv"><source id="6lqzv"></source></small></optgroup><s id="6lqzv"></s></div>   <div id='userbar'></div>  <div id="pagebody" class="siteStyle pageStyle container-fluid pagebody_nav pagebody_nav_1 "> <div id="BodyMainZoneContainer" class="BodyMainZoneContainer"> <div id='HeaderZone' ismodulecontainer='true' class='HeaderContainer HeaderZoneContainer ZoneContainer HeaderZone ModuleContainer clearfix '><div class="ModuleItem StaticModule " wo="1552" id="module_368909710" > <div class="ModuleCityDomainGiant layout-102 layout-color- module_368909710 clearfix">  <div class='BodyCenter BodyCenter368909710 clearfix'><ul class="clearfix link-item"> <li class="CurLink"> <a href="/" class="btn btn-link"> 主站 </a> </li> <li class="SwitchLink"> <a href="/CityDomainIndex" class="btn btn-link"> 切換城市 </a> </li> <li style="margin-right: 10px;">【</li> <li class="LinkHor"> <a class="btn btn-link"> 福州 </a> </li> <li class="LinkHor"> <a class="btn btn-link"> 泉州 </a> </li> <li class="LinkHor"> <a class="btn btn-link"> 莆田 </a> </li> <li>】</li> </ul> </div> </div> </div> <div class="ModuleItem StaticModule mhidden-xs" wo="1552" id="module_290581134" > <div class="ModuleGridGiant layout-101 layout-color- module_290581134 clearfix">  <div class='BodyCenter BodyCenter290581134 clearfix'><div class='ModuleGridContainer ModuleGridContainer290581134' gridswidthmode='0'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub290581134_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-6 col-md-6 col-lg-6' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="700" id="module_290583710" > <div class="ModulePlainTextGiant layout-101 layout-color- module_290583710 clearfix">  <div class='BodyCenter BodyCenter290583710 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p>你好歡迎來到福建金梁環?？萍加邢薰竟俜骄W站！</p> </div> </div> <script> changeFontSize($('#module_290583710')); </script></div> </div> </div> </div><div class='clearfix visible-xs'></div><div id='Sub290581134_2' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-6 col-md-6 col-lg-6' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="700" id="module_290583718" > <div class="ModulePlainTextGiant layout-101 layout-color- module_290583718 clearfix">  <div class='BodyCenter BodyCenter290583718 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p style="text-align: right;"><a href="http://www.doublehappiness-delmar.com/sitemap.xml">網站地圖</a> | <a href="/Content/504914.html">聯系我們</a> | <a href="/GuanYuWoMen">關于我們</a></p> </div> </div> <script> changeFontSize($('#module_290583718')); </script></div> </div> </div> </div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("290581134",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script> </div> </div> </div> <div class="ModuleItem StaticModule GridFloat mhidden-xs" wo="1552" id="module_290583959" style="top: 42px !important; height: auto;" > <div class="ModuleGridGiant layout-101 layout-color- module_290583959 clearfix">  <div class='BodyCenter BodyCenter290583959 clearfix'><div class='ModuleGridContainer GridCanFloat ModuleGridContainer290583959' gridswidthmode='0'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub290583959_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-3 col-md-3 col-lg-3' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="350" id="module_290585278" > <div class="ModuleImageGiant layout-101 layout-color- module_290585278 clearfix">  <div class='BodyCenter BodyCenter290585278 clearfix'><a href="/" target=""> <img class="image-animation" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/78264/202103/20210326154705902184.png" url="/comdata/78264/202103/20210326154705902184.png" alt="圖片展示" /> </a> </div> </div> </div> </div><div class='clearfix visible-xs'></div><div id='Sub290583959_2' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-6 col-md-6 col-lg-6' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="700" id="module_290581139" > <div class="ModuleNavGiant layout-102 layout-color-blue module_290581139 clearfix">  <div class='BodyCenter BodyCenter290581139 clearfix'><div class='main-nav-content pre_nav clearfix ' AlwaysShow="0"> <div class="aroundMune"> <div class="moveMenuLeft iconfont icon-xiangzuojiantou" ></div> <div class="moveMenuRight iconfont icon-xiangyoujiantou"></div> </div> <div class="blank-solve"> <div id="Menu_608213_290581139" class="main-nav-item-group" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/" target="_self" style="cursor:pointer" class="main-nav-item fontm OneRow">首頁</a> <div id="SubMenu_608213_290581139" class="sub-nav-item-group"> </div> </div> <div id="Menu_608214_290581139" class="main-nav-item-group" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/GuanYuWoMen" target="_self" style="cursor:pointer" class="main-nav-item fontm OneRow">公司簡介</a> <div id="SubMenu_608214_290581139" class="sub-nav-item-group"> </div> </div> <div id="Menu_608216_290581139" class="main-nav-item-group" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/ProductIndex" target="_self" style="cursor:pointer" class="main-nav-item fontm OneRow">產品中心</a> <div id="SubMenu_608216_290581139" class="sub-nav-item-group"> <a href="/Product/424680.html" target="_self" class="sub-nav-item OneRow ">崗亭</a> <a href="/Product/424674.html" target="_self" class="sub-nav-item OneRow ">公廁</a> <a href="/Product/424673.html" target="_self" class="sub-nav-item OneRow ">垃圾房</a> <a href="/Product/424678.html" target="_self" class="sub-nav-item OneRow ">吸煙亭</a> <a href="/Product/424675.html" target="_self" class="sub-nav-item OneRow ">電動門</a> <a href="/Product/424676.html" target="_self" class="sub-nav-item OneRow ">道閘系統</a> <a href="/Product/424679.html" target="_self" class="sub-nav-item OneRow ">車棚</a> <a href="/Product/424677.html" target="_self" class="sub-nav-item OneRow ">垃圾桶</a> </div> </div> <div id="Menu_608218_290581139" class="main-nav-item-group" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/News" target="_self" style="cursor:pointer" class="main-nav-item fontm OneRow">新聞中心</a> <div id="SubMenu_608218_290581139" class="sub-nav-item-group"> <a href="/NewsList/1.html" target="_self" class="sub-nav-item OneRow ">公廁資訊</a> <a href="/NewsList/2.html" target="_self" class="sub-nav-item OneRow ">崗亭資訊</a> <a href="/NewsList/3.html" target="_self" class="sub-nav-item OneRow ">電動門資訊</a> <a href="/NewsList/5.html" target="_self" class="sub-nav-item OneRow ">車棚資訊</a> <a href="/NewsList/6.html" target="_self" class="sub-nav-item OneRow ">垃圾桶資訊</a> <a href="/NewsList/7.html" target="_self" class="sub-nav-item OneRow ">車牌識別資訊</a> </div> </div> <div id="Menu_608217_290581139" class="main-nav-item-group" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/ShouHouFuWu" target="_self" style="cursor:pointer" class="main-nav-item fontm OneRow">售后服務</a> <div id="SubMenu_608217_290581139" class="sub-nav-item-group"> </div> </div> <div id="Menu_608220_290581139" class="main-nav-item-group" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/504914.html" target="_self" style="cursor:pointer" class="main-nav-item fontm OneRow">聯系方式</a> <div id="SubMenu_608220_290581139" class="sub-nav-item-group"> </div> </div> </div> </div> <script> addScript('/skinp/modules/ModuleNavGiant/menu.js',function(){ initModuleNavGiant("290581139","102","","0"); }); </script></div> </div> </div> </div><div class='clearfix visible-xs'></div><div id='Sub290583959_3' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-3 col-md-3 col-lg-3' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="350" id="module_290583992" > <div class="ModulePlainTextGiant layout-101 layout-color- module_290583992 clearfix">  <div class='BodyCenter BodyCenter290583992 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p style="text-align: right;">聯系我們：<span style="font-size:22px;"><strong>153-9610-8531</strong></span></p> </div> </div> <script> changeFontSize($('#module_290583992')); </script></div> </div> </div> </div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("290583959",{ isFloat:"1", floattype:"1", floattop:"42", floatbgtype:"1", floatbgcolor:"rgb(255, 255, 255)", floatheight:"", floatheighttype:"0", floatpagetype:"0" }); }); </script> </div> </div> </div> </div> <div id='BodyMain1Zone' ismodulecontainer='true' class='BodyContainer BodyZoneContainer ZoneContainer ModuleContainer BodyMain1Zone clearfix '> <div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_293685126" > <div class="ModuleImageGiant layout-101 layout-color- module_293685126 clearfix">  <div class='BodyCenter BodyCenter293685126 clearfix'> <img class="image-animation" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/78264/202103/2021032911221347faa9.jpg" url="/comdata/78264/202103/2021032911221347faa9.jpg" alt="圖片展示" /> </div> </div> </div> <div class="ModuleItem StaticModule " wo="347" id="module_293685157" > <div class="ModuleGridGiant layout-101 layout-color- module_293685157 clearfix">  <div class='BodyCenter BodyCenter293685157 clearfix'><div class='ModuleGridContainer ModuleGridContainer293685157' gridswidthmode='0'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub293685157_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-9 col-md-9 col-lg-9' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="347" id="module_293685159" > <div class="ModuleBreadcrumbsGiant layout-101 layout-color- module_293685159 clearfix">  <div class='BodyCenter BodyCenter293685159 clearfix'><ol class="breadcrumb"> <li><span class="BreadIcon iconfont icon-didian"></span></li> <li><a class='menu bcs-item' href='/'>首頁</a></li><li><span class='separator'>>></span></li><li><a class='menu bcs-item' href='/Product/424674.html'>公廁</a></li><li><span class='separator'>>></span></li><li class='lastMenu bcs-item'>公共環保公廁</li> </ol></div> </div> </div> </div><div class='clearfix visible-xs'></div><div id='Sub293685157_2' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-3 col-md-3 col-lg-3' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="347" id="module_293685158" > <div class="ModuleSearchGiant layout-102 layout-color-black module_293685158 clearfix">  <div class='BodyCenter BodyCenter293685158 clearfix'><link rel="stylesheet" type="text/css" > <form id="search_293685158" action="/Product/0" method="post"> <div class="ModuleSearchForm ModuleSearchFormStyle"> <table class="content search-item"> <tr> <td> <div class="group"> <div class="searchInputPanel"> <span class="searchIcon iconfont icon-sousuo1"></span> <input type="text" name="Keyword" placeholder='請輸入關鍵字' class="ModuleSearchInput"/> </div> </div> </td> <td style="width:1%;"> <div class="searchBtnPanel"> <button class="btn btn-default ModuleSearchButton" type="submit">搜索</button> </div> </td> </tr> <tr> <td></td> <td></td> </tr> </table> <link rel="stylesheet" type="text/css"/> <div class="module-search-mobile" id="searchMobile_293685158"> <div class="search-mobile-header"> <div class="search-mobile-back"><i class="iconfont icon-xiangzuojiantou"></i></div> <div class="search-mobile-input"> <input class="keyword-input" type="text" placeholder="請輸入關鍵字" name="mobileKeyword" /> </div> <div class="search-mobile-button"> <span class="search-mobile-submit">搜索</span> </div> </div> <div class="search-mobile-hotkey"> </div> </div> </div> <input type="hidden" name="view" value="" /> <input type="hidden" name="visitType" value="search" /> </form> <script> addScript('/skinp/modules/ModuleSearchGiant/searchGiant.js',function(){ searchGiantInit('293685158','102',{ 'NVAProductList':'/Product', 'NVANewsList':'/NewsList', 'NVADownList':'/DownList' }); }); </script></div> </div> </div> </div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("293685157",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script> </div> </div> </div> <div class="ModuleItem StaticModule " wo="347" id="module_293685130" > <div class="ModuleGridGiant layout-101 layout-color- module_293685130 clearfix">  <div class='BodyCenter BodyCenter293685130 clearfix'><div class='ModuleGridContainer ModuleGridContainer293685130' gridswidthmode='0'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub293685130_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-3 col-md-3 col-lg-3' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_293685162" > <div class="ModulePlainTextGiant layout-101 layout-color- module_293685162 clearfix">  <div class='BodyCenter BodyCenter293685162 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p style="text-align: center;"><span style="font-size:24px;"><span style="color:#ffffff;"><strong>產品中心</strong></span></span></p> </div> </div> <script> changeFontSize($('#module_293685162')); </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="347" id="module_293685154" > <div class="ModuleCommonClsGiant layout-104 layout-color-blue module_293685154 clearfix">  <div class='BodyCenter BodyCenter293685154 clearfix'><header class="class-title classify"> <span class="OneRow class-title-text">產品中心</span><span class="class-title-icon iconfont icon-jiantou1"></span> </header> <div class="main-class-container-mobile"> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/424680.html" target="_self">崗亭</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/424674.html" target="_self">公廁</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/424673.html" target="_self">垃圾房</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/424678.html" target="_self">吸煙亭</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/475085.html" target="_self">升降柱</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/ProductCust/1646659-424675.html" target="_self">電動門</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/ProductCust/1646662-424676.html" target="_self">道閘系統</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/424679.html" target="_self">車棚</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/424677.html" target="_self">垃圾桶</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> <div class="main-class-item-box"> <p class="main-class-item classify"> <a class="main-class-text OneRow" href="/Product/460806.html" target="_self">餐車</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p> <div class="main-class-line"></div> </div> </div> <script> addScript('/skinp/modules/ModuleCommonClsGiant/commoncls.js', function () { initCommonClsGiant(293685154,'104',0) }); </script></div> </div> </div> <div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_293685168" > <div class="ModulePlainTextGiant layout-101 layout-color- module_293685168 clearfix">  <div class='BodyCenter BodyCenter293685168 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p style="text-align: center;"><span style="font-size:24px;"><span style="color:#ffffff;"><strong>熱門推薦</strong></span></span></p> </div> </div> <script> changeFontSize($('#module_293685168')); </script></div> </div> </div> <div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_293685172" > <div class="ModuleProductListGiant layout-122 layout-color-black module_293685172 clearfix">  <div class='BodyCenter BodyCenter293685172 clearfix'><div class="swiper-container hover-event" layout="122" > <div class="pro-container swiper-wrapper"> <div class="pro-item swiper-slide"> <a href='/ProductDetail/5122973.html' target="_self" class='pro-img'> <p class="pro-desc fontn space"><span> </span></p> <div class="dummy"></div><img class="swiper-lazy" src="/images/imgbg.png" data-src='//cdn.img-sys.com/comdata/78264/product/2021051216221278F359FE1B2904B2_s.jpg' data-src='/comdata/78264/product/2021051216221278F359FE1B2904B2_s.jpg' alt='鋁塑板崗亭' title='鋁塑板崗亭' > </a> <div class="pro-text" dir="ltr"> <div class='pro-shopping-main'> <p class='pro-title layout-118-name'><span class="pro-name">鋁塑板崗亭</span></p> </div> <a class='pro-buybtn btn' onclick="showEnquiryModal('5122973','鋁塑板崗亭','/comdata/78264/product/2021051216221278F359FE1B2904B2_s.jpg','122','293685172');"><i class="iconfont icon-xiangyoujiantou"></i></a> </div> </div> <div class="pro-item swiper-slide"> <a href='/ProductDetail/5122975.html' target="_self" class='pro-img'> <p class="pro-desc fontn space"><span> </span></p> <div class="dummy"></div><img class="swiper-lazy" src="/images/imgbg.png" data-src='//cdn.img-sys.com/comdata/78264/product/2021051216221260CDB5235C6201B9_s.jpg' data-src='/comdata/78264/product/2021051216221260CDB5235C6201B9_s.jpg' alt='停車場收費崗亭' title='停車場收費崗亭' > </a> <div class="pro-text" dir="ltr"> <div class='pro-shopping-main'> <p class='pro-title layout-118-name'><span class="pro-name">停車場收費崗亭</span></p> </div> <a class='pro-buybtn btn' onclick="showEnquiryModal('5122975','停車場收費崗亭','/comdata/78264/product/2021051216221260CDB5235C6201B9_s.jpg','122','293685172');"><i class="iconfont icon-xiangyoujiantou"></i></a> </div> </div> <div class="pro-item swiper-slide"> <a href='/ProductDetail/5001163.html' target="_self" class='pro-img'> <p class="pro-desc fontn space"><span> </span></p> <div class="dummy"></div><img class="swiper-lazy" src="/images/imgbg.png" data-src='//cdn.img-sys.com/comdata/78264/product/202104011105280F52F27D00A3900D_s.jpg' data-src='/comdata/78264/product/202104011105280F52F27D00A3900D_s.jpg' alt='站臺崗亭' title='站臺崗亭' > </a> <div class="pro-text" dir="ltr"> <div class='pro-shopping-main'> <p class='pro-title layout-118-name'><span class="pro-name">站臺崗亭</span></p> </div> <a class='pro-buybtn btn' onclick="showEnquiryModal('5001163','站臺崗亭','/comdata/78264/product/202104011105280F52F27D00A3900D_s.jpg','122','293685172');"><i class="iconfont icon-xiangyoujiantou"></i></a> </div> </div> <div class="pro-item swiper-slide"> <a href='/ProductDetail/4986633.html' target="_self" class='pro-img'> <p class="pro-desc fontn space"><span> </span></p> <div class="dummy"></div><img class="swiper-lazy" src="/images/imgbg.png" data-src='//cdn.img-sys.com/comdata/78264/product/20210329162904EFFED9CF47E1BC80_s.jpg' data-src='/comdata/78264/product/20210329162904EFFED9CF47E1BC80_s.jpg' alt='吸煙房' title='吸煙房' > </a> <div class="pro-text" dir="ltr"> <div class='pro-shopping-main'> <p class='pro-title layout-118-name'><span class="pro-name">吸煙房</span></p> </div> <a class='pro-buybtn btn' onclick="showEnquiryModal('4986633','吸煙房','/comdata/78264/product/20210329162904EFFED9CF47E1BC80_s.jpg','122','293685172');"><i class="iconfont icon-xiangyoujiantou"></i></a> </div> </div> </div> <div class="swiper-pagination"></div> <div class="swiper-pro-butto-next swiper-button-white iconfont icon-icon-left"></div> <div class="swiper-pro-butto-prev swiper-button-white iconfont icon-icon-left"></div> </div> <div id="enquiryDailog293685172" class="enquiryDailog" >  <div class="mobileEnquriyHeader"> <div style="height: 44px;text-align: center;line-height: 44px"> <div style="width:44px;float: left;"><i class="iconfont icon-xiangzuojiantou" style="font-size: 14px;font-weight: bold"></i></div> <div class="mobileEnquirySpan"><span style="font-size: 16px;font-weight: bold">詢盤</span></div> </div> <hr style="width: 100%;margin: 0px"/> </div>  <div class="mainEnquiryDiv" style="width: 100%;">  <div id="enquiryFormDiv293685172" class="enquiryFormDiv"> <div class="enquiryFormDiv2" > <p class="enquriyFormTitle" >咨詢表單：</p> <div > <form id="EnquiryForm293685172" class="EnquiryForm" action="" method="post" onsubmit="return saveEnquiryMsg()" > <ul> <li> <input type="text" name="Contact" class="form-control input-giant" style="border-radius: 4px;border:1px solid #EEEEEE;box-shadow:none" placeholder="聯系人:"/> <span style='position: absolute;right: 25px;display: none'></span> </li> <li> <input type="text" name="Tel" class="form-control input-giant" style="border-radius: 4px;border:1px solid #EEEEEE;box-shadow:none" placeholder="電話/郵箱:"/> <span style='position: absolute;right: 25px;display: none'></span> </li> <li> <textarea name="Content" rows="10" class="form-control" style="height: 105px;border-radius: 4px;resize: none;border:1px solid #EEEEEE;box-shadow:none" placeholder="最多請輸入 250 個字"></textarea> </li> <li style="margin-bottom: 10px;"> <img src="/index.php?c=validatecode" class="captchaImg" alt="請輸入驗證碼"/> <input type="text" id="VCode" name="VCode" class="form-control vcode" style="box-shadow:none;width: calc(100% - 125px);display: inline-block;border-radius: 4px;border:1px solid #EEEEEE" placeholder="請輸入驗證碼"/> </li> <li id="tipsEnquiryMsg293685172" style="text-align:center;color:red;display:none"> <strong>留言成功</strong><br /> 留言提交成功，我們將會盡快處理您的留言<br /> <b style="color:#FF0000;"></b> </li> <li class="text-center"> <input type="submit" class="ModuleSubmitButton btn" style="background-color: #2fbeed;color:#ffffff;width:100%" value="提交"/> </li> </ul> </form> </div> </div> </div>  <div class="enquiryMobileCut"></div>  <div id="enquiryProDiv293685172" class="enquiryProDiv" > <span class="enquiryClose" ><i class='iconfont icon-guanbi' style="font-size: 12px"></i></span> <p class="enquiryProTitle" >咨詢內容：</p>  <hr class="enquiryProHr"/> <div class="enquiryPro" > <ul id="enquiryProList293685172" class="enquiryProList"> </ul> </div> </div>  <div id="enquiryNonePorduct293685172"> <span class="enquiryClose" ><i class='iconfont icon-guanbi' style="font-size: 12px"></i></span> <div align="center" class="enquiryNonePorduct"> <img style="width: 168px;height: 168px" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/NoData.png" /> <p class="enquiryNoProText" >你還沒有添加任何產品</p> </div> </div> </div> <div id="showcallback293685172"></div> </div> <div class="daskhide" id="dask293685172"></div> <style> .daskhide { width: 100%; left: 0px; top: 0px; height: 100%; position: fixed; user-select: none; z-index:999; background-color: #000; opacity: .3; filter: alpha(opacity=30); display: none } .enquiryDailog ::-webkit-scrollbar-track{ background: #fff; } .enquiryDailog ::-webkit-scrollbar-thumb{ background: #efefef; } .enquiryProList { text-align: center; } .enquiryProList img{ width: 60px; height: 60px; float: left; margin : 10px 10px 10px 12px; } .enquiryProList .deleteitem{ color: red; cursor:pointer; } .EnquiryForm li{ padding-bottom:14px ; } .enquiryDailog { display: none; z-index:10001; width: 900px; height:600px; position: fixed; background-color: #fff; top:50%; left:50%; transform: translate(-50%,-50%); } .mainEnquiryDiv{ height: 100%; overflow: hidden; } .enquiryFormDiv{ float:left; width: 55%; overflow-y: auto; height: 100%; } .enquiryDailog .ModuleCustomFormGiant { margin-top: 32px; } .enquiryDailog .ModuleCustomFormGiant .ModuleHead { text-align: center; } .enquiryDailog .Form-containt{ padding: 0 32px 32px 32px; } .enquiryDailog .Form-list{ padding-top:14px !important; } .enquiryDailog .ModuleHead .HeadText{ line-height: 1.5; font-size: 24px; } .enquiryDailog .ModuleCustomFormGiant.layout-101 .VerificationCodediv{ top:50%; } .enquiryFormDiv2{ padding-top: 97px; } .enquiryProDiv{ float: right; width:calc(46% - 12px); height: 100%; background-color: #f7f8f9 } .enquiryPro{ float: left; padding-right: 10px; overflow-y:auto; overflow-x:hidden ; height:85%; padding-left: 24px; width: 98%; } .enquiryClose{ float: right; padding: 10px 12px 0px 0px; cursor: pointer; } .EnquiryForm{ margin-left: 43px; width: 84% } .enquiryProTitle{ margin-left: 26px; font-size: 16px; font-weight:bold; width: calc(100% - 10px); margin-top: 32px } .enquiryProHr{ margin:12px auto; } .mobileEnquriyHeader{ display: none; } .enquriyFormTitle{ font-size: 24px; text-align: center; font-weight:bold; padding-bottom: 30px; width: 100%; line-height: 24px; } .enquiryLiDel{ float:right; z-index: 10; margin-top:12px; margin-right: 12px; background-color:#eeeeee; border-radius: 50%; color:#999999; width: 7%; height: 24px; line-height: 24px; } .enquiryLiDel:hover{ color:red; background-color: #ffcbcb; } .enquiryProName{ width:60%; display: block; margin-top: 12px; float: left; color:#666666; text-align: left; word-wrap: break-word; word-break: normal; line-height: 1.5; font-size: 16px; } .enquiryNoProText{ font-size: 18px; color: #999999; text-align: center; padding-top: 30px } .enquiryNonePorduct{ display: none; position:absolute; top: 15%; left: 50%; transform:translate(-50%) } @media only screen and (min-width: 992px) and (max-width: 1199px){ .enquiryDailog { width: 91%; height:81%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .enquiryDailog { width: 100%; height: 100%; overflow-y:auto; overflow-x:hidden ; } .enquiryProList img{ width: 150px; height: 150px; } .enquiryFormDiv,.enquiryDailog [moduletype='ModuleCustomFormGiant']{ float:none; width: 100% } .enquiryProDiv{ float: none; width:100%; height: 100%; background-color: #ffffff } .enquiryFormDiv2{ padding-top: 25px; } .enquiryPro{ float: none; margin-right: 0px; overflow-y:inherit; height:100%; margin-left: 0px; } .enquiryClose{ display: none; } .enquiryMobileCut{ height: 10px; width: 100%; background-color:#f7f8f9 ; } .enquiryProList img{ width: 61px; height: 61px; float: left; margin : 8px 8px 8px 10px; } .EnquiryForm{ margin-left: 16px; width: 96% } .enquiryProTitle{ margin-left: 0px; font-size: 14px; font-weight:bold; width: 100%; margin-top: 25px; margin-bottom:20px ; text-align: center; } .enquriyFormTitle{ margin-left: 0px; font-size: 14px; text-align: center; font-weight:bold; padding-bottom: 20px } .enquiryProHr{ display:none; } .mobileEnquriyHeader{ display: block; text-align: center; padding-top: 6px; } .enquiryLiDel{ width: 4%; } .enquiryProName{ width: 567px; } .mobileEnquirySpan{ padding-right: 9% } .EnquiryForm li:last-child{ padding-bottom: 25px; } .enquiryNoProText{ font-size: 14px; color: #999999; text-align: center; padding-top: 30px } .enquiryNonePorduct{ display: none; position:absolute; top: 29%; left: 50%; transform:translate(-50%) } } @media only screen and (max-width: 768px){ .mainEnquiryDiv{ overflow: initial; } .enquiryDailog { width: 100%; height: 100%; overflow-y:auto; overflow-x:hidden ; } .enquiryProList img{ width: 150px; height: 150px; } .enquiryFormDiv,.enquiryDailog [moduletype='ModuleCustomFormGiant']{ float:unset; width: 100% } .enquiryProDiv{ float: none; width:100%; height: 100%; background-color: #ffffff } .enquiryFormDiv2{ padding-top: 20px; } .enquiryPro{ float: unset; margin-right: 0px; overflow-y:unset; height:100%; margin-left: 0px; } .enquiryClose{ display: none; } .enquiryMobileCut{ height: 10px; width: 100%; background-color:#f7f8f9 ; } .enquiryProList img{ width: 61px; height: 61px; float: left; margin : 8px 8px 8px 10px; } .EnquiryForm{ margin-left: 16px; width: 92% } .enquiryProTitle{ margin-left: 0px; font-size: 14px; font-weight:normal; width: 100%; margin-top: 25px; margin-bottom:10px ; text-align: center; } .enquriyFormTitle{ margin-left: 0px; font-size: 14px; text-align: center; font-weight:normal; padding-bottom: 20px } .enquiryProHr{ display:none; } .mobileEnquriyHeader{ display: block; text-align: center; padding-top: 6px; } .mobileEnquirySpan{ padding-right: 16% } .EnquiryForm li:last-child{ padding-bottom: 25px; } .enquiryNoProText{ font-size: 14px; color: #999999; text-align: center; padding-top: 30px } .enquiryNonePorduct{ display: none; position:absolute; top: 29%; left: 50%; transform:translate(-50%) } } </style> <script> var moduleId; $(function(){ //show的回調 var scrollTop var enquiryShowCall=function(pro_name,pro_id,pro_img,moduleid){ var Siteid=getCookie('InitSiteID'); var inviteid=getCookie('invite') || ''; moduleId=moduleid; proArr=JSON.parse(localStorage.getItem('enquiryPro'+Siteid+inviteid)) || []; scrollTop = $(window).scrollTop(); $('body').css({ 'overflow-y':'hidden', 'top':-scrollTop }) productcID=pro_id; //需要判斷是否瀏覽過次產品 var flag=false; if(proArr!=[]){ for(var i =0;i<proArr.length;i++){ if(productcID==proArr[i]['productID']){ flag= true; break; } } } if(!flag){ var obj={}; obj['name']=pro_name; obj['image']= pro_img; obj['productID']=productcID; proArr.push(obj); var obj_str=JSON.stringify(proArr) localStorage.setItem('enquiryPro'+Siteid+inviteid,obj_str); } $('#enquiryProList'+moduleid).empty(); if(proArr!=[]){ $html="" for(var i =0;i<proArr.length;i++){ $html+='<li style="width:100%;float:left;margin:5px 0px;position:relative;border: 1px solid #EEEEEE;background-color: #ffffff;border-radius: 4px;"><div><div class="enquiryLiDel" productid="'+proArr[i]["productID"]+'"><span><i class="iconfont icon-iconshanchu62" ></i></span></div><img src="'+proArr[i]["image"]+'"><span class="enquiryProName">'+proArr[i]["name"]+'</span></div></li>'; } $('#enquiryProList'+moduleid).append($html); } $('#enquiryNonePorduct'+moduleid).css('display','none'); $('.enquiryNonePorduct').css('display','none'); $('#enquiryProDiv'+moduleid).show(); $('#enquiryFormDiv'+moduleid).show(); if($('#enquiryProDiv'+moduleid).closest('.ModuleFullItemContainer').length > 0){ var bodyh = $('body').height() var offsettop = $('#module_'+moduleid).closest('.ModuleFullItemContainer').offset().top $('#dask'+moduleid).css('cssText','top:-'+offsettop+'px;height:'+bodyh+'px') } $('#dask'+moduleid).show(); $('#enquiryProList'+moduleid).off(".enquiryLiDel").on("click.enquiryLiDel",'.enquiryLiDel',function(){ $(this).parents("li").remove(); var Siteid=getCookie('InitSiteID'); var inviteid=getCookie('invite') || ''; proArr=JSON.parse(localStorage.getItem('enquiryPro'+Siteid+inviteid)) || []; for(var i =0;i<proArr.length;i++){ if($(this).attr('productID')==proArr[i]['productID']){ proArr.splice(i,1); break; } } if(proArr.length==0){ $('#enquiryNonePorduct'+moduleid).css('display','block'); $('.enquiryNonePorduct').css('display','block'); $('#enquiryProDiv'+moduleid).hide(); $('#enquiryFormDiv'+moduleid).hide(); } var obj_str=JSON.stringify(proArr) localStorage.setItem('enquiryPro'+Siteid+inviteid,obj_str); }) } $('#showcallback293685172').data('enquiryCallBack', enquiryShowCall); $('[name="Content"]').val(''); $('#module_9998293685172').removeClass('ModuleItem') $('#module_9998293685172').removeAttr('isdefaultstyle') $('#EnquiryForm293685172 img.captchaImg').off('click').on('click', function () { var src = $('#EnquiryForm'+moduleId).find('img.captchaImg').attr('src').replace(/t=[^&]*/) + '&t=' + new Date().getTime(); $('#EnquiryForm'+moduleId).find('img.captchaImg').attr('src', src); }); $('#EnquiryForm'+moduleId).find('img.captchaImg').click(); }); function saveEnquiryMsg(){ var validate = $("#EnquiryForm"+moduleId).validate({ rules: { Contact: {required:true,maxlength:30}, Tel: {required:true, maxlength:30,TelOrMail:true}, Addr: {required:true,maxlength:100}, Content:{required:true,maxlength:250}, VCode:"required" }, messages: { Contact: {required:"請輸入聯系人姓名！",maxlength:''}, Tel: { required:"請輸入聯系電話/郵箱！", maxlength: "" }, Addr: { required: "請輸入您的聯系地址！" ,maxlength:''}, Title: { required: "標題不能為空！" ,maxlength:''}, Content: {required:"留言內容不能為空！",maxlength:''}, VCode: "請輸入驗證碼！" }, wrapper: "span", errorPlacement: function(error, element) { error.css("display","none"); if(!element.attr("border")) element.attr("border",element.css("border")); if(error.text()){ //這里會被重復調用所以不能使用彈框。 element.attr("placeholder",error.text()); element.css("border","1px solid #ca0000"); }else{ element.css("border",element.attr("border")); } }, success: function(error, element) { } }).form(); if(!validate) return false; if(""==1){ if(""!=1){ alert("請先登錄"); return false; } } var helperId = '#tipsEnquiryMsg' + moduleId; $(helperId).show(); $(helperId).html("正在提交留言，請稍候..."); var parma=$('#EnquiryForm'+moduleId).serialize(); var Siteid=getCookie('InitSiteID'); var inviteid=getCookie('invite') || ''; proArr=JSON.parse(localStorage.getItem('enquiryPro'+Siteid+inviteid)) || []; if(proArr!=[]){ var proid=""; for(var i =0;i<proArr.length;i++){ proid+=","+proArr[i].productID; } proid=proid.substr(1) parma+='&enquiryProID='+proid; } $.ajax({ type: 'POST', url: '/index.php?c=Front/GuestBookSave', data: parma, cache : false, dataType : 'json', success : function(json){ if(json.success){ // 提交成功，清空數據 $('#EnquiryForm'+moduleId+' input[type="text"]').val(''); $('#EnquiryForm'+moduleId+' [name="Content"]').val(''); localStorage.removeItem('enquiryPro'+Siteid+inviteid); $('#dask'+moduleId).hide(); $("#enquiryDailog"+moduleId).hide(); // tmpl.remove() if($('.ks-overlay-mask').length!=0){ $('.ks-overlay-mask').hide(); } var toTop = $(window).scrollTop() $('body').css({'overflow-y':'auto','top':''}) $(window).scrollTop(toTop) } alert(json.msg); }, complete: function(request, status){ $(helperId).hide().html(''); } }); return false; } $.validator.addMethod("TelOrMail", function(value, element) { var regx = /((^(0\d{2,3})?\-?\d{6,8}$)|(^1\d{10}$))/; // 非簡體中文站走國際驗證，只需驗證是否按指定字符組合即可，不再驗證格式 if (getCookie('Lang') != 'cn') { regx = /((^(0\d{2,3})?\-?\d{6,8}$)|(^(\(|\)|\+|\-|\d){8,17}$))/; } //([0-9A-Za-z\-_\.]+)@([0-9a-z\-]+\.[a-z]{2,3}(\.[a-z]{2})?) if(!regx.test(value)){ if(!/^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/g.test(value)){ return false; }else{ return true; } } return true; }); $('#enquiryDailog293685172 .mobileEnquriyHeader').click(function (){ $('#enquiryDailog293685172').hide(); $('#dask293685172').hide(); $('.ks-overlay-mask').hide() $('body').css({'overflow-y':'auto','top':''}) }) $('#enquiryDailog293685172 .icon-guanbi').click(function (){ $('#enquiryDailog293685172').hide(); $('#dask293685172').hide(); $('.ks-overlay-mask').hide() $('body').css({'overflow-y':'auto','top':''}) var toTop = $(window).scrollTop() $(window).scrollTop(toTop) }) </script> <script> var mySwiper = null; addScript('/skinp/modules/ModuleProductListGiant/swiper.js',function(){ window['initProListSwiper293685172'] = function(){ mySwiper = initProListSwiper("#module_293685172",'left',{ 'LgItemCount': '1', 'MdItemCount': '', 'SmItemCount': '', 'xsItemCount': '1', marginRight:20, 'SwitchBy':'1', 'SwitchType':'0', 'Time':'2', 'Speed':'1', 'Layout': '122' }); } window['initProListSwiper293685172'](); }); function toshop(proid,event,showtype,DetailUrl,Target){ if(mySwiper != null){ mySwiper.stopAutoplay(); } showShopModal(proid, event, showtype,DetailUrl,Target); return false; } </script> <script type="text/javascript"> addScript('/skinp/modules/ModuleProductListGiant/productlist.js',function(){ initProductListGiant("293685172","122",{ 'PageLink' : "/Product/0.html?PageNo={PageNo}&ClassID=0&responseModuleId=293685172", 'MultiEllipsis':[{"targetCls": '#module_293685172 .pro-name', "limitLineNumber": ("1" ? "1" : 1), "isCharLimit": false},{"targetCls": '#module_293685172 .layout-122-name', "limitLineNumber": 2, "isCharLimit": false}], },"0","black"); }); </script> </div> </div> </div> <div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_293685178" > <div class="ModulePlainTextGiant layout-101 layout-color- module_293685178 clearfix">  <div class='BodyCenter BodyCenter293685178 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p style="text-align: center;"><span style="color:#ffffff;"><span style="font-size:24px;"><strong>熱門資訊</strong></span></span></p> </div> </div> <script> changeFontSize($('#module_293685178')); </script></div> </div> </div> <div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_293685140" > <div class="ModuleNewsListGiant layout-108 layout-color-black module_293685140 clearfix">  <div class='BodyCenter BodyCenter293685140 clearfix'><div> <ul class="news-container clearfix"> <li class="news-item clearfix twocontainergrid " > <a href="/NewsDetail/3018255.html" target='_self' > <div class="news-tit nodata"> <p class=" news-title test_ellipsis OneRow" style="width: 100% !important;"> 福建小區垃圾房都有什么作用？ </p> </div> </a> </li> <li class="news-item clearfix twocontainergrid " > <a href="/NewsDetail/3018252.html" target='_self' > <div class="news-tit nodata"> <p class=" news-title test_ellipsis OneRow" style="width: 100% !important;"> 福州垃圾分類房的結構與其價格影響因素 </p> </div> </a> </li> <li class="news-item clearfix twocontainergrid " > <a href="/NewsDetail/3018230.html" target='_self' > <div class="news-tit nodata"> <p class=" news-title test_ellipsis OneRow" style="width: 100% !important;"> 福州玻璃鋼崗亭的選用標準 </p> </div> </a> </li> <li class="news-item clearfix twocontainergrid " > <a href="/NewsDetail/3018226.html" target='_self' > <div class="news-tit nodata"> <p class=" news-title test_ellipsis OneRow" style="width: 100% !important;"> 關于福建崗亭放置和防腐效果 </p> </div> </a> </li> <li class="news-item clearfix twocontainergrid " > <a href="/NewsDetail/3018224.html" target='_self' > <div class="news-tit nodata"> <p class=" news-title test_ellipsis OneRow" style="width: 100% !important;"> 塑料鋼崗亭和不銹鋼崗亭的區別 </p> </div> </a> </li> <li class="news-item clearfix twocontainergrid " > <a href="/NewsDetail/3011941.html" target='_self' > <div class="news-tit nodata"> <p class=" news-title test_ellipsis OneRow" style="width: 100% !important;"> 南平移動公廁的防漏方法是什么呢？ </p> </div> </a> </li> </ul> </div> <script type="text/javascript"> addScript('/skinp/modules/ModuleNewsListGiant/newslist.js',function(){ initNewsList("293685140","108",{}) }) </script></div> </div> </div> </div><div class='clearfix visible-xs'></div><div id='Sub293685130_2' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-9 col-md-9 col-lg-9' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="347" id="module_290581254" > <div class="ModuleProductDetailGiant layout-108 layout-color-black module_290581254 clearfix">  <div class='BodyCenter BodyCenter290581254 clearfix'><style type="text/css"> #MobileNavRenderElem, .ModuleProductDetail .ModuleHead, #UserBar { display: none !important; } </style> <script type="text/javascript" src="http://static.styles-sys.com/skinp/common/mobile/js/html2canvas.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/scripts/jQPlugins/qrcode/qrcode.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/scripts/jQPlugins/qrcode/jquery.qrcode.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/share/clipboard/clipboard.min.js"></script> <link rel="stylesheet" type="text/css" href='//static.styles-sys.com/scripts/videojs/css/video-js.css'> </link> <script type="text/javascript"> $(function () { // 給微信分享用的 if ($('.preview-item').find('img').length > 0) { $($('.inSwiper-slide').find('img')[0]).clone().prependTo('body').css('display', 'none'); } else { $('<img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/78264/product/20210427093936811D33B73A474AD6_s.jpg" alt="公共環保公廁" style="display:none;" />').prependTo('body'); } }); </script> <div class="ModuleProduteDetailMain" layout="108"> <input type="hidden" name="ProductID" value="5082188"> <div class="clear_floatx inModuleProduteDetailTop"> <div class="swiperBox"> <div class="pro-big-pic-wb"> <div id="pro-bigPic" class="swiper-container gallery-top" rel=""> <div class="ProVideoDiv" style="display:none"> <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" style='width:100%;height:100%' x5-playsinline="" playsinline="" webkit-playsinline="" data-setup="{}"> <source src="" type='video/mp4' /> <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"> </track> <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"> </track> </video> <i class='iconfont icon-guanbi' style='position:absolute;right:7%;top:0%;font-size:18px;color:white;display:none;'></i> </div> <div class="swiper-wrapper"> <div class="swiper-slide" rel="/comdata/78264/product/20210427093936811D33B73A474AD6_b.jpg"> <div class="inSwiper-slide"> <div class="dummy"></div>  <img class="inSlide-size mobile-inSlide-size" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/78264/product/20210427093936811D33B73A474AD6_b.jpg" alt="公共環保公廁"> <img class="inSlide-size pc-inSlide-size" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/touming.png" alt=""> </div> </div> </div> <div class="swiper-pagination"></div>  </div> <a class="mobile-back" href="javascript:;">  <i class="iconfont icon-fanhui1"></i> </a> <div class="mobile-share-dow">  <a tabindex="0" class="btn watch-more" data-html="true" data-placement="bottom" data-trigger="focus" role="button" data-toggle="popover" data-container="#module_290581254 .ModuleProductDetailGiant" href="javascript:;"><i class="iconfont icon-fenxiang4" style="color: #fff; position: relative; top: 6px; display: block;"></i></a> </div> <div class="watch-more-content" style="display: none;"> <span class="pro-shar shareImg-mobile-btn" style="display: flex; align-items: center;"> <i class="iconfont icon-fenxiang4 collect-icon "></i> 分享 </span> </div> <a href="javascript:;" class="img-text-detail"> 圖文<br /> 詳情 </a> </div> <div class="gallery-thumbswb detail-dialog-control290581254"> <div id="pro-thumbnail" class="swiper-container gallery-thumbs"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="inSwiper-slide" style="background:url(//cdn.img-sys.com/comdata/78264/product/20210427093936811D33B73A474AD6_s.jpg) center no-repeat;background-size: contain" data-old-src="/comdata/78264/product/20210427093936811D33B73A474AD6_b.jpg"> <img class="inSlide-size mobile-inSlide-size" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/78264/product/20210427093936811D33B73A474AD6_b.jpg" alt="公共環保公廁"> <img class="inSlide-size pc-inSlide-size" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/touming.png" alt=""> </div> </div> </div> </div> <span class="pro-thumbnail-prev pro-thumbnail-direction iconfont icon-xiangyoujiantou "></span> <span class="pro-thumbnail-next pro-thumbnail-direction iconfont icon-xiangzuojiantou "></span> </div> </div> <div class="mobile-footer"> <a href="/Content/504914.html" target="_self"> <div class="flooter-icon xunpan"> <button class="enq-btn mob-enquiry denymob-enquiry" type="button" style="height:100%;border-width: 1px;border-style:solid;width:100vw;"> 立即詢盤 </button> </a> </div> </div> <div class="introduce "> <div class="introduceTop"> <div class="pro-row pd-b14 mobilepd"> <h1 class="pro-name" title="公共環保公廁">公共環保公廁</h1> </div> <p class="stress-content pro-row"> </p> </div> <div class="introduceBottom"> <p class="pro-row pcSharAndCollect" style="position: relative;"> <a href="/Content/504914.html" target="_self"> <button class="pro-btn enquirylink active" type="button"> <i class="iconfont icon-wodefankui" style="font-size: 18px;padding-right:7px;vertical-align: middle;"></i> 立即詢盤 </button> </a> <button class="pro-btn pro-btn-share" type="button"> <div class="verticalshare"><i class="iconfont icon-fenxiang4" style="vertical-align: middle;margin-right: 7px;"></i> <span class="share-text">分享</span> </div> <style> .share .tips,.share .social-share{ display: inline-block; } .social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; } .social-share .icon-wechat:hover .wechat-qrcode { display: block; } .social-share .social-share-icon { position: relative; display: inline-block; width: 36px; height: 36px; font-size: 20px; border-radius: 50%; line-height: 36px; border: 1px solid #ccc; color: #999; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s; } .social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; } .social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; } .social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; } .social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; } .social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; } .share{ position: relative;} .moreshare{ transition: all 0.5s; visibility:hidden; position: fixed; bottom: 0; opacity:0; z-index: 99999; left: 0; width: 100%; background: #F7F8FA;} .headtips{ display:flex; border-bottom: 1px #eeeeee solid; height: 50px; align-items: center; justify-content: space-between;} .bottomtips{ font-size: 16px; display: flex; border-top: 1px #fff solid; height: 50px; align-items: center; justify-content: center; background: #fff; color: #333; cursor: pointer;} .headtips .txt{padding-left: 18px; color:#666666; font-size: 16px;} .headtips .closemore{ cursor: pointer; padding-right: 20px;} .moreshare-content{ padding: 25px 25px 50px 25px; } .moreshare-content .social-share .social-share-icon{ width: 56px; height: 56px; line-height: 56px; margin: 0px; margin-right:calc((100% - 236px) / 3); /* background-image:url(//cdn.img-sys.com/images/shareicon-bg.png); */ font-size: 0; background-position-y: -1px; border: none !important; } .moreshare-content .social-share .social-share-icon:nth-child(4n){ margin-right: 0px; } .mt29{ margin-top: 70px !important;} .icon-txt{ width: 56px; color:#666666; font-size: 12px; line-height: 20px; margin-top: 10px;} .social-share .icon-default-WeChat:hover,.social-share .type-douban:hover{ color: #3dbe5b !important; border-color: #3dbe5b !important;} .social-share .type-weibo:hover{ color: #ff5757 !important; border-color: #ff5757 !important;} .social-share .icon-kefulei_huabanfuben11:hover{ color: #21b3f7 !important; border-color: #21b3f7 !important;} .social-share .icon-kongjian:hover{ color: #f8c514 !important; border-color: #f8c514 !important;} .social-share .icon-lianjie1:hover{ color: #999 !important; border-color: #999 !important;} .social-share .icon-Facebook2:hover{ color:#3D5A98!important; border-color:#3D5A98!important;} .social-share .icon-Twitter1:hover{ color:#1DA1F3!important; border-color:#1DA1F3!important; } .social-share .icon-linkedin:hover{ color:#0b66c3!important; border-color:#0b66c3!important;} .social-share .icon-tumblr:hover{ color:#36465f!important;border-color:#36465f!important;} .social-share .icon-Pinterest:hover{ color:#cb2027!important; border-color:#cb2027!important;} .social-share .icon-vk:hover{ color:#4c6c91!important; border-color:#4c6c91!important;} .social-share .icon-Facebook2{ color:#3D5A98;} .social-share .icon-Twitter1{ color:#1DA1F3; } .social-share .icon-linkedin{ color:#0b66c3; } .social-share .icon-tumblr{ color:#36465f;} .social-share .icon-Pinterest{ color:#cb2027;} .social-share .icon-vk{ color:#4c6c91; } .social-share .icon-lianjie1{ color: #999 ;} .vertical .social-share .icon-lianjie1{ color: #999 !important;border-color:#999 !important;} .vertical .social-share .icon-default-WeChat,.vertical .social-share .type-douban{ color: #3dbe5b !important; border-color: #3dbe5b !important;} .vertical .social-share .type-weibo{ color: #ff5757 !important; border-color: #ff5757 !important;} .vertical .social-share .icon-kefulei_huabanfuben11{ color: #21b3f7 !important; border-color: #21b3f7 !important;} .vertical .social-share .icon-kongjian{ color: #f8c514 !important; border-color: #f8c514 !important;} .vertical .social-share .icon-lianjie1{ color: #999 !important; border-color: #999 !important;} .vertical .social-share .icon-Facebook2{ color:#3D5A98!important; border-color:#3D5A98!important;} .vertical .social-share .icon-Twitter1{ color:#1DA1F3!important; border-color:#1DA1F3!important; } .vertical .social-share .icon-linkedin{ color:#0b66c3!important; border-color:#0b66c3!important;} .vertical .social-share .icon-tumblr{ color:#36465f!important;border-color:#36465f!important;} .vertical .social-share .icon-Pinterest{ color:#cb2027!important; border-color:#cb2027!important;} .vertical .social-share .icon-vk{ color:#4c6c91!important; border-color:#4c6c91!important;} .vertical { display: none;} .share-mobile{ display: none;} .mobile-share { padding: 0 10px; height: 32px; border: 1px solid #ccc; border-radius: 16px; line-height: 32px; text-align: center; cursor: pointer; } .shareMask{ top: 0; left: 0; position: fixed; z-index: 9999; height: 100%; width: 100%; background: #000; opacity: 0.6; display: none;} .share-wx-qrcode-img .help p{ width: 270px; margin: 0 auto; color:#999; display: block; line-height: 20px; height: auto; } .share-wx-qrcode-img,.wechat-qrcode { border-radius: 5px; top:0px; position: fixed;z-index:9999; top: 50%; left: 50%;box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.09); transform: translate(-50%,-50%);text-align: center; width: 270px; background: #fff; visibility: hidden;} #wx-qrcode{ width: 224px; height: 224px; margin: 0 auto;} .share-wx-qrcode-img h4{border-top-right-radius: 5px; border-top-left-radius: 5px;background: #F7F8FA; height: 40px; line-height: 40px; font-size: 16px; color: #666; font-weight: bold; margin-bottom: 13px;} .share-wx-qrcode-img .help{ margin-top: 12px; margin-bottom: 19px; color: #999;font-size: 14px; line-height: 20px;} .share-wx-tips{ display: none; z-index: 99999; position: fixed; top: 10px; right: 35px; color: #fff; font-size: 24px; text-align: center;} .vertical{ display: none; width: 142px; position:absolute; background: #ffffff; border-radius: 4px; box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.09); margin-top: 15px; left: 50%; transform: translateX(-50%); z-index: 999; } .vertical .social-share{ display: block; } .vertical .social-share-icon{ text-align:left; padding-left: 20px;display: block; height: 40px; line-height: 40px; width: 100%; border:none !important ;border-radius: unset;} .vertical::after{ content: ''; width: 0; height: 0; border: 10px solid; border-color: transparent transparent #ffffff; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); } .vertical .social-share-icon a,.vertical .social-share a {margin: 0;} .vertical .social-share-icon:hover{background-color: #F6F6F6;} .vertical .social-share-icon .tipstxt{font-size: 14px; color: #999; margin-left:13px;} .gwshare { display: none;} .moreshare-content .social-share .gwshare .social-share-icon { background-image:none; font-size: 16px; } .gnshare,.gwshare{ text-align: left;} @media only screen and (max-width: 767px) { .moreshare-content .gwshare .social-share-icon{ background: #fff !important;} .moreshare-content .social-share .icon-Facebook2{ color:#3D5A98 !important;;} .moreshare-content .social-share .icon-Twitter1{ color:#1DA1F3 !important;; } .moreshare-content .social-share .icon-linkedin{ color:#0b66c3 !important;; } .moreshare-content .social-share .icon-tumblr{ color:#36465f !important;;} .moreshare-content .social-share .icon-Pinterest{ color:#cb2027 !important;;} .moreshare-content .social-share .icon-vk{ color:#4c6c91 !important;; } .moreshare-content .social-share .icon-lianjie1{ color: #999 !important;;} } </style> <script type="text/javascript" charset="utf-8" src="http://static.styles-sys.com/share/social-share/social-share.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/share/clipboard/clipboard.min.js"></script> <script> var lang = getCookie("Lang"); var cururl = window.location.protocol + '//'+ window.location.host + '/' + lang + window.location.pathname.replace('/' + lang ,'') function copylink(){ var clipboard = new Clipboard('body',{ text:function(){ return document.title +'\n'+ cururl }, }); clipboard.on('success', function(e) { alert('復制成功！'); e.clearSelection(); clipboard.destroy() }); clipboard.on('error', function(e) { prompt('復制失敗，請選中后手動復制！', cururl); }); } $(function(){ var ua = navigator.userAgent.toLowerCase(); /** * 百度小程序很坑爹，自己屏蔽別人的鏈接，卻說打不開，然后審核不給通過 * 這里把鏈接跳轉的類型去掉 */ if (ua.match(/baiduboxapp/i) == "baiduboxapp") { $('.share a.type-weibo').remove(); $('.share a.type-qq').remove(); $('.share a.type-qzone').remove(); $('.share a.type-douban').remove(); } if(lang == 'cn' || lang == 'big5') { $('.gnshare').show(); $('.gwshare').hide(); } else { $('.gnshare').hide(); $('.gwshare').show(); } function createwxqrcode(){ var wxqrcode = document.querySelector("#share-wx-qrcode-img");// 需要繪制的部分的 (原生）dom 對象，注意容器的寬度不要使用百分比，使用固定寬度，避免縮放問題 var width = wxqrcode.offsetWidth; // 獲取(原生）dom 寬度 var height = wxqrcode.offsetHeight; // 獲取(原生）dom 高 var offsetTop = wxqrcode.offsetTop; //元素距離頂部的偏移量 var canvas = document.createElement('canvas'); //創建canvas 對象 var context = canvas.getContext('2d'); var scaleBy = 1; //獲取像素密度的方法 (也可以采用自定義縮放比例) canvas.width = width * scaleBy; //這里由于繪制的dom 為固定寬度，居中，所以沒有偏移 canvas.height = (height + offsetTop) * scaleBy; // 注意高度問題，由于頂部有個距離所以要加上頂部的距離，解決圖像高度偏移問題 context.scale(scaleBy, scaleBy); var opts = { useCORS:true, allowTaint:true,//允許加載跨域的圖片 tainttest:true, //檢測每張圖片都已經加載完成 scale:scaleBy, // 添加的scale 參數 canvas:canvas, //自定義 canvas //logging: true, //日志開關 width:width, //dom 原始寬度 height:height //dom 原始高度 }; html2canvas(wxqrcode,opts).then(function (canvas) { var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; $('.wechat-qrcode').addClass('hasimg'); $('.wechat-qrcode').html(newImg); $('.wechat-qrcode').css("visibility","visible"); $("#share-wx-qrcode-img").remove(); }) } $('.verticalshare').unbind('click').click(function(){ $('.vertical').toggle(); }) $(document).bind("click", function (e) { if($(e.target).closest(".verticalshare").length == 0) { $('.vertical').hide(); } }) $('.icon-default-WeChat').unbind('click').click(function(){ $('.vertical').hide() $('.shareMask').show(); $('.moreshare').css('opacity',0) $('.moreshare').css("visibility","hidden") //如果是在微信分享中分享的話 if(navigator.userAgent!=undefined && navigator.userAgent.toLowerCase().indexOf('micromessenger')>-1) { $('.share-wx-tips').show(); return; } if($('.wechat-qrcode').hasClass('hasimg')){ $('.wechat-qrcode').css("visibility","visible"); }else{ $("#share-wx-qrcode-img").css("visibility","visible") var params = {text:cururl,width:224,height:224}; if($('#wx-qrcode').html().length == 0 ) $('#wx-qrcode').qrcode(params); } }) $(".mobile-share").unbind('click').click(function(){ $('.shareMask').show(); $('.moreshare').css("visibility","visible") $('.moreshare').css('opacity',1) }) $(".bottomtips,.shareMask").unbind('click').click(function(){ $('.shareMask').hide() $('#share-wx-qrcode-img').css("visibility","hidden") $('.share-wx-tips').hide() $('.wechat-qrcode').css("visibility","hidden") $('.moreshare').css('opacity',0) $('.moreshare').css("visibility","hidden") }) }) </script> <div class="share"> <div class="share-wx-tips"> <img style="width: 50%; margin-left: 180px;" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/share-wx-tips.png"> <div>點擊右上角</div> <div>分享給朋友吧</div> </div> <div class="share-pc"> <div class="horizontal"> <div class="tips">分享到：</div> <div class="social-share" data-initialized="true"> <div class="gnshare"> <a href="javascript:void(0)" title="微信分享" class="social-share-icon iconfont icon-default-WeChat pcwechat"></a> <a href="#" title="新浪微博" class="social-share-icon iconfont type-weibo icon-default-Weibo "></a> <a href="#" title="騰訊QQ" class="social-share-icon iconfont type-qq icon-kefulei_huabanfuben11"></a> <a href="#" title="QQ空間" class="social-share-icon iconfont type-qzone icon-kongjian"></a> <a href="#" title="豆瓣" class="social-share-icon iconfont type-douban icon-default-douban "></a> <a href="javascript:void(0)" title="復制鏈接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"></a> </div> <div class="gwshare"> <a href="#" title="Twitter" class="social-share-icon iconfont type-Twitter icon-Twitter1"></a> <a href="#" title="Facebook" class="social-share-icon iconfont type-Facebook icon-Facebook2"></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr"></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest"></a> <a href="#" title="VK" class="social-share-icon iconfont type-vk icon-vk"></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin"></a> <a href="javascript:void(0)" title="復制鏈接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"></a> </div> </div> </div> <div class="vertical"> <div class="social-share" data-initialized="true"> <div class="gwshare"> <a href="#" title="Twitter" class="social-share-icon iconfont type-Twitter icon-Twitter1"><span class="tipstxt">Twitter</span></a> <a href="#" title="Facebook" class="social-share-icon iconfont type-Facebook icon-Facebook2"><span class="tipstxt">Facebook</span></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr"><span class="tipstxt">Tumblr</span></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest"><span class="tipstxt">Pinterest</span></a> <a href="#" title="VK" class="social-share-icon iconfont type-vk icon-vk"><span class="tipstxt">VK</span></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin"><span class="tipstxt">Linkedin</span></a> <a href="javascript:void(0)" title="復制鏈接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"><span class="tipstxt">復制鏈接</span></a> </div> <div class="gnshare"> <a href="javascript:void(0)" title="微信分享" class="social-share-icon iconfont icon-default-WeChat pcwechat"><span class="tipstxt" style="margin-left:12px">微信掃一掃</span></a> <a href="#" title="新浪微博" class="social-share-icon iconfont type-weibo icon-default-Weibo "><span class="tipstxt">新浪微博</span></a> <a href="#" title="騰訊QQ" class="social-share-icon iconfont type-qq icon-kefulei_huabanfuben11"><span class="tipstxt">騰訊QQ</span></a> <a href="#" title="QQ空間" class="social-share-icon iconfont type-qzone icon-kongjian"><span class="tipstxt" >QQ空間</span></a> <a href="#" title="豆瓣" class="social-share-icon iconfont type-douban icon-default-douban "><span class="tipstxt">豆瓣</span></a> <a href="javascript:void(0)" title="復制鏈接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"><span class="tipstxt">復制鏈接</span></a> </div> </div> </div> </div> <div class="share-mobile"> <div class="mobile-share"> <i class="iconfont icon-fenxiang4 "></i> <span>分享</span> </div> <div class="moreshare"> <div class="moreshare-content" > <div class="social-share" style= "width: 100%;" data-initialized="true"> <div class="gwshare"> <a href="javascript:void(0)" title="生成海報" class="social-share-icon iconfont createhb icon-shengchenghaibao" style="color: red; background: #fff; font-size: 20px;"><div class="icon-txt">生成海報</div></a> <a href="javascript:void(0)" title="復制鏈接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1" οnclick=""><div class="icon-txt" style="width: 60px;margin-left: -5px;">復制鏈接</div></a> <a href="#" title="Twitter" class="social-share-icon type-Twitter iconfont icon-Twitter1 " ><div class="icon-txt">Twitter</div></a> <a href="#" title="Facebook" class="social-share-icon type-Facebook iconfont icon-Facebook2"><div class="icon-txt">Facebook</div></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr mt29"><div class="icon-txt">Tumblr</div></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest mt29"><div class="icon-txt">Pinterest</div></a> <a href="#" title="VK"class="social-share-icon iconfont type-vk icon-vk mt29"><div class="icon-txt">VK</div></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin mt29"><div class="icon-txt">Linkedin</div></a> </div> <div class="gnshare"> <a href="javascript:void(0)" title="生成海報" class="social-share-icon iconfont createhb icon-shengchenghaibao" style="color: red; background: #fff; font-size: 20px;"><div class="icon-txt">生成海報</div></a> <a href="javascript:void(0)" title="復制鏈接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1" οnclick=""><img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/shareicon/copylink.png"/><div class="icon-txt">復制鏈接</div></a> <a href="#" title="微信分享" class="social-share-icon iconfont icon-default-WeChat"><img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/shareicon/weixin.png"/><div class="icon-txt">微信分享</div></a> <a href="#" title="新浪微博" class="social-share-icon type-weibo icon-default-Weibo "><img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/shareicon/weibo.png"/><div class="icon-txt">新浪微博</div></a>  <a href="#" title="QQ空間" class="social-share-icon type-qzone icon-kongjian mt29" ><img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/shareicon/kongjian.png"/><div class="icon-txt">QQ空間</div></a> <a href="#" title="豆瓣" class="social-share-icon type-douban icon-default-douban mt29"><img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/shareicon/douban.png"/> <div class="icon-txt">豆瓣</div></a> </div> </div> </div> <div class="bottomtips">取消</div> </div> </div> <div class="shareMask"></div> <div id="share-wx-qrcode-img" class="share-wx-qrcode-img"> <h4>分享至微信分享</h4> <div id="wx-qrcode"></div> <div class="help"> <p >打開微信分享“掃一掃”<br /> 即可分享到微信分享</p> </div> </div> <div class="wechat-qrcode"></div> </div> </button> </p> </div> </div> </div> <div class="particulars"> <div class="swiper-container"> <ul id="myTab" class="nav nav-tabs particularsNavBox swiper-wrapper justify-content"> <li class="active particularsNav swiper-slide"> <a href="#home0290581254" data-toggle="tab"> 產品詳情 </a> </li> </ul> </div> <div style="height: 1px;background: #dbdbdb;"></div> <div class="particularsMain tab-content clearfix"> <div class="tab-pane fade in active introduceMap" id="home0290581254"> <p style="text-indent: 2em; line-height: 3em;">可達性，可達性要求在<a href="/Product/424680.html" target="_self" style="text-decoration: none; color: rgb(0, 0, 238); font-size: 14px;">公共環保公廁</a>選址時應盡可能選擇旅游道路附近方便達到的地點，若離旅游線路較遠，則應同步建設方便行走的道路。</p><p style="text-indent: 2em; line-height: 3em;">可識別性，可識別性是游客及時如廁的另一特性，公共環保公廁需融于景觀但也需隱而不藏，即具有良好的識別性。</p><p style="text-indent: 2em; line-height: 3em;">便捷性，由于設施布局和游賞活動的復雜性，公共環保公廁的便捷性要求更高。要求公共環保公廁數量足夠、間距適宜，滿足特殊人群的需求以及配置便捷、舒適的內部設施等。</p><p><br/></p> </div> </div> </div> <div class="pro-chang-box clear_floatx"> <span class="por-prev fl change-btn"> <span class="prev"><a href="/ProductDetail/5056606.html">上一個 : 三明移動公廁</a></span> </span> <span class="por-next fr change-btn"> <span class="next"><a href="/ProductDetail/5082189.html">下一個 : 小區公廁</a></span> </span> </div> <script type="text/javascript"> var lang = getCookie("Lang"); var cururl = window.location.protocol + '//'+ window.location.host + '/' + lang + window.location.pathname.replace('/' + lang ,'') function copylink(){ var clipboard = new Clipboard('body',{ text:function(){ return document.title +'\n'+ cururl }, }); clipboard.on('success', function(e) { alert('復制成功！'); e.clearSelection(); clipboard.destroy() }); clipboard.on('error', function(e) { prompt('復制失敗，請選中后手動復制！', cururl); }); } function createQrcodeImg(){ var shareContent = document.querySelector("#shareContent");// 需要繪制的部分的 (原生）dom 對象，注意容器的寬度不要使用百分比，使用固定寬度，避免縮放問題 var scaleBy = 2.5; //獲取像素密度的方法 (也可以采用自定義縮放比例) var offsetTop = shareContent.offsetTop; //元素距離頂部的偏移量 var width = shareContent.offsetWidth; // 獲取(原生）dom 寬度 var height = shareContent.offsetHeight * 2.5; // 獲取(原生）dom 高 var canvas = document.createElement('canvas'); //創建canvas 對象 var context = canvas.getContext('2d'); canvas.width = width * scaleBy; //這里由于繪制的dom 為固定寬度，居中，所以沒有偏移 canvas.height = (height + offsetTop) * scaleBy; // 注意高度問題，由于頂部有個距離所以要加上頂部的距離，解決圖像高度偏移問題 context.scale(scaleBy, scaleBy); var opts = { allowTaint:true,//允許加載跨域的圖片 tainttest:true, //檢測每張圖片都已經加載完成 scale:scaleBy, // 添加的scale 參數 canvas:canvas, //自定義 canvas logging: true, //日志開關 width:width, //dom 原始寬度 height:height //dom 原始高度 }; html2canvas(shareContent, opts).then(function (canvas) { var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; $('.img-show').html(newImg); $('#shareContent').remove(); $('.imgmodal-txt').removeClass('showhide'); }); } function isIOS(){ var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串 if(userAgent.indexOf('iPhone') > -1){ return true; }else{ return false; } } $(document).ready(function(){ // 解決圖片跨域無法生成分享圖的問題圖片鏈接加 http 不再有跨域問題 // var img=new Image; // var imgUrl = $('.html2canvas .pro-img-deail').attr('imgurl'); // img.onload=function(){ // var old_canvas=document.createElement("canvas"); // old_canvas.width=img.width,old_canvas.height=img.height; // var g=old_canvas.getContext("2d"); // g.drawImage(img,0,0,img.width,img.height); // var newUrl = old_canvas.toDataURL(); // $('.html2canvas .pro-img-deail').css("backgroundImage","url(" + newUrl + ")"); // }; // img.crossOrigin="anonymous"; //關鍵 // img.src=imgUrl; // end showqrcode(); }); function showqrcode(){ $(".pro-img-deail").html('<img no-delay="1" src="'+window.location.protocol+'//www.doublehappiness-delmar.com/comdata/78264/product/20210427093936811D33B73A474AD6_s.jpg?cdn=0" />'); $("#shareContent").css("background-image","url("+window.location.protocol+'//'+window.location.host+"/images/posterbg.png?cdn=0)") $('.bgcolor').css('background-color',$('.enquiry').css('background-color')) var PosterIcon = '' if(PosterIcon != '' ){ $("#jq-logo").html('<img no-delay="1" src="'+window.location.protocol+'//'+window.location.host + PosterIcon+'?cdn=0">'); } $('.shareImg-mobile-btn').unbind().on('click',function(){ $('.imgmodal').show(); if(!$('.img-show').hasClass('imghas')){ $('.imgmodal-txt').addClass('showhide'); $('.img-show').addClass('imghas'); var lang = getCookie('Lang') $('.Productqrurl').val(window.location.pathname) var qrurl = 'www.doublehappiness-delmar.com/'+lang+$('#qrurl').val(); var params = {text:window.location.protocol+'//'+qrurl,width:80,height:80}; // if("" != ''){ // var logourl = "?cdn=0"; // var params = {text:window.location.protocol+'//'+qrurl,logo:logourl,width:74,height:74,logoborder:1,logowidth:30,logoheight:30,logopadding:2}; // } // else{ // var params = {text:window.location.protocol+'//'+qrurl,width:74,height:74}; // } var cc = $('.html2canvas').html(); $('.html2canvas').remove(); $('#shareContent').html(cc); $('#jq-qrcode').qrcode(params); //延時一下，保證圖片加載正常 var sleep = setInterval(function(){ createQrcodeImg(); clearInterval(sleep) },2000) } var scroll = $(document).scrollTop(); $('body,html').addClass('overflow'); $('.BodyCenter').addClass('fixed'); $('.img-closebtn').off().on('click',function(){ $('.imgmodal').hide(); $('#shareContent').hide(); $('body,html').removeClass('overflow'); $('.BodyCenter').removeClass('fixed'); $(document).scrollTop(scroll); }); }); } $(window).load(function(){ // if(isIOS()){ // $('.copylink').remove(); // } }); // function </script> <style type="text/css"> .html2canvas{background-color: #fff;max-width: 375px; padding: 0 20px; display:none;} #shareContent{background-color: #fff;max-width: 375px; left:0;position: fixed;top:600px; z-index: 9999; left:0px; background-repeat: no-repeat; background-position: top; background-size: 100%; } .pro-share-qrcode{ width: 100%; margin: 0 auto; border-radius: 4px; } .pro-name-deail{word-wrap:break-word; padding: 0 10px; color:#353535; font-size: 20px; display: table-cell; vertical-align: middle; width: 100%;} .pro-img-deail{border-radius: 5px;margin-bottom:20px; background: #fff; text-align: center;width: 100%;background-repeat: no-repeat; background-position: center;} .pro-share-qrcode-bottom{width:100%;position: relative;padding-bottom: 30px;} .bottom-bgimg{position: absolute;} .bottom-div{height: 100%;} .bottom-tr{display: flex;align-items: center;margin-top: 25px;flex-wrap: wrap; justify-content: center;} .pro-share-qrcode-txt p{color: #fff;font-size: 14px;} .pro-share-qrcode-txt{text-align: center;width: 120px;line-height: 1.5;} .pro-share-qrcode-img{ width: 100%;} #jq-qrcode{ border:1px solid #d2d2d2; margin: 0 auto;position: relative; background-color: #fff; padding: 5px;} .imgmodal{display: none;filter: alpha(opacity=60); background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6);position: fixed; top: 0; left: 0; bottom: 0; width: 100%; z-index: 9999; padding: 44px 44px 0 44px;overflow: overlay; } .imgmodal-body{position: relative;} .img-closebtn{position: absolute; right: -30px; top: -30px;} /* .img-show img{border-radius: 10px;} */ .imgmodal-txt{color: #fff; margin: 0 auto;margin-top: 10px;line-height: 1;width:200px;} .copylink-ico,.downimg-ico{width: 25px; margin-right: 10px;} .copylink,.downimg{margin-bottom: 5px;} .copylink-txt,.downimg-txt{font-size: 12px;} .copylink,.downimg{display: inline-block;} .blur-div{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);} .overflow{overflow: hidden;} .share-qrcode{float: right; margin-right: 10px;cursor:pointer; } .load-img{color: #fff; text-align: center; padding-top: 50px;} .showhide{display: none!important;} .pro-share-qrcode-txt{color:#868686; width: 110px; padding-top: 10px;} .pro-share-qrcode-txt span{ display: block; width: 50px;} #jq-logo{width: 156.5px;margin: 0 auto;padding-top:22px;padding-bottom:30px;} .pro-company-deail{ padding: 0 10px;text-align: right; font-size: 28px; color: #CCCCCC; padding-right: 24px; margin-bottom: 23px;} .pro-img-deail img {object-fit: fill ;width: 100%;height: 100%;} .pro-describe-deail {word-wrap:break-word; width:100%; padding: 0 10px;margin-top:14px; margin-bottom: 24px;color:#858585; font-size: 12px; line-height: 20px}; .pro-Price-deail{ padding: 0 10px;padding-top: 20px; color:red;font-size:14px; } .pro-Price-deail b{ color:red; font-size:24px; } .bgcolor{ width: 100%; height: 10px; background-color: #000;} </style> <div class="html2canvas"> <div class="pro-share-qrcode"> <div id="jq-logo"></div> <div class="pro-img-deail "></div> <div class="pro-name-deail">公共環保公廁</div> <div class="pro-describe-deail"></div> </div> <div class="pro-share-qrcode-bottom" > <div class="bottom-div"> <div class="bottom-tr"> <div class="pro-share-qrcode-img"> <div id="jq-qrcode"></div> <input type="hidden" id="qrurl" class="Productqrurl" value=" ProductDetail/5082188.html?invite=" /> </div> <div class="pro-share-qrcode-txt"> 長按識別二維碼查看詳情 </div> </div> </div> </div> <div class="bgcolor"></div> </div> <div id="shareContent"></div> <div class="imgmodal"> <div class="imgmodal-body"> <div class="img-closebtn"><img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/close.png" width="25px"></div> <div class="img-show"> <div class="load-img"> <img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/skinp/common/mobile/css/loading-4.gif" alt="" />  </div> </div> <div class="imgmodal-txt" style="margin-top: 20px"> <div class="copylink" onclick="copylink()" style="margin-bottom: 10px"> <img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/link.png" class="copylink-ico" /> <span class="copylink-txt">復制產品鏈接</span> </div> <div class="downimg" id="downimga"> <img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/down.png" class="downimg-ico" /> <span class="downimg-txt">長按圖片保存/分享</span> </div> </div> </div> </div> </div> <div id="enquiryDailog290581254" class="enquiryDailog" >  <div class="mobileEnquriyHeader"> <div style="height: 44px;text-align: center;line-height: 44px"> <div style="width:44px;float: left;"><i class="iconfont icon-xiangzuojiantou" style="font-size: 14px;font-weight: bold"></i></div> <div class="mobileEnquirySpan"><span style="font-size: 16px;font-weight: bold">詢盤</span></div> </div> <hr style="width: 100%;margin: 0px"/> </div>  <div class="mainEnquiryDiv" style="width: 100%;">  <div id="enquiryFormDiv290581254" class="enquiryFormDiv"> <div class="enquiryFormDiv2" > <p class="enquriyFormTitle" >咨詢表單：</p> <div > <form id="EnquiryForm290581254" class="EnquiryForm" action="" method="post" onsubmit="return saveEnquiryMsg()" > <ul> <li> <input type="text" name="Contact" class="form-control input-giant" style="border-radius: 4px;border:1px solid #EEEEEE;box-shadow:none" placeholder="聯系人:"/> <span style='position: absolute;right: 25px;display: none'></span> </li> <li> <input type="text" name="Tel" class="form-control input-giant" style="border-radius: 4px;border:1px solid #EEEEEE;box-shadow:none" placeholder="電話/郵箱:"/> <span style='position: absolute;right: 25px;display: none'></span> </li> <li> <textarea name="Content" rows="10" class="form-control" style="height: 105px;border-radius: 4px;resize: none;border:1px solid #EEEEEE;box-shadow:none" placeholder="最多請輸入 250 個字"></textarea> </li> <li style="margin-bottom: 10px;"> <img src="/index.php?c=validatecode" class="captchaImg" alt="請輸入驗證碼"/> <input type="text" id="VCode" name="VCode" class="form-control vcode" style="box-shadow:none;width: calc(100% - 125px);display: inline-block;border-radius: 4px;border:1px solid #EEEEEE" placeholder="請輸入驗證碼"/> </li> <li id="tipsEnquiryMsg290581254" style="text-align:center;color:red;display:none"> <strong>留言成功</strong><br /> 留言提交成功，我們將會盡快處理您的留言<br /> <b style="color:#FF0000;"></b> </li> <li class="text-center"> <input type="submit" class="ModuleSubmitButton btn" style="background-color: #2fbeed;color:#ffffff;width:100%" value="提交"/> </li> </ul> </form> </div> </div> </div>  <div class="enquiryMobileCut"></div>  <div id="enquiryProDiv290581254" class="enquiryProDiv" > <span class="enquiryClose" ><i class='iconfont icon-guanbi' style="font-size: 12px"></i></span> <p class="enquiryProTitle" >咨詢內容：</p>  <hr class="enquiryProHr"/> <div class="enquiryPro" > <ul id="enquiryProList290581254" class="enquiryProList"> </ul> </div> </div>  <div id="enquiryNonePorduct290581254"> <span class="enquiryClose" ><i class='iconfont icon-guanbi' style="font-size: 12px"></i></span> <div align="center" class="enquiryNonePorduct"> <img style="width: 168px;height: 168px" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/NoData.png" /> <p class="enquiryNoProText" >你還沒有添加任何產品</p> </div> </div> </div> <div id="showcallback290581254"></div> </div> <div class="daskhide" id="dask290581254"></div> <style> .daskhide { width: 100%; left: 0px; top: 0px; height: 100%; position: fixed; user-select: none; z-index:999; background-color: #000; opacity: .3; filter: alpha(opacity=30); display: none } .enquiryDailog ::-webkit-scrollbar-track{ background: #fff; } .enquiryDailog ::-webkit-scrollbar-thumb{ background: #efefef; } .enquiryProList { text-align: center; } .enquiryProList img{ width: 60px; height: 60px; float: left; margin : 10px 10px 10px 12px; } .enquiryProList .deleteitem{ color: red; cursor:pointer; } .EnquiryForm li{ padding-bottom:14px ; } .enquiryDailog { display: none; z-index:10001; width: 900px; height:600px; position: fixed; background-color: #fff; top:50%; left:50%; transform: translate(-50%,-50%); } .mainEnquiryDiv{ height: 100%; overflow: hidden; } .enquiryFormDiv{ float:left; width: 55%; overflow-y: auto; height: 100%; } .enquiryDailog .ModuleCustomFormGiant { margin-top: 32px; } .enquiryDailog .ModuleCustomFormGiant .ModuleHead { text-align: center; } .enquiryDailog .Form-containt{ padding: 0 32px 32px 32px; } .enquiryDailog .Form-list{ padding-top:14px !important; } .enquiryDailog .ModuleHead .HeadText{ line-height: 1.5; font-size: 24px; } .enquiryDailog .ModuleCustomFormGiant.layout-101 .VerificationCodediv{ top:50%; } .enquiryFormDiv2{ padding-top: 97px; } .enquiryProDiv{ float: right; width:calc(46% - 12px); height: 100%; background-color: #f7f8f9 } .enquiryPro{ float: left; padding-right: 10px; overflow-y:auto; overflow-x:hidden ; height:85%; padding-left: 24px; width: 98%; } .enquiryClose{ float: right; padding: 10px 12px 0px 0px; cursor: pointer; } .EnquiryForm{ margin-left: 43px; width: 84% } .enquiryProTitle{ margin-left: 26px; font-size: 16px; font-weight:bold; width: calc(100% - 10px); margin-top: 32px } .enquiryProHr{ margin:12px auto; } .mobileEnquriyHeader{ display: none; } .enquriyFormTitle{ font-size: 24px; text-align: center; font-weight:bold; padding-bottom: 30px; width: 100%; line-height: 24px; } .enquiryLiDel{ float:right; z-index: 10; margin-top:12px; margin-right: 12px; background-color:#eeeeee; border-radius: 50%; color:#999999; width: 7%; height: 24px; line-height: 24px; } .enquiryLiDel:hover{ color:red; background-color: #ffcbcb; } .enquiryProName{ width:60%; display: block; margin-top: 12px; float: left; color:#666666; text-align: left; word-wrap: break-word; word-break: normal; line-height: 1.5; font-size: 16px; } .enquiryNoProText{ font-size: 18px; color: #999999; text-align: center; padding-top: 30px } .enquiryNonePorduct{ display: none; position:absolute; top: 15%; left: 50%; transform:translate(-50%) } @media only screen and (min-width: 992px) and (max-width: 1199px){ .enquiryDailog { width: 91%; height:81%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .enquiryDailog { width: 100%; height: 100%; overflow-y:auto; overflow-x:hidden ; } .enquiryProList img{ width: 150px; height: 150px; } .enquiryFormDiv,.enquiryDailog [moduletype='ModuleCustomFormGiant']{ float:none; width: 100% } .enquiryProDiv{ float: none; width:100%; height: 100%; background-color: #ffffff } .enquiryFormDiv2{ padding-top: 25px; } .enquiryPro{ float: none; margin-right: 0px; overflow-y:inherit; height:100%; margin-left: 0px; } .enquiryClose{ display: none; } .enquiryMobileCut{ height: 10px; width: 100%; background-color:#f7f8f9 ; } .enquiryProList img{ width: 61px; height: 61px; float: left; margin : 8px 8px 8px 10px; } .EnquiryForm{ margin-left: 16px; width: 96% } .enquiryProTitle{ margin-left: 0px; font-size: 14px; font-weight:bold; width: 100%; margin-top: 25px; margin-bottom:20px ; text-align: center; } .enquriyFormTitle{ margin-left: 0px; font-size: 14px; text-align: center; font-weight:bold; padding-bottom: 20px } .enquiryProHr{ display:none; } .mobileEnquriyHeader{ display: block; text-align: center; padding-top: 6px; } .enquiryLiDel{ width: 4%; } .enquiryProName{ width: 567px; } .mobileEnquirySpan{ padding-right: 9% } .EnquiryForm li:last-child{ padding-bottom: 25px; } .enquiryNoProText{ font-size: 14px; color: #999999; text-align: center; padding-top: 30px } .enquiryNonePorduct{ display: none; position:absolute; top: 29%; left: 50%; transform:translate(-50%) } } @media only screen and (max-width: 768px){ .mainEnquiryDiv{ overflow: initial; } .enquiryDailog { width: 100%; height: 100%; overflow-y:auto; overflow-x:hidden ; } .enquiryProList img{ width: 150px; height: 150px; } .enquiryFormDiv,.enquiryDailog [moduletype='ModuleCustomFormGiant']{ float:unset; width: 100% } .enquiryProDiv{ float: none; width:100%; height: 100%; background-color: #ffffff } .enquiryFormDiv2{ padding-top: 20px; } .enquiryPro{ float: unset; margin-right: 0px; overflow-y:unset; height:100%; margin-left: 0px; } .enquiryClose{ display: none; } .enquiryMobileCut{ height: 10px; width: 100%; background-color:#f7f8f9 ; } .enquiryProList img{ width: 61px; height: 61px; float: left; margin : 8px 8px 8px 10px; } .EnquiryForm{ margin-left: 16px; width: 92% } .enquiryProTitle{ margin-left: 0px; font-size: 14px; font-weight:normal; width: 100%; margin-top: 25px; margin-bottom:10px ; text-align: center; } .enquriyFormTitle{ margin-left: 0px; font-size: 14px; text-align: center; font-weight:normal; padding-bottom: 20px } .enquiryProHr{ display:none; } .mobileEnquriyHeader{ display: block; text-align: center; padding-top: 6px; } .mobileEnquirySpan{ padding-right: 16% } .EnquiryForm li:last-child{ padding-bottom: 25px; } .enquiryNoProText{ font-size: 14px; color: #999999; text-align: center; padding-top: 30px } .enquiryNonePorduct{ display: none; position:absolute; top: 29%; left: 50%; transform:translate(-50%) } } </style> <script> var moduleId; $(function(){ //show的回調 var scrollTop var enquiryShowCall=function(pro_name,pro_id,pro_img,moduleid){ var Siteid=getCookie('InitSiteID'); var inviteid=getCookie('invite') || ''; moduleId=moduleid; proArr=JSON.parse(localStorage.getItem('enquiryPro'+Siteid+inviteid)) || []; scrollTop = $(window).scrollTop(); $('body').css({ 'overflow-y':'hidden', 'top':-scrollTop }) productcID=pro_id; //需要判斷是否瀏覽過次產品 var flag=false; if(proArr!=[]){ for(var i =0;i<proArr.length;i++){ if(productcID==proArr[i]['productID']){ flag= true; break; } } } if(!flag){ var obj={}; obj['name']=pro_name; obj['image']= pro_img; obj['productID']=productcID; proArr.push(obj); var obj_str=JSON.stringify(proArr) localStorage.setItem('enquiryPro'+Siteid+inviteid,obj_str); } $('#enquiryProList'+moduleid).empty(); if(proArr!=[]){ $html="" for(var i =0;i<proArr.length;i++){ $html+='<li style="width:100%;float:left;margin:5px 0px;position:relative;border: 1px solid #EEEEEE;background-color: #ffffff;border-radius: 4px;"><div><div class="enquiryLiDel" productid="'+proArr[i]["productID"]+'"><span><i class="iconfont icon-iconshanchu62" ></i></span></div><img src="'+proArr[i]["image"]+'"><span class="enquiryProName">'+proArr[i]["name"]+'</span></div></li>'; } $('#enquiryProList'+moduleid).append($html); } $('#enquiryNonePorduct'+moduleid).css('display','none'); $('.enquiryNonePorduct').css('display','none'); $('#enquiryProDiv'+moduleid).show(); $('#enquiryFormDiv'+moduleid).show(); if($('#enquiryProDiv'+moduleid).closest('.ModuleFullItemContainer').length > 0){ var bodyh = $('body').height() var offsettop = $('#module_'+moduleid).closest('.ModuleFullItemContainer').offset().top $('#dask'+moduleid).css('cssText','top:-'+offsettop+'px;height:'+bodyh+'px') } $('#dask'+moduleid).show(); $('#enquiryProList'+moduleid).off(".enquiryLiDel").on("click.enquiryLiDel",'.enquiryLiDel',function(){ $(this).parents("li").remove(); var Siteid=getCookie('InitSiteID'); var inviteid=getCookie('invite') || ''; proArr=JSON.parse(localStorage.getItem('enquiryPro'+Siteid+inviteid)) || []; for(var i =0;i<proArr.length;i++){ if($(this).attr('productID')==proArr[i]['productID']){ proArr.splice(i,1); break; } } if(proArr.length==0){ $('#enquiryNonePorduct'+moduleid).css('display','block'); $('.enquiryNonePorduct').css('display','block'); $('#enquiryProDiv'+moduleid).hide(); $('#enquiryFormDiv'+moduleid).hide(); } var obj_str=JSON.stringify(proArr) localStorage.setItem('enquiryPro'+Siteid+inviteid,obj_str); }) } $('#showcallback290581254').data('enquiryCallBack', enquiryShowCall); $('[name="Content"]').val(''); $('#module_9998290581254').removeClass('ModuleItem') $('#module_9998290581254').removeAttr('isdefaultstyle') $('#EnquiryForm290581254 img.captchaImg').off('click').on('click', function () { var src = $('#EnquiryForm'+moduleId).find('img.captchaImg').attr('src').replace(/t=[^&]*/) + '&t=' + new Date().getTime(); $('#EnquiryForm'+moduleId).find('img.captchaImg').attr('src', src); }); $('#EnquiryForm'+moduleId).find('img.captchaImg').click(); }); function saveEnquiryMsg(){ var validate = $("#EnquiryForm"+moduleId).validate({ rules: { Contact: {required:true,maxlength:30}, Tel: {required:true, maxlength:30,TelOrMail:true}, Addr: {required:true,maxlength:100}, Content:{required:true,maxlength:250}, VCode:"required" }, messages: { Contact: {required:"請輸入聯系人姓名！",maxlength:''}, Tel: { required:"請輸入聯系電話/郵箱！", maxlength: "" }, Addr: { required: "請輸入您的聯系地址！" ,maxlength:''}, Title: { required: "標題不能為空！" ,maxlength:''}, Content: {required:"留言內容不能為空！",maxlength:''}, VCode: "請輸入驗證碼！" }, wrapper: "span", errorPlacement: function(error, element) { error.css("display","none"); if(!element.attr("border")) element.attr("border",element.css("border")); if(error.text()){ //這里會被重復調用所以不能使用彈框。 element.attr("placeholder",error.text()); element.css("border","1px solid #ca0000"); }else{ element.css("border",element.attr("border")); } }, success: function(error, element) { } }).form(); if(!validate) return false; if(""==1){ if(""!=1){ alert("請先登錄"); return false; } } var helperId = '#tipsEnquiryMsg' + moduleId; $(helperId).show(); $(helperId).html("正在提交留言，請稍候..."); var parma=$('#EnquiryForm'+moduleId).serialize(); var Siteid=getCookie('InitSiteID'); var inviteid=getCookie('invite') || ''; proArr=JSON.parse(localStorage.getItem('enquiryPro'+Siteid+inviteid)) || []; if(proArr!=[]){ var proid=""; for(var i =0;i<proArr.length;i++){ proid+=","+proArr[i].productID; } proid=proid.substr(1) parma+='&enquiryProID='+proid; } $.ajax({ type: 'POST', url: '/index.php?c=Front/GuestBookSave', data: parma, cache : false, dataType : 'json', success : function(json){ if(json.success){ // 提交成功，清空數據 $('#EnquiryForm'+moduleId+' input[type="text"]').val(''); $('#EnquiryForm'+moduleId+' [name="Content"]').val(''); localStorage.removeItem('enquiryPro'+Siteid+inviteid); $('#dask'+moduleId).hide(); $("#enquiryDailog"+moduleId).hide(); // tmpl.remove() if($('.ks-overlay-mask').length!=0){ $('.ks-overlay-mask').hide(); } var toTop = $(window).scrollTop() $('body').css({'overflow-y':'auto','top':''}) $(window).scrollTop(toTop) } alert(json.msg); }, complete: function(request, status){ $(helperId).hide().html(''); } }); return false; } $.validator.addMethod("TelOrMail", function(value, element) { var regx = /((^(0\d{2,3})?\-?\d{6,8}$)|(^1\d{10}$))/; // 非簡體中文站走國際驗證，只需驗證是否按指定字符組合即可，不再驗證格式 if (getCookie('Lang') != 'cn') { regx = /((^(0\d{2,3})?\-?\d{6,8}$)|(^(\(|\)|\+|\-|\d){8,17}$))/; } //([0-9A-Za-z\-_\.]+)@([0-9a-z\-]+\.[a-z]{2,3}(\.[a-z]{2})?) if(!regx.test(value)){ if(!/^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/g.test(value)){ return false; }else{ return true; } } return true; }); $('#enquiryDailog290581254 .mobileEnquriyHeader').click(function (){ $('#enquiryDailog290581254').hide(); $('#dask290581254').hide(); $('.ks-overlay-mask').hide() $('body').css({'overflow-y':'auto','top':''}) }) $('#enquiryDailog290581254 .icon-guanbi').click(function (){ $('#enquiryDailog290581254').hide(); $('#dask290581254').hide(); $('.ks-overlay-mask').hide() $('body').css({'overflow-y':'auto','top':''}) var toTop = $(window).scrollTop() $(window).scrollTop(toTop) }) </script> <script> if ('0' == '1' && '1' == '1') { loadStyleSheet('/skinp/modules/ModuleProductDetailGiant/detailDialog.css'); } $(window).load(function () { if (!"1" && !"1") { $('[show-div="pro-evaluate"]').hide(); } }); addScript('/skinp/modules/ModuleProductDetailGiant/details.js', function () { $(function () { details('290581254', '108', '', '[]', '[]', '0', "/comdata/78264/product/20210427093936811D33B73A474AD6_b.jpg", "公共環保公廁"); initProductDetailQrcode('掃描二維碼'); }); }); </script> </div> </div> </div> <script>$.get("/index.php?c=front/ProductDetail&a=getHits&id=5082188",function(data,status){$(".hits").text(data.Hits)});</script></div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("293685130",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script> </div> </div> </div> </div> <div id='FooterZone' ismodulecontainer='true' class='FooterContainer FooterZoneContainer ZoneContainer FooterZone ModuleContainer clearfix '><div class="ModuleItem StaticModule mhidden-xs" wo="1552" id="module_290581214" > <div class="ModuleGridGiant layout-101 layout-color- module_290581214 clearfix">  <div class='BodyCenter BodyCenter290581214 clearfix'><div class='ModuleGridContainer ModuleGridContainer290581214' gridswidthmode='0'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub290581214_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-12 col-md-12 col-lg-12' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="1400" id="module_290581215" > <div class="ModuleCommonClsGiant layout-105 layout-color-black module_290581215 clearfix">  <div class='BodyCenter BodyCenter290581215 clearfix'><ul class="one-classify-box show"> <li class="main-class-item"><a class="main-class-text OneRow" href="/" target="_self">首頁</a></li> <li class="main-class-item"><a class="main-class-text OneRow" href="/GuanYuWoMen" target="_self">公司簡介</a></li> <li class="main-class-item"><a class="main-class-text OneRow" href="/ProductIndex" target="_self">產品中心</a></li> <li class="main-class-item"><a class="main-class-text OneRow" href="/News" target="_self">新聞中心</a></li> <li class="main-class-item"><a class="main-class-text OneRow" href="/ShouHouFuWu" target="_self">售后服務</a></li> <li class="main-class-item"><a class="main-class-text OneRow" href="/Content/504914.html" target="_self">聯系方式</a></li> </ul> <script type="text/javascript"> addScript('/skinp/modules/ModuleCommonClsGiant/commoncls.js', function () { initCommonClsGiant(290581215,'105') }); </script></div> </div> </div> </div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("290581214",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script> </div> </div> </div> <div class="ModuleItem StaticModule " wo="1552" id="module_293667439" > <div class="ModuleGridGiant layout-101 layout-color- module_293667439 clearfix">  <div class='BodyCenter BodyCenter293667439 clearfix'><div class='ModuleGridContainer ModuleGridContainer293667439' gridswidthmode='0'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub293667439_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-4 col-md-4 col-lg-4' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="467" id="module_290581219" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_290581219 clearfix">  <div class='BodyCenter BodyCenter290581219 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2.5em;"><span style="color:#d3d3d3;">服務熱線：</span></p> <p style="line-height: 2.5em;"><span style="font-family: arial, helvetica, sans-serif; color: rgb(255, 255, 255);"><strong><span style="font-family: arial, helvetica, sans-serif; font-size: 38px;">153-9610-8531</span></strong></span></p> <p style="line-height: 2.5em;"><span style="color:#d3d3d3;">地址：福州市閩侯縣青口祥謙鎮蘭圃大象山涂料廠隔壁</span></p> </div> </div> <script> $('#module_290581219 >.module_290581219').css('cssText','-webkit-transform:translate3d(0,0,0)') changeFontSize($('#module_290581219')); </script></div> </div> </div> </div><div class='clearfix visible-xs'></div><div id='Sub293667439_2' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-8 col-md-8 col-lg-8' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="933" id="module_293667816" > <div class="ModulePlainTextGiant layout-101 layout-color- module_293667816 clearfix">  <div class='BodyCenter BodyCenter293667816 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p><span style="color:#d3d3d3;">版權所有©福建金梁環?？萍加邢薰荆?/span><a href="/"><span style="font-size:14px;"><span style="color:#ffffff;"><span style="line-height:2.5;">www.doublehappiness-delmar.com</span></span></span></a><span style="color:#d3d3d3;">）技術支持：百誠互聯 </span></p> <p><span style="color:#d3d3d3;">公司主營：福州崗亭,垃圾房,福建移動公廁,移動公廁,車棚,垃圾桶</span></p> <p><a ><span style="color:#ffffff;">福建</span></a><span style="color:#ffffff;"> </span><a ><span style="color:#ffffff;">福州</span></a><span style="color:#ffffff;"> </span><a href="/CityDomainIndex?&view=1"><span style="color:#ffffff;">更多城市</span></a></p> </div> </div> <script> changeFontSize($('#module_293667816')); </script></div> </div> </div> </div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("293667439",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script> </div> </div> </div> <div class="ModuleItem StaticModule " wo="1552" id="module_315847280" > <div class="ModuleCustomCodeGiant layout-101 layout-color- module_315847280 clearfix">  <div class='BodyCenter BodyCenter315847280 clearfix'><script type='text/javascript'> (function(m, ei, q, i, a, j, s) { m[i] = m[i] || function() { (m[i].a = m[i].a || []).push(arguments) }; j = ei.createElement(q), s = ei.getElementsByTagName(q)[0]; j.async = true; j.charset = 'UTF-8'; j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t'; s.parentNode.insertBefore(j, s); })(window, document, 'script', '_MEIQIA'); _MEIQIA('entId', 230369); </script> </div> </div> </div> </div> </div> </div>   <div class="ModuleItem " id="module_290581400" > <div id="module_290581400" class="MobileFloatNav"> <div class="FloatNavQRCode" style="z-index:5001" onclick="FloatQRShow();"> <div class="FloatNavMask"></div> <span class="FloatNavQRCodeImg" style="display:block;"><img id="imgFloatNavQrCode" style="width: 160px; height: 160px;" _src="/index.php?c=front/Qrcode&a=getFloatNavQrCode" /></span> </div> <div id="MobileFloatNav" Param_Enable = 0 class="ModuleMobileFloatNavGiant setletf " style='bottom:100px;display:none; '> <div class="FloatNavitemlist"> <a href="tel:" class="itembtn" itemid="2"> <span moren='icon-dianhua-moren' class="itemicon icon iconfont icon-dianhua-moren " style = ""> </span> </a> <a onclick="gototop()" class="itembtn" itemid="3"> <span moren='icon-zhiding-moren' class="itemicon icon iconfont icon-zhiding-moren " style = ""></span> </a> </div> <div class="defaultbtn"> <span class="spotgroup icon iconfont icon-gengduotianchong"></span> </div> </div> <script> $(function () { isshowFloatNav() $('.defaultbtn').click(function () { var items = $(".FloatNavitemlist a").length; if ($('.FloatNavitemlist').css("display") == "none") { $(this).addClass('defaultbtnbghover') $(this).find('.spotgroup').addClass('defaultbtniconbghover') $(this).find('span').removeClass('icon-gengduotianchong'); $(this).find('span').addClass('icon-guanbi'); } else { $(this).removeClass('defaultbtnbghover') $(this).find('.spotgroup').removeClass('defaultbtniconbghover') $(this).find('span').addClass('icon-gengduotianchong'); $(this).find('span').removeClass('icon-guanbi'); } if($(".FloatNavitemlist").css('display')=='block'){ $(".FloatNavitemlist").css('display','none') $(".FloatNavitemlist").css('height',"50") }else{ $(".FloatNavitemlist").css('display','block') $(".FloatNavitemlist").animate({ height: 60 * items }, 100) } itemtext(); }) $(window).on('resize', function () { isshowFloatNav() }) if(window.CanDesign == 'True'){ $('.defaultbtn').click(); setInterval(itemtext,50) } }) function showHomePage() { if (window.location.search.indexOf('view=1') > -1) { window.location.href = window.location.protocol + '//' + window.location.host + '?view=1&SiteType=1'; } else { window.location.href = window.location.protocol + '//' + window.location.host + '?SiteType=1'; } } function gototop(){ $('html,body').animate({scrollTop:0},'slow'); } function isshowFloatNav() { if ($(window).width() > 992) { $('#MobileFloatNav').css('display', 'none') } else { if($("#MobileFloatNav").attr("Param_Enable") == 1) $('#MobileFloatNav').css('display', 'block') } } function FloatQRShow() { if (!$('#imgFloatNavQrCode').attr('src')) { $('#imgFloatNavQrCode').attr('src', $('#imgFloatNavQrCode').attr('_src')); } $(".FloatNavQRCode").toggle(); var dmHeight = $(".FloatNavQRCodeImg").height(); var sTop = $(".footer").offset().top - dmHeight; var left = $(".footer").offset().left; var width = $('#pagebody').width(); if (navigator.platform.toLowerCase().indexOf("win") > -1) width = parseInt(width) - 17; if (typeof (modulesContainers) != 'undefined') { $(".FloatNavQRCodeImg").css({ "width": $('#pagebody').width() - 6, "bottom": $(".footer").height(), "left": left + "px", "height": dmHeight + "px" }); $(".FloatNavMask").css({ "width": "100%", "height": $('#pagebody').outerHeight() + "px", "top": $('#pagebody').offset().top + "px" }); } else { $(".FloatNavQRCodeImg").css({ "width": "192px", "height": "192px", "top": "initial", "bottom": $('#MobileFloatNav').innerHeight(), "left": ($('body').outerWidth() / 2 - $(".FloatNavQRCodeImg").outerWidth() / 2) }); $(".FloatNavMask").css({ "width": "100%", "height": "100%", "top": "0" }); } return false; } function itemtext() { $(".itemtext").each(function () { var fontsize = $(this).css('font-size').replace('px',''); //var count = $(this).html().trim().length; var widthcount = getwidth($(this).html().trim())* fontsize; $(this).css('width',widthcount); if ($(this).hasClass("itemtextleft")) { $(this).css("left", "65px") } else { $(this).css("left", "-" + ($(this).outerWidth() + 15) + "px") } // if ($(this).attr('isok') !== '1') { // $(this).attr('isok', '1') // } }) } function getwidth(value){ var count = 0 var length = value.length; for(var i=0; i<=length - 1;i++){ if(/^[A-Za-z0-9]*$/.test(value[i])) { count = count + 0.5; }else{ count=count+1; } } return Math.ceil(count); } </script> <style> .setletf { left: 10px } .setright { right: 10px } </style> </div> </div>  <div class="WeixinPupop"> <div class="wxPupopMask"></div> <div class="wxInfoBox wxInfoBoxpc"> <span class="iconfont icon-zu3 wxpupopclose"></span> <div class="pcwxinfo wxinfo"> <div class="wxtext">添加微信好友，詳細了解產品</div> <div class="wxqrcode"><img src= "" /></div> <div class="wxnumber"><span></span></div> <div class="wxtips">使用企業微信<br />“掃一掃”加入群聊</div> </div> <div class="mobilewxinfo wxinfo"> <img class="wxsuccessimg" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/wxsuccess.gif"> <div class="wxsuccesstips">復制成功</div> <div class="wxnumber"></div> <div class="wxtext">添加微信好友，詳細了解產品</div> </div> <a class="wxpupopbtn">我知道了</a> </div> </div> <div id="SiteBah" style="width:100%;clear:both;background:#000;color:white;text-align:center;height:30px;line-height:30px;opacity:0.8;z-index:9999999"> <a target="_blank" style="color:#fff" > 閩ICP備2021003412號-1</a> </div>    <div id="enterpriseCardBox" style="display: none;"> <div class="enterpriseCardContainer"> <a href=""></a> <div><img src=""></div> </div> <script type="text/javascript"> $(function () { var enterpriseCardIDIndex = 'enterpriseCardID' + getCookie('InitSiteID') if ( getCookie(enterpriseCardIDIndex) && Number(getCookie(enterpriseCardIDIndex)) > 0 && getCookie(enterpriseCardIDIndex) != undefined && getCookie(enterpriseCardIDIndex) != null && getCookie(enterpriseCardIDIndex) != '' && window.innerWidth < 768 ) { $('#enterpriseCardBox .enterpriseCardContainer a').attr('href', '/EnterpriseCard/' + getCookie(enterpriseCardIDIndex)); $('#enterpriseCardBox .enterpriseCardContainer a').html('回到' + getCookie('enterpriseCardName' + getCookie('InitSiteID')) + '的個人主頁'); $('#enterpriseCardBox .enterpriseCardContainer img').attr('src', getCookie('enterpriseCardImage' + getCookie('InitSiteID'))); $('#enterpriseCardBox').show(); $('#enterpriseCardBox .enterpriseCardContainer div').on('click', function () { $('#enterpriseCardBox').addClass('enterpriseCardBoxShow'); return false; }); $('#enterpriseCardBox').on('click', function () { $('#enterpriseCardBox').removeClass('enterpriseCardBoxShow'); }); addScript('/scripts/jquery-ui.min.js', function(){ addScript('/scripts/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js', function () { $('#enterpriseCardBox .enterpriseCardContainer').draggable({ zIndex: 999, cursor: "move", scroll: false, appendTo: 'body', containment: 'body', start: function (event, ui) { $('#enterpriseCardBox').removeClass('enterpriseCardBoxRight') $('#enterpriseCardBox').removeClass('enterpriseCardBoxLeft') $(ui.helper).addClass('onDrag') }, drag: function (event, ui) {}, stop: function (event, ui) { $(ui.helper).removeClass('onDrag') if (parseInt($(ui.helper).css('top')) < 28) $(ui.helper).css('top', '28px'); else if (parseInt($(ui.helper).css('top')) > ($(window).height() - 28)) $(ui.helper).css('top', ($(window).height() - 28) + 'px'); if (ui.offset.left >= (window.innerWidth / 2)) $('#enterpriseCardBox').addClass('enterpriseCardBoxRight') else $('#enterpriseCardBox').addClass('enterpriseCardBoxLeft') } }); }); }); } else { $('#enterpriseCardBox').remove(); } }) </script> </div><script type="text/javascript"> var rawUrl=""; var Page="YouZhan.SiteFront.ProductDetail"; var PageID="510490"; var PageConf = {"EnableBodyTopZone":true,"EnableBodyFootZone":true,"EnableBodyLeftZone":true,"EnableBodyRightZone":true,"EnableBodyFullPage":true,"EnableBodyMain1Zone":true,"EnableBodyMain2Zone":false,"EnableBodyMain3Zone":false,"EnableBodyMain4Zone":false,"HeaderZonePositionType":0,"FooterZonePositionType":0,"BodyTopZonePositionType":0,"BodyFootZonePositionType":0,"BodyLeftZonePositionType":0,"BodyRightZonePositionType":0,"BodyMain1ZonePositionType":0,"BodyMain2ZonePositionType":0,"BodyMain3ZonePositionType":0,"BodyMain4ZonePositionType":0,"EnableFreeMain":true}; var SiteLayoutSetting = {"siteLayout":"default","sidePlateWidth":240}; var SiteType="1"; var IsUserCenter = "0" var hasFullSwitch = 0; var isPlatformVersion = "1"; var SiteCreateTime = "1616635490"; var ENABLE_FENXIAO = ""; var isSysDomain = false; var SysDomain = ["yz168.cc","ijianzhan.net","iyz168.com","wds168.cn","dzg168.com","ish168.com"]; for(var i in SysDomain){ if(location.host.indexOf(SysDomain[i]) > -1){isSysDomain = true;break;} } if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE6.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE8.0"){ checkBowerTip(); } // 當在IE且布局為左右布局，則做點兼容處理 if($('#pagebody').hasClass('isPageFlowLayout') && SiteLayoutSetting && /msie/.test(navigator.userAgent.toLowerCase()) && !/opera/.test(navigator.userAgent.toLowerCase())) { if (SiteLayoutSetting.sidePlateWidth != undefined && SiteLayoutSetting.sidePlateWidth != null && SiteLayoutSetting.sidePlateWidth != '') { $('#pagebody').css('display', 'block'); $('#BodyMainZoneContainer').css('width', 'calc(100% - '+ SiteLayoutSetting.sidePlateWidth +'px)'); } } $(window).load(function(){ // 獲取當前頁面信息 if (window.CanDesign == "True") { if (window.parent && window.parent.getPageInfo && typeof window.parent.getPageInfo == 'function') { window.parent.getPageInfo(PageID) } } }) </script>  <script type='text/javascript'> clearInterval(delayTimer); delayload({ id: ['pagebody'], src: '/images/loading2.gif', bgsrc: '/images/imgbg.png' }); </script>  <script type='text/javascript'> var referrer = document.referrer + ''; if(IsWeiXin && referrer == '') referrer = 'wechat.com'; var countersrc = '/count?Referer='+escape(referrer)+'&Width='+escape(screen.width)+'&Height='+escape(screen.height)+'&Page='+escape(window.location.pathname+window.location.search); document.write("<script async type='text/javascript' src='" + countersrc + "'></"+"script>"); if (window.location.getQueryString){ var linkKID = window.location.getQueryString("linkKID"); if(linkKID){ var linkKeySrc = '/index.php?c=Front/Seo&a=innerLink&linkKID=' + linkKID; document.write("<script async type='text/javascript' src='" + linkKeySrc + "'></"+"script>"); } } </script>  <script src="http://static.styles-sys.com/share/wow.min.js"></script> <script> new WOW().init(); </script> <script> if (!IsWeiXin){ //addScript('/share/floaters.js',function(){ // addScript('/index.php?c=Front/IMPanel',null); //}); if(!isSysDomain){ (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); })(); $(window).load(function(){ $.getJSON("/PageBaiduPush.php?siteid=" + getCookie('InitSiteID') + "&url=" + encodeURIComponent(window.location.href), null, function (json) {}); }) } }else{ addScript('https://res.wx.qq.com/open/js/jweixin-1.3.2.js'); addScript('/scripts/party/weixinshare.js?v=20201226001'); } $(window).load(function(){ if (IsWeiXin) { var match = window.location.href.match(/#invite(\d+)/i); var barurl = "/index.php?c=front/UserBar"; if(match && match[1]) barurl += "&invite="+match[1]; if ("YouZhan.SiteFront.ProductDetail" == "YouZhan.SiteFront.HomeIndex" || "YouZhan.SiteFront.ProductDetail" == "YouZhan.SiteFront.NewsDetail" || "YouZhan.SiteFront.ProductDetail" == "YouZhan.SiteFront.ProductDetail") $("#userbar").load(barurl); } }); </script> <script> $(window).load(function(){ var WUserID = getCookie("WUserID"); $.get("/PageGetAgentInfo.php?wuserid="+ WUserID + "&action=getcopyright", null, function (data) { if(data){ $("body").append(data); } } ); if($(window).width()<787 && $("#SiteBah:visible").length > 0){ if($("#MobileFootNav:visible").length > 0){ $('#pagebody').css('padding-bottom',"80px"); }else{ $('#pagebody').css('padding-bottom',"30px"); } if($(".news-comment:visible").length == 0){ $('#MobileFootNav').css('cssText','bottom:30px') } $('#SiteBah').css('cssText','width:100%;clear:both;background:#000;color:white;text-align:center;height:30px;line-height:30px;opacity:0.8;z-index:9999999;position: fixed;bottom:0') } }) </script> <script>setCookie("InitSiteID","78264");setCookie("SiteType","1");setCookie("IsDefaultLang","1");setCookie("WUserID","16166354908806");setCookie("Lang","cn");setCookie("SiteType","1");</script> <a href="http://www.doublehappiness-delmar.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>