融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司</t豪锋e>豪锋 <meta name="keywords" content="通體大豪锋)理石，抛光磚廠家，瓷抛磚廠家，金剛釉廠家，豪锋建材，豪锋">豪锋豪锋豪锋 <meta name="description" content="豪锋建材是(shì)一(yī / yì ／yí)家融合抛光磚生産、銷售爲(wéi / wèi)一(yī / yì ／yí)體的(de)現代抛光磚廠，擁有先進的(de)生産線、先進的(de)抛光技術。豪锋人(rén)緻力生産600mm x 600mm、800mm x 800mm規格的(de)優質産品。在(zài)日新月異的(de)陶瓷界，公司異軍突起，産品銷量逐月攀升，金剛釉、通體大(dà)理石、亞馬遜、聚晶玉石、顆粒線石、羅馬洞石、木紋玉石、歐羅莎等産品熱銷國(guó)内外，并得到(dào)廣大(dà)客戶的(de)青睐和(hé / huò)一(yī / yì ／yí)緻的(de)好評。公司之(zhī)所以(yǐ)能在(zài)激烈的(de)競争中取得如此優異的(de)成績，除了(le／liǎo)豪锋的(de)産品質量打動消費者外，完善的(de)售後服務也(yě)赢得市場，好産品+好服務，造就(jiù)了(le／liǎo)豪锋建材的(de)今天。"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="renderer" content="webkit"> <meta http-equiv="Cache-Control" content="no-siteapp"> <link rel="icon" type="image/png" href="static/picture/favicon.png"> <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" sizes="192x192" href="static/picture/app-icon72x72@2x.png"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Amaze UI"> <link rel="apple-touch-icon-precomposed" href="static/picture/app-icon72x72@2x.png"> <meta name="msapplication-TileImage" content="static/picture/app-icon72x72@2x.png"> <meta name="msapplication-TileColor" content="#0e90d2"> <link rel="stylesheet" href="static/css/amazeui.min.css"> <link rel="stylesheet" href="static/css/app.css"> <link rel="stylesheet" href="static/css/app2.css"> <script src="static/js/jquery-1.7.2.min.js"></script> <script src="static/js/amazeui.min.js"></script> <link rel="canonical" href="/product-170.html"> </head> <body> <div class="pc"> <div class="pc_header"> <div class="pc_header_middle"> <div class="pc_logo"> <a title="融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司" href="index.html"> <img src="static/picture/logo_02.png" alt="融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司"> </a> </div> <div class="pc_meuns"> <ul> <li> <a title="網站首頁" href="index.html"> 網站首頁 </a> </li> <li> <a title="産品中心" href="productlist-17_17.html"> 産品中心 </a> </li> <li> <a title="關于(yú)我們" href="about-6.html"> 關于(yú)我們 </a> </li> <li> <a title="工程案例" href="caselist.html"> 工程案例 </a> </li> <li> <a title="新聞中心" href="newslist.html"> 新聞中心 </a> </li> <li> <a title="招商加盟" href="join.html"> 招商加盟 </a> </li> <li> <a title="聯系我們" href="contact.html"> 聯系我們 </a> </li> </ul> </div> </div> </div>  <div class="pc_contents"> <div class="pc_listsx">  <div id="sitecontent"> <div class="npagePage"> <div id="banner"> <a href=""> <div style="background:url(static/picture/20200927184059_46302.jpg);"></div> </a> </div> <div class="content">  <div id="about_contain"> <div id="about_contain_main" style="min-height:155px;"> <div class="abm_up"> <div class="abm_upleft"> 産品世界<span>PRODUCTS</span> </div> <div class="abm_upright"> 您當前所在(zài)的(de)位置：<a href="index.html" title="">首頁 </a> > 産品世界 > 工程案例 </div> </div> <div class="abmuplist"> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-17_17.html">750*1500通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-14_14.html">600*1200通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-5_5.html">800*800瓷抛磚</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-13_13.html">自由連紋800*800通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-4_4.html">800*800通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-15_15.html">800*800加厚通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-2_2-2_2.html">金剛釉</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-16_16.html">金剛大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-1_1.html">抛光磚</a> </div> </div> </div> <div class="clear"></div> <div id="product_right_main" style="min-height:520px;"> <div class="pro_main"> <div class="pro_left"> <div class="preview"> <div id="vertical" class="bigImg"> <img src="static/picture/20201121235515_89157.jpg" width="400" height="400" alt="" id="midimg"> <div style="display:none;" id="winSelector"></div> </div> <div class="smallImg"> <div class="scrollbutton smallImgUp disabled"></div> <div id="imageMenu"> <ul> <li id="onlickImg"><img src="static/picture/20201121235515_89157.jpg" width="68" height="68" alt=""></li> </ul> </div> <div class="scrollbutton smallImgDown"></div> </div> <div id="bigView" style="display:none;"><img width="800" height="800" alt="" src=""></div> </div> <script type="text/javascript"> $(document).ready(function(){ // 图片上下滚动 var count = $("#imageMenu li").length - 5; /* 显示 6 个 li标签内容 */ var interval = $("#imageMenu li:first").width(); var curIndex = 0; $('.scrollbutton').click(function(){ if( $(this).hasClass('disabled') ) return false; if ($(this).hasClass('smallImgUp')) --curIndex; else ++curIndex; $('.scrollbutton').removeClass('disabled'); if (curIndex == 0) $('.smallImgUp').addClass('disabled'); if (curIndex == count-1) $('.smallImgDown').addClass('disabled'); $("#imageMenu ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600); }); // 解决 ie6 select框问题 $.fn.decorateIframe = function(options) { if ($.browser.msie && $.browser.version < 7) { var opts = $.extend({}, $.fn.decorateIframe.defaults, options); $(this).each(function() { var $myThis = $(this); //创建一个IFRAME var divIframe = $("<iframe referrerpolicy=no-referrer />"); divIframe.attr("id", opts.iframeId); divIframe.css("position", "absolute"); divIframe.css("display", "none"); divIframe.css("display", "block"); divIframe.css("z-index", opts.iframeZIndex); divIframe.css("border"); divIframe.css("top", "0"); divIframe.css("left", "0"); if (opts.width == 0) { divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px"); } if (opts.height == 0) { divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px"); } divIframe.css("filter", "mask(color=#fff)"); $myThis.append(divIframe); }); } } $.fn.decorateIframe.defaults = { iframeId: "decorateIframe1", iframeZIndex: -1, width: 0, height: 0 } //放大镜视窗 $("#bigView").decorateIframe(); //点击到中图 var midChangeHandler = null; $("#imageMenu li img").bind("click", function(){ if ($(this).attr("id") != "onlickImg") { midChange($(this).attr("src").replace("small", "mid")); $("#imageMenu li").removeAttr("id"); $(this).parent().attr("id", "onlickImg"); } }).bind("mouseover", function(){ if ($(this).attr("id") != "onlickImg") { window.clearTimeout(midChangeHandler); midChange($(this).attr("src").replace("small", "mid")); $(this).css({ "border": "3px solid #959595" }); } }).bind("mouseout", function(){ if($(this).attr("id") != "onlickImg"){ $(this).removeAttr("style"); midChangeHandler = window.setTimeout(function(){ midChange($("#onlickImg img").attr("src").replace("small", "mid")); }, 1000); } }); function midChange(src) { $("#midimg").attr("src", src).load(function() { changeViewImg(); }); } //大视窗看图 function mouseover(e) { if ($("#winSelector").css("display") == "none") { $("#winSelector,#bigView").show(); } $("#winSelector").css(fixedPosition(e)); e.stopPropagation(); } function mouseOut(e) { if ($("#winSelector").css("display") != "none") { $("#winSelector,#bigView").hide(); } e.stopPropagation(); } $("#midimg").mouseover(mouseover); //中图事件 $("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件 var $divWidth = $("#winSelector").width(); //选择器宽度 var $divHeight = $("#winSelector").height(); //选择器高度 var $imgWidth = $("#midimg").width(); //中图宽度 var $imgHeight = $("#midimg").height(); //中图高度 var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到大图宽度大图高度大图视窗高度 function changeViewImg() { $("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big")); } changeViewImg(); $("#bigView").scrollLeft(0).scrollTop(0); function fixedPosition(e) { if (e == null) { return; } var $imgLeft = $("#midimg").offset().left; //中图左边距 var $imgTop = $("#midimg").offset().top; //中图上边距 X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y X = X < 0 ? 0 : X; Y = Y < 0 ? 0 : Y; X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X; Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y; if ($viewImgWidth == null) { $viewImgWidth = $("#bigView img").outerWidth(); $viewImgHeight = $("#bigView img").height(); if ($viewImgWidth < 200 || $viewImgHeight < 200) { $viewImgWidth = $viewImgHeight = 800; } $height = $divHeight * $viewImgHeight / $imgHeight; $("#bigView").width($divWidth * $viewImgWidth / $imgWidth); $("#bigView").height($height); } var scrollX = X * $viewImgWidth / $imgWidth; var scrollY = Y * $viewImgHeight / $imgHeight; $("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 }); $("#bigView").css({ "top": 75, "left": $(".preview").offset().left + $(".preview").width() + 15 }); return { left: X, top: Y }; } }); </script> </div> <div class="pro_right"> <div class="pro_list1">融信瀾悅<a href="productlist-6.html" class="goback">返回列表</a></div> <div class="pro_list2"> <div></div> <p style="font-size:14px;font-family:'微软雅黑';margin-top:15px;">主要(yào / yāo)規格:</p> <p style="font-size:14px;font-family:'微软雅黑';margin-top:15px;">使用場景:</p> <p style="margin-top:15px;"><img src="static/picture/tongyong.jpg" alt="融信瀾悅"></p> </div> <div class="clear"></div> <div class="pro_list3"> <a href="product-169.html">上(shàng)一(yī / yì ／yí)張</a> <a href="product-171.html">下一(yī / yì ／yí)張</a> </div></div> </div> </div> <div class="pro_title">産品介紹</div> <div class="pro_detil"></div> </div> </div> <link rel="stylesheet" type="text/css" href="static/css/jquery.jqzoom.css">  <script type='text/javascript' src='static/js/jquery.jqzoom-core.js'></script> <script type="text/javascript" src="static/js/jquery.tools.min.js"></script> </div> </div> </div> <div class="clear"></div> <div class="mobiles_listsx"> <div class="mobile_banners"> <img src="static/picture/20201122231157_82172.jpg" style="width:100%;"> </div> <div class="mobile_content_list"> <div style="padding:2%;font-family:'微软雅黑';">您的(de)位置：<a href="index.html">首頁</a> - 産品中心 - 工程案例</div> <div class="news_menu" style="text-align:center;"> <div class="about_menu"> <div class="about_menu"> <ul> <li class="l_prod"> <a style="color:#2d374b;" href="productlist-17_17.html"> <div class="a_main"> 750*1500通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-14_14.html"> <div class="a_main"> 600*1200通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-5_5.html"> <div class="a_main"> 800*800瓷抛磚 </div> </a> <a style="color:#2d374b;" href="productlist-13_13.html"> <div class="a_main"> 自由連紋800*800通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-4_4.html"> <div class="a_main"> 800*800通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-15_15.html"> <div class="a_main"> 800*800加厚通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-2_2-2_2.html"> <div class="a_main"> 金剛釉 </div> </a> <a style="color:#2d374b;" href="productlist-16_16.html"> <div class="a_main"> 金剛大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-1_1.html"> <div class="a_main"> 抛光磚 </div> </a> <div class="clear"></div> </li> </ul> </div> </div> </div> <div class="clear"></div> <div class="mid_content" style="padding:0;"> <div class="index"> <div class="about_menus" style="text-align:center;font-size:1.5rem;font-weight:bold;margin-top:4%;padding-bottom:4%;"> <ul> <li> <a href="javascript:void(0);"> <div class="a_main"> 工程案例--融信瀾悅 </div> <div class="a_show"> </div> </a> </li> </ul> </div> <div class="clear"></div> <div class="about_main" style="padding-bottom:13%;"> <div class="pagelist" style="text-align:center"> <a class="pagetext" href="product-171.html" class="pagetext">上(shàng)一(yī / yì ／yí)張</a> <a class="pagetext" href="productlist-6.html" class="pagetext"> 返回列表</a> <a class="pagetext" href="product-169.html" class="pagetext">下一(yī / yì ／yí)張</a> </div> <div class="pinch-zoom" style="margin-top:5%;"> <div data-am-widget="slider" class="am-slider am-slider-d3" data-am-slider='{"controlNav":"thumbnails","directionNav":false}'> <ul class="am-slides"> <li data-thumb="static/picture/20201121235515_89157_189_104.jpg"> <img src="static/picture/20201121235515_89157.jpg"> <div class="am-slider-desc"><h2 class="am-slider-title">融信瀾悅</h2></div> </li> </ul> </div> <div class="pro_list2" style="margin-top:2%;"> <h1 style="font-weight:bold;font-size:1.2em;">融信瀾悅</h1> <div class="prolist2_cons"> </div> </div> <div class="pro_list21"> <p class="pro_list21t">産品參數</p><br> <p class="pro_list21t1"><span style="font-weight:bold;">産品類别:</span><span>工程案例</span></p><br> <p class="pro_list21t4"><span style="font-weight:bold;">使用場景:</span><span></span></p><br> <p class="pro_list21t5"><span style="font-weight:bold;">主要(yào / yāo)規格:</span><span></span></p><br> </div> <div class="pro_detil" style="padding-bottom:10px;"> <strong><b><h1 style="font-weight:bold;font-size:1.2em;">場景應用特點:</h1></b></strong> <br> <div class="pro_detilcons"> </div> </div> </div> <div class="pagelist" style="text-align:center"> <a href="product-171.html" class="pagetext">上(shàng)一(yī / yì ／yí)張</a> <a href="productlist-6.html" class="pagetext"> 返回列表</a> <a href="product-169.html" class="pagetext">下一(yī / yì ／yí)張</a> </div> </div> <div class="clear"></div> <script type="text/javascript"> $(function(){ $('.pro_detilcons img').attr("width","100%").attr("height","auto"); }); </script> </div> </div> </div> </div> <style> @media screen and (max-width: 1024px){ .pagetext { width: 80px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background: #eee; margin: 5px; } .mobile_banners { max-width: 640px; height: 100%; margin: 0 auto; } .mobile_content_list { max-width: 640px; height: 100%; margin: 0 auto; padding-bottom: 5%; } .about_menu li { display: block; font-size: 14px; margin-bottom: 5px; background: #f4f4f4; } .news_menu a { padding: 5px; display: block; font-size: 1.3rem; width: 32%; text-align: center; height: 50px; line-height: 50px; float: left; } .about_menu li .a_main { width: 100%; height: 30px; display: block; font-size: 14px; overflow: hidden; -webkit-box-flex: 1; float: left; line-height: 30px; text-align: center; font-family: '微软雅黑'; } .clear{ clear:both; } .swiper-container { max-width:640px; height:300px; margin:0 auto; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } </style> <div class="clear"></div>  <div class="pc_footers"> <div class="pc_footers_middle"> <div class="pc_footes_middle_left"> <div class="pc_footes_middle_left_top"> <div class="footer_meuns"> <p class="footer_meuns_big_title">産品</p> <p><img src="static/picture/product_lines_03.jpg" alt=""></p> <p class="small_footer_title"> <a title="" href="productlist-17_17.html">750*1500通體大(dà)理石</a> </p> <p class="small_footer_title"> <a title="" href="productlist-14_14.html">600*1200通體大(dà)理石</a> </p> <p class="small_footer_title"> <a title="" href="productlist-5_5.html">800*800瓷抛磚</a> </p> <p class="small_footer_title"> <a title="" href="productlist-13_13.html">自由連紋800*800通體大(dà)理石</a> </p> <p class="small_footer_title"> <a title="" href="productlist-4_4.html">800*800通體大(dà)理石</a> </p> </div> <div class="footer_meuns"> <p class="footer_meuns_big_title">品牌</p> <p><img src="static/picture/product_lines_03.jpg" alt=""></p> <p class="small_footer_title"> <a href="about-6.html">企業簡介</a> </p> <p class="small_footer_title"> <a href="about-14.html">企業文化</a> </p> <p class="small_footer_title"> <a href="about-15.html">企業證書</a> </p> </div> <div class="footer_meuns"> <p class="footer_meuns_big_title">新聞資訊</p> <p><img src="static/picture/product_lines_03.jpg" alt=""></p> <p class="small_footer_title"> <a href="newslist-1.html">公司新聞</a> </p> <p class="small_footer_title"> <a href="newslist-2.html">行業新聞</a> </p> </div> <div class="footer_meuns" style="width:410px;"> <p class="footer_meuns_big_title">聯系我們</p> <p><img src="static/picture/product_lines_03.jpg" alt=""></p> <p class="small_footer_title"> 營銷中心：佛山市禅城區南莊鎮龍群路23号之(zhī)五 </p> <p class="small_footer_title"> 電話：0757-82523872 </p> <p class="small_footer_title"> 傳真：0757-82523872 </p> <p class="small_footer_title"> 網址：www.fstst.cn </p> </div> </div> <div class="copyrights"> <p> 友情鏈接： </p> <p style="margin-top:15px;">COPYRIGHT © 2021-2025 佛山市豪鋒建材有限公司;技術支持：<a target="_blank" href="javascript:;">六道(dào)中國(guó)</a></p> </div> </div> <div class="footer_feedback"> <p class="footer_feedback_title">在(zài)線留言</p> <form action="javascript:;" class="am-form" method="post" data-am-validator="" style="margin-top:15px;" novalidate="novalidate"> <fieldset> <div class="am-form-group"> <input type="text" id="doc-vld-name-2" name="names" minlength="1" placeholder="您的姓名" required="" style="BACKGROUND-COLOR: transparent;border:none;border-bottom:1px solid #6e6e6e;"> </div> <div class="am-form-group"> <input name="tels" type="text" id="doc-vld-528" class="js-pattern-mobile" style="BACKGROUND-COLOR: transparent;border:none;border-bottom:1px solid #6e6e6e;" placeholder="手机号" required="" pattern="^1((3|5|7|8){1}\d{1}|70)\d{8}$"> </div> <div class="am-form-group am-form-error"> <textarea name="contents" id="doc-vld-ta-2" rows="5" cols="20" minlength="1" maxlength="100" placeholder="您的留言" style="BACKGROUND-COLOR: transparent;border:none;border-bottom:1px solid #6e6e6e;" required="" class="am-field-error am-active"></textarea> </div> <button class="am-btn am-btn-secondary" style="width:100%;background:#908f8d;border:none;" type="submit">提交</button> </fieldset> <script> if ($.AMUI && $.AMUI.validator) { $.AMUI.validator.patterns.mobile = /^1((3|5|7|8){1}\d{1}|70)\d{8}$/; } </script> </form> </div> </div> </div>  </div>  </div>  <div class="mobiles"> <div class="mobile_header triggerAnimation animated" data-animate="fadeInUp"> <div class="mobile_header_logo"> <a title="融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司" href="index.html"> <img src="static/picture/logo_02.png" alt="融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司"> </a> </div> <div class="mobile_meuns" data-am-offcanvas="{target: '#doc-oc-demo3',effect:'push'}"> <img src="static/picture/buttons_03.png" alt="融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司"> </div>  <div id="doc-oc-demo3" class="am-offcanvas"> <div class="am-offcanvas-bar am-offcanvas-bar-flip"> <div class="am-offcanvas-content"> <ul class="sidenav"> <li style="margin-bottom:40%;"> <a title="融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司" href="index.html"> <img src="static/picture/inside_logo.jpg" style="width:auto;" alt="融信瀾悅_工程案例_産品中心_通體大(dà)理石_抛光磚廠家_瓷抛磚廠家_佛山市豪鋒建材有限公司"> </a> </li> <li><a style="color:#757572;" title="網站首頁" href="index.html"><b>網站首頁</b></a></li> <li><a style="color:#757572;" title="産品專區" href="productlist-1_1.html"><b>産品專區</b></a></li> <li><a style="color:#757572;" title="關于(yú)我們" href="about-7.html"><b>關于(yú)我們</b></a></li> <li><a style="color:#757572;" title="工程案例" href="caselist.html"><b>工程案例</b></a></li> <li><a style="color:#757572;" title="新聞資訊" href="newslist.html"><b>新聞資訊</b></a></li> <li><a style="color:#757572;" title="招商加盟" href="join-8.html"><b>招商加盟</b></a></li> <li><a style="color:#757572;" title="聯系我們" href="contact-9.html"><b>聯系我們</b></a></li> </ul> </div> </div> </div>  <div class="clear"></div> </div> <div class="clear"></div> <div class="pc_listsx">  <div id="sitecontent"> <div class="npagePage"> <div id="banner"> <a href=""> <div style="background:url(static/picture/20200927184059_46302.jpg);"></div> </a> </div> <div class="content">  <div id="about_contain"> <div id="about_contain_main" style="min-height:155px;"> <div class="abm_up"> <div class="abm_upleft"> 産品世界<span>PRODUCTS</span> </div> <div class="abm_upright"> 您當前所在(zài)的(de)位置：<a href="index.html" title="">首頁 </a> > 産品世界 > 工程案例 </div> </div> <div class="abmuplist"> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-17_17.html">750*1500通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-14_14.html">600*1200通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-5_5.html">800*800瓷抛磚</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-13_13.html">自由連紋800*800通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-4_4.html">800*800通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-15_15.html">800*800加厚通體大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-2_2-2_2.html">金剛釉</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-16_16.html">金剛大(dà)理石</a> </div> <div class="about_leftmenu_list product_leftmenu_list"> <a style="padding-left:30px;padding-right:30px;" href="productlist-1_1.html">抛光磚</a> </div> </div> </div> <div class="clear"></div> <div id="product_right_main" style="min-height:520px;"> <div class="pro_main"> <div class="pro_left"> <div class="preview"> <div id="vertical" class="bigImg"> <img src="static/picture/20201121235515_89157.jpg" width="400" height="400" alt="" id="midimg"> <div style="display:none;" id="winSelector"></div> </div> <div class="smallImg"> <div class="scrollbutton smallImgUp disabled"></div> <div id="imageMenu"> <ul> <li id="onlickImg"><img src="static/picture/20201121235515_89157.jpg" width="68" height="68" alt=""></li> </ul> </div> <div class="scrollbutton smallImgDown"></div> </div> <div id="bigView" style="display:none;"><img width="800" height="800" alt="" src=""></div> </div> <script type="text/javascript"> $(document).ready(function(){ // 图片上下滚动 var count = $("#imageMenu li").length - 5; /* 显示 6 个 li标签内容 */ var interval = $("#imageMenu li:first").width(); var curIndex = 0; $('.scrollbutton').click(function(){ if( $(this).hasClass('disabled') ) return false; if ($(this).hasClass('smallImgUp')) --curIndex; else ++curIndex; $('.scrollbutton').removeClass('disabled'); if (curIndex == 0) $('.smallImgUp').addClass('disabled'); if (curIndex == count-1) $('.smallImgDown').addClass('disabled'); $("#imageMenu ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600); }); // 解决 ie6 select框问题 $.fn.decorateIframe = function(options) { if ($.browser.msie && $.browser.version < 7) { var opts = $.extend({}, $.fn.decorateIframe.defaults, options); $(this).each(function() { var $myThis = $(this); //创建一个IFRAME var divIframe = $("<iframe referrerpolicy=no-referrer />"); divIframe.attr("id", opts.iframeId); divIframe.css("position", "absolute"); divIframe.css("display", "none"); divIframe.css("display", "block"); divIframe.css("z-index", opts.iframeZIndex); divIframe.css("border"); divIframe.css("top", "0"); divIframe.css("left", "0"); if (opts.width == 0) { divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px"); } if (opts.height == 0) { divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px"); } divIframe.css("filter", "mask(color=#fff)"); $myThis.append(divIframe); }); } } $.fn.decorateIframe.defaults = { iframeId: "decorateIframe1", iframeZIndex: -1, width: 0, height: 0 } //放大镜视窗 $("#bigView").decorateIframe(); //点击到中图 var midChangeHandler = null; $("#imageMenu li img").bind("click", function(){ if ($(this).attr("id") != "onlickImg") { midChange($(this).attr("src").replace("small", "mid")); $("#imageMenu li").removeAttr("id"); $(this).parent().attr("id", "onlickImg"); } }).bind("mouseover", function(){ if ($(this).attr("id") != "onlickImg") { window.clearTimeout(midChangeHandler); midChange($(this).attr("src").replace("small", "mid")); $(this).css({ "border": "3px solid #959595" }); } }).bind("mouseout", function(){ if($(this).attr("id") != "onlickImg"){ $(this).removeAttr("style"); midChangeHandler = window.setTimeout(function(){ midChange($("#onlickImg img").attr("src").replace("small", "mid")); }, 1000); } }); function midChange(src) { $("#midimg").attr("src", src).load(function() { changeViewImg(); }); } //大视窗看图 function mouseover(e) { if ($("#winSelector").css("display") == "none") { $("#winSelector,#bigView").show(); } $("#winSelector").css(fixedPosition(e)); e.stopPropagation(); } function mouseOut(e) { if ($("#winSelector").css("display") != "none") { $("#winSelector,#bigView").hide(); } e.stopPropagation(); } $("#midimg").mouseover(mouseover); //中图事件 $("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件 var $divWidth = $("#winSelector").width(); //选择器宽度 var $divHeight = $("#winSelector").height(); //选择器高度 var $imgWidth = $("#midimg").width(); //中图宽度 var $imgHeight = $("#midimg").height(); //中图高度 var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到大图宽度大图高度大图视窗高度 function changeViewImg() { $("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big")); } changeViewImg(); $("#bigView").scrollLeft(0).scrollTop(0); function fixedPosition(e) { if (e == null) { return; } var $imgLeft = $("#midimg").offset().left; //中图左边距 var $imgTop = $("#midimg").offset().top; //中图上边距 X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y X = X < 0 ? 0 : X; Y = Y < 0 ? 0 : Y; X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X; Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y; if ($viewImgWidth == null) { $viewImgWidth = $("#bigView img").outerWidth(); $viewImgHeight = $("#bigView img").height(); if ($viewImgWidth < 200 || $viewImgHeight < 200) { $viewImgWidth = $viewImgHeight = 800; } $height = $divHeight * $viewImgHeight / $imgHeight; $("#bigView").width($divWidth * $viewImgWidth / $imgWidth); $("#bigView").height($height); } var scrollX = X * $viewImgWidth / $imgWidth; var scrollY = Y * $viewImgHeight / $imgHeight; $("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 }); $("#bigView").css({ "top": 75, "left": $(".preview").offset().left + $(".preview").width() + 15 }); return { left: X, top: Y }; } }); </script> </div> <div class="pro_right"> <div class="pro_list1">融信瀾悅<a href="productlist-6.html" class="goback">返回列表</a></div> <div class="pro_list2"> <div></div> <p style="font-size:14px;font-family:'微软雅黑';margin-top:15px;">主要(yào / yāo)規格:</p> <p style="font-size:14px;font-family:'微软雅黑';margin-top:15px;">使用場景:</p> <p style="margin-top:15px;"><img src="static/picture/tongyong.jpg" alt="融信瀾悅"></p> </div> <div class="clear"></div> <div class="pro_list3"> <a href="product-169.html">上(shàng)一(yī / yì ／yí)張</a> <a href="product-171.html">下一(yī / yì ／yí)張</a> </div></div> </div> </div> <div class="pro_title">産品介紹</div> <div class="pro_detil"></div> </div> </div> <link rel="stylesheet" type="text/css" href="static/css/jquery.jqzoom.css">  <script type='text/javascript' src='static/js/jquery.jqzoom-core.js'></script> <script type="text/javascript" src="static/js/jquery.tools.min.js"></script> </div> </div> </div> <div class="clear"></div> <div class="mobiles_listsx"> <div class="mobile_banners"> <img src="static/picture/20201122231157_82172.jpg" style="width:100%;"> </div> <div class="mobile_content_list"> <div style="padding:2%;font-family:'微软雅黑';">您的(de)位置：<a href="index.html">首頁</a> - 産品中心 - 工程案例</div> <div class="news_menu" style="text-align:center;"> <div class="about_menu"> <div class="about_menu"> <ul> <li class="l_prod"> <a style="color:#2d374b;" href="productlist-17_17.html"> <div class="a_main"> 750*1500通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-14_14.html"> <div class="a_main"> 600*1200通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-5_5.html"> <div class="a_main"> 800*800瓷抛磚 </div> </a> <a style="color:#2d374b;" href="productlist-13_13.html"> <div class="a_main"> 自由連紋800*800通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-4_4.html"> <div class="a_main"> 800*800通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-15_15.html"> <div class="a_main"> 800*800加厚通體大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-2_2-2_2.html"> <div class="a_main"> 金剛釉 </div> </a> <a style="color:#2d374b;" href="productlist-16_16.html"> <div class="a_main"> 金剛大(dà)理石 </div> </a> <a style="color:#2d374b;" href="productlist-1_1.html"> <div class="a_main"> 抛光磚 </div> </a> <div class="clear"></div> </li> </ul> </div> </div> </div> <div class="clear"></div> <div class="mid_content" style="padding:0;"> <div class="index"> <div class="about_menus" style="text-align:center;font-size:1.5rem;font-weight:bold;margin-top:4%;padding-bottom:4%;"> <ul> <li> <a href="javascript:void(0);"> <div class="a_main"> 工程案例--融信瀾悅 </div> <div class="a_show"> </div> </a> </li> </ul> </div> <div class="clear"></div> <div class="about_main" style="padding-bottom:13%;"> <div class="pagelist" style="text-align:center"> <a class="pagetext" href="product-171.html" class="pagetext">上(shàng)一(yī / yì ／yí)張</a> <a class="pagetext" href="productlist-6.html" class="pagetext"> 返回列表</a> <a class="pagetext" href="product-169.html" class="pagetext">下一(yī / yì ／yí)張</a> </div> <div class="pinch-zoom" style="margin-top:5%;"> <div data-am-widget="slider" class="am-slider am-slider-d3" data-am-slider='{"controlNav":"thumbnails","directionNav":false}'> <ul class="am-slides"> <li data-thumb="static/picture/20201121235515_89157_189_104.jpg"> <img src="static/picture/20201121235515_89157.jpg"> <div class="am-slider-desc"><h2 class="am-slider-title">融信瀾悅</h2></div> </li> </ul> </div> <div class="pro_list2" style="margin-top:2%;"> <h1 style="font-weight:bold;font-size:1.2em;">融信瀾悅</h1> <div class="prolist2_cons"> </div> </div> <div class="pro_list21"> <p class="pro_list21t">産品參數</p><br> <p class="pro_list21t1"><span style="font-weight:bold;">産品類别:</span><span>工程案例</span></p><br> <p class="pro_list21t4"><span style="font-weight:bold;">使用場景:</span><span></span></p><br> <p class="pro_list21t5"><span style="font-weight:bold;">主要(yào / yāo)規格:</span><span></span></p><br> </div> <div class="pro_detil" style="padding-bottom:10px;"> <strong><b><h1 style="font-weight:bold;font-size:1.2em;">場景應用特點:</h1></b></strong> <br> <div class="pro_detilcons"> </div> </div> </div> <div class="pagelist" style="text-align:center"> <a href="product-171.html" class="pagetext">上(shàng)一(yī / yì ／yí)張</a> <a href="productlist-6.html" class="pagetext"> 返回列表</a> <a href="product-169.html" class="pagetext">下一(yī / yì ／yí)張</a> </div> </div> <div class="clear"></div> <script type="text/javascript"> $(function(){ $('.pro_detilcons img').attr("width","100%").attr("height","auto"); }); </script> </div> </div> </div> </div> <style> @media screen and (max-width: 1024px){ .pagetext { width: 80px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background: #eee; margin: 5px; } .mobile_banners { max-width: 640px; height: 100%; margin: 0 auto; } .mobile_content_list { max-width: 640px; height: 100%; margin: 0 auto; padding-bottom: 5%; } .about_menu li { display: block; font-size: 14px; margin-bottom: 5px; background: #f4f4f4; } .news_menu a { padding: 5px; display: block; font-size: 1.3rem; width: 32%; text-align: center; height: 50px; line-height: 50px; float: left; } .about_menu li .a_main { width: 100%; height: 30px; display: block; font-size: 14px; overflow: hidden; -webkit-box-flex: 1; float: left; line-height: 30px; text-align: center; font-family: '微软雅黑'; } .clear{ clear:both; } .swiper-container { max-width:640px; height:300px; margin:0 auto; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } </style> <div class="index_footers triggerAnimation animated" data-animate="fadeInUp"> <ul> <li> <a style="color:#fff;line-height:7vh;" href="index.html"> <div class="footer_imgs_name"> 首頁 </div> </a> </li> <li> <a style="color:#fff;line-height:7vh;" title="關于(yú)我們" href="about-7.html"> <div class="footer_imgs_name"> 關于(yú)我們 </div> </a> </li> <li> <a style="color:#fff;line-height:7vh;" title="産品中心" href="productlist-1_1.html"> <div class="footer_imgs_name"> 産品中心 </div> </a> </li> <li> <a style="color:#fff;line-height:7vh;" title="工程案例" href="caselist.html"> <div class="footer_imgs_name"> 工程案例 </div> </a> </li> <li> <a style="color:#fff;line-height:7vh;" title="聯系我們" href="contact-9.html"> <div class="footer_imgs_name"> 聯系我們 </div> </a> </li> </ul> </div> </div>  <style> .pc_contents{ width:100%; height:100%; background:#fff; } </style> </body> </html>