天津塑料加工-天津?；囁芰现破酚邢薰?/title> <meta name="keywords" content="天津塑料加工,河北塑料制品加工,注塑模具加工,汽車塑料加工"/> <meta name="description" content="天津?；囁芰现破酚邢薰緦I從事塑料加工、注塑模具加工、塑料制品加工等,聯系我們:13821463185.我們和眾多知名企業近10年的合作經驗,主要應用于汽車行業,節約能源,質量為本."/> <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=83959_1728670_1_&pagecacheid=&siteid=83959&yztest=&md5=42bab07477292ab0c6cab670ffdb6650&version=20210622&file=L2NhY2hlcy9jc3NjYWNoZS84LzgzOTU5LzgzOTU5XzE3Mjg2NzBfMV8uY2FjaGU=' 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_1728670" class="module_bg_color"> <div style="position:fixed;left:-9000px;top:-9000px;"><menu id="uqsqs"><source id="uqsqs"><tr id="uqsqs"></tr></source></menu><noscript id="uqsqs"></noscript><strong id="uqsqs"></strong><object id="uqsqs"><strong id="uqsqs"><xmp id="uqsqs"></xmp></strong></object><table id="uqsqs"></table><td id="uqsqs"><option id="uqsqs"><kbd id="uqsqs"></kbd></option></td><xmp id="uqsqs"><option id="uqsqs"><source id="uqsqs"></source></option></xmp><wbr id="uqsqs"></wbr><code id="uqsqs"></code><noscript id="uqsqs"></noscript><source id="uqsqs"></source><kbd id="uqsqs"></kbd><tbody id="uqsqs"></tbody><td id="uqsqs"></td><blockquote id="uqsqs"></blockquote><xmp id="uqsqs"></xmp><code id="uqsqs"><tbody id="uqsqs"><wbr id="uqsqs"></wbr></tbody></code><blockquote id="uqsqs"><center id="uqsqs"><tr id="uqsqs"></tr></center></blockquote><button id="uqsqs"></button><noscript id="uqsqs"></noscript><button id="uqsqs"></button><samp id="uqsqs"></samp><nav id="uqsqs"></nav><center id="uqsqs"></center><input id="uqsqs"></input><center id="uqsqs"></center><dd id="uqsqs"></dd><xmp id="uqsqs"><table id="uqsqs"><option id="uqsqs"></option></table></xmp><blockquote id="uqsqs"></blockquote><tbody id="uqsqs"><wbr id="uqsqs"><s id="uqsqs"></s></wbr></tbody><li id="uqsqs"><rt id="uqsqs"><samp id="uqsqs"></samp></rt></li><object id="uqsqs"><xmp id="uqsqs"><table id="uqsqs"></table></xmp></object><u id="uqsqs"></u><legend id="uqsqs"></legend><blockquote id="uqsqs"></blockquote><small id="uqsqs"></small><xmp id="uqsqs"><td id="uqsqs"><option id="uqsqs"></option></td></xmp><td id="uqsqs"><option id="uqsqs"><u id="uqsqs"></u></option></td><wbr id="uqsqs"></wbr><center id="uqsqs"></center><source id="uqsqs"><acronym id="uqsqs"><nav id="uqsqs"></nav></acronym></source><small id="uqsqs"></small><rt id="uqsqs"><u id="uqsqs"><code id="uqsqs"></code></u></rt><sup id="uqsqs"><input id="uqsqs"><dd id="uqsqs"></dd></input></sup><tbody id="uqsqs"></tbody><legend id="uqsqs"></legend><button id="uqsqs"></button><blockquote id="uqsqs"></blockquote><wbr id="uqsqs"></wbr><u id="uqsqs"></u> <source id="uqsqs"></source><div id="uqsqs"><li id="uqsqs"><rt id="uqsqs"></rt></li></div><option id="uqsqs"><kbd id="uqsqs"><object id="uqsqs"></object></kbd></option><input id="uqsqs"></input><code id="uqsqs"><dd id="uqsqs"><button id="uqsqs"></button></dd></code><table id="uqsqs"></table><kbd id="uqsqs"></kbd><u id="uqsqs"></u><small id="uqsqs"></small><wbr id="uqsqs"></wbr><tt id="uqsqs"><blockquote id="uqsqs"><tbody id="uqsqs"></tbody></blockquote></tt><kbd id="uqsqs"></kbd><tr id="uqsqs"><s id="uqsqs"><menu id="uqsqs"></menu></s></tr><xmp id="uqsqs"></xmp><acronym id="uqsqs"></acronym><bdo id="uqsqs"><option id="uqsqs"><source id="uqsqs"></source></option></bdo><tt id="uqsqs"><blockquote id="uqsqs"><optgroup id="uqsqs"></optgroup></blockquote></tt><legend id="uqsqs"></legend><menu id="uqsqs"><table id="uqsqs"><noscript id="uqsqs"></noscript></table></menu><noscript id="uqsqs"></noscript><kbd id="uqsqs"><object id="uqsqs"><strong id="uqsqs"></strong></object></kbd><div id="uqsqs"><rt id="uqsqs"><u id="uqsqs"></u></rt></div><wbr id="uqsqs"></wbr><small id="uqsqs"></small><acronym id="uqsqs"></acronym><legend id="uqsqs"></legend><table id="uqsqs"><noscript id="uqsqs"><kbd id="uqsqs"></kbd></noscript></table><bdo id="uqsqs"></bdo><wbr id="uqsqs"></wbr><noscript id="uqsqs"><source id="uqsqs"><samp id="uqsqs"></samp></source></noscript><sup id="uqsqs"></sup><xmp id="uqsqs"></xmp><nav id="uqsqs"></nav><bdo id="uqsqs"><center id="uqsqs"><tr id="uqsqs"></tr></center></bdo><rt id="uqsqs"></rt><xmp id="uqsqs"><table id="uqsqs"><option id="uqsqs"></option></table></xmp><strong id="uqsqs"><small id="uqsqs"><td id="uqsqs"></td></small></strong><option id="uqsqs"><source id="uqsqs"><object id="uqsqs"></object></source></option><rt id="uqsqs"><code id="uqsqs"><nav id="uqsqs"></nav></code></rt><blockquote id="uqsqs"></blockquote><code id="uqsqs"></code><tbody id="uqsqs"><tr id="uqsqs"><s id="uqsqs"></s></tr></tbody><small id="uqsqs"><li id="uqsqs"><rt id="uqsqs"></rt></li></small><li id="uqsqs"></li><input id="uqsqs"></input><table id="uqsqs"><noscript id="uqsqs"><acronym id="uqsqs"></acronym></noscript></table><xmp id="uqsqs"></xmp><u id="uqsqs"><object id="uqsqs"><small id="uqsqs"></small></object></u><noscript id="uqsqs"><u id="uqsqs"><object id="uqsqs"></object></u></noscript><acronym id="uqsqs"><label id="uqsqs"><bdo id="uqsqs"></bdo></label></acronym> <samp id="uqsqs"></samp><legend id="uqsqs"></legend><source id="uqsqs"></source><strong id="uqsqs"><xmp id="uqsqs"><td id="uqsqs"></td></xmp></strong><rt id="uqsqs"></rt><u id="uqsqs"><dd id="uqsqs"><nav id="uqsqs"></nav></dd></u><wbr id="uqsqs"></wbr><li id="uqsqs"></li><s id="uqsqs"><tt id="uqsqs"><optgroup id="uqsqs"></optgroup></tt></s><kbd id="uqsqs"><strong id="uqsqs"><strong id="uqsqs"></strong></strong></kbd><s id="uqsqs"><tt id="uqsqs"><bdo id="uqsqs"></bdo></tt></s><u id="uqsqs"><samp id="uqsqs"><nav id="uqsqs"></nav></samp></u><nav id="uqsqs"></nav><nav id="uqsqs"></nav><optgroup id="uqsqs"></optgroup><object id="uqsqs"><strong id="uqsqs"><small id="uqsqs"></small></strong></object><li id="uqsqs"><rt id="uqsqs"><input id="uqsqs"></input></rt></li><button id="uqsqs"></button><input id="uqsqs"></input><kbd id="uqsqs"></kbd><tt id="uqsqs"></tt><u id="uqsqs"></u><u id="uqsqs"></u><object id="uqsqs"></object><kbd id="uqsqs"><samp id="uqsqs"><dd id="uqsqs"></dd></samp></kbd><option id="uqsqs"><kbd id="uqsqs"><strong id="uqsqs"></strong></kbd></option><samp id="uqsqs"></samp><div id="uqsqs"><rt id="uqsqs"><u id="uqsqs"></u></rt></div><bdo id="uqsqs"><center id="uqsqs"><acronym id="uqsqs"></acronym></center></bdo><option id="uqsqs"></option><tt id="uqsqs"></tt><legend id="uqsqs"><object id="uqsqs"><xmp id="uqsqs"></xmp></object></legend><wbr id="uqsqs"></wbr><source id="uqsqs"><label id="uqsqs"><menu id="uqsqs"></menu></label></source><strong id="uqsqs"></strong><kbd id="uqsqs"></kbd><legend id="uqsqs"><tr id="uqsqs"><s id="uqsqs"></s></tr></legend><noscript id="uqsqs"></noscript><nav id="uqsqs"><td id="uqsqs"><option id="uqsqs"></option></td></nav><source id="uqsqs"></source><wbr id="uqsqs"><button id="uqsqs"><input id="uqsqs"></input></button></wbr><bdo id="uqsqs"></bdo><blockquote id="uqsqs"></blockquote><blockquote id="uqsqs"></blockquote><acronym id="uqsqs"></acronym><s id="uqsqs"></s><dd id="uqsqs"></dd><small id="uqsqs"></small><kbd id="uqsqs"><object id="uqsqs"><strong id="uqsqs"></strong></object></kbd><small id="uqsqs"></small></div>   <article class="ModuleMobileNavGiant layout-101 mobileNav-354471323" id="module_354471323" moduletype="ModuleMobileNavGiant"> <section class="containers "> <section id="MobileNav" direction ="right" class="mobileNav mobileNav_1"> <header id="header"> <div class="navcontent" style="margin-left:8pt;margin-right:0; ">  <p onclick="window.location.href='/'" style="text-align:left;">?；囁芰?/p>  <a href="tel:13821463185"><span class="icons iconfont icon-dianhua-moren"></span></a>  <a href="/PageSearch?isSearch=1"><span class="icons iconfont icon-sousuo"></span></a> </div> <a href="#" class="mm-hbtn" style ="position:relative;"> <div class="lcbody lcbody3 lcitem " onclick="thisshowMobileNavFloatLayer(this,'right')"> <span class="rect top"></span> <span class="rect center"></span> <span class="rect bottom"></span> </div> </a> </header> </section> <div class="header-model"></div> <section id="MobileNavFloatLayer" class=" mobileNavFloatLayer mobileNavFloatLayer_2 mobileNavFloatLayer_1"> <nav class="micro-nav-item"> <ul id="accordion"> <li class="clearfix border1px"> <a href="/" class="link " target="_self"> <p style="display: block;overflow: unset;margin-left: 0;left: 0;"> <i class="main-class-colorlump"></i> </p> <i class="about-us fl iconfont " style="color:#ffffff; background: none"></i> <p class="fl maxlarge">首頁</p> </a> </li> <li class="clearfix border1px"> <a href="/Content/1728604.html" class="link " target="_self"> <p style="display: block;overflow: unset;margin-left: 0;left: 0;"> <i class="main-class-colorlump"></i> </p> <i class="about-us fl iconfont " style="color:#ffffff; background: none"></i> <p class="fl maxlarge">產品中心</p> </a> </li> <li class="clearfix border1px"> <a href="/Content/1728605.html" class="link " target="_self"> <p style="display: block;overflow: unset;margin-left: 0;left: 0;"> <i class="main-class-colorlump"></i> </p> <i class="about-us fl iconfont " style="color:#ffffff; background: none"></i> <p class="fl maxlarge">關于我們</p> </a> </li> <li class="clearfix border1px"> <a href="/Content/1728663.html" class="link " target="_self"> <p style="display: block;overflow: unset;margin-left: 0;left: 0;"> <i class="main-class-colorlump"></i> </p> <i class="about-us fl iconfont " style="color:#ffffff; background: none"></i> <p class="fl maxlarge">榮譽資質</p> </a> </li> <li class="clearfix border1px"> <a href="/Content/1728607.html" class="link " target="_self"> <p style="display: block;overflow: unset;margin-left: 0;left: 0;"> <i class="main-class-colorlump"></i> </p> <i class="about-us fl iconfont " style="color:#ffffff; background: none"></i> <p class="fl maxlarge">新聞資訊</p> </a> </li> <li class="clearfix border1px"> <a href="/Content/1728608.html" class="link " target="_self"> <p style="display: block;overflow: unset;margin-left: 0;left: 0;"> <i class="main-class-colorlump"></i> </p> <i class="about-us fl iconfont " style="color:#ffffff; background: none"></i> <p class="fl maxlarge">聯系我們</p> </a> </li> </ul> </nav> </section> <div class="MobileNavClickLayer" onclick="showMobileNavClickLayer(0)"></div> </section> <script> var dom = "#module_"+"354471323"+" #MobileNavFloatLayer"; var ScrollFix = function(elem) { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); var startY, startTopScroll; elem.addEventListener('touchstart', function(event){ if(isiOS){if(!$('body').hasClass('bodyabstre')) $('body').addClass('bodyabstre');} else{if(!$('body').hasClass('bodyfixd')) $('body').addClass('bodyfixd');} startY = event.touches[0].pageY; startTopScroll = elem.scrollTop; //當滾動條在***頂部的時候 if(startTopScroll <= 0) elem.scrollTop = 1; //當滾動條在***部的時候 if(startTopScroll + elem.offsetHeight >= elem.scrollHeight) elem.scrollTop = elem.scrollHeight - elem.offsetHeight - 1; }, false); }; ScrollFix($(dom).get(0)); function onViewChange() { $('body').removeClass('bodyabstre').removeClass('bodyabstre'); $('body').removeClass('bodyfixd').removeClass('bodyfixd'); container.classList.toggle('view-change'); $('.langlistbox').hide(); $('.langlistboxshadow').hide() window['curMobileNavClick'] = false } function thisshowMobileNavFloatLayer(obj,direction){ showMobileNavFloatLayer(obj,direction) if($("#MobileNavFloatLayer").hasClass('showFloatNav') || $("#MobileNavFloatLayer").hasClass('showFloatNavright')) { $('.MobileNavClickLayer').show() $('.navcontent').css('visibility','hidden') window['curMobileNavClick'] = true }else{ $('.MobileNavClickLayer').hide() $('.navcontent').css('visibility','visible') window['curMobileNavClick'] = false } } function showMobileNavClickLayer(type){ if( type == 0 ){ thisshowMobileNavFloatLayer('','right') } else { thisshowMobileNavFloatLayer() } onViewChange() } var container = document.querySelector('.containers'); var bumen = document.querySelector('.lcbody'); bumen.addEventListener('click', onViewChange); $(function() { var Accordion = function(el, multiple) { this.el = el || {}; this.multiple = multiple || false; var links = this.el.find('.more'); links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown) } Accordion.prototype.dropdown = function(e) { var $el = e.data.el, $this = $(this), $next = $this.parent().next(); $next.slideToggle(); $this.closest('li').toggleClass('open'); $this.parent().parent().siblings().find('.navul').slideUp().parent().removeClass('open'); $this.parent().siblings('ul').find('.navul').slideUp().parent().removeClass('open'); // debugger if (!e.data.multiple) { $el.find('.navul').not($this.parents($el.selector + ' li').find('.navul')).slideUp().parent().removeClass('open'); }; return false } var accordion = new Accordion($('#accordion'), false); }); if(typeof(initScroll) == "function"){ initScroll(); } </script> </article>  <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 mhidden-xs" wo="1912" id="module_354471355" > <div class="ModuleGridGiant layout-101 layout-color- module_354471355 clearfix">  <div class='BodyCenter BodyCenter354471355 clearfix'><div class='ModuleGridContainer ModuleGridContainer354471355' gridswidthmode='2'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub354471355_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="1200" id="module_354471364" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_354471364 clearfix">  <div class='BodyCenter BodyCenter354471364 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p>歡迎瀏覽天津?；囁芰现破酚邢薰竟俜骄W站！注塑、組裝一體的制造公司,擁有和眾多知名企業近10年的合作經驗.</p> </div> </div> <script> $('#module_354471364 >.module_354471364').css('cssText','-webkit-transform:translate3d(0,0,0)') </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("354471355",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script> </div> </div> </div> <div class="ModuleItem StaticModule mhidden-xs" wo="1912" id="module_354471852" > <div class="ModuleGridCustomGiant layout-101 layout-color- module_354471852 clearfix">  <div class='BodyCenter BodyCenter354471852 clearfix'><style id='commonstyle_Sub354471852_1'>#module_354471852 .BodyCenter.BodyCenter354471852 #Sub354471852_1{}#module_354471852 .BodyCenter.BodyCenter354471852 #Sub354471852_1:hover{}</style><style id='commonstyle_Sub354471852_2'>#module_354471852 .BodyCenter.BodyCenter354471852 #Sub354471852_2{}#module_354471852 .BodyCenter.BodyCenter354471852 #Sub354471852_2:hover{}</style><style id='commonstyle_Sub354471852_3'>#module_354471852 .BodyCenter.BodyCenter354471852 #Sub354471852_3{}#module_354471852 .BodyCenter.BodyCenter354471852 #Sub354471852_3:hover{}</style><div class='ModuleGridContainer ModuleGridContainer354471852' gridswidthmode='2'><div class='row ModuleGridCustomContainer ModuleSubContainer grid-col-1'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub354471852_1' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="336" id="module_354471854" > <div class="ModuleImageGiant layout-101 layout-color- module_354471854 clearfix">  <div class='BodyCenter BodyCenter354471854 clearfix'> <img class="image-animation" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/202105/20210514163615a09569.png" url="/comdata/83959/202105/20210514163615a09569.png" alt="圖片展示" /> </div> </div> </div> </div><div class='SubPadding SubPadding1'></div><div id='Sub354471852_2' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="518" id="module_354471863" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_354471863 clearfix">  <div class='BodyCenter BodyCenter354471863 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2.5em;"><span style="font-size: 20px;"><strong>擁有和眾多知名企業近10年的合作經驗</strong></span></p> <p><span style="color: rgb(89, 89, 89); font-size: 18px;">一直為各大企業供應著優良的產品</span></p> </div> </div> <script> $('#module_354471863 >.module_354471863').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> </div><div class='SubPadding SubPadding2'></div><div id='Sub354471852_3' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="346" id="module_354472134" > <div class="ModuleImageTextGiant layout-105 layout-color-red module_354472134 clearfix">  <div class='BodyCenter BodyCenter354472134 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="row normal_ImgtextBox_content"> <div class="col-xs-4 col-md-2 col-lg-2 col-sm-2 GraphicUpper"> <a target="_self" href="javascript:;" style="cursor: default;display:block;" > <img class="TextImage image-animation" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/icontemp/202105/20210514163405841.png" title="" alt=""> </a> </div> <div class="col-xs-12 col-md-10 ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 1.75em;"><span style="color: rgb(127, 127, 127);">服務熱線</span></p><p style="line-height: 1.75em;"><span style="font-family: 宋體, SimSun; font-size: 24px;"><strong><span style="font-family: 宋體, SimSun;">徐先生：13821463185</span></strong></span><span style="font-family: 宋體, SimSun;"><strong><span style="font-family: 宋體, SimSun; font-size: 24px;"><br/>孫先生：13920535168</span></strong></span></p> </div> </div> </div> <script> $(function () { addScript('/skinp/modules/ModuleImageTextGiant/imageText.js', function () { initModuleImageTextGiant('354472134', '105'); }); }); </script> </div> </div> </div> </div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridCustomGiant/modulegridcustom.js', function () { initGridCustomGiant("354471852", { isFloat: "0", floattype: "", floattop: "", floatbgtype: "", floatbgcolor: "", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="1912" id="module_354504515" > <div class="ModuleNavGiant layout-108 layout-color-green module_354504515 clearfix">  <div class='BodyCenter BodyCenter354504515 clearfix'><div class='main-nav-content pre_nav clearfix' AlwaysShow="0" SubAlign='left'> <div class="aroundMune"> <div class="moveMenuLeft iconfont icon-xiangzuojiantou" ></div> <div class="moveMenuRight iconfont icon-xiangyoujiantou"></div> </div> <div class="blank-solve"> <div class='main-nav-item-group ' id="Menu_744615_354504515" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>首頁</a>  <div id="SubMenu_744615_354504515" class='sub-nav-item-group navLayout108 '> </div> </div> <div class='main-nav-item-group ' id="Menu_744616_354504515" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1728604.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>產品中心</a>  <div id="SubMenu_744616_354504515" class='sub-nav-item-group navLayout108 '> </div> </div> <div class='main-nav-item-group ' id="Menu_744617_354504515" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1728605.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>關于我們</a>  <div id="SubMenu_744617_354504515" class='sub-nav-item-group navLayout108 '> </div> </div> <div class='main-nav-item-group ' id="Menu_744648_354504515" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1728663.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>榮譽資質</a>  <div id="SubMenu_744648_354504515" class='sub-nav-item-group navLayout108 '> </div> </div> <div class='main-nav-item-group ' id="Menu_744619_354504515" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1728607.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>新聞資訊</a>  <div id="SubMenu_744619_354504515" class='sub-nav-item-group navLayout108 '> </div> </div> <div class='main-nav-item-group ' id="Menu_744620_354504515" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1728608.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>聯系我們</a>  <div id="SubMenu_744620_354504515" class='sub-nav-item-group navLayout108 '> </div> </div> </div> </div> <script> addScript('/skinp/modules/ModuleNavGiant/menu.js',function(){ initModuleNavGiant("354504515","108",""); }); </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="1912" id="module_354516314" > <div class="ModuleSlideV2Giant layout-109 layout-color-black module_354516314 clearfix">  <div class='BodyCenter BodyCenter354516314 clearfix'><style> /* hack 容器的樣式 */ #module_354516314 .SubContainer { position: absolute; top: 0; left: 50%; width: 100%; height: 100% !important; z-index: 99; max-width: 1200px; transform: translateX(-50%); } .module_354516314 .ModuleItem { position: absolute; top: 0; left: 40%; width: 200px; height: 200px; z-index: 99; } </style> <div class="slider-layout-box slider-layout-109 module-slide-container" is-exist-module="false"> <div class="slider-layout-content slick-slide-box"> <a href="javascript:void(0)" title="" target="_self"> <div class="slide-box"> <img class="swiperImg" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/202105/2021051417394078c06e.png" alt="" title=""/> </div> </a> <div id="Sub354516314_1" isModuleContainer="true" class="ModuleContainer SubContainer ModuleSlideContainer module_354516314" module-container-type="ModuleSlide" a-link-value="" a-link-target="_self" style="" > </div> </div> <div class="slider-layout-content slick-slide-box"> <a href="javascript:void(0)" title="" target="_self"> <div class="slide-box"> <img class="swiperImg" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/202105/20210514173940694b2f.png" alt="" title=""/> </div> </a> <div id="Sub354516314_2" isModuleContainer="true" class="ModuleContainer SubContainer ModuleSlideContainer module_354516314" module-container-type="ModuleSlide" a-link-value="" a-link-target="_self" style="" > </div> </div> <div class="slider-layout-content slick-slide-box"> <a href="javascript:void(0)" title="" target="_self"> <div class="slide-box"> <img class="swiperImg" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/202105/202105141739405c9d19.png" alt="" title=""/> </div> </a> <div id="Sub354516314_3" isModuleContainer="true" class="ModuleContainer SubContainer ModuleSlideContainer module_354516314" module-container-type="ModuleSlide" a-link-value="" a-link-target="_self" style="" > </div> </div> <div class="slider-layout-content slick-slide-box"> <a href="javascript:void(0)" title="" target="_self"> <div class="slide-box"> <img class="swiperImg" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/202105/202105141739394f76b8.png" alt="" title=""/> </div> </a> <div id="Sub354516314_4" isModuleContainer="true" class="ModuleContainer SubContainer ModuleSlideContainer module_354516314" module-container-type="ModuleSlide" a-link-value="" a-link-target="_self" style="" > </div> </div> </div> <script> addScript('/skinp/modules/ModuleSlideV2Giant/commonSlideV2.js', function () { var option = { autoplay: "1", pauseOnHover: "1", autoplaySpeed: "3", isCurrentPageHide: "0", isLoadPage: "0", currentPageDisplay: "", isfull:"0" }; initCommonSlideV2Giant("354516314", "109", option); }); </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_354511607" > <div class="ModuleGridCustomGiant layout-101 layout-color- module_354511607 clearfix">  <div class='BodyCenter BodyCenter354511607 clearfix'><style id='commonstyle_Sub354511607_1'>#module_354511607 .BodyCenter.BodyCenter354511607 #Sub354511607_1{}#module_354511607 .BodyCenter.BodyCenter354511607 #Sub354511607_1:hover{}</style><style id='commonstyle_Sub354511607_2'>#module_354511607 .BodyCenter.BodyCenter354511607 #Sub354511607_2{}#module_354511607 .BodyCenter.BodyCenter354511607 #Sub354511607_2:hover{}</style><div class='ModuleGridContainer ModuleGridContainer354511607' gridswidthmode='2'><div class='row ModuleGridCustomContainer ModuleSubContainer grid-col-1'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub354511607_1' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="100" id="module_354511609" > <div class="ModuleBreadcrumbsGiant layout-101 layout-color- module_354511609 clearfix">  <div class='BodyCenter BodyCenter354511609 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/432988.html'>汽車塑料</a></li><li><span class='separator'>></span></li><li class='lastMenu bcs-item'>汽車后端蓋</li> </ol></div> </div> </div> </div><div class='SubPadding SubPadding1'></div><div id='Sub354511607_2' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="100" id="module_354511608" > <div class="ModuleSearchGiant layout-103 layout-color-green module_354511608 clearfix">  <div class='BodyCenter BodyCenter354511608 clearfix'><link rel="stylesheet" type="text/css" > <form id="search_354511608" action="/Product/0" method="post"> <div class="ModuleSearchForm ModuleSearchFormStyle"> <div class="content search-item"> <div class="searchInputPanel"> <input type="text" name="Keyword" placeholder='請輸入關鍵字' class="ModuleSearchInput"/> </div> <div class="searchTypePanel"> <select class=""> <option value = '1'> 產品 </option> <option value = '2'> 文章 </option> <option value = '3'> 下載 </option> </select> </div> <div class="searchBtnPanel"> <button class="btn btn-default ModuleSearchButton" type="submit"> <span class="searchIcon"><i class="iconfont icon-sousuo1"></i></span>  </button> </div> </div> <link rel="stylesheet" type="text/css"/> <div class="module-search-mobile" id="searchMobile_354511608"> <div class="search-mobile-header"> <div class="search-mobile-back"><i class="iconfont icon-xiangzuojiantou"></i></div> <div class="search-mobile-input"> <div class="search-type-panel"> <select class="search-type-list"> <option value = '1'> 產品 </option> <option value = '2'> 文章 </option> <option value = '3'> 下載 </option> </select> </div> <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="text" style="display:none" name="view" value="" /> <input type="text" style="display:none" name="visitType" value="search" /> </form> <script> addScript('/skinp/modules/ModuleSearchGiant/searchGiant.js',function(){ searchGiantInit('354511608','103',{ 'NVAProductList':'/Product', 'NVANewsList':'/NewsList', 'NVADownList':'/DownList' }); }); </script></div> </div> </div> </div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridCustomGiant/modulegridcustom.js', function () { initGridCustomGiant("354511607", { isFloat: "0", floattype: "", floattop: "", floatbgtype: "", floatbgcolor: "", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="347" id="module_354511611" > <div class="ModuleGridCustomGiant layout-101 layout-color- module_354511611 clearfix">  <div class='BodyCenter BodyCenter354511611 clearfix'><style id='commonstyle_Sub354511611_1'>#module_354511611 .BodyCenter.BodyCenter354511611 #Sub354511611_1{}#module_354511611 .BodyCenter.BodyCenter354511611 #Sub354511611_1:hover{}</style><style id='commonstyle_Sub354511611_2'>#module_354511611 .BodyCenter.BodyCenter354511611 #Sub354511611_2{}#module_354511611 .BodyCenter.BodyCenter354511611 #Sub354511611_2:hover{}</style><div class='ModuleGridContainer ModuleGridContainer354511611' gridswidthmode='2'><div class='row ModuleGridCustomContainer ModuleSubContainer grid-col-1'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub354511611_1' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="347" id="module_354511614" > <div class="ModuleCommonClsGiant layout-108 layout-color-green module_354511614 clearfix">  <div class='BodyCenter BodyCenter354511614 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/432987.html" dataid="432987" target="_self">家電塑料</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p>  </div> <div class="main-class-item-box" > <p class="main-class-item classify " > <a class="main-class-text OneRow" href="/Product/432988.html" dataid="432988" target="_self">汽車塑料</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p>  </div> <div class="main-class-item-box" > <p class="main-class-item classify " > <a class="main-class-text OneRow" href="/Product/432989.html" dataid="432989" target="_self">生活塑料</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p>  </div> <div class="main-class-item-box" > <p class="main-class-item classify " > <a class="main-class-text OneRow" href="/Product/434286.html" dataid="434286" target="_self">定制產品</a> <span class="main-class-icon iconfont icon-jiantou1"></span> </p>  </div> </div> <script> addScript('/skinp/modules/ModuleCommonClsGiant/commoncls.js', function () { initCommonClsGiant(354511614,'108','','','0',0) }); </script></div> </div> </div> </div><div class='SubPadding SubPadding1'></div><div id='Sub354511611_2' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="347" id="module_354511606" > <div class="ModuleProductDetailGiant layout-108 layout-color-black module_354511606 clearfix">  <div class='BodyCenter BodyCenter354511606 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/83959/product/2021051409563900ACA52683EC0B76_s.png" alt="汽車后端蓋" style="display:none;" />').prependTo('body'); } }); </script> <div class="ModuleProduteDetailMain" layout="108"> <input type="text" style="display:none" name="ProductID" value="5111227"> <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/83959/product/2021051409563900ACA52683EC0B76_b.png"> <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/83959/product/2021051409563900ACA52683EC0B76_b.png" 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_354511606 .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-control354511606"> <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/83959/product/2021051409563900ACA52683EC0B76_s.png) center no-repeat;background-size: contain" data-old-src="/comdata/83959/product/2021051409563900ACA52683EC0B76_b.png"> <img class="inSlide-size mobile-inSlide-size" src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/product/2021051409563900ACA52683EC0B76_b.png" 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="introduce "> <div class="introduceTop"> <div class="pro-row pd-b14 mobilepd"> <h1 class="pro-name" title="汽車后端蓋">汽車后端蓋</h1> </div> </div> <div class="introduceBottom"> <p class="pro-row pcSharAndCollect" style="position: relative;"> <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; } #module_354511606 .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; } #module_354511606 .social-share .icon-wechat:hover .wechat-qrcode { display: block; } #module_354511606 .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; } #module_354511606 .social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; } #module_354511606 .social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; } #module_354511606 .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; } #module_354511606 .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; } #module_354511606 .social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; } #module_354511606 .share{ position: relative;} #module_354511606 .moreshare{ transition: all 0.5s; visibility:hidden; position: fixed; bottom: 0; opacity:0; z-index: 99999; left: 0; width: 100%; background: #F7F8FA;} #module_354511606 .headtips{ display:flex; border-bottom: 1px #eeeeee solid; height: 50px; align-items: center; justify-content: space-between;} #module_354511606 .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;} #module_354511606 .headtips .txt{padding-left: 18px; color:#666666; font-size: 16px;} #module_354511606 .headtips .closemore{ cursor: pointer; padding-right: 20px;} #module_354511606 .moreshare-content{ padding: 25px 25px 50px 25px; } #module_354511606 .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; } #module_354511606 .moreshare-content .social-share .social-share-icon:nth-child(4n){ margin-right: 0px; } #module_354511606 .mt29{ margin-top: 70px !important;} #module_354511606 .icon-txt{ width: 56px; color:#666666; font-size: 12px; line-height: 20px; margin-top: 10px;} #module_354511606 .social-share .icon-default-WeChat:hover,#module_354511606.social-share .type-douban:hover{ color: #3dbe5b !important; border-color: #3dbe5b !important;} #module_354511606 .social-share .type-weibo:hover{ color: #ff5757 !important; border-color: #ff5757 !important;} #module_354511606 .social-share .icon-kefulei_huabanfuben11:hover{ color: #21b3f7 !important; border-color: #21b3f7 !important;} #module_354511606 .social-share .icon-kongjian:hover{ color: #f8c514 !important; border-color: #f8c514 !important;} #module_354511606 .social-share .icon-lianjie1:hover{ color: #999 !important; border-color: #999 !important;} #module_354511606 .social-share .icon-Facebook2:hover{ color:#3D5A98!important; border-color:#3D5A98!important;} #module_354511606 .social-share .icon-Twitter1:hover{ color:#1DA1F3!important; border-color:#1DA1F3!important; } #module_354511606 .social-share .icon-linkedin:hover{ color:#0b66c3!important; border-color:#0b66c3!important;} #module_354511606 .social-share .icon-tumblr:hover{ color:#36465f!important;border-color:#36465f!important;} #module_354511606 .social-share .icon-Pinterest:hover{ color:#cb2027!important; border-color:#cb2027!important;} #module_354511606 .social-share .icon-vk:hover{ color:#4c6c91!important; border-color:#4c6c91!important;} #module_354511606 .social-share .icon-Facebook2{ color:#3D5A98;} #module_354511606 .social-share .icon-Twitter1{ color:#1DA1F3; } #module_354511606 .social-share .icon-linkedin{ color:#0b66c3; } #module_354511606 .social-share .icon-tumblr{ color:#36465f;} #module_354511606 .social-share .icon-Pinterest{ color:#cb2027;} #module_354511606 .social-share .icon-vk{ color:#4c6c91; } #module_354511606 .social-share .icon-lianjie1{ color: #999 ;} #module_354511606 .vertical .social-share .icon-lianjie1{ color: #999 !important;border-color:#999 !important;} #module_354511606 .vertical .social-share .icon-default-WeChat,#module_354511606 .vertical .social-share .type-douban{ color: #3dbe5b !important; border-color: #3dbe5b !important;} #module_354511606 .vertical .social-share .type-weibo{ color: #ff5757 !important; border-color: #ff5757 !important;} #module_354511606 .vertical .social-share .icon-kefulei_huabanfuben11{ color: #21b3f7 !important; border-color: #21b3f7 !important;} #module_354511606 .vertical .social-share .icon-kongjian{ color: #f8c514 !important; border-color: #f8c514 !important;} #module_354511606 .vertical .social-share .icon-lianjie1{ color: #999 !important; border-color: #999 !important;} #module_354511606 .vertical .social-share .icon-Facebook2{ color:#3D5A98!important; border-color:#3D5A98!important;} #module_354511606 .vertical .social-share .icon-Twitter1{ color:#1DA1F3!important; border-color:#1DA1F3!important; } #module_354511606 .vertical .social-share .icon-linkedin{ color:#0b66c3!important; border-color:#0b66c3!important;} #module_354511606 .vertical .social-share .icon-tumblr{ color:#36465f!important;border-color:#36465f!important;} #module_354511606 .vertical .social-share .icon-Pinterest{ color:#cb2027!important; border-color:#cb2027!important;} #module_354511606 .vertical .social-share .icon-vk{ color:#4c6c91!important; border-color:#4c6c91!important;} #module_354511606 .vertical { display: none;} #module_354511606 .share-mobile{ display: none;} #module_354511606 .mobile-share { padding: 0 10px; height: 32px; border: 1px solid #ccc; border-radius: 16px; line-height: 32px; text-align: center; cursor: pointer; } #module_354511606 .shareMask{ top: 0; left: 0; position: fixed; z-index: 9999; height: 100%; width: 100%; background: #000; opacity: 0.6; display: none;} #module_354511606 .share-wx-qrcode-img .help p{ width: 270px; margin: 0 auto; color:#999; display: block; line-height: 20px; height: auto; } #module_354511606 .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;} #module_354511606 #wx-qrcode{ width: 224px; height: 224px; margin: 0 auto;} #module_354511606 .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;} #module_354511606 .share-wx-qrcode-img .help{ margin-top: 12px; margin-bottom: 19px; color: #999;font-size: 14px; line-height: 20px;} #module_354511606 .share-wx-tips{ display: none; z-index: 99999; position: fixed; top: 10px; right: 35px; color: #fff; font-size: 24px; text-align: center;} #module_354511606 .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; } #module_354511606 .vertical .social-share{ display: block; } #module_354511606 .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;} #module_354511606 .vertical::after{ content: ''; width: 0; height: 0; border: 10px solid; border-color: transparent transparent #ffffff; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); } #module_354511606 .vertical .social-share-icon a,.vertical .social-share a {margin: 0;} #module_354511606 .vertical .social-share-icon:hover{background-color: #F6F6F6;} #module_354511606 .vertical .social-share-icon .tipstxt{font-size: 14px; color: #999; margin-left:13px;} #module_354511606 .gwshare { display: none;} #module_354511606 .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) { #module_354511606 .moreshare-content .gwshare .social-share-icon{ background: #fff !important;} #module_354511606 .moreshare-content .social-share .icon-Facebook2{ color:#3D5A98 !important;;} #module_354511606 .moreshare-content .social-share .icon-Twitter1{ color:#1DA1F3 !important;; } #module_354511606 .moreshare-content .social-share .icon-linkedin{ color:#0b66c3 !important;; } #module_354511606 .moreshare-content .social-share .icon-tumblr{ color:#36465f !important;;} #module_354511606 .moreshare-content .social-share .icon-Pinterest{ color:#cb2027 !important;;} #module_354511606 .moreshare-content .social-share .icon-vk{ color:#4c6c91 !important;; } #module_354511606 .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 =""; var cururl = ""; 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 loadfunc(){ loadShare(); var ua = navigator.userAgent.toLowerCase(); lang = getCookie("IsDefaultLang") == '1' ? "" : getCookie("Lang"); cururl = window.location.protocol + '//'+ window.location.host + '/' + lang + window.location.pathname.replace('/' + lang ,'') /** * 百度小程序很坑爹，自己屏蔽別人的鏈接，卻說打不開，然后審核不給通過 * 這里把鏈接跳轉的類型去掉 */ 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(getCookie("Lang") == 'cn' || getCookie("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") }) } loadfunc(); $(window).load(function(){ loadfunc() }) </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 rel="noreferrer noopener nofollo" 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="#" rel="noreferrer noopener nofollo" 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="豆瓣" rel="noreferrer noopener nofollo" 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="#home0354511606" 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="home0354511606"> <p style="line-height: 2.5em;">公司電話：022-27395843</p><p style="line-height: 2.5em;">公司傳真：022-27395843</p><p style="line-height: 2.5em;">徐先生：13771924148</p><p style="line-height: 2.5em;">徐先生：13821463185</p><p style="line-height: 2.5em;">孫先生：13920535168</p><p style="line-height: 2.5em;">售后服務：13821463185</p><p style="line-height: 2.5em;">郵箱：haihua2007_9@163.com</p><p style="line-height: 2.5em;">地址：天津市西青區楊柳青鎮柳口路與津靜公路交口西側盛達道6號院內1樓1號</p> </div> </div> </div> <div class="pro-chang-box clear_floatx"> <span class="por-prev fl change-btn"> <span class="prev"><a href="/ProductDetail/5111226.html">上一個 : 家電外殼</a></span> </span> <span class="por-next fr change-btn"> <span class="next"><a href="/ProductDetail/5111229.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.bailishop.com/comdata/83959/product/2021051409563900ACA52683EC0B76_s.png?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.bailishop.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/5111227.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 data-pluns="detailDialog354511606" class="ks-overlay tb-viewer-overlay" ondragstart="return false;" >  <div id="ks-content-ks-component354511606" class="ks-overlay-content">  <div class="tb-viewer-control"> <a title="查看原圖" class="tb-viewer-pic" href="" target="_blank" > <div class="control"> <span style="font-size:16px" class="iconfont icon-chakanyuantu J_Viewer-yuant"></span> </div> </a> <div class="control"> <span title="上一個" class="iconfont icon-fangxiang-zuo J_Viewer-arrow"></span> </div> <div class="control" style="margin-right: 0;"> <span title="下一個" class="iconfont icon-fangxiang-you1 J_Viewer-arrow"></span> </div> </div>  <div class="tab-content tb-viewer-contents">  <div class="tab-pannel-item">  <img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/comdata/83959/product/2021051409563900ACA52683EC0B76_b.png" class="tab-pannel-image"> </div> </div>  </div><div class="tb-viewer-side">  <i class="tb-viewer-icon iconfont icon-guanbi"></i>  <h3 class="tb-viewer-title" title="汽車后端蓋"> 汽車后端蓋 </h3> <ul class="tb-viewer-indicators clearfix"> <li class="tb-viewer-thumb" style="background-image:url(//cdn.img-sys.com/comdata/83959/product/2021051409563900ACA52683EC0B76_b.png)">  </ul> </div> </div> <script type="text/tmplate" id="tmpl-354511606"> <div style="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);" class="ks-overlay-mask"></div> </script> <div id="enquiryDailog354511606" 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="enquiryFormDiv354511606" class="enquiryFormDiv"> <div class="ModuleItem " id="module_9988354511606" > <div class="ModuleCustomFormGiant layout-101 layout-color-black module_9988354511606 clearfix">  <div class="ModuleHead ModuleHead9988354511606"> <div class='HeadCenter HeadCenter9988354511606'> <span class="HeadIcon HeadIcon9988354511606"></span> <span class="HeadText HeadText9988354511606">在線詢盤</span> <span class="spanMore spanMore9988354511606"> <a class="HeadTextMore ModuleMoreLink HeadTextMore9988354511606" href=""> <i class="HeadTextMoreIcon9988354511606">更多+</i> </a> </span> </div> </div>  <div class='BodyCenter BodyCenter9988354511606 clearfix'><form id="customForm9988354511606" action="/index.php?c=Front/CustomForm&a=save" method="post" class="Form-containt" style="position: relative;"> <input type="text" style="display:none" name="submitType" value="ajax" /> <input type="text" style="display:none" id="Handel9988354511606"> <input type="text" style="display:none" name="ModuleID" value="9988354511606"> <input type="text" style="display:none" name="FormID" value="43643"> <ul style="text-align:left; display:flex;flex-wrap: wrap;justify-content: space-between; align-items: center;"> <li multiseriate = "1" class="customFormFieldItem Form-list"> <p class="from-Describe Describ-text-color"> 聯系人 <span class="colorred">*</span> </p> <p class="inputflex"> <input class="customFormText input-text-color" type="text" name="col301508" chname="聯系人" isrequire="1" fieldtype="1" validatetype="0" placeholder="" > </p> </li> <li multiseriate = "1" class="customFormFieldItem Form-list"> <p class="from-Describe Describ-text-color"> 手機 <span class="colorred">*</span> </p> <p class="inputflex"> <input class="customFormText input-text-color" type="text" name="col301509" chname="手機" isrequire="1" fieldtype="1" validatetype="3" placeholder="" > </p> </li> <li class="customFormFieldItem Form-list"> <p class="from-Describe Describ-text-color"> 描述 </p> <p> <textarea class="customFormTextarea multi-row-text input-text-color" name="col301510" chname="描述" isrequire="0" fieldtype="2" validatetype="0" placeholder=""></textarea> </p> </li> <li class="Form-list submitbtnbox" > <p class="customFormSubmit submitbtn submibtn-color" btntext="提交">提交</p> </li> <div class="VerificationCodediv"> <div class="VCClose"> <div class="VCLine1"></div> <div class="VCLine2"></div> </div> <div class="VerificationCodecontext"> <div class="VCTitle">驗證碼</div> <div class="vCodeImgdiv"> <img class="VerificationCode vCodeImg" src=""> <span class="changebtn refreshVCode" >看不清？換一張</span> </div> <div style="position: relative;"> <input class="vcinput" type="text" name="vCode" placeholder="請輸入驗證碼" chname="驗證碼" isrequire="1" fieldtype="1" validatetype="1" /> <span class="vciline"></span> </div> <div class="vcbtn"> <div class="vcbtn2">取消</div> <div class="vcbtn1">確定</div> </div> </div> </div> </ul> </form> <script type="text/javascript"> addScript('/skinp/modules/ModuleCustomFormGiant/customformgiant.js', function () { initCustomFormGiant('9988354511606', '101', { lang: {"plz_enter":"\u8bf7\u586b\u5199","plz_select":"\u8bf7\u9009\u62e9","upload_incorrect_type_file":"\u6587\u4ef6\u683c\u5f0f\u4e0d\u7b26\u5408","uploading_and_wait_a_moment":"\u4e0a\u4f20\u4e2d\uff0c\u8bf7\u7a0d\u540e...","n_items_have_been_selected":"\u5df2\u9009\u62e9{n}\u9879","select2":"\u786e\u5b9a","plz_enter_numbers":"\u8bf7\u8f93\u5165\u6570\u5b57","please_enter":"\u8bf7\u8f93\u5165","mobileformat":"\u624b\u673a\u53f7\u7801\u683c\u5f0f\u4e0d\u6b63\u786e\uff01","emailfomart":"\u7535\u5b50\u90ae\u7bb1\u683c\u5f0f\u4e0d\u6b63\u786e\uff01","plz_enter_the_correct_phone_number":"\u8bf7\u586b\u5199\u6b63\u786e\u7684\u7535\u8bdd\u53f7\u7801\uff0c\u683c\u5f0f\u5982\u533a\u53f7-\u7535\u8bdd\u53f7\u7801","plz_enter_the_correct_tel_or_mobile_number":"\u8bf7\u586b\u5199\u5ea7\u673a\u683c\u5f0f\uff1a\u533a\u53f7-\u7535\u8bdd\u53f7\u7801\u6216\u624b\u673a\u53f7\u7801","plz_enter_the_correct_idcard_number":"\u8bf7\u586b\u5199\u6b63\u786e\u7684\u8eab\u4efd\u8bc1","plz_select_one_of_these_items":"\u8bf7\u9009\u62e9\u5176\u4e2d\u4e00\u9879","plz_select_at_least_one_item":"\u8bf7\u81f3\u5c11\u9009\u62e9\u4e00\u9879","plz_select_a_file_to_upload":"\u8bf7\u9009\u62e9\u6587\u4ef6\u4e0a\u4f20","plz_select_the_region":"\u8bf7\u9009\u62e9\u5730\u533a","plz_select_the_date":"\u8bf7\u9009\u62e9\u65e5\u671f","the_date_is_not_in_the_correct_format":"\u65e5\u671f\u683c\u5f0f\u4e0d\u6b63\u786e","plz_fill_in_the_item":"\u8be5\u9879\u4e0d\u80fd\u4e3a\u7a7a","form_submitting":"\u8868\u5355\u63d0\u4ea4\u4e2d\uff0c\u8bf7\u7a0d\u5019...","submit_success":"\u63d0\u4ea4\u6210\u529f","submit_failed":"\u63d0\u4ea4\u5931\u8d25","optional_format":"\u53ef\u9009\u683c\u5f0f","send_code":"\u53d1\u9001\u9a8c\u8bc1\u7801","ResendAfter":"\u540e\u91cd\u65b0\u53d1\u9001","please_checkcode1":"\u8bf7\u8f93\u5165\u9a8c\u8bc1\u7801"}, XsItemCount:0, LgItemCount:0, LayoutColor:'black', IsPay:'0' }); }); </script></div> </div> </div> </div>  <div class="enquiryMobileCut"></div>  <div id="enquiryProDiv354511606" 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="enquiryProList354511606" class="enquiryProList"> </ul> </div> </div>  <div id="enquiryNonePorduct354511606"> <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="showcallback354511606"></div> </div> <div class="daskhide" id="dask354511606"></div> <div id="DialogTips354511606" class="DialogTips"> <div id="alert_top"> <div id="alert_img"><img src="/images/imgbg.png" data-src="http://cdn.img-sys.com/images/savetips.gif"></div> <div id="alert_tips">加入成功</div> <div class="clear"></div> </div> <div id="alert_bottom"> <a href="javascript:void(0);" id="alert_continue">繼續訪問</a> <a href="javascript:void(0);" id="alert_inquery">立即詢盤</a> <div class="clear"></div> </div> </div> <style> .DialogTips{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #fff; border: 1px solid #ccc; opacity: .95; width: 95%; height: 40%; max-width: 580px; max-height: 218px; z-index: 100000; border-radius: 8px; display: none; } .DialogTips #alert_top { text-align: center; margin-top: 6%; } .DialogTips #alert_tips,.DialogTips #alert_img{ display: inline-block; vertical-align: middle; } .DialogTips #alert_tips { font-size: 16px; margin-left: 10px; } .DialogTips .clear { margin: 0px auto; clear: both; height: 0px; font-size: 0px; overflow: hidden; } .DialogTips #alert_bottom { max-width: 492px; width: 90%; margin: 8% auto 0; } .DialogTips #alert_inquery { float: right; width: 100%; max-width: 210px; height: 43px; line-height: 43px; text-align: center; color: rgb(255, 255, 255); border-radius: 5px; background: rgb(164, 164, 164); font-size: 18px; } .DialogTips #alert_continue { float: left; width: 100%; max-width: 210px; height: 43px; line-height: 43px; text-align: center; color: rgb(255, 255, 255); border-radius: 5px; background: rgb(87, 87, 87); font-size: 18px; } .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:100001; 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){ .DialogTips #alert_continue,.DialogTips #alert_inquery { width: 100%; margin: 10px 0; float: none; display: block; max-width: 100%; } .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); }) } $('#showcallback354511606').data('enquiryCallBack', enquiryShowCall); $('[name="Content"]').val(''); $('#module_9998354511606').removeClass('ModuleItem') $('#module_9998354511606').removeAttr('isdefaultstyle') $('#EnquiryForm354511606 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}, TelOrMail: {required:true, maxlength:30,TelOrMail:true}, Addr: {required:true,maxlength:100}, Content:{required:true,maxlength:250}, VCode:"required" }, messages: { Contact: {required:"請輸入聯系人姓名！",maxlength:''}, TelOrMail: { 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; }); $('#enquiryDailog354511606 .mobileEnquriyHeader').click(function (){ $('#enquiryDailog354511606').hide(); $('#dask354511606').hide(); $('.ks-overlay-mask').hide() $('body').css({'overflow-y':'auto','top':''}) }) $('#enquiryDailog354511606 .icon-guanbi').click(function (){ $('#enquiryDailog354511606').hide(); $('#dask354511606').hide(); $('.ks-overlay-mask').hide() $('body').css({'overflow-y':'auto','top':''}) var toTop = $(window).scrollTop() $(window).scrollTop(toTop) }) </script> <script> $(function(){ var enlargeAl = function (moduleId){ this.moduleId = moduleId this.originModule = $('#module_' + moduleId) this.originControls = $('.detail-dialog-control'+ moduleId) this.originPluns = $('[data-pluns="detailDialog'+moduleId+'"]') this.originContent = $('#ks-content-ks-component' + moduleId) this.left_arrow = this.originContent.find(' .icon-xiangzuojiantou') this.right_arrow = this.originContent.find(' .icon-xiangyoujiantou') this.init() } var tmpl enlargeAl.prototype = { constructor:this, init: function(){ var that = this if(window.innerWidth >= 768){ this.originContent.find('.J_Viewer-arrow').parent().off().on('click',function(){ if($(this).children().hasClass('icon-fangxiang-you1')){ that.slideNext() }else{ that.slidePrev() } }) this.originControls.off().on('click',' .inSwiper-slide',function(e){ e.preventDefault; var _this = this; tmpl = $($('#tmpl-354511606').html()), top = $(window).scrollTop(); $('body').css({ 'overflow-y':'hidden', 'top':-top }).append(tmpl) tmpl.off().on('click',function(){ that.originPluns.hide() tmpl.remove() $('body').css({'overflow-y':'auto','top':''}) $(window).scrollTop(top) }) that.originPluns.show(0, function() { that.slideTo($(_this).parents('.swiper-slide.active').index()) that.originPluns.find('.tb-viewer-icon').off().on('click',function(){ that.originPluns.hide() tmpl.remove() $('body').css({'overflow-y':'auto','top':''}) $(window).scrollTop(top) }) }) }) this.originPluns.find('.tb-viewer-thumb').hover(function(){ that.addThumbActive($(this).index()) that.slideTo($(this).index()) }) this.originModule.on('click',' .close-buycar-warnning',function(){ $(this).hide() that.originModule.find('.introduce-warnning').removeClass('common-border-color') that.originModule.find('.tb-choice').hide() }) } }, addThumbActive: function(index){ var src = this.originContent.find('.tab-pannel-item.tab-active').find('img').attr('src'); $('.tb-viewer-pic').attr('href',src); this.originPluns.find('.tb-viewer-thumb').eq(index).addClass('common-border-color').siblings().removeClass('common-border-color') }, slideTo: function(index) { this.originContent.find('.tb-viewer-contents').children().eq(index).addClass('tab-active').siblings().removeClass('tab-active') this.addThumbActive(index) }, slideNext: function(){ var originContent = this.originContent.find('.tab-pannel-item.tab-active').removeClass('tab-active') if(originContent.next().length > 0){ originContent.next().addClass('tab-active') this.addThumbActive(originContent.next().index()) }else { this.slideTo(0) this.addThumbActive(0) } }, slidePrev: function(){ var originContent = this.originContent.find('.tab-pannel-item.tab-active').removeClass('tab-active') if(originContent.prev().length > 0){ originContent.prev().addClass('tab-active') this.addThumbActive(originContent.prev().index()) }else { this.slideTo(this.originContent.find('.tab-pannel-item').length - 1) this.addThumbActive(this.originContent.find('.tab-pannel-item').length - 1) } } } var enlargeAl = new enlargeAl('354511606'); $('.J_ViewerXunPan').off('enquiryclick354511606').on('click.enquiryclick354511606',function(){ var top = $(window).scrollTop(); $('body').css({'top':''}) $(window).scrollTop(top) tmpl.remove() $('#enquiryDailog354511606').show(0,function() { $('#showcallback354511606').data('enquiryCallBack') && $('#showcallback354511606').data('enquiryCallBack')("汽車后端蓋","5111227","/comdata/83959/product/2021051409563900ACA52683EC0B76_b.png","354511606") }); $("[data-pluns='detailDialog354511606']").hide(); }); }) </script> <script> if ('1' == '1' && '1' == '1') { loadStyleSheet('/skinp/modules/ModuleProductDetailGiant/detailDialog.css'); } $(window).load(function () { if (!"" && !"1") { $('[show-div="pro-evaluate"]').hide(); } }); addScript('/skinp/modules/ModuleProductDetailGiant/details.js', function () { $(function () { details('354511606', '108', '', '[]', '[]', '1', "/comdata/83959/product/2021051409563900ACA52683EC0B76_b.png", "汽車后端蓋"); initProductDetailQrcode('掃描二維碼'); }); }); </script> </div> </div> </div> <script>$.get("/index.php?c=front/ProductDetail&a=getHits&id=5111227",function(data,status){$(".hits").text(data.Hits)});</script></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridCustomGiant/modulegridcustom.js', function () { initGridCustomGiant("354511611", { isFloat: "0", floattype: "", floattop: "", floatbgtype: "", floatbgcolor: "", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script></div> </div> </div> </div> <div id='FooterZone' ismodulecontainer='true' class='FooterContainer FooterZoneContainer ZoneContainer FooterZone ModuleContainer clearfix '><div class="ModuleItem StaticModule mhidden-xs" wo="1912" id="module_354504371" > <div class="ModuleGridGiant layout-101 layout-color- module_354504371 clearfix">  <div class='BodyCenter BodyCenter354504371 clearfix'><div class='ModuleGridContainer ModuleGridContainer354504371' gridswidthmode='2'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub354504371_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="1200" id="module_354504378" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_354504378 clearfix">  <div class='BodyCenter BodyCenter354504378 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p><span style="font-size: 18px; color: rgb(255, 255, 255);">聯系方式</span></p> </div> </div> <script> $('#module_354504378 >.module_354504378').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="1200" id="module_354504389" > <div class="ModuleImageTextGiant layout-110 layout-color-red module_354504389 clearfix">  <div class='BodyCenter BodyCenter354504389 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="row"> <div class="col-xs-12 col-sm-4"> <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2em;"><span style="color: rgb(216, 216, 216);">公司電話：</span></p><p style="line-height: 2em;"><span style="color: rgb(255, 255, 255); font-size: 18px;">022-27395843</span></p> </div> </div> <div class="col-xs-12 col-sm-4"> <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2em;"><span style="color: rgb(216, 216, 216);">公司傳真：</span></p><p style="line-height: 2em;"><span style="color: rgb(255, 255, 255); font-size: 18px;">022-27395843</span></p> </div> </div> <div class="col-xs-12 col-sm-4"> <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2em;"><span style="color: rgb(216, 216, 216);">徐先生：</span></p> <p style="line-height: 2em;"><span style="font-size: 18px;"><span style="color: rgb(255, 255, 255); font-family: "Microsoft YaHei";">13821463185</span></span></p> </div> </div> </div> </div> <script> $('#module_354504389 >.module_354504389').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="1200" id="module_354504411" > <div class="ModuleImageTextGiant layout-110 layout-color-red module_354504411 clearfix">  <div class='BodyCenter BodyCenter354504411 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="row"> <div class="col-xs-12 col-sm-4"> <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2em;"><span style="color: rgb(216, 216, 216);">售后服務：</span></p><p style="line-height: 2em;"><span style="color: rgb(255, 255, 255); font-size: 18px;">13821463185</span></p> </div> </div> <div class="col-xs-12 col-sm-4"> <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2em;"><span style="color: rgb(216, 216, 216);">郵箱：</span></p> <p style="line-height: 2em;"><span style="color: rgb(255, 255, 255); font-size: 18px;">haihua2007_9@163.com</span></p> </div> </div> <div class="col-xs-12 col-sm-4"> <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2em;"><span style="color: rgb(216, 216, 216);">地址：</span></p><p style="line-height: 2em;"><span style="color: rgb(255, 255, 255); font-size: 18px;">天津市西青區楊柳青鎮柳口路與津靜公路交口西側盛達道6號院內1樓1號</span></p> </div> </div> </div> </div> <script> $('#module_354504411 >.module_354504411').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="1200" id="module_354504449" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_354504449 clearfix">  <div class='BodyCenter BodyCenter354504449 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="text-align: center;"><span style="color: rgb(242, 242, 242);">copyright @ 2021 天津?；囁芰现破酚邢薰?nbsp; 技術支持：</span><span style="font-size: 14px; color: rgb(242, 242, 242); text-decoration: underline;"><a target="_self" style="font-size: 14px; color: rgb(242, 242, 242); text-decoration: underline;">津坤科技</a> <a href="http://www.bailishop.com/sitemap.xml" target="_blank" title="網站地圖" style="font-size: 14px; color: rgb(242, 242, 242); text-decoration: none;"><span style="font-size: 14px; color: rgb(242, 242, 242); text-decoration: none;">網站地圖</span></a></span><span style="color: rgb(242, 242, 242); text-decoration: none;"> </span><a href="http://www.bailishop.com/sitemap-toutiao.xml" target="_blank" title="頭條地圖" style="font-size: 14px; color: rgb(242, 242, 242); text-decoration: none;"><span style="color: rgb(242, 242, 242); text-decoration: none;">頭條地圖</span></a></p> </div> </div> <script> $('#module_354504449 >.module_354504449').css('cssText','-webkit-transform:translate3d(0,0,0)') </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("354504371",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script> </div> </div> </div> <div class="ModuleItem StaticModule mhidden-lg mhidden-md mhidden-sm" wo="1912" id="module_354513170" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_354513170 clearfix">  <div class='BodyCenter BodyCenter354513170 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="text-align: center;"><span style="text-align: center; color: rgb(242, 242, 242);">copyright @ 2021 天津?；囁芰现破酚邢薰?nbsp; 技術支持：</span><a target="_self" style="text-align: center; color: rgb(242, 242, 242);">津坤科技</a></p> </div> </div> <script> $('#module_354513170 >.module_354513170').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> </div> </div> </div>   <div class="ModuleItem " id="module_354471324" > <div id="module_354471324" 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 () { $('.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() }) 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') var isshow = '1' if(isshow == '1'){ $('.defaultbtn').click(); setInterval(itemtext,50) }else{ $(".FloatNavitemlist").css('display','none') } } } } 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="ModuleItem " id="module_354471325" > <div class="FootNavQRCode FootBar" style="z-index:899" onclick="QRShow();"> <div class="FootNavMask"></div> <span class="FootNavQRCodeImg" style="display:block;"><img id="imgFootNavQrCode" style="width: 160px; height: 160px;" _src="/index.php?c=front/Qrcode&a=getFootNavQrCode" /></span> </div> <div class="QQServices" style="z-index:1000" onclick="showService();"> <div class="FootNavMask"></div> <ul class="QQList"> <li class="QQCancel">取消</li> </ul> </div> <div id="MobileFootNavRenderElem" class="mobileNavRenderElem iconAndText" style="position:static;"></div> <div id="MobileFootNav" class="footer FootBar iconAndText" style="z-index:900;" isclickcolor = '0' bgcolorrelatedtomobilenav="1" ParamfontColor="" enable = "1"> <ul class="foot-nav-list" style="background-color:rgb(18, 29, 110);"> <li class="" style="" itemid=7> <style> [itemid = '7'] .icon svg>* { } </style> <a class=" " style="" onclick="showHomePage()"> <span icontab='' morenact = "icon-shouye-xuanzhong" moren='icon-shouye-moren' activesIcon = "" class="icon iconfont icon-shouye-moren" style="color:#666;display:block;"> </span> <span class="itemText " style="display:block;">首頁</span> </a> </li> <li class=" " style=" " itemid=2> <style> [itemid = '2'] .icon svg>* { } </style> <a class=" " style="" href="tel:13920535168"> <span icontab='' moren='icon-dianhua-moren' morenact='icon-dianhua-xuanzhong' activesIcon = "" class="icon iconfont icon-dianhua-moren" style="color:#666;display:block;"> </span> <span class="itemText " style="display:block;">電話咨詢</span> </a> </li> <li style="" class="" itemid=4> <style> [itemid = '4'] .icon svg>* { } </style> <a onclick="QRShow()" class=" " style=""> <span icontab='' morenact = "icon-erweima-xuanzhong" moren='icon-erweima-moren' activesIcon = "" class="icon iconfont icon-erweima-moren" style="color:#666;display:block;"> </span> <span class="itemText " style="display:block;">二維碼</span> </a> </li> <li style="" itemid=5> <a onclick="javascript:history.go(-1);"> <span icontab='' morenact = "icon-fanhui-xuanzhong" moren='icon-fanhui-moren' activesIcon = "" class="icon iconfont icon-fanhui-moren" style="color:#666;display:block;"> </span> <span class="itemText " style="display:block;">返回</span> </a> </li> </ul> </div><style> .icon{ background:none;} </style> <script type="text/javascript"> addScript('/share/mobilefootnav.js') </script> </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> <div class="diywx wxinfo"> <img src="" class="diywximg"/> </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備19005994號-2</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="1728670"; 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 = "1620455552"; var ENABLE_FENXIAO = ""; var isSysDomain = false; var SysDomain = ["iyz168.com","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.6.0.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); wx.miniProgram.getEnv(function(res) { if(res.miniprogram){ wx.miniProgram.postMessage({ data: { shareurl: window.location.href, title:document.title } }) } }) } }); </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> <div id="google_translate_element2" style = "display:none"></div> <a href="http://www.bailishop.com/">99久9在线视频免费观看,亚洲97,精品国精品无码自拍自在线,亚洲国产精品一区二区在线</a> <div style="position:fixed;left:-9000px;top:-9000px;"><menu id="uqsqs"><source id="uqsqs"><tr id="uqsqs"></tr></source></menu><noscript id="uqsqs"></noscript><strong id="uqsqs"></strong><object id="uqsqs"><strong id="uqsqs"><xmp id="uqsqs"></xmp></strong></object><table id="uqsqs"></table><td id="uqsqs"><option id="uqsqs"><kbd id="uqsqs"></kbd></option></td><xmp id="uqsqs"><option id="uqsqs"><source id="uqsqs"></source></option></xmp><wbr id="uqsqs"></wbr><code id="uqsqs"></code><noscript id="uqsqs"></noscript><source id="uqsqs"></source><kbd id="uqsqs"></kbd><tbody id="uqsqs"></tbody><td id="uqsqs"></td><blockquote id="uqsqs"></blockquote><xmp id="uqsqs"></xmp><code id="uqsqs"><tbody id="uqsqs"><wbr id="uqsqs"></wbr></tbody></code><blockquote id="uqsqs"><center id="uqsqs"><tr id="uqsqs"></tr></center></blockquote><button id="uqsqs"></button><noscript id="uqsqs"></noscript><button id="uqsqs"></button><samp id="uqsqs"></samp><nav id="uqsqs"></nav><center id="uqsqs"></center><input id="uqsqs"></input><center id="uqsqs"></center><dd id="uqsqs"></dd><xmp id="uqsqs"><table id="uqsqs"><option id="uqsqs"></option></table></xmp><blockquote id="uqsqs"></blockquote><tbody id="uqsqs"><wbr id="uqsqs"><s id="uqsqs"></s></wbr></tbody><li id="uqsqs"><rt id="uqsqs"><samp id="uqsqs"></samp></rt></li><object id="uqsqs"><xmp id="uqsqs"><table id="uqsqs"></table></xmp></object><u id="uqsqs"></u><legend id="uqsqs"></legend><blockquote id="uqsqs"></blockquote><small id="uqsqs"></small><xmp id="uqsqs"><td id="uqsqs"><option id="uqsqs"></option></td></xmp><td id="uqsqs"><option id="uqsqs"><u id="uqsqs"></u></option></td><wbr id="uqsqs"></wbr><center id="uqsqs"></center><source id="uqsqs"><acronym id="uqsqs"><nav id="uqsqs"></nav></acronym></source><small id="uqsqs"></small><rt id="uqsqs"><u id="uqsqs"><code id="uqsqs"></code></u></rt><sup id="uqsqs"><input id="uqsqs"><dd id="uqsqs"></dd></input></sup><tbody id="uqsqs"></tbody><legend id="uqsqs"></legend><button id="uqsqs"></button><blockquote id="uqsqs"></blockquote><wbr id="uqsqs"></wbr><u id="uqsqs"></u> <source id="uqsqs"></source><div id="uqsqs"><li id="uqsqs"><rt id="uqsqs"></rt></li></div><option id="uqsqs"><kbd id="uqsqs"><object id="uqsqs"></object></kbd></option><input id="uqsqs"></input><code id="uqsqs"><dd id="uqsqs"><button id="uqsqs"></button></dd></code><table id="uqsqs"></table><kbd id="uqsqs"></kbd><u id="uqsqs"></u><small id="uqsqs"></small><wbr id="uqsqs"></wbr><tt id="uqsqs"><blockquote id="uqsqs"><tbody id="uqsqs"></tbody></blockquote></tt><kbd id="uqsqs"></kbd><tr id="uqsqs"><s id="uqsqs"><menu id="uqsqs"></menu></s></tr><xmp id="uqsqs"></xmp><acronym id="uqsqs"></acronym><bdo id="uqsqs"><option id="uqsqs"><source id="uqsqs"></source></option></bdo><tt id="uqsqs"><blockquote id="uqsqs"><optgroup id="uqsqs"></optgroup></blockquote></tt><legend id="uqsqs"></legend><menu id="uqsqs"><table id="uqsqs"><noscript id="uqsqs"></noscript></table></menu><noscript id="uqsqs"></noscript><kbd id="uqsqs"><object id="uqsqs"><strong id="uqsqs"></strong></object></kbd><div id="uqsqs"><rt id="uqsqs"><u id="uqsqs"></u></rt></div><wbr id="uqsqs"></wbr><small id="uqsqs"></small><acronym id="uqsqs"></acronym><legend id="uqsqs"></legend><table id="uqsqs"><noscript id="uqsqs"><kbd id="uqsqs"></kbd></noscript></table><bdo id="uqsqs"></bdo><wbr id="uqsqs"></wbr><noscript id="uqsqs"><source id="uqsqs"><samp id="uqsqs"></samp></source></noscript><sup id="uqsqs"></sup><xmp id="uqsqs"></xmp><nav id="uqsqs"></nav><bdo id="uqsqs"><center id="uqsqs"><tr id="uqsqs"></tr></center></bdo><rt id="uqsqs"></rt><xmp id="uqsqs"><table id="uqsqs"><option id="uqsqs"></option></table></xmp><strong id="uqsqs"><small id="uqsqs"><td id="uqsqs"></td></small></strong><option id="uqsqs"><source id="uqsqs"><object id="uqsqs"></object></source></option><rt id="uqsqs"><code id="uqsqs"><nav id="uqsqs"></nav></code></rt><blockquote id="uqsqs"></blockquote><code id="uqsqs"></code><tbody id="uqsqs"><tr id="uqsqs"><s id="uqsqs"></s></tr></tbody><small id="uqsqs"><li id="uqsqs"><rt id="uqsqs"></rt></li></small><li id="uqsqs"></li><input id="uqsqs"></input><table id="uqsqs"><noscript id="uqsqs"><acronym id="uqsqs"></acronym></noscript></table><xmp id="uqsqs"></xmp><u id="uqsqs"><object id="uqsqs"><small id="uqsqs"></small></object></u><noscript id="uqsqs"><u id="uqsqs"><object id="uqsqs"></object></u></noscript><acronym id="uqsqs"><label id="uqsqs"><bdo id="uqsqs"></bdo></label></acronym> <samp id="uqsqs"></samp><legend id="uqsqs"></legend><source id="uqsqs"></source><strong id="uqsqs"><xmp id="uqsqs"><td id="uqsqs"></td></xmp></strong><rt id="uqsqs"></rt><u id="uqsqs"><dd id="uqsqs"><nav id="uqsqs"></nav></dd></u><wbr id="uqsqs"></wbr><li id="uqsqs"></li><s id="uqsqs"><tt id="uqsqs"><optgroup id="uqsqs"></optgroup></tt></s><kbd id="uqsqs"><strong id="uqsqs"><strong id="uqsqs"></strong></strong></kbd><s id="uqsqs"><tt id="uqsqs"><bdo id="uqsqs"></bdo></tt></s><u id="uqsqs"><samp id="uqsqs"><nav id="uqsqs"></nav></samp></u><nav id="uqsqs"></nav><nav id="uqsqs"></nav><optgroup id="uqsqs"></optgroup><object id="uqsqs"><strong id="uqsqs"><small id="uqsqs"></small></strong></object><li id="uqsqs"><rt id="uqsqs"><input id="uqsqs"></input></rt></li><button id="uqsqs"></button><input id="uqsqs"></input><kbd id="uqsqs"></kbd><tt id="uqsqs"></tt><u id="uqsqs"></u><u id="uqsqs"></u><object id="uqsqs"></object><kbd id="uqsqs"><samp id="uqsqs"><dd id="uqsqs"></dd></samp></kbd><option id="uqsqs"><kbd id="uqsqs"><strong id="uqsqs"></strong></kbd></option><samp id="uqsqs"></samp><div id="uqsqs"><rt id="uqsqs"><u id="uqsqs"></u></rt></div><bdo id="uqsqs"><center id="uqsqs"><acronym id="uqsqs"></acronym></center></bdo><option id="uqsqs"></option><tt id="uqsqs"></tt><legend id="uqsqs"><object id="uqsqs"><xmp id="uqsqs"></xmp></object></legend><wbr id="uqsqs"></wbr><source id="uqsqs"><label id="uqsqs"><menu id="uqsqs"></menu></label></source><strong id="uqsqs"></strong><kbd id="uqsqs"></kbd><legend id="uqsqs"><tr id="uqsqs"><s id="uqsqs"></s></tr></legend><noscript id="uqsqs"></noscript><nav id="uqsqs"><td id="uqsqs"><option id="uqsqs"></option></td></nav><source id="uqsqs"></source><wbr id="uqsqs"><button id="uqsqs"><input id="uqsqs"></input></button></wbr><bdo id="uqsqs"></bdo><blockquote id="uqsqs"></blockquote><blockquote id="uqsqs"></blockquote><acronym id="uqsqs"></acronym><s id="uqsqs"></s><dd id="uqsqs"></dd><small id="uqsqs"></small><kbd id="uqsqs"><object id="uqsqs"><strong id="uqsqs"></strong></object></kbd><small id="uqsqs"></small></div> <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>