Springlettile tập trung vào R&D và sản xuất gạch trang trí cao cấp Golden trong 22 năm.

Ngôn ngữ

Thiết kế gạch viền

Nhà > Sản phẩm > Thiết kế gạch viền

thực tế ảo

Đề xuất

phát lại

phát lại

Đề xuất

Thiết kế gạch viền vàng dẻo xuân thiết kế tùy chỉnh gỗ nhìn cổ

Thiết kế gạch viền vàng dẻo xuân thiết kế tùy chỉnh gỗ nhìn cổ

Springletile chuyên nghiệp vàng trang trí viền gạch tùy chỉnh Gạch viền đen

Springletile chuyên nghiệp vàng trang trí viền gạch tùy chỉnh Gạch viền đen

Springletile bronzing vàng viền gạch nhà máy sản xuất gạch trang trí sang trọng

Springletile bronzing vàng viền gạch nhà máy sản xuất gạch trang trí sang trọng

Gạch viền trắng sang trọng lò xo thiết kế trang trí gạch điểm nhấn vàng

Gạch viền trắng sang trọng lò xo thiết kế trang trí gạch điểm nhấn vàng

Vòng eo PVC Công ty

Vòng eo PVC trong CHINA

Vòng eo PVC xưởng sản xuất

Vòng eo PVC nhà chế tạo

Vòng eo PVC giá bán

Vòng eo PVC

Các công nghệ cao cấp được áp dụng vào quá trình sản xuất của sản phẩm. Trải qua tất cả các thử nghiệm được quốc tế công nhận đó, vòng eo PVC được xác nhận là có thể ứng dụng rộng rãi trong (các) phạm vi ứng dụng của.

GỬI YÊU CẦU NGAY BÂY GIỜ

Màu sắc:

Lead_Time:: 1 - 300 (Hộp): 15 (ngày) , 301 - 1000 (Hộp): 18 (ngày) , 1001-2000 (Hộp): 20 (ngày) , > 2000 (Hộp): Thỏa thuận (ngày)

Đang chuyển hàng:: Vận tải đường biển

Tùy biến:: Tùy chỉnh đồ họa (Đơn hàng tối thiểu: 2000 Hộp) , Bao bì tùy chỉnh (Đơn hàng tối thiểu: 2000 Hộp) , Biểu trưng tùy chỉnh (Đơn hàng tối thiểu: 2000 Hộp)

Giá bán:: 300-999 hộp , Hộp 1000-1999 , > = 2000 Hộp

GỬI YÊU CẦU NGAY BÂY GIỜ

Kể từ khi thành lập, SP Building Material Co., Ltd. Công ty chúng tôi đã và đang đầu tư rất nhiều vào R & D và nâng cấp công nghệ. Điều này cuối cùng đã cho kết quả ban đầu. Khi lợi thế về vòng eo của PVC liên tục được phát hiện, nó đã được sử dụng rộng rãi trong (các) lĩnh vực Gạch ốp lát. Công ty TNHH Vật liệu xây dựng SP sẽ hoàn toàn hành động dựa trên tư tưởng quan trọng của "chất lượng là trên hết và khách hàng là trên hết" và bắt kịp với thời đại để thúc đẩy khả năng đổi mới của công ty chúng tôi. Chúng tôi sẽ vượt qua một cách dũng cảm và đạt được mục tiêu trở thành doanh nghiệp hàng đầu trên thị trường toàn cầu.

Sự bảo đảm:	Cả đời	Đặc điểm kỹ thuật sàn (Đơn vị: mm2):	100 * 3000
Dịch vụ sau bán:	Hỗ trợ kỹ thuật trực tuyến, Trả lại và Thay thế	Kết cấu:	Kết cấu hoa văn
Phong cách:	Phong cách sang trọng, Phong cách sang trọng	Dịp:	Tường nội thất
Nước bóng:	BÓNG	Khả năng giải pháp dự án:	thiết kế đồ họa, thiết kế mô hình 3D, Hợp nhất danh mục chéo, Khác
Đăng kí:	Đối với các bức tường trong nhà	Phong cách thiết kế:	Phong cách sang trọng Âu Mỹ
Nguồn gốc:	Quảng Đông, Trung Quốc	Thương hiệu:	Đàn hồi
Số mô hình:	SPWL 001	Kích thước:	100 ** 3000
Vật chất:	PVC, PVC	Cách sử dụng:	Gạch nội thất
Hàm số:	Chống axit, kháng khuẩn, cách nhiệt, chống trượt, chống cháy, chống mài mòn, chống trượt	Xử lý bề mặt:	BÓNG
Họ màu:	Vàng / vàng	Loại gạch:	Biên giới
Hấp thụ nước:	0%	Tên sản phẩm:	SPWL 001
Màu sắc:	Vàng	Sử dụng:	Đối với các bức tường trong nhà
Lớp:	Lớp 3A	Từ khóa:	Dây neo vàng
Hình dạng:	Dải	Kích thước chính:	100 * 3000 mm

Hồ sơ công ty

Giơi thiệu sản phẩm:

Số sản phẩm ： SPRGT78

Chất liệu: gốm sứ

Kích thước: 100x300 mm

Trọng lượng: 20kg / hộp

đóng gói: 20 cái / hộp

55 hộp /pallet

MOQ: 55 hộp

Thời gian dẫn hàng tồn kho ： 15 ngày

Đăng kí:Phòng tắm, nhà bếp, phòng khách, phòng ngủ,Dự án khách sạn và biệt thự lớn sang trọng.

Thông tin sản phẩm

mục	giá trị
Sự bảo đảm	Cả đời
Đặc điểm kỹ thuật sàn (Đơn vị: mm2)	100x300 mm
Dịch vụ sau bán	Hỗ trợ kỹ thuật trực tuyến, Trả lại và Thay thế, Khác
Kết cấu	Kết cấu hoa văn
Phong cách	Phong cách sang trọng
Dịp	Tường nội thất
Nước bóng	BÓNG
Khả năng giải pháp dự án	thiết kế đồ họa, thiết kế mô hình 3D, Những người khác
Đăng kí	Đối với các bức tường trong nhà
Phong cách thiết kế	Phong cách sang trọng Âu Mỹ
Nguồn gốc	Trung Quốc
	Quảng đông
Thương hiệu	Đàn hồi
Số mô hình	SPWL 78
Kích thước	100x300mm
Vật chất	Gạch men
Cách sử dụng	Gạch nội thất
Hàm số	Chống axit, kháng khuẩn, cách nhiệt, chống trượt, chống cháy, chống mài mòn, chống trượt
Xử lý bề mặt	Gạch bóng
Họ màu	Vàng / vàng
Loại gạch	Biên giới
Hấp thụ nước	<0,5%
Vật chất	gốm sứ
tên sản phẩm	SPWL 78
Màu sắc	Vàng
Phong cách	Phong cách sang trọng
Useage	Đối với các bức tường trong nhà
Lớp	Lớp 3A
Từ khóa	phụ kiện gạch
Mặt	đánh bóng
Kích thước chính	100 * 300 mm
Đóng gói	20 miếng / hộp

trình bày chi tiết sản phẩm

Sản phẩm được đề xuất

Hồ sơ công ty

Nhà máy Springletile được thành lập vào năm 2001, với 20 năm lịch sử công ty, công nghệ ngành và kinh nghiệm thị trường; Thương hiệu riêng của nhà máy Springletile (Ngói Springletile) được thành lập vào ngày 9 tháng 3 năm 2010. Nhà máy sản xuất Polyester đặt tại Phật Sơn, Quảng Đông, nơi được danh tiếng là "Thủ đô gốm thế giới". Nhà máy Springletile có diện tích sản xuất 20.000 mét vuông và có R&D, đội ngũ chuyên nghiệp thiết kế, sản xuất, bán hàng và dịch vụ xuất khẩu. Nhà máy sản xuất vải sợi chủ yếu sản xuất và xuất khẩu gạch trang trí nội thất phong cách, cổ điển và thiết kế, cũng như một loạt gạch hoàn chỉnh trên tường và sàn. Sản phẩm chủ yếu được xuất khẩu sang Bắc Mỹ, Bắc Âu, Châu Âu, Trung Đông, Nam Á, Bắc Phi và các thị trường khác. và công nghệ sản phẩm. Từ năm 2011 đến nay, nhà máy Springletile đã nhận được và nộp đơn xin cấp 6 bằng sáng chế công nghệ sản phẩm, trong đó có các chứng chỉ sáng chế như “chứng chỉ sáng chế mẫu hữu ích” và “chứng chỉ sáng chế phát minh sản phẩm gốm sứ quốc gia”. Nhà máy Springletile có vị trí công nghệ cốt lõi độc quyền trong ngành, đã đạt được những thành công và đột phá lớn trong R&D và sản xuất, và hoàn thành việc đổi mới độc lập, lượng mưa và tích lũy thương hiệu của công ty. Hệ thống tái chế nước thải và khí thải công nghiệp, sử dụng năng lượng công nghiệp sạch, quản lý nhà máy và môi trường một cách khoa học đã tạo ra nhiều cơ hội việc làm cho xã hội. Việc tối ưu hóa và nâng cấp cấu trúc và hệ thống của công ty có thể thích ứng tốt hơn với xu thế hội nhập thế giới và cùng nhau tạo ra một thế giới với một tương lai chung.

Dịch vụ cốt lõi của công ty

Thương hiệu Springletile có nhãn hiệu riêng và bao bì độc lập. Đồng thời, nó cũng đảm nhận các dịch vụ kỹ thuật và tùy chỉnh sản phẩm. Công ty Springletile sẵn sàng đào tạo đại lý nước ngoài cho sản phẩm gạch men của chúng tôi. Springletile có kỹ thuật hoàn chỉnh và chuyên nghiệp R&Nhóm D và nhóm ngoại thương, có thể cung cấp các dịch vụ kỹ thuật cốt lõi như dịch vụ hiệu đính miễn phí, thiết kế máy tính bố cục sản phẩm và kết xuất ứng dụng cảnh sản phẩm 3D. Thời gian giao hàng cho các sản phẩm có sẵn Springletile là 10 ngày, trong khi thời gian dẫn đầu cho các đơn đặt hàng tùy chỉnh là 20 ngày. Giao hàng đúng hẹn để giải quyết những lo lắng của khách hàng.

xưởng sản xuất

Gạch men nổi bật

Máy móc thiết bị máy ép gạch được nhập khẩu từ thương hiệu Sacmi của Ý.Nhà máy của chúng tôi có cơ sở sản xuất phôi gạch men độc lập đáp ứng các tiêu chuẩn sản xuất và gia công của các quy trình sản xuất gạch men khác nhau, chọn lọc các mắt xích cần thiết cho phôi gạch men đạt tiêu chuẩn.

Quy trình in màn hình thông minh

Máy móc thiết bị sản xuất máy in được nhập khẩu từ Hệ thống thương hiệu Ý, và nguyên liệu gạch men được nhập khẩu từ Tây Ban Nha Tao Lixi, Carlobia, và thương hiệu FOLO của Mỹ ，Thương hiệu lò nung Bodner

Cắt thông minh

Dây chuyền sản xuất cơ khí thông minh được sử dụng để cắt và viền xung quanh các cạnh của gạch

Thông tin cơ bản

năm thành lập

--
Loại hình kinh doanh

--
Quốc gia / Vùng

--
Công nghiệp chính

--
sản phẩm chính

--
Người hợp pháp doanh nghiệp

--
Tổng số nhân viên

--
Giá trị đầu ra hàng năm

--
Thị trường xuất khẩu

--
Khách hàng hợp tác

--

Cách chúng tôi thực hiện việc đó và xác định toàn cầu

Điều đầu tiên chúng tôi làm là gặp gỡ khách hàng và trao đổi về mục tiêu của họ trong một dự án tương lai.
Trong cuộc họp này, hãy thoải mái truyền đạt ý tưởng của bạn và đặt nhiều câu hỏi.

Tên
Lỗi định dạng
E-mail
Lỗi định dạng
Điện thoại/WhatsApp/Skype
Lỗi định dạng
Tên công ty
Lỗi định dạng
Nội dung
Lỗi định dạng

Khuyến khích

Tất cả đều được sản xuất theo tiêu chuẩn quốc tế khắt khe nhất. Sản phẩm của chúng tôi đã nhận được sự ưa chuộng từ thị trường trong và ngoài nước.
Hiện nay họ đang xuất khẩu rộng rãi tới 200 quốc gia.

Sơ đồ trang web

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;}}

Chọn một ngôn ngữ khác

╳

English

Українська

Pilipino

Polski

فارسی

Ελληνικά

Português

italiano

français

Español

Deutsch

Türkçe

ภาษาไทย

Српски

हिन्दी

bahasa Indonesia

Bahasa Melayu

Кыргызча

Suomi

한국어

Latin

日本語

dansk

Ngôn ngữ hiện tại：Tiếng Việt

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: "====1747324121====", 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: "/vi/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('Vui lòng điền vào trường này') } else { t.setCustomValidity('Lỗi định dạng') } 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);});