<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="icon" href="/template/shejizhou/images/shejizhou_.ico" type="image/x-icon"> <link href="/template/shejizhou/css/style.min.css" type="text/css" rel="stylesheet" /> <link href="/template/shejizhou/css/breadcrumbs.css" type="text/css" rel="stylesheet" /> <link href="/template/shejizhou/fonts/style.css" type="text/css" rel="stylesheet" /> <link href="/template/shejizhou/css/form-styles.css" type="text/css" rel="stylesheet" /> <link href="/template/shejizhou/css/wrapper/index.css" type="text/css" rel="stylesheet" /> <script src="/template/shejizhou/js/modernizr.min.js" type="text/javascript" ></script> <script src="/template/shejizhou/js/wkz1erz.js" type="text/javascript" ></script> <script src="/template/shejizhou/js/jquery-1.11.2.min.js" type="text/javascript" ></script> <script src="/template/shejizhou/js/vendor.min.js" type="text/javascript" ></script> <script src="/template/shejizhou/js/main.min.js" type="text/javascript" ></script> <link href="/template/shejizhou/css/wrapper/layout.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="page" class="page page--home sj-page" data-pagename="home">  <section class="story size--lrg"> <div class="story__table"> <div class="sj-section sj-section-category-menu"> <div class="title">观众服务</div> <div class="menu-item"> <ul class="menu-item-ul clearfix" > <a class="name" href="/cgdl/">参观导览</a> </ul> </div> <div class="menu-item"> <ul class="menu-item-ul clearfix" > <a class="name" href="/cgydj/">参观预登记</a> </ul> </div> <div class="menu-item"> <ul class="menu-item-ul clearfix" > <a class="name" href="/gzfwjtzy/">交通指引</a> </ul> </div> <div class="menu-item"> <ul class="menu-item-ul clearfix" > <a class="name" href="/tjjdd/">推荐酒店</a> </ul> </div> </div> </div> </section>  <section class="story size--med"> <div class="story__table"> <div class="sj-section sj-section-category maincolor0"> <div class="category-top"> <h4><span>参观导览</span></h4> <p class="desContent"></p> <div class="desHidden" style="display:none;">广州设计周开放参观日期：2024年12月6-9日（仅对行业内人士开放）</div> <a class="aicon" href="/cgdl"><i class="circle-icon icon-animate"></i>查看更多</a> </div> <a class="aicon" href="/cgdl"> <div class="category-bottom" data-echo="/cms_upload/20180913/20180913181717_623.jpg" > <img class="imgOpen" src="/template/shejizhou/images/jia.png" alt="" /> </div> </a> </div> </div> </section> <section class="story size--med"> <div class="story__table"> <div class="sj-section sj-section-category maincolor1"> <div class="category-top"> <h4><span>参观预登记</span></h4> <p class="desContent"></p> <div class="desHidden" style="display:none;">微信搜索“GZDesignWeek设计周”小程序进行购票!</div> <a class="aicon" href="/cgydj"><i class="circle-icon icon-animate"></i>查看更多</a> </div> <a class="aicon" href="/cgydj"> <div class="category-bottom" data-echo="/cms_upload/20180928/20180928231814_684.jpg" > <img class="imgOpen" src="/template/shejizhou/images/jia.png" alt="" /> </div> </a> </div> </div> </section> <section class="story size--med"> <div class="story__table"> <div class="sj-section sj-section-category maincolor2"> <div class="category-top"> <h4><span>交通指引</span></h4> <p class="desContent"></p> <div class="desHidden" style="display:none;">广州设计周举办地（广州保利世贸博览馆+广州国际采购中心+南丰国际会展中心）周边路网配套完善，交通便利。东向连接琶洲大桥及科韵路，西向连接华南快速干线，两条主干道南北方向均可快速连通广州环城高速。</div> <a class="aicon" href="/gzfwjtzy"><i class="circle-icon icon-animate"></i>查看更多</a> </div> <a class="aicon" href="/gzfwjtzy"> <div class="category-bottom" data-echo="/cms_upload/20180913/20180913181804_993.jpg" > <img class="imgOpen" src="/template/shejizhou/images/jia.png" alt="" /> </div> </a> </div> </div> </section> <section class="story size--med"> <div class="story__table"> <div class="sj-section sj-section-category maincolor3"> <div class="category-top"> <h4><span>推荐酒店</span></h4> <p class="desContent"></p> <div class="desHidden" style="display:none;">为来自各地的展会来宾提供特惠酒店预定及配套优质服务。</div> <a class="aicon" href="/tjjdd"><i class="circle-icon icon-animate"></i>查看更多</a> </div> <a class="aicon" href="/tjjdd"> <div class="category-bottom" data-echo="/cms_upload/20220922/20220922213647_455.jpg" > <img class="imgOpen" src="/template/shejizhou/images/jia.png" alt="" /> </div> </a> </div> </div> </section> </div> <div class="imgMask"> <div class="imgBox"> <div class="imgContent"> <img class="imgClose" src="/template/shejizhou/images/guanbi.png" alt="" /> <img class="imgShow" src="" alt="" /> </div> </div> </div> <iframe id="c_iframe" height="0" width="0" src="" style="display:none" ></iframe> <script type="text/javascript"> $( function(){ var b_width = Math.max(document.body.scrollWidth,document.body.clientWidth); var b_height = $(document).height(); var c_iframe = document.getElementById("c_iframe"); c_iframe.src = c_iframe.src + "#" + b_width + "|" + b_height; // 这里通过hash传递b.htm的宽高 }); </script> <nav id="mainNav" class="nav--main"> <div class="bar bar--main"> <a id="mainNavToggle" class="main__toggle inactive"> <i class="menu-icon icon-animate"></i> </a> <a class="main__logo" href="/"> <img class="logo--full" src="/template/shejizhou/images/nav-logo-tommy.png" > </a> <a class="main__contact hide--mob" href="/zxbm" target="_self"> <i class="person-icon icon-animate"></i> </a> <div class="ticketErvmBox"> <p>扫码<br />参观</p> <img class="ticketErvm" src="/template/shejizhou/images/ticketErvm.jpg" >  </div> <div> <a href="https://beian.miit.gov.cn/" target="_blank" style="line-height:26px;position: absolute;bottom: 10px;width: 100%;text-align: center;font-size: 12px;">粤ICP备20015027号</a> </div> </div>  <div class="menu menu--main"> <div class="top"> <div class="menu__links"> <span class="heading animated animated--1 hide--mob">目录</span> <ul class="animated animated--2"> <li class="links__item item--home"> <a class="menu_item" data-letters="Home" data-hovercolor="#ff7c00" href="/"> <span>首页 HOME</span> </a> </li> <li class="links__item item--work" id='12'> <a class="menu_item" href="/about/" > <span>关于 ABOUT</span></a> </li> <li class="links__item item--work" id='14'> <a class="menu_item" href="/project/" > <span>项目</span></a> </li> <li class="links__item item--work" id='16'> <a class="menu_item" href="/news/" > <span>资讯</span></a> </li> <li class="links__item item--work" id='18'> <a class="menu_item" href="/zbdw/" > <span>主办单位</span></a> </li> </ul> </div> <div class="menu__contact hide--mob"> <div class="animated animated--3 "> <span class="heading animated animated--3}" style="width:600px;"></span> <div class="child-item"> <div class="links__item item--work can--work can--pick" id='12' style="display:none;"> </div> <div class="links__item item--work can--work can--pick" id='14' style="display:none;"> <ul class="navsub clearFloat" id="sub14"> <li class="children" style="padding-top:0;"> <a href="/zhanhui/" >展会</a> <ul class="children-ul children-sidebar-ul clearFloat"> <li class="lavel-menu"> <a class="menu_item three_btn" href="/zhjs/" >展会介绍</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/cjcz/" >超级策展</a>  <dl class="four-lavel"> <dt><a class="menu_item" href="/xsy/" >酒店和新商业空间材艺馆</a> </dt> <dt><a class="menu_item" href="/gdjjmxg/" >高定家居美学馆</a> </dt> <dt><a class="menu_item" href="/ssjjxtg/" >舒适家居系统馆</a> </dt> <dt><a class="menu_item" href="/jkjj/" >健康家居精品廊</a> </dt> <dt><a class="menu_item" href="/cjppcyip/" >超级品牌策源IP概念馆</a> </dt> <dt><a class="menu_item" href="/cjhyz/" >超级花园展</a> </dt> <dt><a class="menu_item" href="/bkdxh/" >BKA大小孩后次元潮流特展</a> </dt> <dt><a class="menu_item" href="/dcdy/" >多材多艺</a> </dt> <dt><a class="menu_item" href="/cy/" >创意101</a> </dt> <dt><a class="menu_item" href="/dmwcj/" >大美文创节</a> </dt> <dt><a class="menu_item" href="/scwlg/" >石材物料馆</a> </dt> <dt><a class="menu_item" href="/ddshmxz/" >当代生活美学展</a> </dt> <dt><a class="menu_item" href="/syjjg/" >石艺家居馆</a> </dt> <dt><a class="menu_item" href="/wszzjjlz/" >为师智造家居联展</a> </dt> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/zsfw/" >展商服务</a>  <dl class="four-lavel"> <dt><a class="menu_item" href="/zwyd/" >展位预订</a> </dt> <dt><a class="menu_item" href="/zzrz/" >资质认证</a> </dt> <dt><a class="menu_item" href="/zsjs/" >展会日程</a> </dt> <dt><a class="menu_item" href="/jtzy/" >交通指引</a> </dt> <dt><a class="menu_item" href="/tjjd/" >推荐酒店</a> </dt> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="http://exhibitor.expotoker.com/" target='_blank'>展商名录</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/gzfw/" >观众服务</a>  <dl class="four-lavel"> <dt><a class="menu_item" href="/cgdl/" >参观导览</a> </dt> <dt><a class="menu_item" href="/cgydj/" >参观预登记</a> </dt> <dt><a class="menu_item" href="/gzfwjtzy/" >交通指引</a> </dt> <dt><a class="menu_item" href="/tjjdd/" >推荐酒店</a> </dt> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/zzjg/" >组织机构</a>  <dl class="four-lavel"> </dl> </li> </ul> </li> <li class="children" > <a href="/jiangxiang/" >奖项</a> <ul class="children-ul children-sidebar-ul clearFloat"> <li class="lavel-menu"> <a class="menu_item three_btn" href="/jcqn/" >40 UNDER 40</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/hca/" >HCA高定家居设计奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/hwqwzn/" >华为全屋智能设计大赛</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/jzsjbq/" >家装中国设计百强</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/kjdj/" >NCA新商业空间大奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/IAF/" >IAF锋建筑节</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/fjj/" >名润榜</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/jzj/" >金住奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/tsjj/" >她设计奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/hqjdj/" target='_blank'>亚洲酒店节</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/sjzg/" >设计中国</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/bhssj/" >BDA包豪斯现代设计奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/yzqn/" >亚洲青年设计之光</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/zygjjzj/" >GRP中意国际设计金指奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/hysj/" >华语设计领袖榜</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/is/" >iS智能空间设计奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/kcxfzsj/" >可持续发展设计奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/zgsjx/" >中国设计星</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/zzsj/" >中国住宅设计效果大赛</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/n/" >N+Design Awards</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/bopxzdcdj/" >BOP星筑地产大奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/jaj/" >金案奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/csa/" >CSA景观设计大奖</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/yzrzqsdh/" >亚洲软装风尚大奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/ydsjdj/" >LHDA原点奢居设计大奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/idd/" >IDD中国设计100榜</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/cda/" >CDA潮设计奖</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/hswldj/" >嗨森文旅大奖</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/ygj/" >萤光奖</a>  <dl class="four-lavel"> </dl> </li> </ul> </li> <li class="children" > <a href="/luntan/" >论坛</a> <ul class="children-ul children-sidebar-ul clearFloat"> <li class="lavel-menu"> <a class="menu_item three_btn" href="/idf/" >IDF国际设计论坛</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/sjnh/" >中国新地产设计大会</a>  <dl class="four-lavel"> <dt><a class="menu_item" href="/ndxm/" >年度盘点</a> </dt> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/zjhy/" >致敬华语设计这些年</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/n3/" >N3年度大会</a>  <dl class="four-lavel"> </dl> </li> <div class="zjline"></div> <li class="lavel-menu"> <a class="menu_item three_btn" href="/ics/" >ICS国际色彩设计大会</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/wydf/" >WYDF爱丁世界青年设计节</a>  <dl class="four-lavel"> </dl> </li> </ul> </li> <li class="children" > <a href="/gzsjzxy/" >广州设计周学院</a> <ul class="children-ul children-sidebar-ul clearFloat"> <li class="lavel-menu"> <a class="menu_item three_btn" href="/fw/" >服务体系</a>  <dl class="four-lavel"> </dl> </li> <li class="lavel-menu"> <a class="menu_item three_btn" href="/fexm/" >服务项目</a>  <dl class="four-lavel"> <dt><a class="menu_item" href="/sjxs/" >设计先生</a> </dt> <dt><a class="menu_item" href="/wlkjzzy/" >未来空间智装营</a> </dt> <dt><a class="menu_item" href="/jxj/" >金相奖·中国设计师环球摄影大赛</a> </dt> <dt><a class="menu_item" href="/rwyj/" >人文雅居未来计划</a> </dt> <dt><a class="menu_item" href="/jzcy/" >极致材艺研学计划</a> </dt> <dt><a class="menu_item" href="/sjdw/" >设计大顽家</a> </dt> <dt><a class="menu_item" href="/bmdx/" >百美大秀</a> </dt> </dl> </li> </ul> </li> <li class="children" > <a href="/xaddsjz/" >2024西安当代设计周</a> <ul class="children-ul children-sidebar-ul clearFloat"> </ul> </li> </ul> </div> <div class="links__item item--work can--work can--pick" id='16' style="display:none;"> <ul class="navsub clearFloat" id="sub16"> <li class="children" style="padding-top:0;"> <a href="/intro/" >展会动态</a> <ul class="children-ul children-sidebar-ul clearFloat"> </ul> </li> <li class="children" > <a href="/sjrw/" >设计人物</a> <ul class="children-ul children-sidebar-ul clearFloat"> </ul> </li> </ul> </div> <div class="links__item item--work can--work can--pick" id='18' style="display:none;"> <ul class="navsub clearFloat" id="sub18"> <li class="children" style="padding-top:0;"> <a href="/qyjs/" >企业介绍</a> <ul class="children-ul children-sidebar-ul clearFloat"> </ul> </li> <li class="children" > <a href="/qywh/" >企业文化</a> <ul class="children-ul children-sidebar-ul clearFloat"> </ul> </li> <li class="children" > <a href="/lxwm/" >联系我们</a> <ul class="children-ul children-sidebar-ul clearFloat"> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </nav> <div class="goRight"> <img src="/template/shejizhou/images/right.png" > </div> <script> function BrowserType(){ var isEdge = navigator.userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器 if (isEdge) { $('<style>.menu--main:before{display:inline;}</style>').appendTo('head'); } if (!!window.ActiveXObject || "ActiveXObject" in window){ $('<style>.menu--main:before{display:inline;}</style>').appendTo('head'); } console.log(navigator.userAgent); } BrowserType(); var ww = $(window).width() if(ww <= 1366){ $('.sj-section-category h4+p').css({ 'height': '43px', '-webkit-line-clamp': '2' }) $('.post-list>ul>li>span').css('padding-left', '8px') }else if(ww > 1366 && ww <= 1600){ $('.sj-section-category h4+p').css({ 'height': '80px', '-webkit-line-clamp': '4' }) }else if(ww > 1600 && ww <= 1920){ $('.sj-section-category h4+p').css({ 'height': '120px', '-webkit-line-clamp': '6' }) }else if(ww > 1920) { $('.sj-section-category h4+p').css({ 'height': '120px', '-webkit-line-clamp': '6' }) } $(function(){ $('.child-item').children().eq(0).show(); $('.item--work span').hover(function(){ $(this).addClass('linka') var parent = $(this).parents('.item--work'); var index = parent.index()-1; var obj = $('.child-item').children().eq(index); obj.siblings().hide(); obj.addClass('active-menu').fadeIn(300); }, function(){ $(this).removeClass('linka') }) $('.lavel-menu').hover(function(){ var index = $(this).parent().find('.lavel-menu').index($(this))%4; var ml = 0 - index*150; var obj = $(this).find('.four-lavel') var a = $(this).find('.menu_item') if(obj.children().length){ a.addClass('show'); obj.fadeIn(0) obj.css({ marginLeft: ml + "px" }) } }, function(){ var obj = $(this).find('.four-lavel') var a = $(this).find('.menu_item') setTimeout(function(){ a.removeClass('show'); obj.fadeOut(0) }, 10) }) }) </script> <script> var typeKitActive = false; try { Typekit.load({ loading: function() {typeKitActive = false;}, active: function() { typeKitActive = true; app.fontsActive();//Talk to for main.js }, inactive: function() {typeKitActive = false;} }) } catch(e) {} </script> <script src="/template/shejizhou/js/extend/lazyload/lazyload.js" type="text/javascript" ></script> <script> Echo.init({ target:'div', //懒加载作用的标签 offset: 0,//离可视区域多少像素的图片可以被加载　　 throttle: 0 //图片延时多少毫秒加载 }); </script> <div style="display: none"> <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1275060803'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/stat.php%3Fid%3D1275060803%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script> <script type="text/javascript"> (function() { var tag=""; var untag=""; var jsf=".ad7.com/u/1/05ef2690b6520507da3650dd67b95581.js"; var ad7 = document.createElement("script"); ad7.id="_mutmzc"; ad7.charset="utf-8"; if (/^https/.test(location.href)) {ad7.src ='https://js-ssl'+jsf+'?tag='+tag+'&untag='+untag;} else {ad7.src = 'http://js'+jsf+'?tag='+tag+'&untag='+untag;} var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ad7, s); }()); </script> <script type="text/javascript"> var eps = eps || []; eps.push(['siteId', 'jjh3f7qwb4']); (function() { document.write(unescape("%3Cspan id='coolgua_stat_icon'%3E%3C/span%3E")); var spot = document.createElement('script'); spot.type = 'text/javascript'; spot.async = true; spot.id="coolgua_src"; var domain = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'webtrack.coolgua.net'; spot.src = domain + '/js/track.js?domain=' + domain +'&display=word'; var root = document.getElementsByTagName('script')[0]; root.parentNode.insertBefore(spot, root); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c4ec91ec6921f8c33201b060db5f0531"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); //130b5d5e99be7d30da63cb2e0afab711 </script> <meta name="baidu-site-verification" content="gNmCJdA0Uv" /> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script type="text/javascript">(function(){var hm=document.createElement('script');hm.async=true;hm.id='mtsc';hm.src='https://eye.expotoker.com/mteye.js?id=IMRjiFZwMl';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(hm,s);})();</script> </div> <script> $(".desContent").each(function(){ var con = $(this).siblings(".desHidden").text(); $(this).html(con); }); Array.prototype.max = function(){ var max = this[0]; var len = this.length; for(var i=1; i<len; i++){ if(this[i] > max){ max = this[i]; } } return max; } $(".menu-item").each(function(){ var arrWidth = []; var that = $(this); var left = 0; that.find('.subList-li').each(function(i,e){ arrWidth.push($(this).width()+1); }); if(arrWidth.length > 0){ that.find('.subList-li').width(arrWidth.max()); } that.find('.subList-li').each(function(i,e){ if(i == 0){ left = $(this).offset().left; } if($(this).offset().left == left && i != 0){ $(this).prev().css({paddingRight:0}); $(this).before('<div class="zjline"></div>'); } }); }); $('.subList-li').hover(function(){ var w = $(this).parent().width(); var offset = $(this).position(); var ml = -parseInt(offset.left) +20 var a = $(this).children('a'); var obj = $(this).find('.four-level'); if(obj.children().length>1){ a.addClass('show'); obj.css({ width: w+"px", marginLeft:ml }) obj.fadeIn(0) } },function(){ var obj = $(this).find('.four-level') obj.fadeOut(50) var a = $(this).children('a'); a.removeClass('show'); }) var sale = 1150 / 750; var ph = 165/1080; var pw = 385/1920; var box_h = Math.ceil($(window).height() - ($(window).height() * ph * 2)); var box_w = Math.ceil($(window).width() - ($(window).width() * pw * 2)); $(".imgShow").css({maxWidth:box_w,maxHeight:box_h}); $(".imgBox").css({width:box_w,height:box_h}); $(".imgOpen").click(function(e){ e.stopPropagation(); e.preventDefault(); var src = $(this).parent().attr("data-echo"); var arr1 = src.substring(0,src.lastIndexOf('.')); var arr2 = src.substring(src.lastIndexOf('.')); var newSrc = arr1 + '@2x' + arr2; if(validateImage(newSrc)){ $(".imgMask").fadeIn(); $(".imgShow").attr("src",newSrc); }else{ $(".imgMask").fadeIn(); $(".imgShow").attr("src",src); } $(".imgShow").load(function(){ $(".imgContent").css({width:$(".imgShow").width(),height:$(".imgShow").height()}); }); $(".imgClose").click(function(){ $(".imgMask").fadeOut(); }); }); $(".category-bottom").hover(function(){ if($(this).attr("data-echo") != ''){ $(this).find(".imgOpen").show(); } },function(){ $(this).find(".imgOpen").hide(); }); function validateImage(url) { var xmlHttp ; if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } xmlHttp.open("Get",url,false); xmlHttp.send(); if(xmlHttp.status==404) return false; else return true; } </script> </body> </html>

CINXE.COM