R focus in verletile&D et productione Aurae deliciae tegulas decorat per XXII annos.

Lingua

Productum

Home > Productum

commendatur

replay

replay

commendatur

Springletile gold border tile design custom antique wood look tegulas

Springletile gold border tile design custom antique wood look tegulas

Tergum verletile professionalis aurum decorativum margo tile mos ceramic Black Border Tile

Tergum verletile professionalis aurum decorativum margo tile mos ceramic Black Border Tile

Tegula aenea verletile margo tegularum deliciae decorat tile officinas

Tegula aenea verletile margo tegularum deliciae decorat tile officinas

Verletile deliciae tegulae albae margo tegularum

Verletile deliciae tegulae albae margo tegularum

PVC obrizo fabrica

PVC obrizo apud CHINA

PVC obrizo comitatus

PVC obrizo manufacturer

PVC obrizo pricio

PVC obrizo

Summus finis technologiae adhibentur ad processus fabricandi producti. Peractis omnibus probatis internationalibus probatis, PVC obrizo confirmatur late applicari in schedula applicationis (s) .

QUAESTIO NUNC mitte

Color:

Lead_Time:: 1 - 300 (Locum): 15 (dies) , 301 - 1000 (Locum): 18 (dies); , 1001 - 2000 (Locum): 20 (dies) , >2000(boxes): Negotiable(dies)

naviportans:: Feugiat mari

Customization:: Graphics customization (Min. Order: 2000 Box) , Customized packaging (Min. Order: 2000 Box) , Customised logo (Min. Order: 2000 Box)

Pretium:: 300-999 BoxesUS$75.6 , 1000-1999 BoxesUS$75.0 , >=2000 BoxesUS$74.5

QUAESTIO NUNC mitte

Cum inchoatio nostra, SP aedificatio Materialis Co, Ltd. in R&D productorum versatus est, ut nos ante alios competitores in industria custodiret. Societas nostra graviter in R&D et technologiarum upgrades circumsedit. Hic eventus initiales tandem dedit. Cum PVC obrizo commoda continenter reperiuntur, late in agro Tilico usus est. SP Aedificium materiale Co, Ltd. plene aget de magna cogitatione qualis primus et mos praecipuus et cum temporibus ad promovendum facultates nostrae societatis promovendae innovationis. Praeveniemus fortiter excudendum et propositum consequemur principale incepti in foro globali.

Warranty:	Vita	Tabulatum Specificationis (Unit: mm2);	100*3000
Post-venditionis Service:	Online technicae subsidii, Redi ac replacement	Textura:	Exemplum textura
Style:	style luxuria, style luxuria	Occasio:	Murus interior
Lustrare:	GLOSSAE	Solutio Project Capability:	graphic design, 3D model design, Cross Categories Consolidation, Alii
Applicatio:	Ad parietes amet	Design Style:	Europae et American deliciae style
Locus originis:	Guangdong, China	Notam nomen:	Springletile
Exemplar Number:	SPWL 001	Magnitudo:	100**3000
Materia:	PVC, PVC	Consuetudinem:	Interior tiles
Officium:	Acidum repugnans, Antibacterial, Calor Insulatio, Non Lapsus, Firebrick, Repugnans, Anti-lapsus	Superficiem treatment:	GLOSSAE
Color Genus:	Crocus / Golds	Tegula Type:	Fines
Aquae effusio:	0%	Product nomen:	SPWL 001
Color:	Aureum	Usus:	Ad parietes amet
Gradus:	Gradus 3A	Keywords:	Aurea linea ancora
Figura:	Exue	Magnitudo principalis:	100*3000 mm

Turba Profile

Product Introduction

Product number：SPRGT78

Materia: tellus

Magnitudo: 100x300 mm

Pondus: 20kg/arca

packing: 20pieces/box

55boxes/grabatus

MOQ:55boxes

Inventarium ducunt temporis 15days

ApplicationemLatrina, culina, conclave, cubiculum;Magnae deliciae deversorium et villa project.

productum notitia

item	valorem
Warranty	Vita
Tabulatum Specificationis (Unit: mm2)	100x300 mm
Post-venditionis Service	Online technicae subsidii, Redi ac replacement, Other
Textura	Exemplum textura
Style	style luxuria
Occasio	Murus interior
lustre	GLOSSAE
Solutio Project Capability	graphic design, 3D model design, Alii
Applicationem	Ad parietes amet
Design Style	Europae et American deliciae style
Locus originis	China
	Guangdong
Notam nomen	Springletile
Exemplar Number	SPWL 78
Magnitudo	100x300mm
Materia	Ceramic Tiles
Consuetudinem	Interior tiles
Officium	Acidum repugnans, Antibacterial, Calor Insulatio, Non Lapsus, Firebrick, Repugnans, Anti-lapsus
Superficiem treatment	polita Tiles
Color Genus	Crocus / Golds
Tegula Type	Fines
Absorptio aquae	<0.5%
Materia	tellus
Product Name	SPWL 78
Color	Aureum
Style	style luxuria
Usus	Ad parietes amet
Gradus	Gradus 3A
Keywords	ille accessiones
Superficies	expolitum
Praecipua magnitudine	100*300 mm
stipare	20pieces/box

Product detail praesentationis

Products commendatur

Turba Profile

Factory Springletile anno MMI instituta est, cum XX annos historiae societatis, industriae technicae, et experientiae mercatus est; Factory verletile notam propriam (Springletile tile) die 9 Martii constituta est, 2010.Springletile officina in Foshan, Guangdong sita est, quae fama "World Pottery Capital" fruitur. Factory verletile producendum spatium 20,000 metrorum quadratorum habet et R . integram habet&D, consilium, productionem, venditiones, et servitium professionalis exportationis. Factory Springletile maxime facit et exportationes penicullus, classic, ac designant tegulas decorativas interiores, necnon integram seriem tegularum in parietibus et contignationibus. Producta principaliter exportantur in Americam Septentrionalem, Europam Septentrionalem, Europam, Orientem Medium, Asiam Meridionalem, Africam Septentrionalem, aliaque mercatus. Springletile officina bona est in consilio et innovatione producti et multam pecuniam in producto progressione, consilio, productione collocavit; et technologia. Cum MMXI, officinas Springletile impetravit et applicavit diplomatibus technicis productis adhibitis, inter inventas patentes libellos ut "utilitatis exemplar libellum patentis" et "venarum ceramic producti nationalis testimonium patentis inventionis". Factory Springletile cori proprietatis technologiae situm in industria habet, maiores successus et breakthroughs in R consecutus est.&D et productio et innovationem, praecipitationem et cumulum notam societatis independentis perfecit. Factory Springletile scientifica et rationabilis ratio subiit. Systema redivivus vastitatis industrialis et exhauriendi gas, usus industriae purae, et administratio scientifica officinarum et ambitus plures opportunitates ad societatem laboris creaverunt. Optimizatio et upgradatio societatis structurae et systemata melius accommodare possunt ad inclinatio integrationis mundi et coniunctim mundum cum communi futuro.

Comitatu core officia

Notam verletilem suam notam et sarcinam independentem habet. In ipsum tempor, suscipit ipsum et consequat aliquam. Societas Springletilis promptus est ad negotiatores exteros instituendi pro productis ceramicis nostris. R . Springletile habet integram et professionalem technicam&D turma et turmae commercii exterae, quae nucleum operas technicas praebere possunt ut operas probationes liberas, producto consilio computatrales layout, ac 3D productorum scaenae applicationes reddendi. Plumbum tempus productorum prosapia Springletile est 10 dierum, dum tempus consuetudinis praeceperat plumbum dies XX est. Libera in tempore solvere curarum clientium.

Fabrica productio

Ceramic tegulas Featured

Tegula blank instrumentorum diurnariorum instrumentorum ex Italico torris Sacmi importatur.Nostra officina habet suam independentem productionem embryonum tegularum ceramicorum, quae productioni et processui signis diversorum processuum ceramicorum occurrentium, et necessarias nexus eligunt pro embryonibus tegularum ceramicorum vexillum.

Intelligentes screen excudendi processum

Apparatus fabricationis typographiae ex Italico torris systemate importatur, et tegularum rudium materiarum ceramicarum ex Hispania Tao Lixi, Carlobia, et American FOLO notam invehuntur.Notam Kiln Bodner

intelligentes sectionem

Mechanica intelligentis linea productio adhibetur ad secandum et uncinum circa margines tegularum

Basic notitia

anno potitusque

--
Business Type

--
Patriae / Regio

--
pelagus Industry

--
pelagus Products

--
Legal personam Enterprise

--
summa Employees

--
Precium annua output

--
export Market

--
Customers aliquid

--

Quid facimus quod dignum et definire Global

Primum rem agimus cum clientibus nostris convenire et loqui per suos fines in futuro proposito.
In hoc conventu, libenter libenter ideas tuas communicare et multas interrogationes requiris.

Nomen
forma error
E-mail
forma error
Phone/ Whatsapp / Cras
forma error
nomen corporationis
forma error
Content
forma error

Commendatur

Omnia secundum certissima signa internationalia fabricata sunt. Nostri fructus gratiam acceperunt ex mercatis tam domesticis quam externis.
Nunc latius educendi sunt ad 200 regiones.

Sitemap

Copyright © 2025 SP Building Material Co., Ltd. - www.springletile.com All Rights Reserved.

Design

var backtop_click_fun_bol = true; function backtop_click_fun(){ if (backtop_click_fun_bol) { backtop_click_fun_bol = false; $('body,html,*').stop().animate({scrollTop:0},500,function(){backtop_click_fun_bol = true;}); }return false; } window.ChatOnlineConfig = {styleId:'1',color:'#007eff'}; $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);})

fun_scr_arr.push({ name:5, fun:function () { window["fun_v6241517fce9d0"](); } }) function fun_v6241517fce9d0(){ var generate_id = "v6241517fce9d0", box = $('#'+generate_id); if(box.length==0){ var design_iframe = $('#design_iframe'), dom = design_iframe.contents(), box = dom.find('#'+generate_id); } var list_cols = "4", loop = "", speed = "300", autoplay = "4000", swiper_switch = box.find('[swiper_switch="1"]'); if(loop == "1"){ loop = true; }else{ loop = false; } if(swiper_switch.length == 0){return false;} new Swiper('#'+generate_id+' .swiper-container', { // autoHeight: true, autoplay: parseInt(autoplay), speed: parseInt(speed), loop: loop, slidesPerView : list_cols, spaceBetween : 20, prevButton: '#'+generate_id+' .swiper-container .left_icon', nextButton: '#'+generate_id+' .swiper-container .right_icon', pagination : '#'+generate_id+' .swiper-pagination', onInit:function(mySwiper){ slide_top_btn(); box.find('.swiper-container')[0].swipers = function(type){ // 当前播放禁止轮播 if (autoplay=='0') {return} if (type == 'play') { mySwiper.stopAutoplay(); }else{ mySwiper.startAutoplay(); } } var top = $(document).scrollTop(); $(document).scrollTop((top+100)); $(document).scrollTop((top-100)); $(document).scrollTop(top); }, onSlideChangeStart:function(swiper){ box.find('.swiper-container .swiper-slide video').each(function(){ $(this)[0].pause(); }) },onSlideChangeEnd:function(){ slide_top_btn(); }, breakpoints: { 768: { slidesPerView: 2 }, 500: { slidesPerView: 1 }, } }) function slide_top_btn(){ if(list_cols>=box.find('.list_row_li').length){return} var box_h = box.height(), txt = box.find('.con li .text'), h = 0; txt.each(function(){ var that = $(this), that_h = that.outerHeight() if(that_h>h){ h = that_h; } }) box_h = box_h - h; box.find('.right_icon,.left_icon').css({ top: "calc(50% - "+h/2+"px)" }).show(); box.find('.swiper-pagination').show(); } } (function(){ var generate_id = "v6241517fce9cf", box = $('#'+generate_id), inp = box.find('.enquiry_inp'); inp.bind('input propertychange', function () { var that = $(this), par = that.parent(), name = that.attr("name"), val = that.val(); if (val) { par.addClass("active"); } else { par.removeClass("active"); } }); inp.change(function () { var that = $(this), par = that.parent(), name = that.attr("name"), val = that.val(), bol = false; if (val) { if (name == "email") { // rao@iqo.uni-hannover.de var strRegex = /^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/; if (!strRegex.test(val)) { bol = true; } } } if (bol) { par.addClass("errors"); } else { par.removeClass("errors"); } }); $(function() { box.find('[data-input-select]').length > 0 && box.find('[data-input-select]').inputSelectable() }); })(); fun_scr_arr.push({name:'link',url:"/products_detail/ail_detail.css?v=1663233647",rel:"stylesheet",id:"styles_ail_detail"}) $(function () { var generate_id = "v6241517fce9cc", box = $('#'+generate_id); box.find('.detail_tabbox_item').click(function(){ box.find('.detail_tabbox_item').removeClass('border-color'); $(this).addClass('border-color'); box.find('.cons_box').hide(); box.find('[con_ids="'+$(this).attr("data-id")+'"]').show(); }) box.find('img').not('.icon_play').click(function(){ var img = $(this), src = img.attr('data-src'); if (!src) { src = img.attr('src'); } if (!src) {return;} img.zoomable(function() { return src; }); }) if (box.find('img[data-src]').length) { $(window).on('scroll', imgLazyLoad2); $('.body_color_bgs .content').on('scroll', imgLazyLoad2); imgLazyLoad2(); } box.find('.package-img-container').on('mouseenter',function(){ package_img_fun($(this)); }) function package_img_fun(that){ var id = that.attr("img_id"), src = that.find('.package-img-entry').attr('src'), boxs = null; if(id){ boxs = $('#'+id); }else{ id = 'img_id'+new Date().getTime(); that.attr("img_id",id); boxs = $('<div id="'+id+'"><img style="max-width:800px;" src="'+src+'"></div>'); $('body').append(boxs); that.mouseleave(function(){ boxs.stop().fadeOut(200); }) boxs.mouseenter(function(){ boxs.stop().fadeIn(200); }) boxs.mouseleave(function(){ boxs.stop().fadeOut(200); }) } boxs.css({ position: 'absolute', top: that.offset().top, left: that.offset().left+that.width()+6, 'z-index': '999' }).stop().fadeIn(200); } }) var imgLazyLoad_bol22 = document.createElement('canvas').toDataURL('image/webp', 0.5).indexOf('data:image/webp') === 0; function imgLazyLoad2 () { var $win = $(window), viewportHeight = $win.height(), v_w = $win.width(), scrollTop = $win.scrollTop(), isCompress = $('#compress_onoff').val(), isCapture = $('#compress_capture_onoff').val(), compressQuality = $('#img_compress').val(), isWebP = $('#compress_webp_onoff').val(); $('img[data-src]').not('.show_imgss').each(function () { var $img = $(this), x = scrollTop + viewportHeight - $img.offset().top if (x <= 0) { return false } var src = $img.attr('data-src') const isTos = src.includes('/tos/') const hasQuery = src.includes('?') if(!hasQuery && isTos) { src += '?x-tos-process=image' if (isCapture == 1) { var i_w = v_w + 30 src += '/resize,m_lfit,w_' + i_w; } if (isWebP) { src += '/format,webp' } if(isCompress == 1 && imgLazyLoad_bol ) { src += `/quality,q_${compressQuality}` } $img.addClass('show_imgss'); $img.attr('src', src); return } if (src.indexOf('http') !== -1) { if(src.indexOf('weyesimg')!==-1&&src.indexOf('imgbd')==-1){ var i_w = v_w + 30 var resize_w = ''; if (isCapture == 1) { resize_w = '/w/' + i_w; } var format_webp = ''; if (imgLazyLoad_bol && isWebP == 1) { format_webp = '/format/webp'; } var quality_url = ''; if (isCompress == 1 &&(src.indexOf('.jpg')>-1||src.indexOf('.png')>-1)) { quality_url = '/q/' + compressQuality } else if (isCompress == 1 && imgLazyLoad_bol && isWebP == 1) { quality_url = '/q/' + compressQuality } var new_p = resize_w + quality_url + format_webp; if (new_p) { new_p = '?imageView2/2' + new_p; } src = src + new_p; }else{ var i_w = v_w + 30 var resize_w = ''; if (isCapture == 1) { resize_w = '/resize,m_lfit,w_' + i_w; } var format_webp = ''; if (imgLazyLoad_bol && isWebP == 1) { format_webp = '/format,webp'; } var quality_url = ''; if (isCompress == 1 && (src.indexOf('.jpg')>-1||src.indexOf('.png')>-1)) { quality_url = '/quality,' + compressQuality } else if (isCompress == 1 && imgLazyLoad_bol && isWebP == 1) { quality_url = '/quality,' + compressQuality } var new_p = resize_w + format_webp + quality_url; if (new_p) { new_p = '?x-oss-process=image' + new_p; } if (src.indexOf('?') !== -1) { if (src.indexOf('?x-oss-process=video') == -1 && src.indexOf('?x-oss-process=image') !== -1) { src = src.slice(0, src.indexOf('?')); src = src + new_p; } } else { src = src + new_p; } } } $img.addClass('show_imgss'); $img.attr('src', src); }) } fun_scr_arr.push({ name:5, fun:function () { window["fun_v6241517fce9c9"](); } }) function fun_v6241517fce9c9(){ var generate_id = "v6241517fce9c9", box = $('#'+generate_id), w_n = 2.5; mousemove_boxs = box.find(".mousemove_boxs"); if (box.find('.attribute_mode_new_page').length) { var attribute_mode = box.find('.attribute_mode_new_page'), dd_img_box = attribute_mode.find('.dd_img_box'); dd_img_box.click(function(){ var dd = $(this), par_dd = dd.parent().find('.dd_img_box'); if (dd.hasClass('font-color')) { dd.removeClass('font-color'); act_dd_img_fun(); return; } dd_img_box.removeClass('font-color'); dd.addClass('font-color'); act_dd_img_fun(); }) } function act_dd_img_fun(bol){ var attribute_mode = box.find('.attribute_mode_new_page'); if (bol) { attribute_mode.find('.dd_img_box.font-color').removeClass('font-color'); } var dd_img_box = attribute_mode.find('.dd_img_box.font-color'), img = ''; if (dd_img_box.length) { if (dd_img_box.find('img')&&dd_img_box.find('img').attr('src')) { img = dd_img_box.find('img').attr('video-img'); } } var slide_active = box.find('.magnifier_box .swiper-slide.swiper-slide-active .mousemove_boxs'); if (slide_active.length == 0) { slide_active = box.find('.magnifier_box .mousemove_boxs'); } slide_active.find('.attribute_mode_new_img').remove(); if (img) { slide_active.prepend('<div class="attribute_mode_new_img"><img src="'+img+'" video-img="'+img+'" class=""></div>') } } if (box.find('.product_video .min_img li').length) { var swiper = new Swiper('#'+generate_id+' .product_video .swiper-container1', { pagination: '#'+generate_id+' .product_video .swiper-pagination', paginationType : 'fraction', simulateTouch : false, // autoHeight: true, onSlideChangeStart:function(swiper){ box.find('.product_video .min_img li').removeClass('active').eq(swiper.activeIndex).addClass("active"); box.find('.product_video .prism-player video')[0]&&box.find('.product_video .prism-player video')[0].pause(); act_dd_img_fun(true); } }) box.find('.product_video .min_img li').click(function(){ var that = $(this); act_dd_img_fun(true); if(that.hasClass('active')){ return } that.addClass("active").siblings("li").removeClass("active"); product_video_img(); }) function product_video_img(){ var li = box.find('.product_video .min_img li.active'), index = li.index(); box.find('.product_video .prism-player video')[0]&&box.find('.product_video .prism-player video')[0].pause(); swiper.slideTo(index, 0, false); } } if (mousemove_boxs.length == 0) {return} mousemove_boxs.mouseenter(function(){ var ints = $(this), par_box = ints.closest('.magnifier_box'); var src = ints.find("img").attr("video-img"); if($(window).width()<769){return} if (ints.find('.attribute_mode_new_img').length == 0) { if(ints.find('.video_js_play_btn').length){return} if(ints.find('[video-src]').attr('video-src')){return} }else{ // if (ints[0].kuan) { // ints[0].kuan.remove(); // ints[0].dimg.remove(); // } // ints[0].kuan = null } if (!ints[0].kuan) { ints[0].kuan = $('<div class="bg-color" style="width:'+(100/w_n)+'%;height:'+(100/w_n)+'%;position:absolute;top:0;left:0;z-index:4;opacity:0.4;pointer-events: none;"></div>'); ints[0].dimg = $('<div class="" style="width:100%;height:100%;position:absolute;left:100%;top:0;box-shadow:0 0 8px rgba(0,0,0,.1);overflow:hidden;margin-left:15px;pointer-events:none;z-index:6;background-color:#fff;background-repeat: no-repeat;background-position: center;"><img src="" style="position:absolute;width:'+(w_n*100)+'%;max-width:'+(w_n*100)+'%;max-height:'+(w_n*100)+'%;display:none;"></div>'); par_box.append(ints[0].kuan); par_box.append(ints[0].dimg); }else{ ints[0].kuan.show(); ints[0].dimg.show().find('img').hide(); } ints[0].dimg.css({ "background-image":'url("/images/small_load.gif")' }) var img_src = new Image(); img_src.src = src; img_src.onload = function(){ ints[0].dimg.css({ "background-image":'none' }).find('img').attr('src',src).show(); } }).mouseleave(function(){ var ints = $(this); if($(window).width()<769){return} if (ints.find('.attribute_mode_new_img').length == 0) { if(ints.find('.video_js_play_btn').length){return} } if (!ints[0].kuan) {return} ints[0].kuan.hide(); ints[0].dimg.hide(); }).mousemove(function(e) { var ints = $(this), par_box = ints.closest('.magnifier_box'); if($(window).width()<769){return} if (ints.find('.attribute_mode_new_img').length == 0) { if(ints.find('.video_js_play_btn').length){return} } if (!ints[0].kuan) {return} var l = e.pageX -ints[0].kuan.width()/w_n -ints.offset().left; var t = e.pageY -ints[0].kuan.height()/w_n -ints.offset().top; if (l < 0) { l = 0; }else if (l>=par_box.width()-ints[0].kuan.width()) { l =par_box.width()-ints[0].kuan.width(); } if (t < 0) { t = 0; }else if (t>=par_box.height()-ints[0].kuan.height()) { t =par_box.height()-ints[0].kuan.height(); } ints[0].kuan.css({left:l,top:t}); var fit = ints.find("img").css('object-fit'), h = (fit == 'contain') ? (w_n*100)+'%' : 'auto'; ints[0].dimg.find("img").css({ left:- l*w_n, top:- t*w_n, 'object-fit': fit, height: h }) }) } $(function() { var generate_id = "v6241517fce9c9", box = $('#'+generate_id); function handleResize() { box.find('[data-expand-mobile]').each(function() { var that = $(this); if ($(window).width() > 1024) { that.css('height', 'auto'); return; } var h = +that.attr('data-expand-mobile'); if (this.scrollHeight > h) { if ( !that.hasClass('js-collapsible') || that.hasClass('js-collapsible--collapsed') ) { that.addClass('js-collapsible js-collapsible--collapsed').css('height', h); if (!that.find('.js-collapsible__down').length) { $('<span>').addClass('iconfont iconxiala1 js-collapsible__down').on('click', function () { if (that.hasClass('js-collapsible--collapsed')) { that.stop().removeClass('js-collapsible--collapsed').animate({ height: that[0].scrollHeight }); } else { that.stop().animate({ height: h }, function () { that.addClass('js-collapsible--collapsed'); }); } }).appendTo(this); } } } else { that.removeClass('js-collapsible'); } }); } $(window).on('resize', handleResize); window['teardown' + generate_id] = function () { $(window).off('resize', handleResize); }; handleResize(); }); var generate_id = "v623af3ee21acd", head_s = $('#'+generate_id); function head_nav_w(){ var nav = head_s.find('.nav'), sw = nav[0].scrollWidth, w = nav.width(), nav_box = head_s.find('nav'); if(sw > w){ nav_box.addClass('add'); }else{ nav_box.removeClass('add'); } head_s.find('.nav_box')[0].scrollLeft = 0; head_s.find('.btn_l').addClass('disabled'); head_s.find('.btn_r').removeClass('disabled'); var sloganHeight = head_s.find('.header-slogan-box').outerHeight(); head_s[0].style.setProperty('--header-offset',-sloganHeight+'px'); } function handleScroll() { var thresholds = { 1: 0, nav: 40 }, key = head_s.attr('switch_fixed'); if (key in thresholds) { var curThreshold = thresholds[key]; if (typeof curThreshold === "function") { curThreshold = curThreshold(); } var top = $(window).scrollTop(); if (top > curThreshold) { head_s.addClass('head_fixed'); } else { head_s.removeClass('head_fixed'); } } } $(window).on('scroll', handleScroll).trigger('scroll'); window.addEventListener('resize',head_nav_w); head_s.mouseenter(function(){ if (!this.head_bol) { head_nav_w(); this.head_bol = true; } }) head_s.find('#head_button').click(function(){ $("body,html").toggleClass("head_nav_active"); }) head_s.find('.nav_btns').click(function(){ if ($(this).hasClass('disabled')) {return} var nav = head_s.find('.nav'), sw = nav[0].scrollWidth, w = nav.width(), sl_box = head_s.find('.nav_box'), sl = sl_box[0].scrollLeft, l = $(this).data('left'), btn_r = head_s.find('.btn_r'), btn_l = head_s.find('.btn_l'); sl += l; if ((sl+w)>sw) { btn_r.addClass('disabled'); }else{ btn_r.removeClass('disabled'); } if (0>=sl) { btn_l.addClass('disabled'); }else{ btn_l.removeClass('disabled'); } sl_box.stop().animate({ scrollLeft: sl },200) }) head_s.on('click','.nav li',function(e){ e.stopPropagation(); var li = $(this), ul = li.find('>ul'), tan = e.target; if(tan.localName=="a"||$(tan).parents('a').length){ return }else{ li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act'); ul.toggle(200); } return false; }) head_s.on('mouseenter','.nav>li',function(){ add_nav_li22($(this)); }) function par_box_fun(par,fun){ var id = par.attr('id'), li = $('[li_id="'+id+'"]'), header_nav_li_box = li.closest('.header_nav_li_box'); fun(par,li); if (header_nav_li_box.length) { par_box_fun(header_nav_li_box,fun); } } function add_nav_li22(that,objs){ if(head_s.find('.nav').css('display')=="block"){return} var id = that.attr("li_id"), boxs = null; ul = that.find('>ul'); if (ul.length == 0) { return; } var show_fun = function(){ boxs.stop().fadeIn(200); that.addClass("font-color"); var ids_ = boxs.attr('id'); if (objs) { par_box_fun(objs.par_box,function(id_box,li){ id_box.stop().fadeIn(200); li.addClass("font-color"); }) } } var hide_fun = function(n){ boxs.stop().fadeOut(200); that.removeClass("font-color"); if (objs&&n==2) { par_box_fun(objs.par_box,function(id_box,li){ id_box.stop().fadeOut(200); li.removeClass("font-color"); }) } } if (id) { boxs = $('#'+id); }else{ id = 'li_id_'+new Date().getTime() that.attr("li_id",id); boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>'); var clone_ul = ul.clone(); boxs.append(clone_ul); $('body').append(boxs); that.mouseleave(function(){ hide_fun(1); }) boxs.mouseleave(function(){ hide_fun(2); }) boxs.mouseenter(function(){ show_fun(); }) clone_ul.find('li').mouseenter(function(){ add_nav_li22($(this),{ par_box: boxs }); }) } show_fun(); var top = that.offset().top + that.height(), left = that.offset().left; if (objs) { var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px',''); top = top - that.height() - pts; left = left + that.width(); } if (left+boxs.width()+20>=$(window).width()) { if (objs) { left = that.offset().left - boxs.width(); }else{ left = $(window).width() - boxs.width() -10; } } var box_objs = { top: top, left: left } box_objs.minWidth = objs?0:that.outerWidth(); boxs.css(box_objs) } $(head_nav_w); window['teardown' + generate_id] = function () { window.removeEventListener('resize', head_nav_w); $(window).off('scroll', handleScroll); } window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag('js', new Date()); gtag('config', 'G-RJ8ERSM3SX'); function consentGrantedAdStorage() { console.log('consentGrantedAdStorage granted'); gtag('consent', 'update', { 'ad_storage': 'granted', 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'analytics_storage': 'granted' }); } function refuseGrantedAdStorage() { console.log('consentGrantedAdStorage denied'); gtag('consent', 'update', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied' }); } .head_sousuos_modal{position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;color:#333;display:none;} .head_sousuos_modal .mengban{position:absolute;left:0;top:0;width:100%;height:100%;} .head_sousuos_active .head_sousuos_modal{display:block;} .head_sousuos_modal .search_cons{padding:0 15px;position:relative;} .head_sousuos_modal .sousuos_box{max-width:100%;width:1400px;position:absolute;left:0;top:140px;right:0;margin:auto;z-index:4;} .head_sousuos_modal .sousuos_box input{display:block;background: rgba(255,255,255,.8);outline: 0;padding: 0 40px;border: 1px solid;border-color: #fff;color: inherit;border-radius: 20px;width:100%;height:40px;padding-right:70px;} .head_sousuos_modal .sousuos_box i{position: absolute;left: 15px;top: 0;height: 40px;width: 40px;border: none;background: 0;outline: 0;font-size: 18px;color: inherit;line-height: 40px;text-align: center;pointer-events: none;} .head_sousuos_modal .sousuos_box button{position: absolute;right: 15px;top: 1px;height: 38px;display: block;text-align: center;line-height: 38px;font-size: 24px;cursor: pointer;transition: .3s;font-style: initial;border-radius: 20px;padding: 0 20px;border: none;outline: 0;color: #fff;} .head_sousuos_modal .sousuos_box .btn_txt{display:none;} .head_sousuos_modal .sousuos_box span{font-size:inherit;} @media (max-width:1025px){ .head_sousuos_modal{background: rgba(0,0,0,.8);} .head_sousuos_modal .sousuos_box{position:relative;transform:none;top:0;left:0;padding-top:80px;} .head_sousuos_modal .sousuos_box button{display:block;position:relative;transform:none;top:0;left:0;right:0;} .head_sousuos_modal .sousuos_box span{display:none;} .head_sousuos_modal .sousuos_box .btn_txt{display:block;font-size:16px;} .head_sousuos_modal .sousuos_box button{width:100%;margin-top:20px;} .head_sousuos_modal .close_btn{position: absolute;right:10px;top:10px;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;font-size:26px;z-index:9;cursor:pointer;font-weight:bold;} } /* 前台公共语言弹框内容 */ .language_con{display:flex;flex-wrap:wrap;} .language_modal_a{width:16.6666%;display:flex;padding:15px 10px;color:inherit;} .language_modal_a img{width:30px;height:30px;display:block;min-width:30px;border-radius:50%;} .language_modal_a span{display:block;padding-left:6px;overflow:hidden;text-overflow:ellipsis;line-height:30px;white-space:nowrap;} .language_modal_a img[lans-src]{display:none;} .language_modal_blade .lang_head{font-size:38px!important;} @media (max-width:1025px){ .language_modal_blade .language_con{width:240px!important;float:right;color:#fff;} .language_modal_a{width:100%;} .language_modal_blade{background: rgba(0,0,0,.7)!important;} .language_modal_blade .lang_head{color:#fff;} .language_modal_blade .lang_head{font-size:30px!important;} } .language_modal_blade {display: none} .language_modal_mask_body {overflow: hidden !important;width: 100%;height: 100%} body.language_modal_mask_body .language_modal_blade {display: block} .language_modal_mask {display: none} @media (min-width:1025px) { .language_modal_blade {position: fixed;width: 1000px;max-width: 100%;height: 80%;background: #fff;border-radius: 15px;box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);z-index: 1021;left: 0;right: 0;margin: auto;top: 10%;color: #000;display: none} .language_modal_blade .lang_head {height: 100px;line-height: 98px;font-size: 48px;overflow: hidden;padding: 0 30px;border-bottom: 1px solid #ddd;font-weight: 700} .language_modal_blade .lang_head .head_close_box {float: right;line-height: 98px} .language_modal_blade .lang_head .head_close {width: 50px;height: 50px;display: inline-block;line-height: 50px;text-align: center;cursor: pointer} .language_modal_blade .lang_head .head_close:hover {opacity: .4} .language_modal_blade .language_con {padding: 30px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto} .language_modal_blade .lan_ul {overflow: hidden;margin-left: -10px;margin-right: -10px} .language_modal_blade .lan_ul li {float: left;width: 16.6666%;padding: 0 10px;margin-bottom: 30px;color: #444} .language_modal_blade .lan_ul li.active {color: inherit;font-weight: 700} .language_modal_blade .lan_ul li:hover a {color: #000} .language_modal_blade .lan_ul .lan_img {float: left;display: block;width: 30px;height: 30px} .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;border-radius: 50%} .language_modal_blade .lan_ul .lan_txt {line-height: 30px;margin-left: 36px;font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .language_modal_mask {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 999} body.language_modal_mask_body .language_modal_mask {display: block} } @media (max-width:1025px) { .language_modal_blade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 999;padding-top: 60px} .language_modal_blade .lang_head {position: absolute;right: 0;top: 0;line-height: 50px;height: 50px;padding-right: 50px;font-size: 40px} .language_modal_blade .lang_head>span {display: none} .language_modal_blade .language_con {height: 100%;width: 100%;overflow: auto;padding-bottom: 50px} .language_modal_blade .language_con .lan_ul {float: right;padding: 0 20px} .language_modal_blade .language_con .lan_ul a {color: inherit;display: block} .language_modal_blade .language_con .lan_ul li {color: #fff;overflow: hidden;margin-bottom: 10px} .language_modal_blade .language_con .lan_ul li.active {color: inherit} .language_modal_blade .language_con .lan_img {display: block;float: left;width: 40px;height: 40px} .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;object-fit: contain} .language_modal_blade .language_con .lan_txt {line-height: 40px;margin-left: 50px;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 200px} } div.language_modal_blade .language_con{display:block;} div.language_modal_blade .active_locale_v{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media (min-width: 1025px){ div.language_modal_blade .language_con{bottom:40px;display:block;} .language_modal_a{float:left;display:block;} .language_modal_a img{margin:auto;} .language_modal_a span{padding-left:0;text-align:center;} } .language_modal_a img{width:50px;height:auto;;border-radius:0;min-width:50px;} @media (max-width: 1025px){div.language_modal_blade{padding-bottom:40px;}div.language_modal_blade .active_locale_v{color:#fff;}}

Si alium linguae

╳

English

Українська

Pilipino

Polski

فارسی

Ελληνικά

Português

italiano

français

Español

Deutsch

Türkçe

ภาษาไทย

Српски

हिन्दी

bahasa Indonesia

Bahasa Melayu

Кыргызча

Suomi

한국어

Latin

日本語

dansk

Current lingua：Latin

function head_form_fun(that) { var form = $(that), url = form.attr("action"), search = form.find('[name="search"]').val(); search = encodeURIComponent(search) if (0){ window.location.href = search + '_c0_ss' } else { window.location.href = getUrl_fun(url, "search", search); } return false; } function getUrl_fun(url, field, value) { if (url.indexOf("?") != -1) { if (url.indexOf(field) != -1) { return changeURLArg_fun(url, field, value); } else { return url + '&' + field + '=' + value; } } else { return url + '?' + field + '=' + value; } } function changeURLArg_fun(url, arg, arg_val) { var pattern = arg + '=([^&]*)'; var replaceText = arg + '=' + arg_val; if (url.match(pattern)) { var tmp = '/(' + arg + '=)([^&]*)/gi'; tmp = url.replace(eval(tmp), replaceText); return tmp; } else { if (url.match('[\?]')) { return url + '&' + replaceText; } else { return url + '?' + replaceText; } } } $('.head_shousuos').click(function(){ $('body').addClass('head_sousuos_active'); $('.head_sousuos_modal .sousuos_box input').focus(); }) $('.head_sousuos_close').click(function(){ $('body').removeClass('head_sousuos_active'); }) (function () { $.ajaxSetup({cache: true}) var head_logo_src = $('[head_logo_src]'); $('.fun_scr_hide').removeClass('fun_scr_hide'); head_logo_src.each(function(){ var img = $(this), src = img.attr('head_logo_src'); if (src.indexOf('http') !== -1 && src.indexOf('?') == -1) { if (src.includes('/tos/')) { src += '?x-tos-process=image/resize,m_lfit,w_768' if (imgLazyLoad_bol) { src = src+'/format,webp'; } } else { src = src+'?x-oss-process=image/resize,m_lfit,w_768'; if (imgLazyLoad_bol) { src = src+'/format,webp'; } } } img.attr('src',src).removeAttr('head_logo_src'); }) var public_js_src = "/scripts/public_js.js?v=1740647842", public_js = $( '<link rel="stylesheet" href="/libs/swiper/swiper.min.css">'+ '<script src="'+public_js_src+'" async><\/script>' ); $("body").append(public_js); var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll']; for (var i = 0; i < arr.length; i++) { document.addEventListener(arr[i],fn,false); } var fn_bol = false; function fn(e) { if(fn_bol){return} fn_bol = true; var d_arr = fun_scr_arr, f_arr = []; for (var i = 0; i < d_arr.length; i++) { var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name); if (val.name == 5||val.delay) { f_arr.push(val) }else if (val.name == 'link') { dom.href = val.url; dom.rel = val.rel; val.id ? dom.id = val.id : ''; document.querySelector('body').appendChild(dom); }else{ if(!document.querySelector('#'+val.id)){ $('body').append('<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>'); } } } for (var f = 0; f < f_arr.length; f++) { outs(f_arr[f]) } function outs(val){ var n = val.delay||300; setTimeout(function () { if (val.name==5) { val.fun&&val.fun(); }else{ var dom = document.createElement(val.name); if (val.name == 'link') { dom.href = val.url; dom.rel = val.rel; }else{ dom.src = val.url;dom.type = val.type; } document.querySelector('body').appendChild(dom); } },n); } document.querySelector('.share_fun_box2').style.display = 'block'; var swiper_src = document.querySelectorAll('[swiper_src]'); for (var im = 0; im < swiper_src.length; im++) { swiper_src[im].src = swiper_src[im].getAttribute('swiper_src'); } for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);} } $(function(){ function handleScroll() { var btn = $('[data-product-inquiry]').filter(':visible').first(); if(btn.length) { var off = btn.offset().top; var top = $(window).scrollTop() + 60; $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top); } } function handleResize() { $('.list_link_artboard').each(function() { var highlight = $(this).find('.border-color'); var outerOffset = $(this).offset().left; if (highlight.length && highlight.is(':visible')) { $(this).find('.hidden_box').stop().animate({ scrollLeft: highlight.offset().left - outerOffset - 10 }); } }); } var bottomInquiry = $('#bottomInquiry'); $('#showInquiry').on('click', function() { bottomInquiry.removeClass('bottom-inquiry-box--hidden'); }); bottomInquiry .on('click', '[data-inquiry-close]', function() { $('#bottomInquiry').addClass('bottom-inquiry-box--hidden'); }) .find('.bottom-inquiry-box__input').on('input', function() { $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value); }) .end().find('input[type="file"]').on('change', function() { inquiry_attachment_change_fun($(this)); }) .end().find('input[name="email"]').on('change', function() { $(this).parent().toggleClass('bottom-inquiry-box__label--error', this.value && !/^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/.test(this.value)); }) .end().find('form').on('submit', function() { return form_submit(this); }); bottomInquiry.find('[data-input-select]').inputSelectable(); if($('[data-product-inquiry]').length) { $(window).scroll(handleScroll); handleScroll(); } if($('.list_link_artboard').length) { $(window).resize(handleResize); handleResize(); } // 这里加载特定滚动加载 }); })() .external-chat-box { padding: 0; } .external-chat-box-right { position: fixed; top: 50%; right: 0; transform: translateY(-50%); width: 48px; padding: 4px 0; background: rgba(0, 0, 0, .35); border-radius: 4px 0 0 4px; transition: .2s; z-index: 9999; } .external-chat-box-right__toggle { position: absolute; top: 50%; right: 100%; border-radius: 0 4px 4px 0; color: #fff; transform: translateY(-50%); background: inherit; padding: 0 4px; line-height: 40px; font-size: 14px; cursor: pointer; /*transition: .3s;*/ border: 0; outline: 0; } .external-chat-box-right--collapse { transform: translateY(-50%) translateX(100%); } .external-chat-box__item1 { padding: 8px 0; text-align: center; display: block; position: relative; } .chatIconPanel1 { border-radius: 0 4px 4px 0; } .chatIconPanel1-right { border-radius: 4px 0 0 4px; } .chatIconPanel2 { border-radius: 24px; } .chatIconPanel3 { border-radius: 4px; margin: 0; } .chatIconPanel4 { border-radius: 0 0 24px 24px; } .chatIconPanel5 { border-radius: 0 14px 0 14px; } .chatIconPanel6 { border-radius: 4px; width: 60px !important; } .share-icon { position: absolute; width: 100%; bottom: -55px; padding: 8px; border-radius: 4px; left: 0; text-align: center; } .external-chat-box--label { font-size: 12px; white-space: nowrap; transform: scale(0.83333); position: absolute; bottom: 2px; width: 100%; } const PositionLeft = 1 const PositionRight = 2 // 颜色 16进制转rgb const hex2rgb = (hexColor) => { hexColor = hexColor .substring(1) .toLowerCase() let b = new Array() for (let x = 0; x < 3; x++) { b[0] = hexColor.substr(x * 2, 2) b[3] = '0123456789abcdef' b[1] = b[0].substr(0, 1) b[2] = b[0].substr(1, 1) b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2]) } return b[20] + ',' + b[21] + ',' + b[22] } // 初始化 const initContactPanel = async () => { const data = await getContactData() if (!data) return const {config, list} = data const {color, is_expand, location, style, opacity} = config const displayList = formatData(list, style) const DOMs = getDOMs(displayList, style) const shareBoxDiv = $('.share_fun_box') const hasShareBox = shareBoxDiv.is(':visible') const isYueRong = false; // 分享判断 if (location == PositionRight && hasShareBox && !isYueRong) { showShareIcon(shareBoxDiv, color, opacity, DOMs) } const dom = $('<div />') .attr({id: 'contactPanel'}) .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) .addClass(getPositionClassName(location, style, is_expand)) .append(DOMs) .appendTo('body') // 展开收起判断 if (is_expand == 1) getCollapseDiv(location).appendTo(dom) // 定制处理 customized(location, hasShareBox, isYueRong) } // 除了和分享冲突 const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => { shareBoxDiv.hide() const shareIcon = $('<div />') .addClass('share-icon') .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) .on('click', () => window.customFunc.modal_show()) .append($('<img />') .attr({src: '/images/chatIcon/share.png', width: '32px'})) DOMs.push(shareIcon) } // 定制处理 const customized = (location, hasShareBox, isYueRong) => { if (location == PositionRight && hasShareBox && isYueRong) { $('.share_fun_box').css('top', '32%') $('.external-chat-box-right').css('top', '65%') } } // 收起处理 const getCollapseDiv = (location) => { const div = $('<div />').addClass('iconfont iconleft') const contactPanelDiv = $('#contactPanel') if (location == PositionLeft) { div .addClass('external-chat-box__toggle') .on('click', function () { if (contactPanelDiv.hasClass('external-chat-box--collapse')) { contactPanelDiv.removeClass('external-chat-box--collapse') $(this) .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'}) } else { contactPanelDiv.addClass('external-chat-box--collapse') $(this).css({transform: '', borderRadius: '0 4px 4px 0'}) } }) } else { div .addClass('external-chat-box-right__toggle') .css({transform: 'rotate(180deg) translateY(50%)'}) .on('click', function () { if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) { contactPanelDiv.removeClass('external-chat-box-right--collapse') $(this).css({transform: '', borderRadius: '4px 0 0 4px'}) } else { contactPanelDiv.addClass('external-chat-box-right--collapse') $(this).css({ transform: 'rotate(180deg) translateY(50%)', borderRadius: '0 4px 4px 0' }) } }) } return div } // 数据格式化化 const formatData = (list, style) => { return list.map(i => { let attrs try {attrs = getAttrs(i, style)} catch(err) { attrs = {} } return { ...i, attrs } }) } // 属性拼接 const getAttrs = (item, style) => { let attrs switch (item?.name) { case 'QQ': attrs = { target: '_blank', href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value, className: 'external-chat-box__item--qq', src: `/images/chatIcon/QQ${style}.png` } break; case 'WeChat': attrs = { target: '_self', href: '#', className: 'external-chat-box__item--wechat', src: `/images/chatIcon/WeChat${style}.png` } break; case 'WhatsApp': attrs = { target: '_blank', href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value), className: 'external-chat-box__item--whatsapp', src: `/images/chatIcon/WhatsApp${style}.png` } break; default: attrs = null } return attrs } // 生成DOM const getDOMs = (list, style) => { let DOMs = [] list.forEach((i, index) => { if (i.attrs) DOMs.push(createItem(i, style, index == list.length - 1)) }) return DOMs } // 创建对应的A标签 const createItem = (item, style, isLast) => { const {href, target, src} = item.attrs let ALabel = $(`<a/>`) .attr({href, target, title: item.user_name}) .addClass('external-chat-box__item1') .on('click', () => { if (item.name == 'WeChat') showWeChatDialog(item.value) }) if (style == 4 && !isLast) { ALabel.css({borderBottom: '1px solid #fff'}) } if (style == 6 && !isLast) { ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'}) } let img = $('<img/>').attr({src,width:'32px'}) ALabel.append(img) if (style == 6) { let div = $('<div />') .addClass('external-chat-box--label') .text(item.name) ALabel.append(div) } return ALabel } // 微信特殊处理 const showWeChatDialog = (text) => { let input = $('<input>') .css({ position: 'absolute', left: -99, top: -99, width: 20, height: 20 }) .attr('readonly', 'readonly') .val(text).appendTo('body'); let popup = $('<div>') .addClass('external-chat-popup external-chat-popup--hidden') .appendTo('body'); $('<div>') .addClass('external-chat-popup__bg') .on('click', () => { popup.addClass('external-chat-popup--hidden'); }).appendTo(popup); $('<div>').addClass('external-chat-popup__dialog') .append( $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text), $('<button>') .attr({ type: 'button', 'btn-types': 'deep' }) .addClass('btn') .text('Copy') .on('click', function () { input[0].select(); document.execCommand('copy'); popup.addClass('external-chat-popup--hidden'); prompt_box_fun({ type: 'success', text: 'WeChat ID was copied. We’re redirecting you to WeChat. If WeChat is not opened, you can also open it manually and paste the copied ID.' }); location.href = 'weixin://'; }) ).appendTo(popup); popup.removeClass('external-chat-popup--hidden'); } // 获取数据 const getContactData = async () => { const res = await $.get('/contact/get-config') if (res.status != 200) return false const {config, list} = res.data const hasContactInfo = config && config.on == 1 && list.length if (hasContactInfo) return res.data return false } // 拼接类名 const getPositionClassName = (position, style, is_expand) => { let className = `chatIconPanel${style}` if (position == PositionRight && style == 1) { className += '-right' } className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right' if (is_expand == 1) { className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse' } return className } initContactPanel()

.el-dialog__footer { padding: 10px 20px 20px; text-align: right; box-sizing: border-box; } #inquiry-dialog { position: fixed; top:0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1000; /* opacity: .5; */ background: rgba(0,0,0,.5); } .inquiry-dialog{ position: relative; margin: 0 auto 50px; margin-top: 15vh; width: 400px; background: #fff; } .inquiry-dialog .form-group { margin-bottom: 10px; } .inquiry-dialog .red { font-style: normal; color: red; } .inquiry-dialog .form-group label { padding: 0; line-height: 28px; display: block; font-size: 14px; color: #606266; } .inquiry-dialog .form-control{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.07); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; margin-bottom: 0; border: 1px solid #e7eef5; outline: 0; } .inquiry-dialog .form-control:hover, .form-control:focus{ border-color: #007eff; } #inquiry-dialog .dialog-footer { /* padding: 10px 0 20px; */ /* background: #666; color: #fff; text-align:center; height: 40px; line-height: 40px; border-radius: 10px; */ } #inquiry-dialog .el-form-item { margin-bottom: 10px; } #inquiry-dialog .el-form-item__label{ padding: 0; line-height: 28px; } #inquiry-dialog .dialog-foot-btn { width: 100%; border-radius: 10px; font-weight: 500; padding: 0 20px; font-size: 14px; height: 40px; line-height: 40px; cursor: pointer; text-align: center; border: 1px; } .inquiry-dialog { border-radius: 16px!important; } .inquiry-dialog .el-dialog__body { padding: 0; } .inquiry-dialog .body { padding: 0; } .inquiry-dialog .el-dialog__header { font-size: 20px; border-radius: 16px 16px 0 0; } .inquiry-dialog .header { font-size: 20px; border-radius: 16px 16px 0 0; padding: 20px 20px 10px; /* color: #fff; background: #007eff; */ } .inquiry-dialog .header_btn{ position: absolute; top: 20px; right: 20px; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; line-height: 1; } .inquiry-dialog .el-dialog__close { font-size: 20px; } .inquiry-dialog--1 .el-dialog__header { color: #fff; background: #007eff; } .inquiry-dialog--1 .header { color: #fff; background: #007eff; } .inquiry-dialog--1 .el-dialog__close { color:#fff; } .inquiry-dialog--1 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--1 .body { padding: 20px 20px 0; } .inquiry-dialog--1 .tips { word-break: break-word; padding: 14px 20px; margin: -20px -20px 20px; /* box-shadow: 0 2px 8px rgb(0 0 0 / 13%); */ } .inquiry-dialog--1 .inquiry_from { /* padding:0 20px; */ } .inquiry-dialog--1 .dialog-foot-btn{ color: #fff!important; background: #007eff!important; border-color: #007eff; } .inquiry-dialog--1 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #007eff!important; border-color: #007eff!important; } .inquiry-dialog .el-input__inner:focus { border-color: #007eff; } .inquiry-dialog .el-input__inner:hover { border-color: #007eff; } .inquiry-dialog .el-textarea__inner:focus { border-color: #007eff; } .inquiry-dialog .el-textarea__inner:hover { border-color: #007eff; } .el-textarea .inquiry-dialog--2 .tips { padding: 10px 0px; word-break: break-word; /* border-top: 1px solid #e0e0e0; */ margin:0 20px; } .inquiry-dialog--2 .inquiry_from { padding:0 20px; background: #f6f6f7; padding-bottom: 5px; } .inquiry-dialog--2 .el-dialog__footer { background: #f6f6f7; border-radius: 0 0 16px 16px; } .inquiry-dialog--2 .dialog-foot-btn{ color: #fff!important; background: #007eff!important; border-color: #007eff; } .inquiry-dialog--2 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #007eff!important; border-color: #007eff!important; } .inquiry-dialog--3 { background: #02b57d; color: #Fff; } .inquiry-dialog--3 .el-dialog__close { color:#fff; } .inquiry-dialog--3 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--3 .tips { padding: 10px 0px; word-break: break-word; /* border-top: 1px solid #fff; */ margin:0 20px; color: #fff; } .inquiry-dialog--3 .inquiry_from { margin: 0 20px; padding: 20px 20px; background: #fff; border-radius: 16px; } .inquiry-dialog--3 .body { padding-bottom: 10px; } .inquiry-dialog--3 .dialog-foot-btn{ color: #fff!important; background: #333; border-color: #333; text-align: left; position: relative; } .inquiry-dialog--3 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #333!important; border-color: #333!important; text-align: left; position: relative; } .inquiry-dialog--3 .dialog-foot-btn:before{ content: '\2192'; position: absolute; right: 12px; /* top: 50%; margin-top: -.75em; */ } .inquiry-dialog--4 { background: #02b57d; color: #Fff; } .inquiry-dialog--4 .el-dialog__close { color:#fff; } .inquiry-dialog--4 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--4 .tips { padding: 0 0 10px 0px; word-break: break-word; margin:0 20px; color: #fff; } .inquiry-dialog--4 .inquiry_from { margin: 0 20px; padding: 20px 20px; background: #fff; border-radius: 16px; } .inquiry-dialog--4 .el-input__inner{ border: 0; border-radius: 0; border-bottom: 1px solid #DCDFE6; } .inquiry-dialog--4 .form-control{ border: 0; border-radius: 0; border-bottom: 1px solid #DCDFE6; box-shadow: unset; } .inquiry-dialog--4 .body { padding-bottom: 10px; } .inquiry-dialog--4 .dialog-foot-btn{ color: #fff!important; background: #333; border-color: #333; } .inquiry-dialog--4 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #333!important; border-color: #333!important; } .inquiry-dialog--5 { background: ##ffe201; color: #333; } .inquiry-dialog--5 .el-dialog__close { color: #333; } .inquiry-dialog--5 .el-dialog__close:hover { color:#333; } .inquiry-dialog--5 .tips { padding: 0 0 10px 0px; word-break: break-word; margin:0 20px; color: #666; } .inquiry-dialog--5 .el-form-item { background: #fff; margin-left: 20px; margin-right: 20px; padding: 12px 16px; border-radius: 16px; } .inquiry-dialog--5 .form-group { background: #fff; margin-left: 20px; margin-right: 20px; padding: 12px 16px; border-radius: 16px; } .inquiry-dialog--5 .el-input__inner{ border: 0; padding: 0; } .inquiry-dialog--5 .form-control{ border: 0; padding: 0; box-shadow: unset; } .inquiry-dialog--5 .body { padding-bottom: 10px; } .inquiry-dialog--5 .dialog-foot-btn{ color: #fff!important; background: #333; border-color: #333; text-align: left; position: relative; } .inquiry-dialog--5 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #333!important; border-color: #333!important; text-align: left; position: relative; } .inquiry-dialog--5 .dialog-foot-btn:before{ content: '\2192'; position: absolute; right: 12px; /* top: 50%; margin-top: -.75em; */ } .inquiry-dialog--6 .el-dialog__header { background: #007eff; color: #fff; } .inquiry-dialog--6 .header { background: #007eff; color: #fff; } .inquiry-dialog--6 .el-dialog__close { color:#fff; } .inquiry-dialog--6 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--6 .tips { word-break: break-word; padding: 14px 20px; background: #f5f5f5; } .inquiry-dialog--6 .inquiry_from { padding:10px 20px; } .inquiry-dialog--6 .el-dialog__footer{ padding:0; } .inquiry-dialog--6 .dialog-foot-btn{ border-radius: 0 0 16px 16px!important; height: 48px; color: #fff!important; background: #007eff!important; border-color: #007eff; } .inquiry-dialog--6 .dialog-foot-btn.is-disabled { border-radius: 0 0 16px 16px!important; height: 48px; color: #fff!important; background: #007eff!important; border-color: #007eff!important; } .inquiry-dialog--0 .el-dialog__header { background: #007eff!important; color:#fff; } .inquiry-dialog--0 .header { background: #007eff!important; color:#fff; } .inquiry-dialog--0 .el-dialog__close { color:#fff; } .inquiry-dialog--0 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--0 .tips { background: #007eff!important; height: 40px; position: relative; } .inquiry-dialog--0 .tips:after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 20px; clip-path: url(#chatOnlineFormPath); background-color: #fff; } .inquiry-dialog--0 .inquiry_from { padding:0 20px; padding-bottom: 5px; } .inquiry-dialog--0 .dialog-foot-btn{ height: 48px; color: #fff!important; background: #007eff!important; border-color: #007eff; }

var hasInquiry = 1; var inquiryStyle = "1"; var inquiryColor = "#fff"; function onClose() { const dialog = $('#inquiry-dialog') dialog.find('[name=name]').val('') dialog.find('[name=phone]').val('') dialog.find('[name=email]').val('') dialog.find('[name=content]').val('') dialog.hide() } function inquiryDialogFromSubmit(){ inquiryDialogFromSubmit1() return false } function inquiryDialogFromSubmit1(){ const dialog =$('#inquiry-dialog') const appid = appid_fun(dialog.find('[name=email]').val()).toString() || ""; const params = { name: dialog.find('[name=name]').val(), phone: dialog.find('[name=phone]').val(), email: dialog.find('[name=email]').val(), msg: dialog.find('[name=content]').val(), previous_page: document.referrer || window.location.href, enquiry_type: 1, visitlength: "====1742635428====", source: 11, promote_id: 0, is_subscribe: 0, page_title: document.title || '', page_word: $('meta[name="keywords"]').attr("content"), is_subscribe: 0 } if ($('#verification_open_inp').val() == "0") { addEnquiry(params) return false } if (appid) { if (_verification_type == 2) { grecaptcha.ready(function () { grecaptcha.execute(appid, { action: 'validate_captcha' }) .then(function (token) { var serialize = { 'g-recaptcha-response': token, action: 'validate_captcha' }; Object.assign(params, serialize) addEnquiry(params,true) }); }); } else if (_verification_type == 1) { function loadTCaptchaNow() { return new Promise (resolve => { if (typeof TencentCaptcha !== 'function') { const script = document.createElement('script') script.src = 'https://turing.captcha.qcloud.com/TCaptcha.js' script.type = 'text/javascript' script.onload = () =>{ resolve() } script.onreadystatechange = ()=> { if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") { script.onreadystatechange = null resolve() } } document.getElementsByTagName('head')[0].appendChild(script); return } resolve() }) } loadTCaptchaNow().then(() => { var captcha1 = new TencentCaptcha(appid, function (res) { Object.assign(params, res) addEnquiry(params) }); captcha1.show(); }) } if (_verification_type == 3) { CustomizedCaptcha.show().then(res=>{ Object.assign(params, res) addEnquiry(params) }).catch(err=>{return}) } } else { addEnquiry(params) } return false } function addEnquiry(params,challenge) { function successCallback() { window.location.href = '/inquire/success' } $.ajax({ url: '/add-enquiry', type: 'POST', datatype: 'json', data: JSON.stringify(params), headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 'Content-Type': 'application/json' }, success: function(result) { // _this.submitBtnLoading = false if (result.status == 200) { successCallback() } else { if (challenge && result.status == 203) { _getData = params _form = $('<form>').attr({ action: "/la/add-enquiry", method: 'POST' }); $('.google_dialog_box').css('visibility', 'visible'); _globalCallback = function () { $('.google_dialog_box').css('visibility', 'hidden'); successCallback(); }; return } prompt_box_fun({ type: 'error', text: result.msg }); } } }) } function checkemail(t,submit) { const email = $(t).val() const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; if(regex.test(email)) { t.setCustomValidity('') } else if (email.trim() === '') { t.setCustomValidity('Quaeso hac') } else { t.setCustomValidity('forma error') } if(submit) return t.reportValidity() } function input1(t) { t.setCustomValidity('') } const inquiryDialogInstance = {} inquiryDialogInstance.showInquiryDialog = function(id) { if(!id) return const dom = $('#inquiry-dialog') dom.show() } .captcha-dialog__wrapper { z-index: 1000005; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0; display: flex; align-items: center; } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; } .captcha-dialog { position: relative; margin: 0 auto 50px; background: #fff; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-sizing: border-box; width: 700px; background: #ffffff; border-radius: 8px; overflow: hidden; /* margin-top: 30vh; */ } .captcha-dialog__header { height: 60px; border-bottom: 1px solid #dfe5eb; padding: 20px 30px 10px; box-sizing: border-box; } .captcha-dialog__headerbtn { position: absolute; top: 20px; right: 30px; padding: 0; background: transparent; border: none; outline: none; cursor: pointer; font-size: 16px; } .captcha-dialog__title { font-size: 18px; font-family: PingFang-SC-Bold, PingFang-SC; font-weight: bold; color: #202223; line-height: 25px; } .captcha-dialog__body { padding: 30px; padding-bottom: 10px; } .captcha-content { display: flex; } .captcha-content__code { margin-right: 20px; width: 330px; height: 40px; border-radius: 4px; padding: 6px 12px; border: 1px solid #dfe5eb; outline: none; } .captcha-content__code:focus { border: 1px solid #1890ff; } .captcha-content__box { width: 236px; height: 40px; border-radius: 4px; border: 1px solid #dfe5eb; display: flex; overflow: hidden; } .captcha-content__img { min-width:126px; } .captcha-content__img img{ height: 38px; width: auto; } .captcha-content__refresh { flex: 1; background: #F4F4F4; display:flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; } .captcha-dialog__footer { padding: 0 30px 30px; display: flex; justify-content: end; } .captcha-dialog .btn { width: 92px; height: 36px; background: #1890ff; border-radius: 4px; display: flex; align-items: center; justify-content: center; } .captcha-dialog__phoneTitle { display: none; } .captcha-dialog__tips { color: red; /* display: none; */ height: 21px; } .captcha-dialog__error { color: red; display: none; } @media (max-width: 768px) { .captcha-dialog__header { border-bottom:0 ; } .captcha-dialog__body{ padding-top: 0; } .captcha-dialog { width: 80vw; } .captcha-dialog__title { display: none; } .captcha-dialog__phoneTitle { display: block; font-size: 18px; font-family: PingFang-SC-Bold, PingFang-SC; font-weight: bold; color: #202223; text-align: center; margin-bottom: 30px; } .captcha-content{ flex-wrap: wrap; } .captcha-content__code{ width: 100%; margin-right:0; } .captcha-content__box{ width: 100%; margin-top: 15px; } .captcha-dialog .btn-submit{ width: 100%; } }

Please enter the calculation result.

Verification failed. Please re-enter.

const CustomizedCaptcha = { dom: null, img: "", key: "", reject: null, resolve:null, show: async function () { if (!this.dom) { console.log($("#captcha-dialog")); if(!$("#captcha-dialog")){ return } this.dom = $("#captcha-dialog"); const _this = this this.dom.find('.captcha-content__refresh').click(() => { _this.refresh() }) _this.dom.find(".captcha-dialog__headerbtn").click(() => { _this.dom.hide(); $(".v-modal").hide(); _this.reject("close"); }); _this.dom.find(".btn-submit").click(async () => { const res = await _this.verify() _this.dom.find('[name="captchaCode"]').val('') if(res) { _this.dom.hide(); $(".v-modal").hide(); _this.resolve(res.data); } else { _this.refresh() } }); _this.dom.find('.captcha-content__code').on('input', () => { _this.dom.find('.captcha-dialog__error').hide() }) _this.dom.find('[name="captchaCode"]').keypress((e) => { if (e.which == 13) { // Enter 键的键值为 13 console.log('123123'); if(this.dom.find('[name="captchaCode"]').val().length === 0) return _this.dom.find(".btn-submit").click() } }) } const res = await $.ajax({ type: 'get', url: '/allweyescaptcha?captcha_type=3' }) console.log('res',res); if (res.status !== 200) { console.log('接口异常') return } const {img,key} = res.data this.img = img this.key = key this.dom.find('.captcha-content__img img').attr("src", this.img) console.log(this.dom.find('.captcha-content__img img')) $(this.dom).show(); $(".v-modal").show(); const _this = this; return new Promise((resolve, reject) => { _this.reject = reject _this.resolve = resolve }); }, refresh: async function(){ this.dom.find('.captcha-content__img img').hide() const res = await $.ajax({ type: 'get', url: '/allweyescaptcha?captcha_type=3' }) console.log('res',res); if (res.status !== 200) { console.log('接口异常') return } const {img,key} = res.data this.img = img this.key = key this.dom.find('.captcha-content__img img').attr("src", this.img) this.dom.find('.captcha-content__img img').show() }, verify: async function(){ if(this.dom.find('[name="captchaCode"]').val().length === 0) return const res = await $.ajax({ type: "POST", url: "/check_allweyescaptcha", headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, data: {captcha_type:3,captcha_key:this.key,captcha_value:this.dom.find('[name="captchaCode"]').val()} }) console.log('res', res); if(res.status == 200) { return {data: res.data} } else { this.dom.find('.captcha-dialog__error').show() return false } } }; // CustomizedCaptcha.show().then(res=>{console.log(res);});