四川峨眉興德環?？萍加邢薰?/title> <meta name="keywords" content="環保，環保工程，"/> <meta name="description" content="0"/> <meta name="referrer" content="always"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="icon" href=" //material.17hongtu.cn/storeid_160/pc/resource/20210111/202101111817251668965.ico" type="image/x-icon">  <link href="http://material.17hongtu.cn/static/templates/js/layui/css/layui.css" rel="stylesheet"> <link href="http://material.17hongtu.cn/static/templates/css/bootstrap.min.css" rel="stylesheet"/> <link href="http://material.17hongtu.cn/static/templates/css/animate.css?v=1.01" rel="stylesheet"/> <link href="http://material.17hongtu.cn/static/templates/css/swiper.min.css" rel="stylesheet"/> <script src="http://material.17hongtu.cn/static/templates/js/jquery-2.1.1.min.js"></script> <link href="http://material.17hongtu.cn/static/templates/css/font.css?v=1.0.2" rel="stylesheet" /> <script src="http://material.17hongtu.cn/static/templates/js/pc-mobile.js?v=1.0.6"></script> <script> isSiteLine('https://www.17hongtu.cn') </script> <style> *{ -webkit-font-smoothing:subpixel-antialiased; } input { -webkit-appearance: none; border-radius:0; } </style> <script> /*@cc_on alert("您正在使用的瀏覽器版本過低，為了您的最佳體驗，請先升級瀏覽器。");window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/ </script> <script src="http://material.17hongtu.cn/static/templates/js/layer/layer.js"></script> <script src="http://material.17hongtu.cn/static/templates/js/layui/layui.all.js"></script> <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" /> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=PyxHkwB3GfUKfoXfu6hr4iHNdzN2D8OP"></script> <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script> <link rel="stylesheet" href="http://material.17hongtu.cn/static/templates/css/common.css?v=3.07"> <link rel="stylesheet" href="http://material.17hongtu.cn/static/templates/icons/iconfont.css">  <style> @media screen and (max-width: 1200px) { html{ font-size: 100px !important; } } </style> <style type="text/css"> a{ color:#333; } a:hover{ color: #333; } img{ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } @media screen and (max-width: 1200px) { .add-wide { width: 12rem !important; } .add-wide-div { width: 12rem !important; } } </style> <style> </style> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body style=""> <div style="position:fixed;left:-9000px;top:-9000px;"><ins id="v77xv"><dl id="v77xv"></dl></ins><th id="v77xv"><form id="v77xv"></form></th><dfn id="v77xv"><span id="v77xv"><ins id="v77xv"><meter id="v77xv"></meter></ins></span></dfn><delect id="v77xv"><delect id="v77xv"><menuitem id="v77xv"><sub id="v77xv"></sub></menuitem></delect></delect><mark id="v77xv"><thead id="v77xv"><font id="v77xv"><address id="v77xv"></address></font></thead></mark><strike id="v77xv"><rp id="v77xv"></rp></strike><thead id="v77xv"><nobr id="v77xv"><noframes id="v77xv"><noframes id="v77xv"></noframes></noframes></nobr></thead><del id="v77xv"></del><dfn id="v77xv"><thead id="v77xv"><meter id="v77xv"><address id="v77xv"></address></meter></thead></dfn><p id="v77xv"></p><nobr id="v77xv"></nobr><progress id="v77xv"><nobr id="v77xv"></nobr></progress><delect id="v77xv"><cite id="v77xv"><dfn id="v77xv"><progress id="v77xv"></progress></dfn></cite></delect><track id="v77xv"></track><listing id="v77xv"><listing id="v77xv"></listing></listing><listing id="v77xv"><sub id="v77xv"><th id="v77xv"><form id="v77xv"></form></th></sub></listing><rp id="v77xv"></rp><meter id="v77xv"></meter><listing id="v77xv"><listing id="v77xv"><big id="v77xv"><span id="v77xv"></span></big></listing></listing><mark id="v77xv"><progress id="v77xv"><nobr id="v77xv"><noframes id="v77xv"></noframes></nobr></progress></mark><dfn id="v77xv"></dfn><sub id="v77xv"></sub><pre id="v77xv"><pre id="v77xv"><ruby id="v77xv"><b id="v77xv"></b></ruby></pre></pre><del id="v77xv"><sub id="v77xv"><thead id="v77xv"><form id="v77xv"></form></thead></sub></del><font id="v77xv"><listing id="v77xv"></listing></font><track id="v77xv"><span id="v77xv"></span></track><del id="v77xv"></del><sub id="v77xv"></sub><track id="v77xv"><span id="v77xv"><rp id="v77xv"><rp id="v77xv"></rp></rp></span></track><em id="v77xv"><dl id="v77xv"><dl id="v77xv"><cite id="v77xv"></cite></dl></dl></em><dl id="v77xv"><delect id="v77xv"><cite id="v77xv"><dfn id="v77xv"></dfn></cite></delect></dl><strike id="v77xv"><span id="v77xv"></span></strike><rp id="v77xv"><i id="v77xv"><output id="v77xv"><cite id="v77xv"></cite></output></i></rp><th id="v77xv"></th><video id="v77xv"></video><nobr id="v77xv"><address id="v77xv"></address></nobr><pre id="v77xv"><ruby id="v77xv"></ruby></pre><sub id="v77xv"><th id="v77xv"></th></sub><b id="v77xv"></b><address id="v77xv"><big id="v77xv"></big></address><font id="v77xv"><font id="v77xv"><listing id="v77xv"><sub id="v77xv"></sub></listing></font></font><dl id="v77xv"><output id="v77xv"><del id="v77xv"><mark id="v77xv"></mark></del></output></dl><form id="v77xv"><noframes id="v77xv"></noframes></form><span id="v77xv"><em id="v77xv"></em></span><rp id="v77xv"><dl id="v77xv"></dl></rp><mark id="v77xv"></mark><i id="v77xv"><i id="v77xv"><delect id="v77xv"><cite id="v77xv"></cite></delect></i></i><big id="v77xv"><span id="v77xv"></span></big><dl id="v77xv"><menuitem id="v77xv"></menuitem></dl><ruby id="v77xv"></ruby> <mark id="v77xv"></mark><progress id="v77xv"><nobr id="v77xv"></nobr></progress><strike id="v77xv"><rp id="v77xv"><i id="v77xv"><delect id="v77xv"></delect></i></rp></strike><noframes id="v77xv"><noframes id="v77xv"></noframes></noframes><p id="v77xv"></p><sub id="v77xv"></sub><noframes id="v77xv"><big id="v77xv"><th id="v77xv"><meter id="v77xv"></meter></th></big></noframes><delect id="v77xv"></delect><delect id="v77xv"><menuitem id="v77xv"></menuitem></delect><th id="v77xv"><dl id="v77xv"><noframes id="v77xv"><ruby id="v77xv"></ruby></noframes></dl></th><b id="v77xv"><var id="v77xv"><meter id="v77xv"><listing id="v77xv"></listing></meter></var></b><b id="v77xv"><ins id="v77xv"></ins></b><dfn id="v77xv"><dfn id="v77xv"></dfn></dfn><strike id="v77xv"><em id="v77xv"></em></strike><span id="v77xv"><em id="v77xv"></em></span><ol id="v77xv"><dl id="v77xv"></dl></ol><video id="v77xv"><video id="v77xv"></video></video><rp id="v77xv"><dl id="v77xv"></dl></rp><listing id="v77xv"></listing><cite id="v77xv"><mark id="v77xv"></mark></cite><sub id="v77xv"><th id="v77xv"></th></sub><mark id="v77xv"></mark><p id="v77xv"><ruby id="v77xv"></ruby></p><nobr id="v77xv"><pre id="v77xv"></pre></nobr><var id="v77xv"><font id="v77xv"><menuitem id="v77xv"><sub id="v77xv"></sub></menuitem></font></var><listing id="v77xv"><big id="v77xv"><th id="v77xv"><em id="v77xv"></em></th></big></listing><meter id="v77xv"></meter><ruby id="v77xv"><ruby id="v77xv"><b id="v77xv"><ins id="v77xv"></ins></b></ruby></ruby><sub id="v77xv"></sub><meter id="v77xv"></meter><sub id="v77xv"><th id="v77xv"><th id="v77xv"><em id="v77xv"></em></th></th></sub><p id="v77xv"></p><big id="v77xv"></big><strike id="v77xv"><ol id="v77xv"></ol></strike><i id="v77xv"><font id="v77xv"></font></i><th id="v77xv"><em id="v77xv"><video id="v77xv"><p id="v77xv"></p></video></em></th><track id="v77xv"><span id="v77xv"><rp id="v77xv"><i id="v77xv"></i></rp></span></track><cite id="v77xv"><mark id="v77xv"><thead id="v77xv"><thead id="v77xv"></thead></thead></mark></cite><nobr id="v77xv"></nobr><ins id="v77xv"></ins><var id="v77xv"></var><th id="v77xv"></th><delect id="v77xv"><delect id="v77xv"></delect></delect><progress id="v77xv"></progress><cite id="v77xv"><mark id="v77xv"></mark></cite><ol id="v77xv"></ol><strike id="v77xv"></strike><sub id="v77xv"><th id="v77xv"><th id="v77xv"><em id="v77xv"></em></th></th></sub><menuitem id="v77xv"><dfn id="v77xv"><progress id="v77xv"><form id="v77xv"></form></progress></dfn></menuitem><listing id="v77xv"><sub id="v77xv"></sub></listing> <progress id="v77xv"><progress id="v77xv"><form id="v77xv"><noframes id="v77xv"></noframes></form></progress></progress><var id="v77xv"></var><nobr id="v77xv"></nobr><menuitem id="v77xv"><menuitem id="v77xv"></menuitem></menuitem><b id="v77xv"></b><address id="v77xv"></address><output id="v77xv"><output id="v77xv"></output></output><thead id="v77xv"><thead id="v77xv"><meter id="v77xv"><address id="v77xv"></address></meter></thead></thead><i id="v77xv"><output id="v77xv"><cite id="v77xv"><dfn id="v77xv"></dfn></cite></output></i><ol id="v77xv"></ol><var id="v77xv"><meter id="v77xv"></meter></var><var id="v77xv"><font id="v77xv"><listing id="v77xv"><listing id="v77xv"></listing></listing></font></var><address id="v77xv"></address><big id="v77xv"><th id="v77xv"></th></big><output id="v77xv"><del id="v77xv"></del></output><form id="v77xv"><video id="v77xv"></video></form><span id="v77xv"><rp id="v77xv"><i id="v77xv"><output id="v77xv"></output></i></rp></span><ins id="v77xv"><delect id="v77xv"><menuitem id="v77xv"><dfn id="v77xv"></dfn></menuitem></delect></ins><th id="v77xv"><rp id="v77xv"><dl id="v77xv"><output id="v77xv"></output></dl></rp></th><b id="v77xv"><var id="v77xv"><font id="v77xv"><listing id="v77xv"></listing></font></var></b><progress id="v77xv"></progress><ruby id="v77xv"></ruby><big id="v77xv"><big id="v77xv"></big></big><rp id="v77xv"><delect id="v77xv"></delect></rp><b id="v77xv"></b><track id="v77xv"></track><var id="v77xv"><var id="v77xv"></var></var><dfn id="v77xv"><dfn id="v77xv"></dfn></dfn><output id="v77xv"><menuitem id="v77xv"></menuitem></output><del id="v77xv"></del><ins id="v77xv"><font id="v77xv"><font id="v77xv"><listing id="v77xv"></listing></font></font></ins><ol id="v77xv"></ol><nobr id="v77xv"></nobr><form id="v77xv"><noframes id="v77xv"><noframes id="v77xv"><pre id="v77xv"></pre></noframes></noframes></form><progress id="v77xv"><form id="v77xv"></form></progress><delect id="v77xv"></delect><strike id="v77xv"></strike><var id="v77xv"></var><p id="v77xv"><del id="v77xv"><mark id="v77xv"><var id="v77xv"></var></mark></del></p><progress id="v77xv"></progress><ruby id="v77xv"><b id="v77xv"></b></ruby><strike id="v77xv"><rp id="v77xv"></rp></strike><mark id="v77xv"><thead id="v77xv"><nobr id="v77xv"><address id="v77xv"></address></nobr></thead></mark><mark id="v77xv"><mark id="v77xv"></mark></mark><font id="v77xv"><menuitem id="v77xv"></menuitem></font><ins id="v77xv"><ins id="v77xv"><delect id="v77xv"><menuitem id="v77xv"></menuitem></delect></ins></ins><span id="v77xv"><span id="v77xv"><rp id="v77xv"><dl id="v77xv"></dl></rp></span></span><listing id="v77xv"></listing><big id="v77xv"><th id="v77xv"></th></big><listing id="v77xv"><big id="v77xv"><span id="v77xv"><em id="v77xv"></em></span></big></listing></div> <div class="container" id="container" data-index="0" data-id="0" data-content="12rem" data-value="1" data-base="1920" style="width:12rem;position: relative;min-height:100vh;height:19.75rem;padding: 0;"> <style> .unit-unslider .swiper-container .swiper-slide a img{ object-fit:cover; } </style> <div data-left=0 data-top=1.2 belongId="" id="jz5-1-11_1610347353710" unique="5-1-11_1610347353710" class="unit-unslider " data-to_detail_h="0" style="position:absolute;width:100%;left:0;top:1.2rem;height:3rem;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:none;background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;"> <div id="swiper-container5-1-11_1610347353710" class="swiper-container unslider-style1"> <div class="swiper-wrapper"> <div class="swiper-slide" style=""> <a href="javascript:void(0);" target="_self"> <img style="" src=" //material.17hongtu.cn/storeid_160/pc/resource/20210112/202101120851538390748.jpg" alt="圖片1"> </a> </div> </div> <div class="swiper-pagination swiper-pagination5-1-11_1610347353710"></div> <div class="swiper-button-prev swiper-button-prev5-1-11_1610347353710 " style="width:0.32rem;height:0.32rem;background-size:contain;background-position:center center;background-repeat:no-repeat;left:0.25rem;" ></div> <div class="swiper-button-next swiper-button-next5-1-11_1610347353710 " style="width:0.32rem;height:0.32rem;background-size:contain;background-position:center center;background-repeat:no-repeat;right:0.25rem;"></div> </div> </div> <script type="application/javascript"> $(document).ready(function () { var mySwipers = new Swiper ('#swiper-container5-1-11_1610347353710', { direction: "horizontal", loop: true, slidesPerView: "auto", slidesPerGroup: 1, autoHeight: true, grabCursor: true, observer: true, observerParents: true, effect: "slide", autoplay:false, pagination: { el: '.swiper-pagination5-1-11_1610347353710', type: "custom", clickable: true, renderCustom: (swiper, current, total) => { var paginationHtml = '' for (var i = 0; i < total; i++) { if (i === current - 1) { paginationHtml += `<span class="swiper-pagination-customs swiper-pagination-customs-active" style="width:0.14rem;height:0.14rem;border-radius:0rem;margin-bottom:0.1rem;background-color:#333; background-color:#409eff;"></span>` } else { paginationHtml += `<span class="swiper-pagination-customs" style="width:0.14rem;height:0.14rem;border-radius:0rem;margin-bottom:0.1rem;background-color:#333;"></span>` } } return paginationHtml } }, navigation: { nextEl: '.swiper-button-next5-1-11_1610347353710', prevEl: '.swiper-button-prev5-1-11_1610347353710', } }) //鼠標移入停止播放，鼠標離開繼續輪播 mySwipers.el.onmouseover=function(){ mySwipers.autoplay.stop(); } $(".unit-unslider").css('opacity',1); }) </script> <style> .add-wide1-1_1610372502238 .add-wide-div{ background-position:center center;background-color:rgba(255, 255, 255, 1);background-attachment:scroll;background-size:contain;background-repeat:repeat; } .add-wide1-1_1610372502238.fixTop .add-wide-div{ background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;} .add-wide .wide-play-btn { position: absolute; width: 110px; height: 110px; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 10; } .add-wide .wide-play-btn::before { display: block; content: ""; width: 100%; height: 100%; border-radius: 50%; border: 2px dashed white; animation: rounds 5s linear infinite; } .add-wide .wide-play-btn .glyphicon { position: absolute; left: 50%; top: 50%; font-size: 32px; color: rgba(255, 255, 255, 0.5); transform: translate(-50%, -50%); } @keyframes rounds { from { transform: rotate(0); } to { transform: rotate(360deg); } } .add-wide.wide-full-screen { width: 100% !important; height: 100vh !important; } .add-wide.wide-full-screen .add-wide-div { width: 100vw !important; height: 100vh !important; } </style> <div data-left=0 data-top=4.2 class="add-wide1-1_1610372502238 add-wide " data-to_detail_h="0" unique="1-1_1610372502238" id="jz1-1_1610372502238" style="position:absolute;width:100%;left:0;top:4.2rem;height:9.56rem;"> <div class="add-wide-div" style="background-position:center center;background-color:rgba(255, 255, 255, 1);background-attachment:scroll;background-size:contain;background-repeat:repeat;"> <div class="add-wide-modal" style="opacity:1;background-color:rgba(255, 255, 255, 1);"></div> </div> </div>      <div data-left=0 data-top=6.37 class=" add-text " id="jz1-3_1610412009797" data-to_detail_h="0" unique="1-3_1610412009797" -data-animation="" style="position:absolute;width:12rem;left:0rem;top:6.37rem;height:3.41rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongId="1-1_1610372502238"> <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1610412009797" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:none;background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;" > <p style="line-height: 0.24rem;">巍巍峨眉，茫茫云海，山雄水秀，人杰地靈。</p><p><br/></p><p style="line-height: 0.24rem;"><span style="color: #F48000;">四川峨眉興德環?？萍加邢薰?/span>坐落于 “世界自然文化遺產”著名佛教圣地、景色宜人的“天下第一山”峨眉山麓，峨眉山市桂花橋鎮，于1998年12月16日在峨眉山市市場和質量監督管理局注冊成立，注冊資本為5500萬人民幣。公司設有行政部、人力資源部、財務部、物資供應部、市場營銷部、工程技術部、生產部、質量保證部等管理機構，下設壓力容器分廠、金工分廠、鑄鋼分廠等生產實體。公司設備精良，技術先進，有多套專業機械加工檢測設備。</p><p><br/></p><p style="line-height: 0.24rem;">我公司主要經營環保工程；環保技術研發及服務；廢水、污泥處理；環保型油污泥分解劑、環保型LBP中間體生產與銷售；有色金屬、黑色金屬、爐料、耐火保溫材料、新型建筑材料銷售；壓力容器及機械設備設計、制造、銷售；機電設備安裝工程；進出口本企業產品和原材料設備；罐體生產及加工；化工類產品銷售（不含?；罚?。我們有好的產品和專業的銷售和技術團隊，擁有較強的滿足用戶需求的技術裝備與服務的綜合生產制造能力。</p><p><br/></p><p style="line-height: 0.24rem;">我們始終為客戶提供好的產品和技術支持、健全的售后服務。“視顧客為衣食父母，為顧客的利益最大化著想，讓每一位顧客滿意”是我們奉獻給每一位新老用戶的真誠承諾。</p><p><br/></p> </div> </div>      <div data-left=4.84 data-top=4.84 class=" add-text " id="jz1-3_1610412259767" data-to_detail_h="0" unique="1-3_1610412259767" -data-animation="" style="position:absolute;width:2.37rem;left:4.84rem;top:4.84rem;height:1.08rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongId="1-1_1610372502238"> <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1610412259767" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:none;background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;" > <p style="text-align: center;"><strong><span style="font-size: 0.32rem;">公司介紹</span></strong></p><p style="text-align: center;"><span style="color: #F48000;"><strong><span style="font-size: 0.32rem;">—</span></strong></span></p> </div> </div> <div data-left=0 data-top=9.88 belongId="1-1_1610372502238" unique="1-5_1610412382703" id="jz1-5_1610412382703" class=" add-picture " data-to_detail_h="0" style="position:absolute;width:6.36rem;left:0rem;top:9.88rem;height:3.09rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation=""> <div class="img_div img-div-h-1-5_1610412382703" onmouseover="imgHover('1-5_1610412382703',1,``)" onmouseout="imgHover('1-5_1610412382703',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:none;background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;animation-duration:0.35s;filter:none;width:6.36rem;height:3.09rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" > <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;" rel="" target="_self" > <img id="add-picture-1-5_1610412382703" class="" style="animation-duration:0.35s;filter:none;width:6.36rem;height:3.09rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="興德環保" src=" //material.17hongtu.cn/storeid_160/pc/resource/20210112/202101121437481401556.jpg" alt="興德環保" usemap="#imgHot1-5_1610412382703"> </a> </div> </div> <script> function imgHover (unique,hover,class_name){ let nav=$('#add-picture-'+unique) if (hover){ nav.addClass(class_name); } else { nav.removeClass(class_name); } } </script> <div data-left=6.56 data-top=9.88 belongId="1-1_1610372502238" unique="1-5_16104123899880" id="jz1-5_16104123899880" class=" add-picture " data-to_detail_h="0" style="position:absolute;width:5.43rem;left:6.56rem;top:9.88rem;height:3.09rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation=""> <div class="img_div img-div-h-1-5_16104123899880" onmouseover="imgHover('1-5_16104123899880',1,``)" onmouseout="imgHover('1-5_16104123899880',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:none;background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;animation-duration:0.35s;filter:none;width:5.43rem;height:3.09rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" > <a href="javascript:void(0)" style="display: inline-block;cursor: pointer;" rel="" target="_self" > <img id="add-picture-1-5_16104123899880" class="" style="animation-duration:0.35s;filter:none;width:5.43rem;height:3.09rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="興德環保" src=" //material.17hongtu.cn/storeid_160/pc/resource/20210112/202101121437482170893.jpg" alt="興德環保" usemap="#imgHot1-5_16104123899880"> </a> </div> </div> <script> function imgHover (unique,hover,class_name){ let nav=$('#add-picture-'+unique) if (hover){ nav.addClass(class_name); } else { nav.removeClass(class_name); } } </script> <style> .add-wide1-1_1610336286600 .add-wide-div{ background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat; } .add-wide1-1_1610336286600.fixTop .add-wide-div{ background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;} .add-wide .wide-play-btn { position: absolute; width: 110px; height: 110px; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 10; } .add-wide .wide-play-btn::before { display: block; content: ""; width: 100%; height: 100%; border-radius: 50%; border: 2px dashed white; animation: rounds 5s linear infinite; } .add-wide .wide-play-btn .glyphicon { position: absolute; left: 50%; top: 50%; font-size: 32px; color: rgba(255, 255, 255, 0.5); transform: translate(-50%, -50%); } @keyframes rounds { from { transform: rotate(0); } to { transform: rotate(360deg); } } .add-wide.wide-full-screen { width: 100% !important; height: 100vh !important; } .add-wide.wide-full-screen .add-wide-div { width: 100vw !important; height: 100vh !important; } </style> <div data-left=0 data-top=0 class="add-wide1-1_1610336286600 add-wide " data-to_detail_h="0" unique="1-1_1610336286600" id="jz1-1_1610336286600" style="position:absolute;width:100%;left:0;top:0rem;height:1.2rem;"> <div class="add-wide-div" style="background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;"> <div class="add-wide-modal" style="opacity:1;background-color:rgba(43, 43, 43, 1);"></div> </div> </div> <div data-left=0 data-top=0.15 belongId="1-1_1610336286600" unique="1-5_1610337643662" id="jz1-5_1610337643662" class=" add-picture " data-to_detail_h="0" style="position:absolute;width:3rem;left:0rem;top:0.15rem;height:0.88rem; animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" data-animation=""> <div class="img_div img-div-h-1-5_1610337643662" onmouseover="imgHover('1-5_1610337643662',1,``)" onmouseout="imgHover('1-5_1610337643662',0,``)" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;opacity:1;transform:none;background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;animation-duration:0.35s;filter:none;width:3rem;height:0.88rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" > <a href="/" style="display: inline-block;cursor: pointer;" rel="" target="_self" > <img id="add-picture-1-5_1610337643662" class="" style="animation-duration:0.35s;filter:none;width:3rem;height:0.88rem;margin-top:0rem;margin-left:0rem;margin-right:0rem;margin-bottom:0rem;opacity:1;object-fit:contain;" title="興德環保" src=" //material.17hongtu.cn/storeid_160/pc/resource/20210111/202101111203559843085.png" alt="興德環保" usemap="#imgHot1-5_1610337643662"> </a> </div> </div> <script> function imgHover (unique,hover,class_name){ let nav=$('#add-picture-'+unique) if (hover){ nav.addClass(class_name); } else { nav.removeClass(class_name); } } </script> <style> .add-nav-1-7_1610343072469 a{ display: inline-block; width: 100%; height: 100%; } .add-nav-1-7_1610343072469 .first-nav1-7_1610343072469 >.first-a{ font-family:microsoft yahei;color:#fff;text-align:center;background-color:rgba(32, 32, 32, 0);background-position:center center;background-repeat:no-repeat;width:1rem;height:0.6rem;line-height:0.6rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem; } .add-nav-1-7_1610343072469 .first-nav1-7_1610343072469:hover >.first-a{ font-family:microsoft yahei;color:#fff;text-align:center;background-color:rgba(0, 88, 162, 1);background-position:center center;background-repeat:no-repeat;width:1rem;height:0.6rem;line-height:0.6rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem; } .add-nav-1-7_1610343072469 .second-li1-7_1610343072469>.second-a{ font-family:microsoft yahei;color:#fff;text-align:center;background-color:rgba(62, 62, 62, 1);background-position:center center;background-repeat:no-repeat;width:1rem;height:0.45rem;line-height:0.45rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .add-nav-1-7_1610343072469 .second-li1-7_1610343072469:hover>.second-a{ font-family:microsoft yahei;color:#fff;text-align:center;background-color:rgba(0, 88, 162, 1);background-position:center center;background-repeat:no-repeat;width:1rem;height:0.45rem;line-height:0.45rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem; } .add-nav-1-7_1610343072469 .nav-active>.first-a{ font-family:microsoft yahei;color:#fff;text-align:center;background-color:rgba(0, 88, 162, 1);background-position:center center;background-repeat:no-repeat;width:1rem;height:0.6rem;line-height:0.6rem;font-size:0.16rem;border-radius:0rem 0rem 0rem 0rem;border-width:0rem 0rem 0rem 0rem;border-color:rgba(206, 206, 206, 1);border-style:solid;margin:0rem;padding:0rem; } </style> <div data-left=4.96 data-top=0.3 belongId="1-1_1610336286600" unique="1-7_1610343072469" class="add-nav add-nav-1-7_1610343072469 " data-to_detail_h="0" id="jz1-7_1610343072469" style="position:absolute;width:7.04rem;left:4.96rem;top:0.3rem;height:0.6rem;" data-animation=""> <div style="width: 100%!important;height: 100%!important;border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;border-radius:0.05rem;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255, 255, 255, 0);background-position:center center;background-repeat:no-repeat;box-shadow:none;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" class="add-nav add-nav-h-1-7_1610343072469 "> <ul class="add-nav-ul "> <li class="nav-group first-nav-0-1-7_1610343072469 first-nav1-7_1610343072469"> <a class="first-a" href="/" style="" target="_self"> 首頁 </a> </li> <li class="nav-group first-nav-1-1-7_1610343072469 first-nav1-7_1610343072469"> <a class="first-a" href="/xdhb_1254/" style="" target="_self"> 關于我們 </a> </li> <li class="nav-group first-nav-2-1-7_1610343072469 first-nav1-7_1610343072469"> <a class="first-a" href="/xdhb_1260/" style="" target="_self"> 相關資質 </a> </li> <li class="nav-group first-nav-3-1-7_1610343072469 first-nav1-7_1610343072469"> <a class="first-a" href="/xdhb_1261/" style="" target="_self"> 產品中心 </a> </li> <li class="nav-group first-nav-4-1-7_1610343072469 first-nav1-7_1610343072469"> <a class="first-a" href="/xdhb_1350/" style="" target="_self"> 環保工程 </a> </li> <li class="nav-group first-nav-5-1-7_1610343072469 first-nav1-7_1610343072469"> <a class="first-a" href="/xdhb_1256/" style="" target="_self"> 新聞資訊 </a> </li> <li class="nav-group first-nav-6-1-7_1610343072469 first-nav1-7_1610343072469"> <a class="first-a" href="/xdhb_1255/" style="" target="_self"> 聯系我們 </a> </li> </ul> </div> </div> <script type="text/javascript"> $(document).ready(function () { let url_nav = window.location.pathname let a = $('.first-nav1-7_1610343072469 .first-a') let l = a.length for (var i = 0; i < l; i++) { if (a.eq(i).attr('href') == url_nav || a.eq(i).attr('href') == url_nav + '/') { $('.first-nav1-7_1610343072469').eq(i).addClass('nav-active') } else { $('.first-nav1-7_1610343072469').eq(i).removeClass('nav-active') } } let sa = $('.second-li1-7_1610343072469 .second-a') let sl = sa.length for (var j = 0; j < sl; j++) { if (a.eq(j).attr('href') == url_nav || a.eq(j).attr('href') == url_nav + '/') { $('.first-nav1-7_1610343072469').eq(j).parent().addClass('nav-active') } else { $('.first-nav1-7_1610343072469').eq(j).parent().siblings().removeClass('nav-active') } } }) </script> <style> .add-wide1-1_1610360599390 .add-wide-div{ background-position:center center;background-color:rgba(43, 43, 43, 1);background-attachment:scroll;background-size:contain;background-repeat:repeat;background-image:url(' //material.17hongtu.cn/storeid_160/pc/resource/20210111/202101111827379459416.jpg'); } .add-wide1-1_1610360599390.fixTop .add-wide-div{ background-position:center center;background-color:#dddddd;background-attachment:scroll;background-size:contain;background-repeat:repeat;} .add-wide .wide-play-btn { position: absolute; width: 110px; height: 110px; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 10; } .add-wide .wide-play-btn::before { display: block; content: ""; width: 100%; height: 100%; border-radius: 50%; border: 2px dashed white; animation: rounds 5s linear infinite; } .add-wide .wide-play-btn .glyphicon { position: absolute; left: 50%; top: 50%; font-size: 32px; color: rgba(255, 255, 255, 0.5); transform: translate(-50%, -50%); } @keyframes rounds { from { transform: rotate(0); } to { transform: rotate(360deg); } } .add-wide.wide-full-screen { width: 100% !important; height: 100vh !important; } .add-wide.wide-full-screen .add-wide-div { width: 100vw !important; height: 100vh !important; } </style> <div data-left=0 data-top=13.76 class="add-wide1-1_1610360599390 add-wide " data-to_detail_h="0" unique="1-1_1610360599390" id="jz1-1_1610360599390" style="position:absolute;width:100%;left:0;top:13.76rem;height:5.99rem;"> <div class="add-wide-div" style="background-position:center center;background-color:rgba(43, 43, 43, 1);background-attachment:scroll;background-size:contain;background-repeat:repeat;background-image:url(' //material.17hongtu.cn/storeid_160/pc/resource/20210111/202101111827379459416.jpg');"> <div class="add-wide-modal" style="opacity:0;background-color:rgba(122,122,122,0.40);"></div> </div> </div> <style type="text/css"> .unit-message-form .sub-btn5-1-8-1_1610363848888{ font-family:initial;font-size:0.14rem;width:6.2rem;height:0.46rem;color:#FFF;margin-top:0rem;margin-bottom:0rem;background-color:rgba(244, 128, 0, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(244, 128, 0, 1);border-radius:0.03rem; } .unit-message-form .sub-btn5-1-8-1_1610363848888:active{ font-family:initial;font-size:0.14rem;width:6.2rem;height:0.46rem;color:#FFF;margin-top:0rem;margin-bottom:0rem;background-color:rgba(244, 128, 0, 1);background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(244, 128, 0, 1);border-radius:0.03rem; color:#333;background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;border-color:#00AFF1; } .form-select-com select option{ color:initial; } </style> <style> .unit-message-form .form-input::-webkit-input-placeholder{ color: #D9D9D9!important; text-align:left!important; } .unit-message-form .form-input::-ms-input-placeholder { color: #D9D9D9!important; text-align:left!important; } .unit-message-form .form-input::-moz-placeholder { color: #D9D9D9!important; text-align:left!important; } </style> <div data-left=5.56 data-top=14.97 belongId="1-1_1610360599390" unique="5-1-8-1_1610363848888" class=" unit-message-form " data-to_detail_h="0" style="position:absolute;width:6.44rem;left:5.56rem;top:14.97rem;height:3.36rem;" id="jz5-1-8-1_1610363848888"> <div class="draggable-inner-div message-h-5-1-8-1_1610363848888 form-style-3" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none; --color: #ffffff;--fontSize: 0.14rem;" > <form id="messageForm5-1-8-1_1610363848888" class="body-list"> <input type="hidden" name="form_id" value="181"> <div style="margin-top:0rem;margin-bottom:0.34rem;"> <div class="form-row jz-row "> <style> .radio-inline input{ -webkit-appearance:radio; } .checkbox-inline input{ -webkit-appearance:checkbox; } .form-select-com{ position: relative; } .form-select-com select{ -webkit-appearance:none; color:#c0c4cc; } /*自定義下拉三角樣式*/ .arrow{ position: absolute; top:calc(50% - 0.05rem); right: 0.1rem; width: 0.08rem; height: 0.08rem; border-top: 0.01rem solid #c0c4cc; border-right: 0.01rem solid #c0c4cc; -webkit-transform: rotate(133deg); transform: rotate(133deg); } </style> <input class="form-input" placeholder="聯系人" name="聯系人" required="1" type="text" style="width:6.2rem;height:0.4rem;font-size:0.14rem;color:#ffffff;font-family:initial;font-weight:normal;text-decoration:none;background-color:rgba(255, 255, 255, 0.5);text-align:left;background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(255, 255, 255, 0.5);border-radius:0.03rem;" maxlength="635" > <span class="lr-margin" style="color:#FF0000;">*</span> </div> </div> <div style="margin-top:0rem;margin-bottom:0.34rem;"> <div class="form-row jz-row "> <style> .radio-inline input{ -webkit-appearance:radio; } .checkbox-inline input{ -webkit-appearance:checkbox; } .form-select-com{ position: relative; } .form-select-com select{ -webkit-appearance:none; color:#c0c4cc; } /*自定義下拉三角樣式*/ .arrow{ position: absolute; top:calc(50% - 0.05rem); right: 0.1rem; width: 0.08rem; height: 0.08rem; border-top: 0.01rem solid #c0c4cc; border-right: 0.01rem solid #c0c4cc; -webkit-transform: rotate(133deg); transform: rotate(133deg); } </style> <textarea class="form-input" placeholder="聯系方式" name="聯系方式" required="1" style="resize: none;width:6.2rem;height:0.4rem;font-size:0.14rem;color:#ffffff;font-family:initial;font-weight:normal;text-decoration:none;background-color:rgba(255, 255, 255, 0.5);text-align:left;background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(255, 255, 255, 0.5);border-radius:0.03rem;height:0.47rem;" maxlength="635"></textarea> <span class="lr-margin" style="color:#FF0000;">*</span> </div> </div> <div style="margin-top:0rem;margin-bottom:0.34rem;"> <div class="form-row jz-row "> <style> .radio-inline input{ -webkit-appearance:radio; } .checkbox-inline input{ -webkit-appearance:checkbox; } .form-select-com{ position: relative; } .form-select-com select{ -webkit-appearance:none; color:#c0c4cc; } /*自定義下拉三角樣式*/ .arrow{ position: absolute; top:calc(50% - 0.05rem); right: 0.1rem; width: 0.08rem; height: 0.08rem; border-top: 0.01rem solid #c0c4cc; border-right: 0.01rem solid #c0c4cc; -webkit-transform: rotate(133deg); transform: rotate(133deg); } </style> <textarea class="form-input" placeholder="所需產品" name="所需產品" required="" style="resize: none;width:6.2rem;height:0.4rem;font-size:0.14rem;color:#ffffff;font-family:initial;font-weight:normal;text-decoration:none;background-color:rgba(255, 255, 255, 0.5);text-align:left;background-position:center center;background-repeat:no-repeat;border-style:solid;border-width:0.01rem;border-color:rgba(255, 255, 255, 0.5);border-radius:0.03rem;height:0.47rem;" maxlength="635"></textarea> </div> </div> </form> <div> <span class="form-title"></span> <button type="button" data-value="false" Onclick="messagePost('5-1-8-1_1610363848888')" class="sub-button sub-btn5-1-8-1_1610363848888 btn-style">提交</button> </div> </div> </div> <script> layui.use('laydate', function () { var laydate = layui.laydate //時間選擇器 laydate.render({ elem: '#time_5-1-8-1_1610363848888', type: 'time', trigger: 'click' }); laydate.render({ elem: '#date_5-1-8-1_1610363848888', format: 'yyyy-MM-dd', trigger: 'click' }) }) </script> <script> //是否需要驗證手機號 var setToken = '4eaaf93f186c5e3a6d58c2cc12027043'; var fields = JSON.parse('[{"fieldText":"\u8054\u7cfb\u4eba","value":"","isHide":false,"type":"text","isFill":true,"length":"635","optionList":[{"value":""}],"isVerification":false,"useCountryAddress":false},{"fieldText":"\u8054\u7cfb\u65b9\u5f0f","value":"","isHide":false,"type":"textarea","isFill":true,"length":"635","optionList":[{"value":""}],"isVerification":false,"useCountryAddress":false},{"fieldText":"\u6240\u9700\u4ea7\u54c1","value":"","isHide":false,"type":"textarea","isFill":false,"length":"635","optionList":[{"value":""}],"isVerification":false,"useCountryAddress":false}]'); function messagePost(unique) { var is_mobile = $(".sub-btn"+unique).data('value'); var telphone = $("#messageForm"+unique).find("input[type='tel']").val(); var loca_token = localStorage.getItem("store_token"); if(loca_token){ var token = loca_token; }else { localStorage.setItem("store_token", setToken); var token = setToken; } var formDataArray = $("#messageForm"+unique).serializeArray(); var boole = false; $.each(formDataArray,function (k,v) { $.each(fields,function(kk,vv){ if(v.name == vv.fieldText && v.value === "" && vv.isFill === true){ boole = true layer.msg('請填寫'+v.name, {icon: 5, time: 1500, shade: 0.5}); } }); }); if(boole){ return false; } if(is_mobile=='true'){ $.ajax({ type: "post", url: "https://www.17hongtu.cn/third_party/sms/sendSms", contentType: "application/x-www-form-urlencoded", dataType:"json", data: {token:token,telphone:telphone,from:4}, success: function (res) { if (res.code == 200) { layer.msg('已發送驗證碼至手機', {icon: 6, time: 1500, shade: 0.5},function () { layer.prompt({title:'短信驗證碼',placeholder:'短信驗證碼'},function(value, index, elem){ formDataArray.push({'name':'mobile_code','value':value}); formDataArray.push({'name':'type','value':1}); formDataArray.push({'name':'token','value':token}); messagePostData(unique,formDataArray,index); }); }); } else { layer.msg(res.msg, {icon: 5, time: 1500, shade: 0.5}); return false; } } }) }else{ var formData = $("#messageForm"+unique).serialize()+'&token='+token; messagePostData(unique,formData); } } //提交 function messagePostData(unique,formData,index = -1) { $.ajax({ type: "post", url: "https://www.17hongtu.cn/third_party/form_feedback/saveDatas", contentType: "application/x-www-form-urlencoded", dataType:"json", data: formData,//這里data傳遞過去的是序列化以后的字符串 success: function (res) { if (res.code == 200) { layer.msg(`恭喜您，提交成功`, {icon: 6, time: 1500, shade: 0.5},function () { if (0) { window.location.href ="" } }); if(index > -1){ layer.close(index); } } else { layer.msg(res.msg, {icon: 5, time: 1500, shade: 0.5}); return false; } } }) } </script>      <div data-left=0 data-top=14.9 class=" add-text " id="jz1-3_1610360901422" data-to_detail_h="0" unique="1-3_1610360901422" -data-animation="" style="position:absolute;width:3.36rem;left:0rem;top:14.9rem;height:3.69rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongId="1-1_1610360599390"> <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1610360901422" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;" > <p><span style="color: #FFFFFF; font-size: 0.18rem;">公司簡介</span></p><p style="line-height: 0.24rem;"><span style="color: #FFFFFF; font-size: 0.14rem;">我們始終為客戶提供好的產品和技術支持、健全的售后服務。“視顧客為衣食父母，為顧客的利益最大化著想，讓每一位顧客滿意”是我們奉獻給每一位新老用戶的真誠承諾。</span></p><p><span style="font-size: 0.14rem; color: #FFFFFF;"><br/></span></p><p><span style="font-size: 0.18rem; color: #F48000;"><em>商務電話：</em></span></p><p><em><span style="color: #F48000;">戴先生：133 0903 5555</span></em></p><p><em><span style="color: #F48000;">徐女士： 158 8336 9567</span></em></p><p><em><span style="font-size: 0.16rem; color: #F48000;">楊先生：133 5075 1666</span></em></p><p><em><span style="font-size: 0.16rem; color: #F48000;">王先生：135 4193 1690</span></em></p><p><br/></p><p><span style="color: #FFFFFF; font-size: 0.14rem;"><br/></span><br/></p><p><span style="color: #FFFFFF;"><br/></span></p><p><span style="color: #FFFFFF;"><br/></span></p> </div> </div>      <div data-left=3.86 data-top=18.35 class=" add-text " id="jz1-3_1610419062772" data-to_detail_h="0" unique="1-3_1610419062772" -data-animation="" style="position:absolute;width:4.55rem;left:3.86rem;top:18.35rem;height:0.24rem;animation-duration:1.2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:linear;" belongId=""> <div class="draggable-inner-div add-text-inner add-text-inner-h-1-3_1610419062772" style="border-width:0rem 0rem 0rem 0rem;border-color:#333 #333 #333 #333;border-style:solid solid solid solid;padding:0rem;opacity:1;transform:rotate(0deg);background-color:rgba(255,255,255,0.00);background-position:center center;background-repeat:no-repeat;box-shadow:none;" > <p style="text-align: center;"><span style="font-size: 0.14rem; color: #AEAEAE;">四川峨眉興德環?？萍加邢薰? <a title="" target="_blank" style="color: rgb(171, 171, 171); text-decoration: underline;"><span style="font-size: 0.14rem; color: #ABABAB;">備案號：蜀ICP備2021000720號-1</span></a></span></p> </div> </div> <div class="preview-inner" style="display: none;" onclick="closePreviewBox()"> <h4><span id="preview_img_index">1</span> / <span id="preview_img_count"></span></h4> <div id="preview_inner_container" class="swiper-container"> <div id="preview_inner_wrapper" class="swiper-wrapper"> </div> </div> </div> </div> <script src="http://material.17hongtu.cn/static/templates/js/bootstrap.min.js"></script> <script src="http://material.17hongtu.cn/static/templates/js/swiper.min.js?v=1.0.3"></script> <script src="http://material.17hongtu.cn/static/templates/js/wow.min.js"></script> <script src="http://material.17hongtu.cn/static/templates/js/common.js?v=1.72"></script> <script src="http://material.17hongtu.cn/static/templates/js/download2.js"></script> <script src="http://material.17hongtu.cn/static/templates/js/html5zoo.js"></script> <script src="http://material.17hongtu.cn/static/templates/js/address.js"></script> <script> class scrollNum { constructor(el,type,isRepeat=0) { this.obj = el this.getElOffset(); if(type == 2) { el.mouseover((e)=>{ this.action($(e.currentTarget)) }) el.mouseout((e)=>{ $(e.currentTarget).attr('data-use',null) }) }else{ $(document).scroll(()=>{ this.elOffset.forEach((v,k)=>{ if (this.checkIsView(v.elTop, v.elHeight)) { this.action(this.obj.eq(k),isRepeat) } }) }) this.elOffset.forEach((v,k)=>{ if (this.checkIsView(v.elTop, v.elHeight)) { this.action(this.obj.eq(k),isRepeat) } }) } } getElOffset() { this.elOffset = [] this.obj.each((k,v)=>{ this.elOffset[k] = { 'elTop': $(v).offset().top, 'elHeight': $(v).height()} }) } checkIsView(elTop,elHeight) { const scrollTop = $(document).scrollTop() const winHeight = $(window).height() if ((scrollTop + winHeight) >= (elTop +elHeight)) { return true }else{ return false } } // isRepeat是否重復 action(el,isRepeat=0) { var isUse = el.data('use') if (!isUse || isRepeat == 1) { const ele = el.find('.draggable-inner-div') var num = parseInt(ele.attr('data-num')); var duration = parseInt(ele.attr('data-duration')); el.attr('data-use',1) var durationStep = 100; var l = Math.ceil(duration / durationStep) var i=0; this.setNum(ele,i,l,durationStep,num) } } setNum(ele,i,l,durationStep,num){ ele.html(Math.ceil(num * (i + 1) / l)); setTimeout(() => { i++; if(i<l){ this.setNum(ele,i,l,durationStep,num) } }, durationStep) } } class unitJslider{ constructor(unique,data,w,directionSpeed){ this.index = 0; this.unique = unique; this.data = data; this.W = w; this.obj = $(".jslider-"+unique); this.directionSpeed = directionSpeed; this.autoplay = $(".jslider-"+unique).data('autoplay'); this.timeout = ''; this.init(); if(this.autoplay){ this.timeOut(); }else{ this.index = -1; this.task(); } this.obj.mouseenter((e)=>{ this.mouseenter($(e.currentTarget).data('key')); }); this.obj.mouseleave((e)=>{ this.mouseleave(); }); } timeOut() { this.timeout = setInterval(()=>{ $(".jslider-"+this.unique).css('transition','all 0.8s ease-out'); if (this.index < this.data - 1) { this.index++; } else { this.index = 0 } for(var i=0;i<this.data;i++){ var css = this.getStyle(i); //jslider-active class的顯示 if(this.index==i){ $(".jslider-"+this.unique).removeClass('jslider-active'); $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active'); } $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css); } },this.directionSpeed*1000); } init() { // $(".jslider-"+unique).css('transition','none'); for(var i=0;i<this.data;i++){ var css = this.getStyle(i); //jslider-active class的顯示 if(this.index==i){ $(".jslider-"+this.unique).removeClass('jslider-active'); $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active'); } $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css); } $(".jslider-style3").css('display','block'); } task() { $(".jslider-"+this.unique).css('transition','all 0.8s ease-out'); if (this.index < this.data - 1) { this.index++; } else { this.index = 0 } console.log(this.index); for(var i=0;i<this.data;i++){ var css = this.getStyle(i); //jslider-active class的顯示 if(this.index==i){ $(".jslider-"+this.unique).removeClass('jslider-active'); $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active'); } $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css); } } getStyle (l) { var len = this.data; if (this.index == -1) { var Gap = parseInt(this.W / len) return `translateX(${l * Gap + 'px'})`; } else { if (l <= this.index) { return `translateX(${l * 40 + 'px'})`; } else { return `translateX(${this.W - (len - l) * 40 + 'px'})`; } } } mouseenter(key) { //暫停輪播 this.index = key; if(this.timeout){ clearInterval(this.timeout); } for(var i=0;i<this.data;i++){ var css = this.getStyle(i); //jslider-active class的顯示 if(this.index==i){ $(".jslider-"+this.unique).removeClass('jslider-active'); $(".jslider-"+this.unique+"-"+i+"-act").addClass('jslider-active'); } $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css); } } mouseleave() { this.index = -1; for(var i=0;i<this.data;i++){ var css = this.getStyle(i); //jslider-active class的顯示 $(".jslider-"+this.unique).removeClass('jslider-active'); $(".jslider-"+this.unique+"-"+i+"-act").css('transform',css); } if(this.autoplay){ this.timeOut(); }else{ this.index = 0; this.init(); } } } function container() { //容器綁定組件，動畫同步 var dom = $(".unit-container"); dom.each((index,val)=>{ var que = $(val).attr('unique'); var left = $(val).data('left'); var top = $(val).data('top'); var box = document.getElementsByClassName('container'); var sum_dom = box[0].getElementsByTagName("div"); for(let i=0;i<sum_dom.length;i++){ var belongs = $(sum_dom[i]).attr('belongid'); var flag = $(sum_dom[i]).hasClass("add-nav");//導航除外 if(que == belongs && !flag){ var left1 = $(sum_dom[i]).data('left'); var top1 = $(sum_dom[i]).data('top'); var new_left = parseFloat(left1) - parseFloat(left); var new_top = parseFloat(top1) - parseFloat(top); $(sum_dom[i]).css('top',new_top+'rem'); $(sum_dom[i]).css('left',new_left+'rem'); var son_dom = $(sum_dom[i]); if(son_dom.find('a').attr('href') === 'javascript:void(0)'){ son_dom.find('a').attr('href', $(val).attr('href')) } $(sum_dom[i]).remove(); $(val).append(son_dom); } } }) $('#container').css('opacity',1); $(".container").attr('data-index',1); } </script> <script> var wow = null function initWow() { wow = new WOW({ live: true }) wow.init() } function wowInit() { let full_screen_current=$('.dot-active').data('show_key'); let box =$(".full-item-inner").eq(full_screen_current).children("div[data-animation]") for (let i = 0; i < box.length; i++) { let animation_class_name = box.eq(i).data("animation") box.eq(i).removeClass(animation_class_name) } setTimeout(() => { for (let i = 0; i < box.length; i++) { let animation_class_name = box.eq(i).data("animation") box.eq(i).addClass(animation_class_name) } }, 100); } if ($('.unit-fullscreen').length >0){ wowInit(); } else { initWow() var current = 0 var last = 0 var toTop = false var timer = null $(window).scroll(function (e) { if (!timer) { current = $(this).scrollTop() let currentTop = false if (last <= current) { currentTop = false } else { currentTop = true } last = current if (!currentTop && toTop) { // initWow() } if (toTop !== currentTop) { toTop = currentTop } timer = setTimeout(() => { timer = null }, 500) } }) } </script> <script> $(document).ready(function() { var boole = false; var pro_top=0; var news_top=0; var pro_try =0; var news_try =0; var pro_top_l=0; var news_top_l=0; var pro_try_l =0; var news_try_l =0; var timer = setInterval(function () { let dd = checkHeight() if (dd.pro == pro_top){ if (pro_try >4){ setFooterTop(); clearInterval(timer) } pro_try +=1; } pro_top = dd.pro }, 100) var timer_news =setInterval(function(){ let dd = checkHeight() if (news_top == dd.news){ if(news_try>4){ setFooterTop(); clearInterval(timer_news); } news_try +=1; } news_top= dd.news },100) }) function setFooterTop() { let w=document.getElementsByTagName('html')[0].clientWidth; let pr=1; if(!checkIsPc()){ pr=w/320; }else{ pr=w/1920 } if ($(".unit-product-detail").length >0) { let detail_h=$('.unit-product-detail>div')[0].scrollHeight let detail_t=$('.unit-product-detail')[0].offsetTop let ButtomTop = (detail_h+detail_t)/100/pr let new_detail_h = checkLevel(detail_t/100/pr,ButtomTop,pr); if(new_detail_h > 0){ detail_h = new_detail_h*100*pr; } let detail_bottoms=$('.detail_bottom') // if (checkIsPc()) { let minTop = Number.MAX_SAFE_INTEGER detail_bottoms.each((index,val)=>{ if($(val).attr('data-to_detail_h')){ const attr = $(val).data('to_detail_h').split('&'); const value = parseFloat(attr[1]) if (value < minTop) { minTop = value } } }) detail_bottoms.each((index,val)=>{ if($(val).attr('data-to_detail_h')){ const attr = $(val).data('to_detail_h').split('&'); const value = parseFloat(attr[1]) const diffY = value - minTop $(val).css('top',(detail_t+detail_h)+ diffY*100*pr +'px') $(val).show() } }) $(".unit-product-detail").css('height','initial'); $('.container').css('height','auto') // $('.container').css('height',(detail_t+detail_h)/100/pr+'rem') } if ($(".unit-news-detail").length >0) { let detail_h=$('.unit-news-detail>div')[0].scrollHeight let detail_t=$('.unit-news-detail')[0].offsetTop let ButtomTop = (detail_h+detail_t)/100/pr; let new_detail_h = checkLevel(detail_t/100/pr,ButtomTop,pr); if(new_detail_h > 0){ detail_h = new_detail_h*100*pr; } let detail_bottoms=$('.detail_bottom') let minTop = Number.MAX_SAFE_INTEGER detail_bottoms.each((index,val)=>{ const attr = $(val).data('to_detail_h').split('&'); const value = parseFloat(attr[1]) if (value < minTop) { minTop = value } }) detail_bottoms.each((index,val)=>{ const attr = $(val).data('to_detail_h').split('&'); const value = parseFloat(attr[1]) const diffY = value - minTop $(val).css('top',(detail_t+detail_h)+ diffY*pr*100 +'px') $(val).show() }) $(".unit-news-detail").css('height','initial'); $('.container').css('height','auto') // $('.container').css('height',(detail_t+detail_h)/100/pr+'rem'); } if(window.boole){ container(); }else{ window.boole = true; } } //遍歷div找出與新聞、產品左右側的組件 function checkLevel(dataTop,dataButtonTop,pr) { let box = document.getElementsByClassName('container'); let sum_dom = box[0].getElementsByTagName("div"); let arr = []; for(let i=0;i<sum_dom.length;i++){ if($(sum_dom[i]).data('top') && $(sum_dom[i]).css('display')!=='none'&&(!$(sum_dom[i]).attr('data-to_detail_h')||$(sum_dom[i]).attr('data-to_detail_h')=='0')){ let top = $(sum_dom[i]).data('top'); let height = (($(sum_dom[i]).height())/100/pr).toFixed(1); let buttomTop = (parseFloat(top)+parseFloat(height)).toFixed(1); let val = calTop(dataTop,dataButtonTop,top,buttomTop,$(sum_dom[i])); if(val > 0){ arr.push(val); } } } if(arr.length>0){ return Math.max(...arr); }else{ return 0; } } //找出與新聞產品詳情有高度有交集的組件 function calTop(dataTop,dataButtonTop,top,buttomTop,a) { const arr1 = [dataTop, dataButtonTop]; const arr2 = [top, buttomTop]; let start = [Math.min(...arr1),Math.min(...arr2)];//區間的兩個最小值 let end = [Math.max(...arr1),Math.max(...arr2)];//區間的兩個最大值 if(Math.max(...start) <= Math.min(...end)) { if(dataButtonTop < buttomTop){ return buttomTop-top; }else{ return 0; } }else{ return 0; } } function checkHeight() { let detail_h_pro=0; let detail_h_news=0; let detail_h_pro_list=0; let detail_h_news_list=0; if ($(".unit-product-detail").length >0) { detail_h_pro=$('.unit-product-detail')[0].scrollHeight } if ($(".unit-news-detail").length >0) { detail_h_news=$('.unit-news-detail')[0].scrollHeight } if ($(".unit-product-list").length >0) { detail_h_pro_list=$('.unit-product-list')[0].scrollHeight } if ($(".unit-news-list").length >0) { detail_h_news_list=$('.unit-news-list')[0].scrollHeight } return {'pro':detail_h_pro,'news':detail_h_news,'p_l':detail_h_pro_list,'n_l':detail_h_news_list} } function checkIsPc() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { /*window.location.href="你的手機版地址";*/ return false; }else{ return true; } } </script> <script> if($('.unit-news-detail').length>0){ if($('.unit-news-detail').attr('belongid')) { var h=$('.unit-news-detail')[0].scrollHeight; var t=$('.unit-news-detail')[0].offsetTop; var belongid= $('.unit-news-detail').attr('belongid'); if($('.add-wide'+belongid).length>0){ var kt=$('.add-wide'+belongid)[0].offsetTop $('.add-wide'+belongid).eq(0).css('height',(t-kt+h)+'px'); } var ut=$('#jz'+belongid)[0].offsetTop; $('#jz'+belongid).css('height',(t-ut+h)+'px'); } } </script> <script type="text/javascript"> </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>