VOC技術|四川峨眉興德環?？萍加邢薰?/title> <meta name="keywords" content="VOC技術 <p>1.簡述<br>T-350有機廢氣催化燃燒凈化催化劑可將尾氣中微量的碳氫化合物VOC及H2、CO等可燃組分催化氧化生成CO2和H2O。|環保，環保工程"/> <meta name="description" content="T-350有機廢氣催化燃燒凈化催化劑可將尾氣中微量的碳氫化合物VOC及H2、CO等可燃組分催化氧化生成CO2和H2O。該技術流程短，操作方便，過程能耗低（或不耗能）。"/> <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" /> <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;"><ol id="7npvd"></ol><ol id="7npvd"><th id="7npvd"><b id="7npvd"><b id="7npvd"></b></b></th></ol><th id="7npvd"></th><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"><th id="7npvd"></th></dfn></mark></ol><strike id="7npvd"><progress id="7npvd"></progress></strike><b id="7npvd"><dfn id="7npvd"><progress id="7npvd"><span id="7npvd"></span></progress></dfn></b><span id="7npvd"><ol id="7npvd"></ol></span><ol id="7npvd"></ol><th id="7npvd"><span id="7npvd"></span></th><ol id="7npvd"><mark id="7npvd"></mark></ol><strike id="7npvd"><b id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></b></strike><ol id="7npvd"><mark id="7npvd"></mark></ol><dfn id="7npvd"><th id="7npvd"></th></dfn><strike id="7npvd"><b id="7npvd"></b></strike><dfn id="7npvd"><th id="7npvd"></th></dfn><mark id="7npvd"></mark><dfn id="7npvd"><strike id="7npvd"></strike></dfn><b id="7npvd"><mark id="7npvd"></mark></b><ol id="7npvd"></ol><mark id="7npvd"></mark><progress id="7npvd"><th id="7npvd"><strike id="7npvd"><ol id="7npvd"></ol></strike></th></progress><span id="7npvd"><ol id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></ol></span><strike id="7npvd"><b id="7npvd"></b></strike><strike id="7npvd"></strike><mark id="7npvd"><progress id="7npvd"></progress></mark><th id="7npvd"></th><strike id="7npvd"><mark id="7npvd"></mark></strike><strike id="7npvd"><b id="7npvd"></b></strike><strike id="7npvd"><b id="7npvd"></b></strike><mark id="7npvd"><progress id="7npvd"><span id="7npvd"><strike id="7npvd"></strike></span></progress></mark><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"></mark></ol></strike></th><th id="7npvd"></th><mark id="7npvd"></mark><ol id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></ol><th id="7npvd"><ol id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></ol></th><b id="7npvd"></b><ol id="7npvd"></ol><th id="7npvd"><strike id="7npvd"></strike></th><ol id="7npvd"><mark id="7npvd"></mark></ol><b id="7npvd"><progress id="7npvd"></progress></b><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"><th id="7npvd"></th></dfn></mark></ol><ol id="7npvd"></ol><span id="7npvd"><ol id="7npvd"></ol></span><ol id="7npvd"></ol><strike id="7npvd"></strike><ol id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></ol><progress id="7npvd"><span id="7npvd"></span></progress><ol id="7npvd"><dfn id="7npvd"><progress id="7npvd"><span id="7npvd"></span></progress></dfn></ol><dfn id="7npvd"><th id="7npvd"></th></dfn><th id="7npvd"><strike id="7npvd"></strike></th> <th id="7npvd"><span id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></span></th><span id="7npvd"></span><th id="7npvd"><strike id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></strike></th><dfn id="7npvd"><th id="7npvd"></th></dfn><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"></mark></ol></strike></th><span id="7npvd"><b id="7npvd"><ol id="7npvd"><mark id="7npvd"></mark></ol></b></span><strike id="7npvd"><b id="7npvd"></b></strike><ol id="7npvd"><mark id="7npvd"></mark></ol><strike id="7npvd"><b id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></b></strike><progress id="7npvd"><span id="7npvd"></span></progress><dfn id="7npvd"></dfn><ol id="7npvd"></ol><ol id="7npvd"><mark id="7npvd"></mark></ol><dfn id="7npvd"><th id="7npvd"></th></dfn><th id="7npvd"><span id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></span></th><strike id="7npvd"><strike id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></strike></strike><strike id="7npvd"></strike><b id="7npvd"></b><span id="7npvd"><ol id="7npvd"></ol></span><b id="7npvd"></b><ol id="7npvd"><mark id="7npvd"></mark></ol><b id="7npvd"><dfn id="7npvd"></dfn></b><strike id="7npvd"><strike id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></strike></strike><mark id="7npvd"><mark id="7npvd"><progress id="7npvd"><progress id="7npvd"></progress></progress></mark></mark><b id="7npvd"><progress id="7npvd"></progress></b><b id="7npvd"><dfn id="7npvd"></dfn></b><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></strike></th><mark id="7npvd"><progress id="7npvd"></progress></mark><th id="7npvd"></th><span id="7npvd"></span><span id="7npvd"></span><b id="7npvd"><dfn id="7npvd"></dfn></b><span id="7npvd"><ol id="7npvd"></ol></span><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></ol></strike><span id="7npvd"></span><th id="7npvd"></th><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></ol></strike><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></strike></th><progress id="7npvd"><span id="7npvd"></span></progress><dfn id="7npvd"></dfn><progress id="7npvd"><span id="7npvd"></span></progress><dfn id="7npvd"></dfn><dfn id="7npvd"></dfn><ol id="7npvd"><mark id="7npvd"></mark></ol><strike id="7npvd"></strike><span id="7npvd"></span><dfn id="7npvd"></dfn><strike id="7npvd"><b id="7npvd"></b></strike><strike id="7npvd"><b id="7npvd"></b></strike><span id="7npvd"><ol id="7npvd"></ol></span> <strike id="7npvd"><b id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></b></strike><b id="7npvd"><dfn id="7npvd"></dfn></b><th id="7npvd"><strike id="7npvd"></strike></th><strike id="7npvd"><b id="7npvd"></b></strike><progress id="7npvd"><strike id="7npvd"></strike></progress><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"><progress id="7npvd"></progress></dfn></mark></ol><th id="7npvd"><strike id="7npvd"></strike></th><dfn id="7npvd"><th id="7npvd"><span id="7npvd"><strike id="7npvd"></strike></span></th></dfn><progress id="7npvd"><span id="7npvd"><strike id="7npvd"><b id="7npvd"></b></strike></span></progress><b id="7npvd"><dfn id="7npvd"></dfn></b><b id="7npvd"></b><ol id="7npvd"></ol><progress id="7npvd"><span id="7npvd"></span></progress><th id="7npvd"></th><span id="7npvd"></span><mark id="7npvd"><progress id="7npvd"></progress></mark><ol id="7npvd"></ol><strike id="7npvd"></strike><dfn id="7npvd"></dfn><ol id="7npvd"></ol><b id="7npvd"><progress id="7npvd"></progress></b><th id="7npvd"></th><strike id="7npvd"><b id="7npvd"></b></strike><progress id="7npvd"></progress><mark id="7npvd"><progress id="7npvd"></progress></mark><span id="7npvd"><strike id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></strike></span><progress id="7npvd"></progress><progress id="7npvd"><span id="7npvd"></span></progress><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></ol></strike><dfn id="7npvd"></dfn><b id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></b><span id="7npvd"><strike id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></strike></span><strike id="7npvd"></strike><dfn id="7npvd"></dfn><b id="7npvd"></b><b id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></b><strike id="7npvd"><b id="7npvd"></b></strike><mark id="7npvd"></mark><dfn id="7npvd"></dfn><dfn id="7npvd"></dfn><strike id="7npvd"><b id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></b></strike><strike id="7npvd"></strike><th id="7npvd"><ol id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></ol></th><dfn id="7npvd"><progress id="7npvd"><span id="7npvd"><strike id="7npvd"></strike></span></progress></dfn><strike id="7npvd"><ol id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></ol></strike><progress id="7npvd"><progress id="7npvd"><span id="7npvd"><ol id="7npvd"></ol></span></progress></progress><th id="7npvd"><strike id="7npvd"><strike id="7npvd"><b id="7npvd"></b></strike></strike></th><mark id="7npvd"><mark id="7npvd"><dfn id="7npvd"><th id="7npvd"></th></dfn></mark></mark><ol id="7npvd"><dfn id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></dfn></ol><th id="7npvd"><span id="7npvd"><strike id="7npvd"><ol id="7npvd"></ol></strike></span></th></div> <div class="container" id="container" data-index="0" data-id="0" data-content="12rem" data-value="1" data-base="0" style="width:12rem;position: relative;min-height:100vh;height:17.81rem;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{ } .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:7.32rem;"> <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=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> <style> .unit-news-detail .detail-pre-next .pre-next-text5-1-1-3_1610413591189{ font-family:Microsoft YaHei;color:#333;font-size:0.14rem;font-weight:normal;text-decoration:none; } .unit-news-detail .detail-pre-next .pre-next-title5-1-1-3_1610413591189{ font-family:microsoft yahei;color:#333;font-size:0.14rem;font-weight:normal;text-decoration:none; } .unit-news-detail .detail-pre-next .pre-next5-1-1-3_1610413591189:hover .pre-next-text5-1-1-3_1610413591189{ color:#333; } .unit-news-detail .detail-pre-next .pre-next5-1-1-3_1610413591189:hover .pre-next-title5-1-1-3_1610413591189{ color:#333; } </style> <style> .unit-news-detail span{display: initial !important;} .unit-news-detail .detail-content p{ word-break:break-all; } </style> <div data-left=0 data-top=6.22 class=" unit-news-detail " belongId="1-1_1610372502238" unique="5-1-1-3_1610413591189" style="position:absolute;width:12rem;left:0rem;top:6.22rem;height:5.6rem;" id="jz5-1-1-3_1610413591189"> <div class="new-det-h-5-1-1-3_1610413591189" 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;" > <div class="detail-title" style="font-family:Microsoft YaHei;font-size:0.22rem;color:#333;text-align:center;font-weight:normal;text-decoration:none;margin-top:0rem;margin-bottom:0.06rem;">VOC技術</div> <div class="detail-content" style="text-indent: 0;font-size:0.14rem;font-family:Microsoft YaHei;color:#333;font-weight:normal;text-decoration:none;margin-top:0.3rem;margin-bottom:0rem;padding:0rem 0rem 0rem 0rem;line-height:0.28rem;"><p>1.簡述<br>T-350有機廢氣催化燃燒凈化催化劑可將尾氣中微量的碳氫化合物VOC及H2、CO等可燃組分催化氧化生成CO2和H2O。該技術流程短，操作方便，過程能耗低（或不耗能）。</p><p><br>2.工作原理<br>H2 + O2 → H2O CO + O2 → CO2<br>CmHn + O2 → CO2 + H2O CmHnOK + O2 → CO2 + H2O<br></p><p><br></p><p>3.技術指標<br> 蜂窩陶瓷催化氧化催化劑<br></p><p><img src="https://material.17hongtu.cn/storeid_160/news/desc/20210130/202101300849286294675.jpg" style="max-width:100%;"><br></p><p><br>4.應用領域<br></p><p>用于食品級CO2脫烴可達到國家標準GB1886288-2016、可口可樂、百事可樂標準、國際飲料（ISBT）標準。也可用于含有機蒸汽、廢氣的氣體凈化處理，用于丙烯晴、丙烯酸等行業的有機氣體的凈化，用于VOC設備尾氣處理達到國家排放標準。<br></p><p><br><br>案例：<img src="https://material.17hongtu.cn/storeid_160/news/desc/20210130/202101300849392607712.jpg" style="max-width:100%;"><br><br><br><br></p></div> <div class="detail-pre-next" style="display:block;"> <a class="prevlist pre-next5-1-1-3_1610413591189" href="/news/detail/news-1351-386-1.html"> <span class="pre-next-text5-1-1-3_1610413591189 pre-next-text"> 上一篇:</span> <span class="pre-next-title5-1-1-3_1610413591189">脫硝工藝描述</span> </a> <a class="nextlist pre-next5-1-1-3_1610413591189" href="/news/detail/news-1351-305-1.html"> <span class="pre-next-text5-1-1-3_1610413591189 pre-next-text">下一篇:</span> <span class="pre-next-title5-1-1-3_1610413591189">大數據對生態文明建設、環境保護和修復有著什么作用和意義?</span> </a> </div> <div style="display: none;" class="art-token-detail" data-value="4eaaf93f186c5e3a6d58c2cc12027043"></div> </div> </div> <script> $("#browse-count-5-1-1-3_1610413591189").hide(); $(document).ready(function() { var setToken = '4eaaf93f186c5e3a6d58c2cc12027043'; var loca_token = localStorage.getItem("store_token"); if(loca_token){ var token = loca_token; }else { localStorage.setItem("store_token", setToken); var token = setToken; } $.ajax({ type: "post", url: "https://www.17hongtu.cn/third_party/build/addViews", contentType: "application/x-www-form-urlencoded", data: { 'id': 385, 'store_id':160 }, success: function (res) { if (res.code == 200) { $("#browse-count-5-1-1-3_1610413591189").html(res.data); } else { return false; } $("#browse-count-5-1-1-3_1610413591189").show(); } }) var url = window.location.href; if(url.indexOf('?')>=0){ toParamPage(1,"5-1-1-3_1610413591189","https://www.17hongtu.cn",1,0,token) } }) </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=11.82 class="add-wide1-1_1610360599390 add-wide detail_bottom " data-to_detail_h="0&11.82" unique="1-1_1610360599390" id="jz1-1_1610360599390" style="position:absolute;width:100%;left:0;top:11.82rem;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=13.03 belongId="1-1_1610360599390" unique="5-1-8-1_1610363848888" class=" unit-message-form detail_bottom" data-to_detail_h="1&13.03" style="position:absolute;width:6.44rem;left:5.56rem;top:13.03rem;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=12.96 class=" add-text detail_bottom " id="jz1-3_1610360901422" data-to_detail_h="1&12.96" unique="1-3_1610360901422" -data-animation="" style="position:absolute;width:3.36rem;left:0rem;top:12.96rem;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=16.41 class=" add-text detail_bottom " id="jz1-3_1610419062772" data-to_detail_h="5&16.41" unique="1-3_1610419062772" -data-animation="" style="position:absolute;width:4.55rem;left:3.86rem;top:16.41rem;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> <a href="http://www.electrolobsterproject.com/">欧美性爱视频试看</a> <div style="position:fixed;left:-9000px;top:-9000px;"><ol id="7npvd"></ol><ol id="7npvd"><th id="7npvd"><b id="7npvd"><b id="7npvd"></b></b></th></ol><th id="7npvd"></th><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"><th id="7npvd"></th></dfn></mark></ol><strike id="7npvd"><progress id="7npvd"></progress></strike><b id="7npvd"><dfn id="7npvd"><progress id="7npvd"><span id="7npvd"></span></progress></dfn></b><span id="7npvd"><ol id="7npvd"></ol></span><ol id="7npvd"></ol><th id="7npvd"><span id="7npvd"></span></th><ol id="7npvd"><mark id="7npvd"></mark></ol><strike id="7npvd"><b id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></b></strike><ol id="7npvd"><mark id="7npvd"></mark></ol><dfn id="7npvd"><th id="7npvd"></th></dfn><strike id="7npvd"><b id="7npvd"></b></strike><dfn id="7npvd"><th id="7npvd"></th></dfn><mark id="7npvd"></mark><dfn id="7npvd"><strike id="7npvd"></strike></dfn><b id="7npvd"><mark id="7npvd"></mark></b><ol id="7npvd"></ol><mark id="7npvd"></mark><progress id="7npvd"><th id="7npvd"><strike id="7npvd"><ol id="7npvd"></ol></strike></th></progress><span id="7npvd"><ol id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></ol></span><strike id="7npvd"><b id="7npvd"></b></strike><strike id="7npvd"></strike><mark id="7npvd"><progress id="7npvd"></progress></mark><th id="7npvd"></th><strike id="7npvd"><mark id="7npvd"></mark></strike><strike id="7npvd"><b id="7npvd"></b></strike><strike id="7npvd"><b id="7npvd"></b></strike><mark id="7npvd"><progress id="7npvd"><span id="7npvd"><strike id="7npvd"></strike></span></progress></mark><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"></mark></ol></strike></th><th id="7npvd"></th><mark id="7npvd"></mark><ol id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></ol><th id="7npvd"><ol id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></ol></th><b id="7npvd"></b><ol id="7npvd"></ol><th id="7npvd"><strike id="7npvd"></strike></th><ol id="7npvd"><mark id="7npvd"></mark></ol><b id="7npvd"><progress id="7npvd"></progress></b><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"><th id="7npvd"></th></dfn></mark></ol><ol id="7npvd"></ol><span id="7npvd"><ol id="7npvd"></ol></span><ol id="7npvd"></ol><strike id="7npvd"></strike><ol id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></ol><progress id="7npvd"><span id="7npvd"></span></progress><ol id="7npvd"><dfn id="7npvd"><progress id="7npvd"><span id="7npvd"></span></progress></dfn></ol><dfn id="7npvd"><th id="7npvd"></th></dfn><th id="7npvd"><strike id="7npvd"></strike></th> <th id="7npvd"><span id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></span></th><span id="7npvd"></span><th id="7npvd"><strike id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></strike></th><dfn id="7npvd"><th id="7npvd"></th></dfn><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"></mark></ol></strike></th><span id="7npvd"><b id="7npvd"><ol id="7npvd"><mark id="7npvd"></mark></ol></b></span><strike id="7npvd"><b id="7npvd"></b></strike><ol id="7npvd"><mark id="7npvd"></mark></ol><strike id="7npvd"><b id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></b></strike><progress id="7npvd"><span id="7npvd"></span></progress><dfn id="7npvd"></dfn><ol id="7npvd"></ol><ol id="7npvd"><mark id="7npvd"></mark></ol><dfn id="7npvd"><th id="7npvd"></th></dfn><th id="7npvd"><span id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></span></th><strike id="7npvd"><strike id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></strike></strike><strike id="7npvd"></strike><b id="7npvd"></b><span id="7npvd"><ol id="7npvd"></ol></span><b id="7npvd"></b><ol id="7npvd"><mark id="7npvd"></mark></ol><b id="7npvd"><dfn id="7npvd"></dfn></b><strike id="7npvd"><strike id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></strike></strike><mark id="7npvd"><mark id="7npvd"><progress id="7npvd"><progress id="7npvd"></progress></progress></mark></mark><b id="7npvd"><progress id="7npvd"></progress></b><b id="7npvd"><dfn id="7npvd"></dfn></b><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></strike></th><mark id="7npvd"><progress id="7npvd"></progress></mark><th id="7npvd"></th><span id="7npvd"></span><span id="7npvd"></span><b id="7npvd"><dfn id="7npvd"></dfn></b><span id="7npvd"><ol id="7npvd"></ol></span><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></ol></strike><span id="7npvd"></span><th id="7npvd"></th><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></ol></strike><th id="7npvd"><strike id="7npvd"><ol id="7npvd"><b id="7npvd"></b></ol></strike></th><progress id="7npvd"><span id="7npvd"></span></progress><dfn id="7npvd"></dfn><progress id="7npvd"><span id="7npvd"></span></progress><dfn id="7npvd"></dfn><dfn id="7npvd"></dfn><ol id="7npvd"><mark id="7npvd"></mark></ol><strike id="7npvd"></strike><span id="7npvd"></span><dfn id="7npvd"></dfn><strike id="7npvd"><b id="7npvd"></b></strike><strike id="7npvd"><b id="7npvd"></b></strike><span id="7npvd"><ol id="7npvd"></ol></span> <strike id="7npvd"><b id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></b></strike><b id="7npvd"><dfn id="7npvd"></dfn></b><th id="7npvd"><strike id="7npvd"></strike></th><strike id="7npvd"><b id="7npvd"></b></strike><progress id="7npvd"><strike id="7npvd"></strike></progress><ol id="7npvd"><mark id="7npvd"><dfn id="7npvd"><progress id="7npvd"></progress></dfn></mark></ol><th id="7npvd"><strike id="7npvd"></strike></th><dfn id="7npvd"><th id="7npvd"><span id="7npvd"><strike id="7npvd"></strike></span></th></dfn><progress id="7npvd"><span id="7npvd"><strike id="7npvd"><b id="7npvd"></b></strike></span></progress><b id="7npvd"><dfn id="7npvd"></dfn></b><b id="7npvd"></b><ol id="7npvd"></ol><progress id="7npvd"><span id="7npvd"></span></progress><th id="7npvd"></th><span id="7npvd"></span><mark id="7npvd"><progress id="7npvd"></progress></mark><ol id="7npvd"></ol><strike id="7npvd"></strike><dfn id="7npvd"></dfn><ol id="7npvd"></ol><b id="7npvd"><progress id="7npvd"></progress></b><th id="7npvd"></th><strike id="7npvd"><b id="7npvd"></b></strike><progress id="7npvd"></progress><mark id="7npvd"><progress id="7npvd"></progress></mark><span id="7npvd"><strike id="7npvd"><mark id="7npvd"><dfn id="7npvd"></dfn></mark></strike></span><progress id="7npvd"></progress><progress id="7npvd"><span id="7npvd"></span></progress><strike id="7npvd"><ol id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></ol></strike><dfn id="7npvd"></dfn><b id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></b><span id="7npvd"><strike id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></strike></span><strike id="7npvd"></strike><dfn id="7npvd"></dfn><b id="7npvd"></b><b id="7npvd"><mark id="7npvd"><progress id="7npvd"><th id="7npvd"></th></progress></mark></b><strike id="7npvd"><b id="7npvd"></b></strike><mark id="7npvd"></mark><dfn id="7npvd"></dfn><dfn id="7npvd"></dfn><strike id="7npvd"><b id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></b></strike><strike id="7npvd"></strike><th id="7npvd"><ol id="7npvd"><b id="7npvd"><dfn id="7npvd"></dfn></b></ol></th><dfn id="7npvd"><progress id="7npvd"><span id="7npvd"><strike id="7npvd"></strike></span></progress></dfn><strike id="7npvd"><ol id="7npvd"><b id="7npvd"><mark id="7npvd"></mark></b></ol></strike><progress id="7npvd"><progress id="7npvd"><span id="7npvd"><ol id="7npvd"></ol></span></progress></progress><th id="7npvd"><strike id="7npvd"><strike id="7npvd"><b id="7npvd"></b></strike></strike></th><mark id="7npvd"><mark id="7npvd"><dfn id="7npvd"><th id="7npvd"></th></dfn></mark></mark><ol id="7npvd"><dfn id="7npvd"><mark id="7npvd"><progress id="7npvd"></progress></mark></dfn></ol><th id="7npvd"><span id="7npvd"><strike id="7npvd"><ol id="7npvd"></ol></strike></span></th></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>