CINXE.COM
中国厦门国际石材展丨官网 - Xiamen Stone Fair
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="robots" content="index,follow" /> <meta name="renderer" content="webkit" /> <meta name="force-rendering" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>中国厦门国际石材展丨官网 - Xiamen Stone Fair</title> <meta name="keywords" content="石材展,厦门石材展,中国厦门,国际,厦门,石材行业,展览会,石材,专业展会,石材展览会" /> <meta name="description" content="2025年3月16-19日,第25届中国厦门国际石材展览会将在厦门国际会展中心如期举办。2000+全球参展品牌,120个国家和地区的专业客商,以专业力、融合力、设计力为行业注入新变量!" /> <meta property="og:image" content="https://www.stonefair.org.cn/assets/stone.png" /> <meta name="apple-mobile-web-app-capable" content="no" /> <meta name="format-detection" content="telephone=no" /> <link rel="shortcut icon" href="/media/favicon.ico" /> <link rel="bookmark" href="/media/favicon.ico" /> <link rel="stylesheet" href="/media/iconfont/iconfont.css" type="text/css" /> <!-- base --> <script src="/js/browser-polyfill.js"></script> <script src="/js/es6-promise.auto.min.js"></script> <script src="/js/jquery.1.11.3.min.js"></script> <script src="/js/jquery.i18n.min.js"></script> <script src="/js/vue@2.min.js"></script> <script src="/js/axios.min.js"></script> <script src="/js/jweixin.min.js"></script> <!-- layer --> <script src="/media/layer/layer.js"></script> <!-- bootstrap --> <script src="/media/bootstrap/bootstrap.min.js"></script> <link rel="stylesheet" href="/media/bootstrap/bootstrap.min.css" type="text/css" /> <!-- fancybox --> <link rel="stylesheet" href="/media/fancybox/jquery.fancybox.css?v=2.1.5" media="screen" type="text/css" /> <script src="/media/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script> <!-- bxslider --> <link rel="stylesheet" href="/media/bxslider/jquery.bxslider.css" type="text/css" /> <script src="/media/bxslider/jquery.bxslider.js"></script> <!-- validate --> <link rel="stylesheet" href="/media/validate/jquery.validate.css" type="text/css" /> <script src="/media/validate/jquery.validate.js"></script> <script src="/media/validate/jquery.validate.messages.zh.js"></script> <!-- bootstrap-datepicker --> <link rel="stylesheet" href="/media/bootstrap-datepicker/css/bootstrap-datepicker.min.css" /> <script src="/media/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script> <script src="/media/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script> <!-- zoomify --> <link rel="stylesheet" href="/media/zoomify/zoomify.css" media="screen" type="text/css" /> <script src="/media/zoomify/zoomify.js"></script> <!-- swiper --> <link rel="stylesheet" href="/media/swiper/swiper.min.css" media="screen" type="text/css" /> <script src="/media/swiper/swiper.min.js"></script> <script src="/media/swiper/anime.min.js"></script> <!-- 首页轮播owlCarousel --> <link rel="stylesheet" href="/media/owlCarousel/owl.carousel.min.css" media="screen" type="text/css" /> <link rel="stylesheet" href="/media/owlCarousel/owl.theme.default.min.css" media="screen" type="text/css" /> <script src="/media/owlCarousel/owl.carousel.min.js"></script> <!-- 首页数字 --> <script src="/media/count/count.js"></script> <!-- 小米字体 --> <link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:300:MiSans" /> <!-- element --> <link rel="stylesheet" href="/media/element-ui/index.css" type="text/css" /> <script src="/media/element-ui/index.js"></script> <!-- css --> <link rel="stylesheet" href="/css/style-index.css?2024" type="text/css" /> <script src="/js/main.js"></script> <!-- 让IE8/9支持媒体查询,从而兼容栅格 --> <!--[if lt IE 9]> <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <!-- 旧版IE提示 --> <script> /*@cc_on var temp = window.navigator.userAgent.toUpperCase(); var charHead = temp.indexOf('MSIE'); var charLast = temp.indexOf(";", charHead); var ieVersion = temp.substring(charHead, charLast); ieVersion = ieVersion.split(' ')[1]; console.log(ieVersion) if (ieVersion <= 11) { window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); } @*/ </script> <!-- 百度统计 --> <script> var _hmt = _hmt || [] ;(function () { var hm = document.createElement("script") hm.src = "https://hm.baidu.com/hm.js?6ca7f7896cc93b790acd62db5796f34f" var s = document.getElementsByTagName("script")[0] s.parentNode.insertBefore(hm, s) })() </script> <!-- axios基础路径配置 --> <script> var hostname = window.location.hostname.indexOf("stonefair.org.cn") console.log("hostname: ", hostname) if (hostname > -1) { // 正式线上地址 axios.defaults.baseURL = "https://mapi.stonefair.org.cn/stoneManagement/" } else { // 本地测试地址 axios.defaults.baseURL = "https://mapi.stonefair.org.cn/stoneManagement/" // axios.defaults.baseURL = "http://10.234.255.7:8089/stoneManagement/" // axios.defaults.baseURL = "http://10.234.255.10:8080/" } axios.defaults.headers.post["Content-Type"] = "application/json" </script> <!-- 线上服务器地址和图片地址切换 --> <script> var ENV_URL = "https://www.stonefair.org.cn/" var ENV_FILE = "assets/" var ENV_PRODUCTION = ENV_URL + ENV_FILE // 活动图片 imgIndex = ENV_PRODUCTION + "index/" // 活动图片 imgActive = ENV_PRODUCTION + "active/" // 活动图片-人居节 imgHabitat = ENV_PRODUCTION + "active/habitat/" // 活动图片-人居节二级详情 imgHabitatDetail = ENV_PRODUCTION + "active/habitat/detail/" // 活动图片-石无限 imgInfinite = ENV_PRODUCTION + "active/infinite/" // 活动图片-厦门发布 imgLaunch = ENV_PRODUCTION + "active/launch/" // 活动图片-全球大师 imgMaster = ENV_PRODUCTION + "active/master/" // 活动图片-石讲堂 imgWsc = ENV_PRODUCTION + "active/wsc/" // 活动图片-同期精选活动 imgSchedule = ENV_PRODUCTION + "active/schedule/" // 活动图片-活动趋势 imgTrends = ENV_PRODUCTION + "active/trends/" // 活动回顾图片 imgReview = ENV_PRODUCTION + "review/" // 滑动图片 imgSlide = ENV_PRODUCTION + "slide/" // 战略媒体图片 imgPartners = ENV_PRODUCTION + "partners/" // 商旅服务图片 imgTravel = ENV_PRODUCTION + "travel/" // 展位图图片 imgPlan = ENV_PRODUCTION + "plan/" // 下载文件 downloadFile = ENV_PRODUCTION + "download/" // 共用 imgCommon = ENV_PRODUCTION + "common/" </script> <!-- 微信分享 --> <script> window.onload = function () { //如果不在微信浏览器内,微信分享也没意义了对吧?这里判断一下 if (window.navigator.userAgent.toLowerCase().indexOf("micromessenger") > 0) { var url = window.location.href var params = { url: url } var xhr = new XMLHttpRequest() xhr.open("POST", axios.defaults.baseURL + "rest-management/official/initWxJsSdk", true) xhr.setRequestHeader("Content-type", "application/json") xhr.onreadystatechange = function () { var XMLHttpReq = xhr /** XMLHttpReq.readyState 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 **/ if (XMLHttpReq.readyState == 4) { if (XMLHttpReq.status == 200) { var data = XMLHttpReq.responseText // alert(data) // console.log(data); var res = JSON.parse(data) var entity = res.entity wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: entity.appId, // 必填,公众号的唯一标识 timestamp: entity.timestamp, // 必填,生成签名的时间戳 nonceStr: entity.nonceStr, // 必填,生成签名的随机串 signature: entity.signature, // 必填,签名 jsApiList: ["updateAppMessageShareData", "updateTimelineShareData", "onMenuShareAppMessage", "onMenuShareTimeline"] // 必填,需要使用的JS接口列表 }) } else if (XMLHttpReq.status == 100) { } else if (XMLHttpReq.status == 300) { } else if (XMLHttpReq.status == 400) { } else if (XMLHttpReq.status == 500) { } else if (XMLHttpReq.status == 0) { /** 0不是http协议的状态,关于XMLHttpReq.status的说明: 1、If the state is UNSENT or OPENED, return 0.(如果状态是UNSENT或者OPENED,返回0) 2、If the error flag is set, return 0.(如果错误标签被设置,返回0) 3、Return the HTTP status code.(返回HTTP状态码) 第一种情况,例如:url请求的是本地文件,状态会是0 第二种情况经常出现在跨域请求中,比如url不是本身网站IP或域名,例如请求www.baidu.com时 第三种,正常请求本站http协议信息时,正常返回http协议状态值 **/ } } } xhr.send(JSON.stringify(params)) } } wx.ready(function () { //需在用户可能点击分享按钮前就先调用 var url = window.location.href var link = url var title = "" var desc = "" if (localStorage.getItem("stone-website-language") == "en") { ;(title = "Welcome to join China Xiamen International Stone Fair"), (desc = "Mar. 16-19, 2025\r\nXICEC") } else { ;(title = "诚邀您参加厦门国际石材展"), (desc = "2025 3.16-19\r\n厦门国际会展中心") } wx.onMenuShareTimeline({ title: title, // 分享标题 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: "https://www.stonefair.org.cn/assets/public/wxLogo.jpg", // 分享图标 success: function () { // 用户点击了分享后执行的回调函数 console.log("朋友圈分享成功") } }) wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: "https://www.stonefair.org.cn/assets/public/wxLogo.jpg", // 分享图标 success: function () { // 用户点击了分享后执行的回调函数 console.log("微信好友分享成功") } }) }) </script> <style> body { font-family: MiSans, -apple-system, Nimbus Roman No9 L, PingFang SC, Hiragino Sans GB, Noto Sans SC, Microsoft Yahei, WenQuanYi Micro Hei, ST Heiti, sans-serif; } </style> </head> <body> <div class="page-container" id="app"> <div class="page-top"><div class="headerPc"> <div class="header-wrap clearfix"> <div class="header-left"> <a href="javascript:void()" id="logo"></a> </div> <div class="header-right"> <!-- PC端导航栏 --> <div class="navigatorPc"> <ul class="nav-main"> <li class="nav-main-item animated"> <div class="nav-item-name nav-item-subNo nav-home"> <a href="/index.html" i18n="nav-home">首页</a> </div> </li> <li class="nav-main-item animated"> <div class="nav-item-name nav-exhibition"> <a href="javascript:void(0);" i18n="nav-exhibition">关于展会</a> </div> <div class="nav-sub-items"> <a :href="'/exhibition/agenda.html?lang='+language" i18n="nav-agenda">展览日程</a> <a :href="'/exhibition/plan.html?lang='+language" i18n="nav-plan">展位图</a> <a :href="'/exhibition/listThis.html?lang='+language" i18n="nav-list">展商名录</a> <a :href="'/exhibition/reviews.html?lang='+language" i18n="nav-reviews">展会回顾</a> <a :href="'/exhibition/video.html?lang='+language" i18n="nav-video">展会视频&照片</a> <a :href="'/exhibition/statement.html?lang='+language" i18n="nav-statement">官方声明</a> </div> </li> <li class="nav-main-item animated"> <div class="nav-item-name nav-exhibitor"> <a href="javascript:void(0);" i18n="nav-exhibitor">我要参展</a> </div> <div class="nav-sub-items"> <a :href="'/exhibitor/register.html?lang='+language" i18n="nav-register">我要参展</a> <a :href="language=='cn'?'https://m.stonefair.org.cn/':'https://m.stonefair.org.cn/?locale=le'" target="_blank" i18n="nav-exhibitorSys">展商管理平台</a> <a v-if="language=='cn'" href="https://soft.stonefair.org.cn/BoothAudit/" target="_blank" i18n="nav-boothSys">特装报审平台</a> <a v-if="language =='cn'" :href="'/exhibitor/reservation.html?lang='+language" i18n="nav-reservation">展具预定</a> <a :href="'/exhibitor/download.html?lang='+language" i18n="nav-download">资料下载</a> </div> </li> <li class="nav-main-item animated"> <div class="nav-item-name nav-visitor"><a href="javascript:void(0);" i18n="nav-visitor">我要参观</a></div> <div class="nav-sub-items"> <a :href="language=='cn'?'https://wap.stonefair.org.cn/hbp/#/intro':'https://wap.stonefair.org.cn/hbp/#/intro_en'" target="_blank" i18n="nav-KeyBuyer">核心买家计划</a> <a :href="language=='cn'?'https://wap.stonefair.org.cn/#/login':'https://wap.stonefair.org.cn/#/login_en'" target="_blank" i18n="nav-visitorSys">我要参观</a> <a :href="'/visitor/download.html?lang='+language" i18n="nav-download">资料下载</a> </div> </li> <li class="nav-main-item animated"> <div class="nav-item-name nav-active"><a href="javascript:void(0);" i18n="nav-active">同期活动</a></div> <div class="nav-sub-items"> <a :href="'/active/schedule.html?lang='+language" i18n="nav-schedule">同期活动日程</a> <a href="https://cloud.stonefair.org.cn/rest-cloud/index/varieties.htm?id=22" target="_blank" i18n="nav-varieties">天然石材品种展</a> <a :href="'/active/habitat.html?lang='+language" i18n="nav-habitat">厦门人居设计生活节</a> <a :href="'/active/infinite.html?lang='+language" i18n="nav-infinite">石无限产品设计展</a> <a :href="'/active/launch.html?lang='+language" i18n="nav-launch">厦门发布</a> <a :href="'/active/wsc.html?lang='+language" i18n="nav-wsc">石讲堂系列讲座</a> <a v-if="language=='cn'" :href="'/active/trends.html?lang='+language">2024-2025石材流行趋势发布</a> <a :href="'/active/master.html?lang='+language" i18n="nav-master">全球建筑大师论坛</a> </div> </li> <li class="nav-main-item animated"> <div class="nav-item-name nav-media"><a href="javascript:void(0);" i18n="nav-press">媒体中心</a></div> <div class="nav-sub-items"> <a :href="'/press/partners.html?lang='+language" i18n="nav-partners">战略合作</a> <a :href="'/press/news.html?lang='+language" i18n="nav-news">展会资讯</a> <a :href="'/press/awards.html?lang='+language" i18n="nav-awards">展会荣誉</a> </div> </li> <li class="nav-main-item animated"> <div class="nav-item-name nav-travel"><a href="javascript:void(0);" i18n="nav-travel">商旅服务</a></div> <div class="nav-sub-items"> <a :href="'/travel/hotel.html?lang='+language" i18n="nav-hotel">酒店预订</a> <a :href="'/travel/catering.html?lang='+language" i18n="nav-catering">餐饮服务</a> <!-- <a :href="'/travel/venue.html?lang='+language" i18n="nav-venue">交通指南</a> --> <a v-if="language=='cn'" href="https://mp.weixin.qq.com/s/IkHjRfs8atZz5rW34ac6Ig" target="_blank" i18n="nav-venue">交通指南</a> <a :href="'/travel/visa.html?lang='+language" i18n="nav-visa">外国人签证</a> </div> </li> <li class="nav-main-item animated"> <div class="nav-item-name nav-item-subNo nav-contact"> <a :href="'/contact/contact.html?lang='+language" i18n="nav-contact">联系我们</a> </div> </li> </ul> </div> <!-- <div class="language-switch"> <select class="form-control" id="language" onchange="selectLanguage()"> <option class="language-item" value="cn">简体中文</option> <option class="language-item" value="en">English</option> </select> </div> --> <div class="language-switch"> <div class="language-item lanCn" onclick="clickLanguage('cn')">简体中文</div> <div class="language-item lanEn" onclick="clickLanguage('en')">English</div> </div> </div> </div> </div> <div class="headerMob"> <div class="header-wrap"> <div class="header-left" onclick="navigatorOpenMob()"><i class="iconfont iconmenu"></i></div> <div class="header-center"><img src="https://www.stonefair.org.cn/assets/logo/stone-logo.png" alt="" /></div> <div class="header-right"> <div class="lanCn" onclick="clickLanguage('cn')">简体中文</div> <div class="lanEn" onclick="clickLanguage('en')">English</div> </div> </div> <!-- 移动端导航 --> <!-- 移动端导航栏 --> <ul class="navigatorMob out" v-if="userAgent =='mob'"> <li> <a class="nav-main-item" href="/index.html" i18n="nav-home">首页</a> </li> <li> <a class="nav-main-item" href="javascript:void(0);" i18n="nav-exhibition">关于展会</a> <div class="nav-sub-items"> <a :href="'/exhibition/agenda.html?lang='+language" i18n="nav-agenda">展览日程</a> <a :href="'/exhibition/plan.html?lang='+language" i18n="nav-plan">展位图</a> <a :href="'/exhibition/listThis.html?lang='+language" i18n="nav-list">展商名录</a> <a :href="'/exhibition/reviews.html?lang='+language" i18n="nav-reviews">展会回顾</a> <a :href="'/exhibition/video.html?lang='+language" i18n="nav-video">展会视频&照片</a> <a :href="'/exhibition/statement.html?lang='+language" i18n="nav-statement">官方声明</a> </div> </li> <li> <a class="nav-main-item" href="javascript:void(0);" i18n="nav-exhibitor">我要参展</a> <div class="nav-sub-items"> <a :href="'/exhibitor/register.html?lang='+language" i18n="nav-register">我要参展</a> <a :href="language=='cn'?'https://m.stonefair.org.cn/':'https://m.stonefair.org.cn/?locale=le'" target="_blank" i18n="nav-exhibitorSys">展商管理平台</a> <a v-if="language=='cn'" href="https://soft.stonefair.org.cn/BoothAudit/" target="_blank" i18n="nav-boothSys">特装报审平台</a> <a v-if="language =='cn'" :href="'/exhibitor/reservation.html?lang='+language" i18n="nav-reservation">展具预定</a> <a :href="'/exhibitor/download.html?lang='+language" i18n="nav-download">资料下载</a> </div> </li> <li> <a class="nav-main-item" href="javascript:void(0);" i18n="nav-visitor">我要参观</a> <div class="nav-sub-items"> <a :href="language=='cn'?'https://wap.stonefair.org.cn/hbp/#/intro':'https://wap.stonefair.org.cn/hbp/#/intro_en'" target="_blank" i18n="nav-KeyBuyer">核心买家计划</a> <a :href="language=='cn'?'https://wap.stonefair.org.cn/#/login':'https://wap.stonefair.org.cn/#/login_en'" target="_blank" i18n="nav-visitorSys">我要参观</a> <a :href="'/visitor/download.html?lang='+language" i18n="nav-download">资料下载</a> </div> </li> <li> <a class="nav-main-item" href="javascript:void(0);" i18n="nav-active">同期活动</a> <div class="nav-sub-items"> <a :href="'/active/schedule.html?lang='+language" i18n="nav-schedule">同期活动日程</a> <a href="https://cloud.stonefair.org.cn/rest-cloud/index/varieties.htm?id=22" target="_blank" i18n="nav-varieties">天然石材品种展</a> <a :href="'/active/habitat.html?lang='+language" i18n="nav-habitat">厦门人居设计生活节</a> <a :href="'/active/infinite.html?lang='+language" i18n="nav-infinite">石无限产品设计展</a> <a :href="'/active/launch.html?lang='+language" i18n="nav-launch">厦门发布</a> <a :href="'/active/wsc.html?lang='+language" i18n="nav-wsc">石讲堂系列讲座</a> <a v-if="language=='cn'" :href="'/active/trends.html?lang='+language">2024-2025石材流行趋势发布</a> <a :href="'/active/master.html?lang='+language" i18n="nav-master">全球建筑大师论坛</a> </div> </li> <li> <a class="nav-main-item" href="javascript:void(0);" i18n="nav-press">媒体中心</a> <div class="nav-sub-items"> <a :href="'/press/partners.html?lang='+language" i18n="nav-partners">战略合作</a> <a :href="'/press/news.html?lang='+language" i18n="nav-news">展会资讯</a> <a :href="'/press/awards.html?lang='+language" i18n="nav-awards">展会荣誉</a> </div> </li> <li> <a class="nav-main-item" href="javascript:void(0);" i18n="nav-travel">商旅服务</a> <div class="nav-sub-items"> <a :href="'/travel/hotel.html?lang='+language" i18n="nav-hotel">酒店预订</a> <a :href="'/travel/catering.html?lang='+language" i18n="nav-catering">餐饮服务</a> <!-- <a :href="'/travel/venue.html?lang='+language" i18n="nav-venue">交通指南</a> --> <a v-if="language=='cn'" href="https://mp.weixin.qq.com/s/IkHjRfs8atZz5rW34ac6Ig" target="_blank" i18n="nav-venue">交通指南</a> <a :href="'/travel/visa.html?lang='+language" i18n="nav-visa">外国人签证</a> </div> </li> <li> <a :href="'/contact/contact.html?lang='+language" i18n="nav-contact">联系我们</a> </li> </ul> </div> </div> <div id="page-view" onclick="navigatorCLoseMob()"> <!-- PC端顶部 --> <div class="index-banner" v-if="userAgent=='pc'"> <!-- 倒计时 --> <div class="countdown"> <p i18n="header.countdown">距展会开幕</p> <div class="days"> <div class="day day1"></div> <div class="day day2"></div> <div class="day day3"></div> </div> <p i18n="header.days">天</p> </div> <!-- 背景视频 --> <div class="exhibition-video"> <video id="exhibitionVideo" autoplay="autoplay" preload="auto" muted="muted" loop src="" type="video/mp4"></video> </div> <!-- 中间图+按钮 --> <div class="exhibition-info"> <div class="banner-info"> <div class="banner-title"><img :src="language=='cn'?imgIndex+'index-slogan-cn.png?2024':imgIndex+'index-slogan-cn.png?2024'" alt="" /></div> </div> <div class="banner-btn-group"> <a class="banner-btn banner-visitor" :href="'/exhibitor/register.html?lang='+language" target="_blank"> <span i18n="home.booth">我要参展</span> </a> <a class="banner-btn banner-exhibitor" :href="language=='cn'?'https://wap.stonefair.org.cn/#/login?locale=cn':'https://wap.stonefair.org.cn/#/login_en?locale=en'" target="_blank" > <span i18n="home.visitor">我要参观</span> </a> </div> </div> <!-- 鼠标滑动提示,预留看后期是否需要 --> <!-- <div class="mouse-scroll"> <div class="mouse-wrap"></div> <div class="mouse-round"></div> <p>下滑</p> </div> --> <!-- 底部活动入口 --> <div class="exhibition-entry"> <div class="exhibition-entry-group"> <a class="exhibition-entry-btn exhibition-entry-left" :href="'/active/habitat.html?lang='+language" target="_blank"> <img :style="language=='cn'?'width: 450px; margin-right: 30px':'width: 380px; margin-right: 80px'" :src="language=='cn'?imgIndex+'index-entry-left_cn.png':imgIndex+'index-entry-left_en.png'" alt="" /> <span class="line"></span> </a> <a class="exhibition-entry-btn" :href="'/active/infinite.html?lang='+language" target="_blank"> <img style="width: 450px; height: 80px; margin-left: 30px" :src="language=='cn'?imgIndex+'index-entry-right_cn.png':imgIndex+'index-entry-right_en.png'" alt="" /></a> </div> </div> </div> <!-- 移动端顶部 --> <div class="index-banner" v-else> <div id="bannerOwl" class="owl-carousel"> <div class="banner-item" v-for="(item,index) in bannerList" key="index"> <div class="show-effect"> <img :src="item.img" alt="" /> </div> </div> </div> <!-- 倒计时 --> <div class="countdown"> <p i18n="header.countdown">距展会开幕</p> <div class="days"> <div class="day day1"></div> <div class="day day2"></div> <div class="day day3"></div> </div> <p i18n="header.days">天</p> </div> <div class="banner-title"><img :src="language=='cn'?imgIndex+'index-slogan-cn.png':imgIndex+'index-slogan-cn.png'" alt="" /></div> <div class="banner-btn-group"> <a class="banner-btn banner-visitor" :href="language=='cn'?'/exhibitor/register.html?lang=cn':'/exhibitor/register.html?lang=en'"> <span i18n="home.booth">我要参观</span> </a> <a class="banner-btn banner-exhibitor" :href="language=='cn'?'https://wap.stonefair.org.cn/#/login':'https://wap.stonefair.org.cn/#/login_en'" target="_blank"> <span i18n="home.visitor">我要参展</span> </a> </div> <!-- 箭头指示 --> <div class="arrow-scroll"> <svg id="more-arrows"> <!-- <polygon class="arrow-top" points="37.6,27.9 1.8,1.3 3.3,0 37.6,25.3 71.9,0 73.7,1.3 " /> --> <polygon class="arrow-middle" points="37.6,45.8 0.8,18.7 4.4,16.4 37.6,41.2 71.2,16.4 74.5,18.7 " /> <polygon class="arrow-bottom" points="37.6,64 0,36.1 5.1,32.8 37.6,56.8 70.4,32.8 75.5,36.1 " /> </svg> </div> </div> <!-- 主体共用 --> <div class="index-section"> <div class="index-theme"> <div class="theme-wrap"> <div class="index-theme-1" v-if="userAgent=='pc'"> <p :style="language=='cn'?'letter-spacing:6px;font-size: 48px;':'letter-spacing:0;font-size:42px;'" v-text="language=='cn'?'共享石界':'Connecting in '"></p> <p :style="language=='cn'?'margin-left: 105px;letter-spacing:6px; font-size: 48px;':'margin-left:66px;letter-spacing:0;font-size:42px;'" v-text="language=='cn'?'新生态':'a broad circle'" ></p> </div> <div class="index-theme-1" v-else> <p :style="language=='cn'?'letter-spacing:6px;':'letter-spacing:0;'" v-text="language=='cn'?'共享石界':'Connecting in '"></p> <p :style="language=='cn'?'letter-spacing:6px;':'letter-spacing:0;'" v-text="language=='cn'?'新生态':'a broad circle'"></p> </div> <div class="index-theme-2" :style="language=='cn'?'margin: 40px 0 0;':'margin: 25px 0;'"> <div v-if="userAgent=='pc'"> <p v-text="language=='cn'?'以专业力、融合力、设计力为行业注入新变量,破圈美学应用新趋势;':'Structured in 8 exhibition areas, it is the perfect stage to tap into global market '" ></p> <p v-text="language=='cn'?'八大展区,细分赛道,更大规模链接全球贸易合作,释放革新力量!':'and the hub of stone beauty and application. Unleash the power here.'" ></p> </div> <div v-else> <span v-text="language=='cn'?'以专业力、融合力、设计力为行业注入新变量,破圈美学应用新趋势;八大展区,细分赛道,更大规模链接全球贸易合作,释放革新力量!':'Structured in 8 exhibition areas, it is the perfect stage to tap into global market and the hub of stone beauty and application. Unleash the power here.'" ></span> </div> </div> </div> </div> <div class="index-show" v-if="userAgent=='pc'"> <div id="showOwl" class="owl-carousel"> <div class="show-item" v-for="(item,index) in showList" key="index"> <div class="show-effect"> <a :href="item.link"> <img :src="item.img" alt="" /> <div class="show-bg"></div> </a> </div> </div> </div> </div> <div class="index-show" v-else> <ul> <li v-for="(item,index) in showList" key="index"> <a :href="item.link"> <div class="show-img"><img :src="item.img" alt="" /></div> <p class="show-title">{{item.title}}</p> </a> </li> </ul> </div> <div class="index-data"> <div class="numCount"> <ul class="numCount-list"> <li> <div class="numCount-item"> <div class="numU"> <span class="numCX" data-startval="0" data-endval="191000" data-speed="2" data-decimals="0" id="mumC2">191,000</span><span class="unitC">㎡</span> </div> <div class="indc" v-text="language=='cn'?'展览面积':'Exhibition Space'"></div> </div> </li> <li> <div class="numCount-item"> <div class="numU"> <span class="numCX" data-startval="0" data-endval="2000" data-speed="2" data-decimals="0" id="mumC3">2000</span><span class="unitC">+</span> </div> <div class="indc" v-text="language=='cn'?'展商':'Exhibitors'"></div> </div> </li> <li> <div class="numCount-item"> <div class="numU"><span class="numCX" data-startval="0" data-endval="24" data-speed="4" data-decimals="0" id="mumC4">24</span></div> <div class="indc" v-text="language=='cn'?'展厅':'Halls'"></div> </div> </li> <li> <div class="numCount-item"> <div class="numU"><span class="numCX" data-startval="0" data-endval="8" data-speed="4" data-decimals="0" id="mumC1">8</span></div> <div class="indc" v-text="language=='cn'?'展区':'Area'"></div> </div> </li> </ul> </div> </div> <div class="index-cloud"> <div class="cloud-wrap" v-if="userAgent=='pc'"> <a href="https://cloud.stonefair.org.cn/" target="_blank"> <div class="cloud-video"> <video id="cloudVideo" src="https://www.stonefair.org.cn/assets/index/index-cloud-video.mp4?202408" playsinline webkit-playsinline autoplay="autoplay" preload="auto" muted="muted" loop type="video/mp4" ></video> </div> <div class="btn-to-cloud"> <span v-text="language=='cn'?'在线逛展':'Online Explore'"></span> <div class="arrow"> <span class="iconfont iconchevron-right"></span> </div> </div> </a> </div> <div class="cloud-wrap" v-else> <a href="https://cloud.stonefair.org.cn/" target="_blank"> <img :src="imgIndex+'index-cloud-mob.png'" alt="" /> <div class="btn-to-cloud"> <span v-text="language=='cn'?'在线逛展':'Online Explore'"></span> <div class="arrow"> <span class="iconfont iconchevron-right"></span> </div> </div> </a> </div> </div> <div class="index-flash"> <div class="exhibition-title" i18n="home.active-title">同期活动</div> <ul> <li v-for="(item,index) in flashList" key="index"> <div class="active-banner"> <div class="active-bg"></div> <img class="active-img" :src="item.banner" alt="" /> </div> <div class="active-logo"><img class="logo-img" :src="item.logo" alt="" /></div> <div class="active-title" v-html="language=='cn'?item.titleCn:item.titleEn"></div> <div class="active-intro"> <p class="bt_1" v-text="language=='cn'?item.nameCn:item.nameEn"></p> <p class="bt_2"> <span v-text="language=='cn'?item.desCn:item.desEn"></span> </p> <p class="bt_2"> <a :href="item.route !=''?item.route + language:item.link" target="_blank" ><span i18n="home.more">探索更多</span> <span style="font-family: '宋体'">></span> </a> </p> </div> </li> </ul> </div> <div class="index-product" v-show="userAgent=='pc'"></div> <div class="index-news" v-if="userAgent=='pc'"> <div class="exhibition-title" i18n="home.news-title">新闻资讯</div> <div class="news-main"> <div class="news-left"> <div id="newsOwl" class="owl-carousel"> <div class="news-item" v-for="(item,index) in newsListPc" key="index"> <div class="news-image"> <img :src="item.img" alt="" /> </div> <div class="news-info"> <a :href="item.link" target="_blank"> <div class="news-title">{{item.title}}</div> </a> <div class="news-time">{{item.time}}</div> </div> </div> </div> </div> <div class="news-right"> <div class="news-item"> <div class="news-image"> <img :src="imgIndex + 'index-news-b-1.jpg'" alt="" /> </div> <div class="news-info"> <a :href="language=='cn'?'https://mp.weixin.qq.com/s/hc0APy1mPaIfgFU3UlVesw':'https://www.marmomacchine.it/la-24a-china-xiamen-international-stone-fair-guarda-al-futuro/'" target="_blank" > <div class="news-title" v-text="language=='cn'?'设计如何破局新“石”场?':'La 24a China Xiamen International Stone Fair guarda al futuro'"></div> </a> <div class="news-time" v-text="language=='cn'?'2024年02月27日':''"></div> </div> </div> <div class="news-item" style="margin-top: 25px"> <div class="news-image"> <img :src="imgIndex + 'index-news-b-2.jpg'" alt="" /> </div> <div class="news-info"> <a :href="language=='cn'?'https://mp.weixin.qq.com/s/jSjbab51psCaewRQKc6mCw':'https://stonenews.eu/it/fiera-della-pietra-di-xiamen-conclude-la-sua-24a-edizione-di-successo-mostrando-le-tendenze-globali-dell-industria-della-pietra/'" target="_blank" > <div class="news-title" v-text="language=='cn'?'面聊18位中国设计顶流!2024年不可错过的设计大展!':'Xiamen Stone Fair Wraps Up Successful 24th Edition, Showcases Global Stone Industry Trends'" ></div> </a> <div class="news-time" v-text="language=='cn'?'2024年03月06日':'March 26, 2024'"></div> </div> </div> </div> </div> </div> <div class="index-news" v-else> <div class="exhibition-title" i18n="home.news-title">新闻资讯</div> <div id="newsOwl" class="owl-carousel"> <div class="news-item" v-for="(item,index) in newsListMob" key="index"> <div class="show-effect"> <a :href="item.link"> <div class="news-image"><img :src="item.img" alt="" /></div> <div class="news-title">{{item.title}}</div> <div class="news-time">{{item.time}}</div> </a> </div> </div> </div> </div> </div> <div class="index-parents"> <div class="exhibition-title" i18n="home.partners-title">合作伙伴</div> <!--战略支持 --> <div class="exhibition-strategic"> <div class="sub-title" i18n="home.strategic-title" style="line-height: 30px; margin-top: 30px">战略支持</div> <ul id="strategicBxslider"> <li> <div class="exhibition-strategic-list"> <div class="exhibition-strategic-list-item" v-for="(item,index) in strategicList" :key="index"> <a v-if="item.itemType == '1'" @click="toLink(item.id)" style="cursor: pointer"> <img :src="item.img" alt="" /> </a> <a v-else> <img :src="item.img" alt="" /> </a> </div> </div> </li> </ul> </div> <!--媒体 --> <div class="exhibition-media"> <div class="sub-title" i18n="home.media1-title"> <span>设计媒体</span> </div> <div class="media-design"> <ul id="mediaBxslider1"> <li v-for="(item,index) in mediaDesignList" :key="index" class="mediaItem"> <div class="exhibition-media-list"> <div class="exhibition-media-list-item" v-for="(array,index) in item.mediaItem" :key="index"> <a v-if="array.itemType == '1'" @click="toLink(array.id)" style="cursor: pointer"> <img :src="array.img" alt="" /> </a> <a v-else> <img :src="array.img" alt="" /> </a> </div> </div> </li> </ul> </div> </div> <div class="exhibition-media"> <div class="sub-title" i18n="home.media2-title">行业媒体</div> <div class="media-industry"> <ul id="mediaBxslider2"> <li v-for="(item,index) in mediaIndustryList" :key="index" class="mediaItem"> <div class="exhibition-media-list"> <div class="exhibition-media-list-item" v-for="(array,index) in item.mediaItem" :key="index"> <a v-if="array.itemType == '1'" @click="toLink(array.id)" style="cursor: pointer"> <img :src="array.img" alt="" /> </a> <a v-else> <img :src="array.img" alt="" /> </a> </div> </div> </li> </ul> </div> </div> </div> <!-- 侧边导航功能 --> <div class="page-aside-top" v-if="userAgent=='pc'"> <div class="aside-server"> <i class="iconfont iconwechat-fill"></i> <div class="aside-qrcode"> <div class="aside-img"><img :src=imgCommon+"qrc-1.jpg" alt="" /></div> <p>关注厦门石材展公众号</p> </div> </div> <div class="aside-server"> <i class="iconfont iconcustomerservice-fill"></i> <div class="aside-qrcode"> <div class="aside-img"><img :src=imgCommon+"qrc-2.jpg" alt="" /></div> <p>扫码添加小客服微信</p> </div> </div> <div class="aside-server"> <i class="iconfont iconshipinhao" style="font-size: 32px"></i> <div class="aside-qrcode"> <div class="aside-img"><img :src=imgCommon+"qrc-5.png" alt="" /></div> <p>视频号二维码</p> </div> </div> <div class="aside-server banner-wechat"> <i class="iconfont iconphone2"></i> <div class="aside-qrcode"> <p>+86-592-5959616</p> </div> </div> <div class="aside-server"> <i class="iconfont iconmail-fill" style="font-size: 26px"></i> <div class="aside-qrcode"> <p>info@stonefair.org.cn</p> </div> </div> <div class="aside-server" style="cursor: pointer" @click="toTop()"> <i class="iconfont icontop1"></i> </div> <!-- <div class="aside-server"> <a href="https://cloud.stonefair.org.cn/" target="_blank"> <i class="iconfont iconcloud" style="font-size: 32px"></i> <div class="aside-qrcode"> <p i18n="live.cloud">云上厦门石材展</p> </div> </a> </div> <div class="aside-server"> <i class="iconfont iconwechat-fill"></i> <div class="aside-qrcode"> <div class="aside-img"><img :src=imgCommon+"qrc-1.jpg" alt="" /></div> <p i18n="live.wechat">关注厦门石材展公众号</p> </div> </div> <div class="aside-server banner-wechat"> <i class="iconfont iconcustomerservice-fill"></i> <div class="aside-qrcode"> <p>+86-592-5959616</p> <p i18n="live.contact">联系我们</p> </div> </div> <div class="aside-server" style="cursor: pointer" @click="toTop()"> <i class="iconfont icontop1"></i> </div> --> </div> <div class="contact" v-else> <a :href="'/contact/contact.html?lang='+language"> <span class="iconfont iconcustomerservice-fill"></span> </a> </div> <div class="page-bottom"><div class="footerPc"> <div class="footer-top"> <div class="info-block pull-left"> <div class="contact-us"> <div class="footer-title" i18n="footer.contact.title" style="margin-bottom: 0">联系我们</div> <div class="contact-box"> <ul class="contact-text"> <li class="contact-unit" :class="language=='en'?'full-width':''"> <span class="contact-label"><i class="iconfont iconlocation"></i></span> <span class="contact-info" i18n="footer.contact.address">中国厦门国际会展中心</span> </li> <li class="contact-unit" :class="language=='en'?'full-width':''"> <span class="contact-label"><i class="iconfont iconphone"></i></span> <span class="contact-info">+86-592-5959616</span> </li> <li class="contact-unit" :class="language=='en'?'full-width':''"> <span class="contact-label"><i class="iconfont iconmail3"></i></span> <span class="contact-info">info@stonefair.org.cn</span> </li> </ul> </div> </div> <div class="partner-link"> <div class="footer-title" i18n="footer.partnerLink.title">同期展会</div> <div class="partner-box"> <div class="partner-item partner-toggle"></div> </div> </div> <div class="order-news"> <div class="footer-title" i18n="footer.look.title">订阅厦门石材展资讯</div> <div class="side-by-side"> <div class="order-input"> <i class="iconfont iconmail3"></i> <input type="text" placeholder="请输入您的邮箱" i18n="footer.look.place" i18n-only="placeholder" class="subscribe" /> </div> <div class="order-btn" i18n="footer.look.btn" onclick="addSubscribe()">订阅</div> </div> </div> </div> <div class="qrc-block pull-right"> <div class="footer-title" i18n="footer.contact.qrcode">关注或了解我们</div> <div class="qrc-img" v-if="language=='cn'"><img :src=imgCommon+"qrc-all.png" /></div> <div class="en-link" v-else> <div class="partner-box"> <div class="partner-item" style="display: flex"> <a href="https://www.facebook.com/XiamenInternationalStoneFair/" target="_blank"><img :src=imgCommon+"contact-facebook.png" alt="" /></a> <a href="https://www.linkedin.com/company/13398357" target="_blank"><img :src=imgCommon+"contact-linkin.png" alt="" /></a> <a href="https://twitter.com/XiamenStoneFair" target="_blank"><img :src=imgCommon+"contact-twitter.png" alt="" /></a> <a href="https://www.instagram.com/xiamenstonefair/" target="_blank"><img :src=imgCommon+"contact-ins.png" alt="" /></a> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="copyRights">Copyright @ Xiamen Jinhongxin Exhibition Co.,Ltd.</div> <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">闽ICP备05008680号-11</a> </div> </div> <div class="footerMob"> <div class="footer-top"> <div class="info-block"> <div class="contact-us"> <div class="footer-title" i18n="footer.contact.title">联系我们</div> <div class="contact-box"> <ul class="contact-text"> <li class="contact-unit" :class="language=='en'?'full-width':''"> <span class="contact-label"><i class="iconfont iconlocation"></i></span> <span class="contact-info" i18n="footer.contact.address">中国厦门国际会展中心</span> </li> <li class="contact-unit" :class="language=='en'?'full-width':''"> <span class="contact-label"><i class="iconfont iconphone"></i></span> <span class="contact-info">+86-592-5959616</span> </li> <li class="contact-unit" :class="language=='en'?'full-width':''"> <span class="contact-label"><i class="iconfont iconmail3"></i></span> <span class="contact-info">info@stonefair.org.cn</span> </li> </ul> </div> </div> <div class="partner-link"> <div class="footer-title" i18n="footer.partnerLink.title">同期展会</div> <div class="partner-box"> <div class="partner-item partner-toggle"></div> </div> <div class="en-link" v-if="language=='en'"> <div class="footer-title" i18n="footer.contact.qrcode">Follow Us</div> <div class="partner-box"> <div class="partner-item" style="display: flex"> <a href="https://www.facebook.com/XiamenInternationalStoneFair/" target="_blank"><img :src=imgCommon+"contact-facebook.png" alt="" /></a> <a href="https://www.linkedin.com/company/13398357" target="_blank"><img :src=imgCommon+"contact-linkin.png" alt="" /></a> <a href="https://twitter.com/XiamenStoneFair" target="_blank"><img :src=imgCommon+"contact-twitter.png" alt="" /></a> <a href="https://www.instagram.com/xiamenstonefair/" target="_blank"><img :src=imgCommon+"contact-ins.png" alt="" /></a> </div> </div> </div> </div> <div class="order-news"> <div class="footer-title" i18n="footer.look.title">订阅厦门石材展资讯</div> <div class="side-by-side"> <div class="order-input"> <i class="iconfont iconmail3"></i> <input type="text" placeholder="请输入您的邮箱" i18n="footer.look.place" i18n-only="placeholder" class="subscribe" /> </div> <div class="order-btn" i18n="footer.look.btn" onclick="addSubscribe()">订阅</div> </div> </div> </div> <div class="qrc-block" v-if="language=='cn'"> <div class="footer-title" i18n="footer.contact.qrcode">关注或了解我们</div> <div class="qrc-img"><img :src=imgCommon+"qrc-all.png" /></div> </div> </div> <div class="footer-bottom"> <div class="copyRights">Copyright @ Xiamen Jinhongxin Exhibition Co.,Ltd.</div> <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">闽ICP备05008680号-11</a> </div> </div> </div> <!-- Modal --> <!-- <div class="index-modal modal fade" id="indexModal" tabindex="-1" role="dialog" aria-labelledby="indexModalLabel" :style="userAgent=='pc'?'padding-top: 4%':'padding-top: 15%'" style="background-color: rgba(0, 0, 0, 0.6)" > <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="indexModalLabel" style="font-weight: bold">延期公告</h4> </div> <div class="modal-body"> code here.... </div> <div class="modal-footer" style="border-top: none"> <button type="button" class="btn-close" data-dismiss="modal" i18n="btn.index.enter">进入官网</button> </div> </div> </div> </div> --> </div> </div> <!-- 加载 --> <div class="mask"> <div id="preloader_1"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> </body> <script src="/js/controllers/index-new.js?20240829" defer></script> </html>