PageSourceSearch

https://fiio.com/About_FIIO

html fiio.com collected 2026-10-03 20:50:13 UTC 340,162 bytes, 5,449 lines download raw bytes

1
2
3<!DOCTYPE html>
4
5<html class="smart-design-mode">
6<head>
7
8<!--万小智·企业智能体=====开始======-->
9<script src="https://ultronagent.clouddream.net/ultron-loader.js?appId=61f12c04fa"></script>
9
10<!--万小智·企业智能体=====结束======-->
11        <meta name="viewport" content="width=device-width" />
12
13    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
14    <meta name="description" content="Guangzhou FIIO Electronics Technology Co., Ltd." />
15    <meta name="keywords" content="Guangzhou FIIO Electronics Technology Co., Ltd." />
16    <meta name="renderer" content="webkit" />
17    <meta name="applicable-device" content="pc" />
18    <meta http-equiv="Cache-Control" content="no-transform" />
19    <title>Guangzhou FIIO Electronics Technology Co., Ltd.-About FIIO</title>
20    <link rel="icon" href="//nwzimg.wezhan.net/sitefiles18000/18000638/F.png"/><link rel="shortcut icon" href="//nwzimg.wezhan.net/sitefiles18000/18000638/F.png"/><link rel="bookmark" href="//nwzimg.wezhan.net/sitefiles18000/18000638/F.png"/>
21    <link href="//nwzimg.wezhan.net/Designer/Content/bottom/pcstyle.css?_version=20250709232452" rel="stylesheet" type="text/css"/>
22    <link href="//nwzimg.wezhan.net/Content/public/css/reset.css?_version=20251020173726" rel="stylesheet" type="text/css"/>
23    <link href="//nwzimg.wezhan.net/static/iconfont/1.0.0/iconfont.css?_version=20250709232456" rel="stylesheet" type="text/css"/>
24    <link href="//nwzimg.wezhan.net/static/iconfont/2.0.0/iconfont.css?_version=20250709232456" rel="stylesheet" type="text/css"/>
25    <link href="//nwzimg.wezhan.net/static/iconfont/designer/iconfont.css?_version=20250709232456" rel="stylesheet" type="text/css"/>
26    <link href="//nwzimg.wezhan.net/static/iconfont/companyinfo/iconfont.css?_version=20250709232456" rel="stylesheet" type="text/css"/>
27    <link href="//nwzimg.wezhan.net/Designer/Content/base/css/pager.css?_version=20250709232452" rel="stylesheet" type="text/css"/>
28    <link href="//nwzimg.wezhan.net/Designer/Content/base/css/hover-effects.css?_version=20250709232452" rel="stylesheet" type="text/css"/>
29    <link href="//nwzimg.wezhan.net/Designer/Content/base/css/antChain.css?_version=20250709232452" rel="stylesheet" type="text/css"/>
30
31
32    
33    <link href="//nwzimg.wezhan.net/pubsf/18000/18000638/css/2966_Pc_en-US.css?preventCdnCacheSeed=9da06eee3455423cb279ffcaecd20d53" rel="stylesheet" />
34    
34<script src="//nwzimg.wezhan.net/Scripts/JQuery/jquery.min.js?_version=20260303160456" type="text/javascript"></script>
34
35    
35<script src="//nwzimg.wezhan.net/Designer/Scripts/jquery.lazyload.min.js?_version=20250709232452" type="text/javascript"></script>
35
36    
36<script src="//nwzimg.wezhan.net/Designer/Scripts/smart.animation.min.js?_version=20260601145855" type="text/javascript"></script>
36
37    
37<script src="//nwzimg.wezhan.net/Designer/Content/Designer-panel/js/kino.razor.min.js?_version=20250709232452" type="text/javascript"></script>
37
38    
38<script src="//nwzimg.wezhan.net/Scripts/common.min.js?v=20200318&_version=20260520105428" type="text/javascript"></script>
38
39    
39<script src="//nwzimg.wezhan.net/Administration/Scripts/admin.validator.min.js?_version=20250709232450" type="text/javascript"></script>
39
40    
40<script src="//nwzimg.wezhan.net/Administration/Content/plugins/cookie/jquery.cookie.js?_version=20250709232450" type="text/javascript"></script>
40
41    
41<script src="//nwzimg.wezhan.net/Scripts/utils.js?_version=20260519161227" type="text/javascript"></script>
41
42
43    
43<script type='text/javascript' id='SuperSlide' src='//nwzimg.wezhan.net/Designer/Content/Designer-panel/js/jquery.SuperSlide.2.1.1.js' ></script>
43<script type='text/javascript' id='jqPaginator' src='//nwzimg.wezhan.net/Scripts/statics/js/jqPaginator.min.js' ></script>
43
44    
45    
45<script type="text/javascript">
46           window.SEED_CONFIG = {
47       customerId: ""
48            };
49        $.ajaxSetup({
50            cache: false,
51            beforeSend: function (jqXHR, settings) {
52                settings.data = settings.data && settings.data.length > 0 ? (settings.data + "&") : "";
53                settings.data = settings.data + "__RequestVerificationToken=" + $('input[name="__RequestVerificationToken"]').val();
54                return true;
55            }
56        });
57    </script>
vendor: 2 bytes, line 57
57
58<script>
59var _hmt = _hmt || [];
60(function() {
61  var hm = document.createElement("script");
62  hm.src = "https://hm.baidu.com/hm.js?49837ffab1a11b30b9dc9143593b0499";
63  var s = document.getElementsByTagName("script")[0]; 
64  s.parentNode.insertBefore(hm, s);
65})();
66</script>
66
67
68
69</head>
70<body id="smart-body" area="main">
71
72    <!--  -->
73<style>
74    .scd-maintenance-icon {
75        display: flex;
76        justify-content: center;
77        flex-direction: column;
78        align-items: center;
79        gap: 2px;
80        background: #fff;
81        box-shadow: 0 0 16px #51627433;
82        border-radius: 30px;
83        width: 36px;
84        padding: 8px 3px 12px;
85        color: #231d0d;
86        position: fixed;
87        left: 45px;
88        bottom: 16px;
89        z-index: 2147483600;
90        line-height: 1.4;
91    }
92    .scd-maintenance-icon-text {
93        width: 14px;
94        font-size: 14px;
95        line-height: 16px;
96    }
97    .scd-maintenance-icon[hidden] { display: none !important; }
98</style>
99<div id="scdMaintenanceIcon" class="scd-maintenance-icon" hidden>
100    <img src="/Administration/Content/images/ai-timing-loader.png" alt="计时中" width="30" height="30" />
101    <span class="scd-maintenance-icon-text">计时中</span>
102</div>
103<script type="text/javascript">
104    (function () {
105        // 第二道防线:服务端去重守卫已经能挡住所有走 partial 的重复渲染;
106        // 这里再兜一层,以防有人手抄同段 HTML 到页面里造成 window.MaintenanceIcon 被覆盖。
107        if (window.MaintenanceIcon && window.MaintenanceIcon.__mounted) return;
108
109        // iframe 内一律 no-op,仅 top frame 实例驱动 icon 显隐
110        var isTop = true;
111        try { isTop = (window.top === window.self); } catch (e) { isTop = false; }
112        if (!isTop) {
113            window.MaintenanceIcon = window.MaintenanceIcon || {
114                show: function () { }, hide: function () { }
115            };
116            return;
117        }
118
119        var el = document.getElementById('scdMaintenanceIcon');
120        window.MaintenanceIcon = {
121            __mounted: true,
122            show: function () { if (el) el.hidden = false; },
123            hide: function () { if (el) el.hidden = true; }
124        };
125    })();
126</script>
126
127
128
129    <input type="hidden" id="pageinfo"
130           value="2966"
131           data-type="1"
132           data-device="Pc"
133           data-entityid="2966" />
134    <input id="txtDeviceSwitchEnabled" value="show" type="hidden" />
135
136
137
138
139    
140
141
142    
143<!-- 在 mainContentWrapper 的下一层的三个div上设置了zindex。把页头页尾所在的层级调整高于中间内容,以防止中间内容遮盖页头页尾 -->
144
145<div id="mainContentWrapper" style="background-color: transparent; background-image: none; background-repeat: no-repeat;background-position:0 0; background:-moz-linear-gradient(top, none, none);background:-webkit-gradient(linear, left top, left bottom, from(none), to(none));background:-o-linear-gradient(top, none, none);background:-ms-linear-gradient(top, none, none);background:linear-gradient(top, none, none);;
146     position: relative; width: 100%;min-width:1200px;background-size: auto;" bgScroll="none">
147    
148    <div style="background-color: rgb(102, 102, 102); background-image: none; background-repeat: no-repeat;background-position:0 0; background:-moz-linear-gradient(top, none, none);background:-webkit-gradient(linear, left top, left bottom, from(none), to(none));background:-o-linear-gradient(top, none, none);background:-ms-linear-gradient(top, none, none);background:linear-gradient(top, none, none);;
149         position: relative; width: 100%;min-width:1200px;background-size: auto; z-index:auto;" bgScroll="none">
150        <div class=" header" cpid="3469" id="smv_Area0" style="width: 1200px; height: 116px;  position: relative; margin: 0 auto">
151            <div id="smv_tem_408_51" ctype="banner"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="" tareaId="Area0"  re-direction="y" daxis="Y" isdeletable="True" style="height: 68px; width: 100%; left: 0px; top: 0px;z-index:10053;"><div class="yibuFrameContent tem_408_51  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="tem_408_51" style="width:1200px">
152    <div id="smv_tem_410_0" ctype="image"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_408_51" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 80px; width: 205px; left: 24px; top: -6px;z-index:2;"><div class="yibuFrameContent tem_410_0  image_Style1  " style="overflow:visible;;" >
153    <div class="w-image-box image-clip-wrap" data-fillType="0" id="div_tem_410_0">
154        <a target="_self" href="https://www.fiio.com">
155            <img loading="lazy" 
156                 src="//temporary-cdn.wezhan.net/contents/sitefiles3600/18000638/images/7444999.png" 
157                 alt="logo" 
158                 title="logo" 
159                 id="img_smv_tem_410_0" 
160                 style="width: 205px; height:80px;"
161                 class="imgCliped"
162             >
163        </a>
164    </div>
165
166    
166<script type="text/javascript">
167        $(function () {
168                 });
169    </script>
169
170
171</div></div><div id="smv_tem_561_40" ctype="languages"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style3" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_408_51" tareaId="Area0"  re-direction="x" daxis="All" isdeletable="True" style="height: 24px; width: 165px; left: 836px; top: 21px;z-index:10023;"><div class="yibuFrameContent tem_561_40  languages_Style3  " style="overflow:visible;;" ><div class="smv_con_1_1">
172    <div class="w-language">
173        <ul class="w-language-group f-clearfix">
174            <li class="w-language-item ">
175                <a href="javascript:void(0)" class="w-language-link" languageid="1" languageculture="en-US">
176                    <span class="w-language-img ">
177                        <img loading="lazy" src="/static/languagesFlagImage/us.png" />
178                        <span class="w-language-img-line"></span>
179                    </span>
180                    <span w-language-text>English</span>
181                </a>
182                <span class="w-language-item-line "></span>
183            </li> 
184            <li class="w-language-item ">
185                <a href="javascript:void(0)" class="w-language-link" languageid="2" languageculture="zh-CN">
186                    <span class="w-language-img ">
187                        <img loading="lazy" src="/static/languagesFlagImage/cn.png" />
188                        <span class="w-language-img-line"></span>
189                    </span>
190                    <span w-language-text>简体中文</span>
191                </a>
192                <span class="w-language-item-line "></span>
193            </li> 
194        </ul>
195    </div>
196</div>
197<script type="text/javascript">
198
199    $(function () {
200        $('#smv_tem_561_40').on("click", "li.w-language-item a", function () {
201            var languageid = $(this).attr("languageid");
202            var languageculture = $(this).attr("languageculture");
203            if (languageid != undefined) {
204                $.ajax({
205                    cache: false,
206                    url: "/Common/ChangeRunTimeLanguage",
207                    type: "post",
208                    data: { languageId: languageid, languageCulture: languageculture },
209                    dataType: "json",
210                    success: function (result) {
211                        if (result.IsSuccess) {
212                            var href = window.location.href;
213                            href = unescape(href);
214                            if (href.indexOf("languageId=") > -1) {
215                                href =href.replace(/languageId=\d/, "languageId=" + languageid);
216                                //href = escape(href);
217                                window.location.href = href;
218                            } else
219                                location.reload();
220                        }
221                    },
222                    error: function () { }
223                });
224            }
225        })
226    });
227</script>
227
228</div></div><div id="smv_tem_564_21" ctype="area"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="tem_408_51" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 25px; width: 131px; left: 1028px; top: 21px;z-index:0;"><div class="yibuFrameContent tem_564_21  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
229    <div class="smAreaC" id="smc_Area0" cid="tem_564_21">
230            </div>
231</div></div></div><div id="smv_tem_565_21" ctype="text"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item3" areaId="Area0" isContainer="False" pvid="tem_408_51" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 16px; width: 113px; left: 1038px; top: 27px;z-index:10012;"><div class="yibuFrameContent tem_565_21  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_565_21' style="height: 100%;">
232    <div class="editableContent" id="txtc_tem_565_21" style="height: 100%; word-wrap:break-word;">
233        <p><strong><span style="font-family:Arial,Helvetica,sans-serif"><a href="https://servicequery.fiio.com/checkProductCode" target="_blank"><span style="color:#555555">Check Authenticity</span></a></span></strong></p>
234
235    </div>
236</div>
237
238<script>
239    var tables = $(' #smv_tem_565_21').find('table')
240    for (var i = 0; i < tables.length; i++) {
241        var tab = tables[i]
242        var borderWidth = $(tab).attr('border')
243        if (borderWidth <= 0 || !borderWidth) {
244            console.log(tab)
245            $(tab).addClass('hidden-border')
246            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
247            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
248            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
249            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
250            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
251            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
252        }
253    }
254</script>
254</div></div><div id="smv_tem_566_21" ctype="button"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_408_51" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 27px; width: 42px; left: 1158px; top: 21px;z-index:10024;"><div class="yibuFrameContent tem_566_21  button_Style1  " style="overflow:visible;;" ><a target="_self" href="https://check.fiio.com/" class="w-button f-ellipsis" style="width: 40px; height: 25px; line-height: 25px;">
255    <span class="w-button-position">
256        <em class="w-button-text f-ellipsis">
257            <i class="mw-iconfont w-button-icon ">ꄙ</i>
258            <span class="mw-txt"></span>
259        </em>
260    </span>
261</a>
262    
262<script type="text/javascript">
263        $(function () {
264        });
265    </script>
265
266</div></div><div id="smv_tem_664_49" ctype="nav"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_408_51" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 20px; width: 535px; left: 289px; top: 24px;z-index:3;"><div class="yibuFrameContent tem_664_49  nav_Style1  " style="overflow:visible;;" ><div id="nav_tem_664_49" class="nav_pc_t_1">
267    <ul class="w-nav" navstyle="style1">
268                <li class="w-nav-inner" style="height:20px;line-height:20px;width:16.6666666666667%;">
269                    <div class="w-nav-item">
270                        <i class="w-nav-item-line"></i>
271                                <a href="/About_FIIO" target="_self" class="w-nav-item-link">
272                                    <span class="mw-iconfont"></span>
273                                    <span class="w-link-txt">About&#160;FIIO</span>
274                                </a>
275                       
276                    </div>
277                </li>
278                <li class="w-nav-inner" style="height:20px;line-height:20px;width:16.6666666666667%;">
279                    <div class="w-nav-item">
280                        <i class="w-nav-item-line"></i>
281                                <a href="https://www.aliexpress.com/store/1103837960?spm=a2g0o.detail.0.0.3838BCtJBCtJER" target="_blank" class="w-nav-item-link">
282                                    <span class="mw-iconfont"></span>
283                                    <span class="w-link-txt">Aliexpress</span>
284                                </a>
285                       
286                    </div>
287                </li>
288                <li class="w-nav-inner" style="height:20px;line-height:20px;width:16.6666666666667%;">
289                    <div class="w-nav-item">
290                        <i class="w-nav-item-line"></i>
291                                <a href="/wheretobuy" target="_blank" class="w-nav-item-link">
292                                    <span class="mw-iconfont"></span>
293                                    <span class="w-link-txt">Agents</span>
294                                </a>
295                       
296                    </div>
297                </li>
298                <li class="w-nav-inner" style="height:20px;line-height:20px;width:16.6666666666667%;">
299                    <div class="w-nav-item">
300                        <i class="w-nav-item-line"></i>
301                                <a href="https://forum.fiio.com/" target="_blank" class="w-nav-item-link">
302                                    <span class="mw-iconfont"></span>
303                                    <span class="w-link-txt">Forum</span>
304                                </a>
305                       
306                    </div>
307                </li>
308                <li class="w-nav-inner" style="height:20px;line-height:20px;width:16.6666666666667%;">
309                    <div class="w-nav-item">
310                        <i class="w-nav-item-line"></i>
311                                <a href="/supports" target="_blank" class="w-nav-item-link">
312                                    <span class="mw-iconfont"></span>
313                                    <span class="w-link-txt">Support</span>
314                                </a>
315                       
316                    </div>
317                </li>
318                <li class="w-nav-inner" style="height:20px;line-height:20px;width:16.6666666666667%;">
319                    <div class="w-nav-item">
320                        <i class="w-nav-item-line"></i>
321                                <a href="https://forum.fiio.com/note/showNoteContent.do?id=202105191527366657910&amp;tid=17" target="_blank" class="w-nav-item-link">
322                                    <span class="mw-iconfont"></span>
323                                    <span class="w-link-txt">DAC&#160;Driver</span>
324                                </a>
325                       
326                    </div>
327                </li>
328
329    </ul>
330</div>
331<script>
332    $(function () {
333        var $nav = $("#smv_tem_664_49 .w-nav");
334        var $inner = $("#smv_tem_664_49 .w-nav-inner");
335        var rightBorder = parseInt($nav.css("border-right-width"));
336        var leftBorder = parseInt($nav.css("border-left-width"));
337        var topBorder = parseInt($nav.css("border-top-width"));
338        var bottomBorder = parseInt($nav.css("border-bottom-width"));
339        var height = $("#smv_tem_664_49").height();
340        var width = $('#smv_tem_664_49').width();
341        $nav.height(height - topBorder - bottomBorder);
342        $nav.width(width - leftBorder - rightBorder);
343        $inner.height(height - topBorder - bottomBorder).css("line-height", height - topBorder - bottomBorder+"px");
344
345
346        $('#nav_tem_664_49').find('.w-subnav').hide();
347        var $this, item, itemAll;
348        $('#nav_tem_664_49').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
349            itemAll = $('#nav_tem_664_49').find('.w-subnav');
350            $this = $(this);
351            item = $this.find('.w-subnav');
352            item.slideDown();
353        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
354            item = $(this).find('.w-subnav');
355            item.stop().slideUp(function () {
356                ////设置回调,防止slidUp自动加上height和width导致在子导航中设置height和width无效
357                //item.css({
358                //    height: '',
359                //    width: ''
360                //})
361            });
362        });
363        SetNavSelectedStyle('nav_tem_664_49');//选中当前导航
364    });
365
366</script>
366</div></div></div>
367<div id="bannerWrap_tem_408_51" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
368</div>
369
370<script type="text/javascript">
371
372    $(function () {
373        var resize = function () {
374            $("#smv_tem_408_51 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_tem_408_51").parent().width());
375            $('#bannerWrap_tem_408_51').fullScreen(function (t) {
376                if (VisitFromMobile()) {
377                    t.css("min-width", t.parent().width())
378                }
379            });
380        }
381        if (typeof (LayoutConverter) !== "undefined") {
382            LayoutConverter.CtrlJsVariableList.push({
383                CtrlId: "tem_408_51",
384                ResizeFunc: resize,
385            });
386        } else {
387            $(window).resize(function (e) {
388                if (e.target == this) {
389                    resize();
390                }
391            });
392        }
393
394        resize();
395    });
396</script>
396
397</div></div><div id="smv_tem_666_26" ctype="banner"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="" tareaId="Area0"  re-direction="y" daxis="Y" isdeletable="True" style="height: 50px; width: 100%; left: 0px; top: 67px;z-index:0;"><div class="yibuFrameContent tem_666_26  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="tem_666_26" style="width:1200px">
398    </div>
399<div id="bannerWrap_tem_666_26" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
400</div>
401
402<script type="text/javascript">
403
404    $(function () {
405        var resize = function () {
406            $("#smv_tem_666_26 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_tem_666_26").parent().width());
407            $('#bannerWrap_tem_666_26').fullScreen(function (t) {
408                if (VisitFromMobile()) {
409                    t.css("min-width", t.parent().width())
410                }
411            });
412        }
413        if (typeof (LayoutConverter) !== "undefined") {
414            LayoutConverter.CtrlJsVariableList.push({
415                CtrlId: "tem_666_26",
416                ResizeFunc: resize,
417            });
418        } else {
419            $(window).resize(function (e) {
420                if (e.target == this) {
421                    resize();
422                }
423            });
424        }
425
426        resize();
427    });
428</script>
428
429</div></div><div id="smv_tem_672_26" ctype="tab"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style6" ccolor="Item0" areaId="Area0" isContainer="True" pvid="" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 247px; width: 1216px; left: -7px; top: 84px;z-index:10056;"><div class="yibuFrameContent tem_672_26  tab_Style6  " style="overflow:visible;;" >
430<div class="w-label" id="tab_tem_672_26">
431    <ul class="w-label-tips">
432        <li class="w-label-tips-line"><span></span></li>
433            <li class="w-label-tips-item " style="" data-area="tabArea1639706124002">
434                <a class="f-ellipsis" href="/category" target="_blank" style="line-height: 29px">All products</a>
435                <span class="mask" style=""></span>
436            </li>
437            <li class="w-label-tips-line"><span></span></li>
438            <li class="w-label-tips-item " style="" data-area="tabArea2">
439                <a class="f-ellipsis" href="" target="_self" style="line-height: 29px">Portable Devices</a>
440                <span class="mask" style=""></span>
441            </li>
442            <li class="w-label-tips-line"><span></span></li>
443            <li class="w-label-tips-item " style="" data-area="tabArea1">
444                <a class="f-ellipsis" href="" target="_self" style="line-height: 29px">Desktop Devices</a>
445                <span class="mask" style=""></span>
446            </li>
447            <li class="w-label-tips-line"><span></span></li>
448            <li class="w-label-tips-item " style="" data-area="tabArea1639213987013">
449                <a class="f-ellipsis" href="" target="_blank" style="line-height: 29px">Headphones</a>
450                <span class="mask" style=""></span>
451            </li>
452            <li class="w-label-tips-line"><span></span></li>
453            <li class="w-label-tips-item " style="" data-area="tabArea1682559296322">
454                <a class="f-ellipsis" href="" target="_blank" style="line-height: 29px">Speakers</a>
455                <span class="mask" style=""></span>
456            </li>
457            <li class="w-label-tips-line"><span></span></li>
458            <li class="w-label-tips-item " style="" data-area="tabArea1711706053139">
459                <a class="f-ellipsis" href="" target="_blank" style="line-height: 29px">Retro Products</a>
460                <span class="mask" style=""></span>
461            </li>
462            <li class="w-label-tips-line"><span></span></li>
463            <li class="w-label-tips-item " style="" data-area="tabArea1700193845170">
464                <a class="f-ellipsis" href="" target="_blank" style="line-height: 29px">Keyboard</a>
465                <span class="mask" style=""></span>
466            </li>
467            <li class="w-label-tips-line"><span></span></li>
468            <li class="w-label-tips-item " style="" data-area="tabArea1639214012625">
469                <a class="f-ellipsis" href="/xc_1" target="_blank" style="line-height: 29px">Cables</a>
470                <span class="mask" style=""></span>
471            </li>
472            <li class="w-label-tips-line"><span></span></li>
473            <li class="w-label-tips-item " style="" data-area="tabArea1639360923269">
474                <a class="f-ellipsis" href="/qtpj" target="_blank" style="line-height: 29px">Accessories</a>
475                <span class="mask" style=""></span>
476            </li>
477            <li class="w-label-tips-line"><span></span></li>
478    </ul>
479    <ul class="w-label-content">
480
481            <li class="w-label-content-item " data-area="tabArea1639706124002">
482                <div class="smAreaC" id="smc_tabArea1639706124002" cid="tem_672_26" style="height: 68px;">
483                                    </div>
484            </li>
485            <li class="w-label-content-item " data-area="tabArea2">
486                <div class="smAreaC" id="smc_tabArea2" cid="tem_672_26" style="height: 268px;">
487                    <div id="smv_tem_760_59" ctype="tab"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style7" ccolor="Item0" areaId="tabArea2" isContainer="True" pvid="tem_672_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 195px; width: 1191px; left: 0px; top: 67px;z-index:10048;"><div class="yibuFrameContent tem_760_59  tab_Style7  " style="overflow:visible;;" >
488
489    <div class="w-label" id="tab_tem_760_59">
490        <ul class="w-label-content">
491
492                <li class="w-label-content-item current" data-area="tabArea2">
493                    <div class="smAreaC" id="smc_tabArea2" cid="tem_760_59" style="height: 159px;">
494                        <div id="smv_tem_761_59" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea2" isContainer="False" pvid="tem_760_59" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 157px; width: 1281px; left: -26px; top: -56px;z-index:16;"><div class="yibuFrameContent tem_761_59  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
495
496    <div id="tem_761_59_collections" class="w-imglist-list">
497
498
499        <ul class="w-imglist-ul" id="ulList_tem_761_59">
500                <li class="w-imglist-item">
501                    <div class="w-imglist-in">
502                        <a href="/ECHONANO" target="_self" class="w-imglist-img">
503                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/17421538
5036.png" alt="" title="ECHO NANO" />
504                        </a>
505
506                            <div class="w-imglist-title-bg"></div>
507                            <a href="" class="w-imglist-title">ECHO NANO</a>
508                    </div>
509                </li>
510                <li class="w-imglist-item">
511                    <div class="w-imglist-in">
512                        <a href="/M33R2R" target="_self" class="w-imglist-img">
513                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174036431.png" alt="" title="M33 R2R" />
514                        </a>
515
516                            <div class="w-imglist-title-bg"></div>
517                            <a href="" class="w-imglist-title">M33 R2R</a>
518                    </div>
519                </li>
520                <li class="w-imglist-item">
521                    <div class="w-imglist-in">
522                        <a href="/m27" target="_self" class="w-imglist-img">
523                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11628094.png" alt="" title="M27" />
524                        </a>
525
526                            <div class="w-imglist-title-bg"></div>
527                            <a href="" class="w-imglist-title">M27</a>
528                    </div>
529                </li>
530                <li class="w-imglist-item">
531                    <div class="w-imglist-in">
532                        <a href="/m15s" target="_self" class="w-imglist-img">
533                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8249599.png" alt="" title="M15S" />
534                        </a>
535
536                            <div class="w-imglist-title-bg"></div>
537                            <a href="" class="w-imglist-title">M15S</a>
538                    </div>
539                </li>
540                <li class="w-imglist-item">
541                    <div class="w-imglist-in">
542                        <a href="/m23" target="_self" class="w-imglist-img">
543                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8957114.png" alt="" title="M23" />
544                        </a>
545
546                            <div class="w-imglist-title-bg"></div>
547                            <a href="" class="w-imglist-title">M23</a>
548                    </div>
549                </li>
550                <li class="w-imglist-item">
551                    <div class="w-imglist-in">
552                        <a href="/jm21" target="_self" class="w-imglist-img">
553                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10080329.png" alt="" title="JM21" />
554                        </a>
555
556                            <div class="w-imglist-title-bg"></div>
557                            <a href="" class="w-imglist-title">JM21</a>
558                    </div>
559                </li>
560                <li class="w-imglist-item">
561                    <div class="w-imglist-in">
562                        <a href="/m21" target="_self" class="w-imglist-img">
563                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10877573.png" alt="" title="M21" />
564                        </a>
565
566                            <div class="w-imglist-title-bg"></div>
567                            <a href="" class="w-imglist-title">M21</a>
568                    </div>
569                </li>
570                <li class="w-imglist-item">
571                    <div class="w-imglist-in">
572                        <a href="/echomini" target="_self" class="w-imglist-img">
573                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174081374.png" alt="" title="ECHO MINI" />
574                        </a>
575
576                            <div class="w-imglist-title-bg"></div>
577                            <a href="" class="w-imglist-title">ECHO MINI</a>
578                    </div>
579                </li>
580                <li class="w-imglist-item">
581                    <div class="w-imglist-in">
582                        <a href="/DISC" target="_self" class="w-imglist-img">
583                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174081375.png" alt="" title="DISC" />
584                        </a>
585
586                            <div class="w-imglist-title-bg"></div>
587                            <a href="" class="w-imglist-title">DISC</a>
588                    </div>
589                </li>
590            <div style="clear:both;"></div>
591        </ul>
592    </div>
593</div>
594<div id='pager_tem_761_59' jp-htmlid='tem_761_59' class='xn-pager xn-resize'  jp-style='Style1_Item0' jp-color='0' jp-align='center' jp-enable='true' jp-device='pc'   jp-first='首页' jp-prev='Prev' jp-next='Next' jp-last='尾页' jp-more='More' jp-goto='jump to' jp-go='GO'   jp-totalpages='2' jp-totalcounts='10' jp-pagesize='9' jp-currentpage='1' jp-vpage='5'   jp-listtype='picture' jp-cid='' jp-eid='' jp-datestyle='yyyy-MM-dd' jp-orderbyfield='createtime' jp-orderbytype='desc' jp-skey='' jp-templateid='0' jp-postdata='[{"PictureId":"174215386","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F17421538
5946.png","PictureTitle":"ECHO%20NANO","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"364635","LinkUrl":"%2FECHONANO","Target":"_self","Title":"ECHO%20NANO","DisplayOrder":"1"},{"PictureId":"174036431","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174036431.png","PictureTitle":"M33%20R2R","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"362341","LinkUrl":"%2FM33R2R","Target":"_self","Title":"M33%20R2R","DisplayOrder":"2"},{"PictureId":"11628094","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11628094.png","PictureTitle":"M27","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"359251","LinkUrl":"%2Fm27","Target":"_self","Title":"M21_10241558_651","DisplayOrder":"3"},{"PictureId":"8249599","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8249599.png","PictureTitle":"M15S","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"272721","LinkUrl":"%2Fm15s","Target":"_self","Title":"M15S","DisplayOrder":"4"},{"PictureId":"8957114","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8957114.png","PictureTitle":"M23","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"306621","LinkUrl":"%2Fm23","Target":"_self","Title":"M23","DisplayOrder":"5"},{"PictureId":"10080329","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F10080329.png","PictureTitle":"JM21","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"330092","LinkUrl":"%2Fjm21","Target":"_self","Title":"JM21","DisplayOrder":"6"},{"PictureId":"10877573","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F10877573.png","PictureTitle":"M21","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"345449","LinkUrl":"%2Fm21","Target":"_self","Title":"M21","DisplayOrder":"7"},{"PictureId":"174081374","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174081374.png","PictureTitle":"ECHO%20MINI","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"336375","LinkUrl":"%2Fechomini","Target":"_self","Title":"ECHO%20MINI","DisplayOrder":"8"},{"PictureId":"174081375","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174081375.png","PictureTitle":"DISC","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"361492","LinkUrl":"%2FDISC","Target":"_self","Title":"DISC","DisplayOrder":"9"},{"PictureId":"174081377","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174081377.png","PictureTitle":"ECHO","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"362258","LinkUrl":"%2Fecho","Target":"_self","Title":"ECHO","DisplayOrder":"10"}]' jp-callback='callback_tem_761_59' jp-es='false' jp-localload='0' ></div>
594<script>$(function(){xnPager('pager_tem_761_59');});</script>
594    
594<script type="text/template" id="listTemplate_tem_761_59">
595        <li class="w-imglist-item">
596            <div class="w-imglist-in">
597                $if(data.LinkType == "dialog")
598                {
599                    <a href="javascript:void(0)" class="w-imglist-img"  onclick="showWZDialog('$data.EntityId')">
600                }
601                else
602                {
603                    $if(data.LinkUrl =="" ||data.LinkUrl =="javascript:void(0)"){
604                         <a target="$data.Target" class="w-imglist-img">
605                    }else{
606                         <a href="$data.LinkUrl" target="$data.Target" class="w-imglist-img" linktype="$data.LinkType">
607                    } 
608                }
609                   <img loading="lazy" class=" CutFill" src="$data.PicUrl" alt="$data.Short" title="$data.Name" />
610                   </a>
611
612                    <div class="w-imglist-title-bg"></div>
613                    <a href="javascript:void(0)" class="w-imglist-title">$data.Name</a>
614            </div>
615        </li>
616    </script>
616
617<!--//End w-imglist-collections-->
618<script type="text/javascript">
619    var tem_761_59_navIndex = $('#smv_tem_761_59').css("z-index");
620    //图片横向竖向居中显示
621    function  tem_761_59_imgZoomInit() {
622        $('#tem_761_59_collections .w-imglist-item').append(function () {
623            ht = $(this).find('.w-imglist-in').html();
624            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
625        });
626        $("#tem_761_59_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
627        $("#tem_761_59_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
628    }
629
630    function  tem_761_59_InitImg() {
631        tem_761_59_imgZoomInit();
632        if ("off" == "on") {
633            $('#tem_761_59_collections .w-imglist-item').hover(function () {
634                $('#smv_tem_761_59').css("z-Index", "9999999");
635                var img = $(this).find(".w-imglist-bigimg img");
636                var realWidth;//原始宽度
637                var realHeight;//原始高度
638                var height = parseInt(155);
639                var IntHeight = height;
640                $(this).addClass('on');
641                realWidth = img.width();
642                realHeight = img.height();
643                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
644                if (realWidth < IntHeight) {
645                    $(this).find('.w-imglist-in').css('left', '0')
646                } else {
647                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
648                };
649            }, function () {
650                var img = $(this).find(".w-imglist-in img");
651                $(this).animate({
652                    height: 155 + "px"
653                },
654                100).removeClass('on');
655                $('#smv_tem_761_59').css("z-Index", tem_761_59_navIndex);
656                $(this).find('.w-imglist-in').css('left', '0')
657            });
658        }
659    }
660    function callback_tem_761_59() {
661        tem_761_59_InitImg();
662    }
663    $(function () {
664        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
665        tem_761_59_InitImg();
666    });
667</script>
667</div></div>                    </div>
668                </li>
669                <li class="w-label-content-item " data-area="tabArea1">
670                    <div class="smAreaC" id="smc_tabArea1" cid="tem_760_59" style="height: 159px;">
671                        <div id="smv_tem_762_59" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1" isContainer="False" pvid="tem_760_59" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 152px; width: 607px; left: 294px; top: -20px;z-index:16;"><div class="yibuFrameContent tem_762_59  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
672
673    <div id="tem_762_59_collections" class="w-imglist-list">
674
675
676        <ul class="w-imglist-ul" id="ulList_tem_762_59">
677                <li class="w-imglist-item">
678                    <div class="w-imglist-in">
679                        <a href="/q15" target="_self" class="w-imglist-img">
680                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8410511.png" alt="" title="Q15" />
681                        </a>
682
683                            <div class="w-imglist-title-bg"></div>
684                            <a href="" class="w-imglist-title">Q15</a>
685                    </div>
686                </li>
687                <li class="w-imglist-item">
688                    <div class="w-imglist-in">
689                        <a href="/q7" target="_self" class="w-imglist-img">
690                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/6775497.png" alt="" title="Q7" />
691                        </a>
692
693                            <div class="w-imglist-title-bg"></div>
694                            <a href="" class="w-imglist-title">Q7</a>
695                    </div>
696                </li>
697                <li class="w-imglist-item">
698                    <div class="w-imglist-in">
699                        <a href="/q3mqa" target="_self" class="w-imglist-img">
700                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5253773.png" alt="" title="Q3-MQA" />
701                        </a>
702
703                            <div class="w-imglist-title-bg"></div>
704                            <a href="" class="w-imglist-title">Q3-MQA</a>
705                    </div>
706                </li>
707                <li class="w-imglist-item">
708                    <div class="w-imglist-in">
709                        <a href="/q11" target="_self" class="w-imglist-img">
710                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/7221223.png" alt="" title="Q11" />
711                        </a>
712
713                            <div class="w-imglist-title-bg"></div>
714                            <a href="" class="w-imglist-title">Q11</a>
715                    </div>
716                </li>
717            <div style="clear:both;"></div>
718        </ul>
719    </div>
720</div>
721<!--//End w-imglist-collections-->
722<script type="text/javascript">
723    var tem_762_59_navIndex = $('#smv_tem_762_59').css("z-index");
724    //图片横向竖向居中显示
725    function  tem_762_59_imgZoomInit() {
726        $('#tem_762_59_collections .w-imglist-item').append(function () {
727            ht = $(this).find('.w-imglist-in').html();
728            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
729        });
730        $("#tem_762_59_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
731        $("#tem_762_59_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
732    }
733
734    function  tem_762_59_InitImg() {
735        tem_762_59_imgZoomInit();
736        if ("off" == "on") {
737            $('#tem_762_59_collections .w-imglist-item').hover(function () {
738                $('#smv_tem_762_59').css("z-Index", "9999999");
739                var img = $(this).find(".w-imglist-bigimg img");
740                var realWidth;//原始宽度
741                var realHeight;//原始高度
742                var height = parseInt(155);
743                var IntHeight = height;
744                $(this).addClass('on');
745                realWidth = img.width();
746                realHeight = img.height();
747                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
748                if (realWidth < IntHeight) {
749                    $(this).find('.w-imglist-in').css('left', '0')
750                } else {
751                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
752                };
753            }, function () {
754                var img = $(this).find(".w-imglist-in img");
755                $(this).animate({
756                    height: 155 + "px"
757                },
758                100).removeClass('on');
759                $('#smv_tem_762_59').css("z-Index", tem_762_59_navIndex);
760                $(this).find('.w-imglist-in').css('left', '0')
761            });
762        }
763    }
764    function callback_tem_762_59() {
765        tem_762_59_InitImg();
766    }
767    $(function () {
768        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
769        tem_762_59_InitImg();
770    });
771</script>
771</div></div>                    </div>
772                </li>
773                <li class="w-label-content-item " data-area="tabArea1639213987013">
774                    <div class="smAreaC" id="smc_tabArea1639213987013" cid="tem_760_59" style="height: 159px;">
775                        <div id="smv_tem_763_59" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639213987013" isContainer="False" pvid="tem_760_59" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 156px; width: 1219px; left: 10px; top: -27px;z-index:16;"><div class="yibuFrameContent tem_763_59  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
776
777    <div id="tem_763_59_collections" class="w-imglist-list">
778
779
780        <ul class="w-imglist-ul" id="ulList_tem_763_59">
781                <li class="w-imglist-item">
782                    <div class="w-imglist-in">
783                        <a href="/retronano" target="_self" class="w-imglist-img">
784                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10338756.png" alt="" title="RETRO NANO" />
785                        </a>
786
787                            <div class="w-imglist-title-bg"></div>
788                            <a href="" class="w-imglist-title">RETRO NANO</a>
789                    </div>
790                </li>
791                <li class="w-imglist-item">
792                    <div class="w-imglist-in">
793                        <a href="/btr17" target="_self" class="w-imglist-img">
794                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10055677.png" alt="" title="BTR17" />
795                        </a>
796
797                            <div class="w-imglist-title-bg"></div>
798                            <a href="" class="w-imglist-title">BTR17</a>
799                    </div>
800                </li>
801                <li class="w-imglist-item">
802                    <div class="w-imglist-in">
803                        <a href="/btr11" target="_self" class="w-imglist-img">
804                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9868938.png" alt="" title="BTR11" />
805                        </a>
806
807                            <div class="w-imglist-title-bg"></div>
808                            <a href="" class="w-imglist-title">BTR11</a>
809                    </div>
810                </li>
811                <li class="w-imglist-item">
812                    <div class="w-imglist-in">
813                        <a href="/BTR13" target="_self" class="w-imglist-img">
814                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9718444.png" alt="" title="BTR13" />
815                        </a>
816
817                            <div class="w-imglist-title-bg"></div>
818                            <a href="" class="w-imglist-title">BTR13</a>
819                    </div>
820                </li>
821                <li class="w-imglist-item">
822                    <div class="w-imglist-in">
823                        <a href="/BTR15" target="_self" class="w-imglist-img">
824                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8377988.png" alt="" title="BTR15" />
825                        </a>
826
827                            <div class="w-imglist-title-bg"></div>
828                            <a href="" class="w-imglist-title">BTR15</a>
829                    </div>
830                </li>
831                <li class="w-imglist-item">
832                    <div class="w-imglist-in">
833                        <a href="/btr7" target="_self" class="w-imglist-img">
834                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8378002.png" alt="" title="BTR7" />
835                        </a>
836
837                            <div class="w-imglist-title-bg"></div>
838                            <a href="" class="w-imglist-title">BTR7</a>
839                    </div>
840                </li>
841                <li class="w-imglist-item">
842                    <div class="w-imglist-in">
843                        <a href="/btr52021" target="_self" class="w-imglist-img">
844                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8378003.png" alt="" title="BTR5 2021" />
845                        </a>
846
847                            <div class="w-imglist-title-bg"></div>
848                            <a href="" class="w-imglist-title">BTR5 2021</a>
849                    </div>
850                </li>
851                <li class="w-imglist-item">
852                    <div class="w-imglist-in">
853                        <a href="/btr3k" target="_self" class="w-imglist-img">
854                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8378004.png" alt="" title="BTR3K" />
855                        </a>
856
857                            <div class="w-imglist-title-bg"></div>
858                            <a href="" class="w-imglist-title">BTR3K</a>
859                    </div>
860                </li>
861            <div style="clear:both;"></div>
862        </ul>
863    </div>
864</div>
865<!--//End w-imglist-collections-->
866<script type="text/javascript">
867    var tem_763_59_navIndex = $('#smv_tem_763_59').css("z-index");
868    //图片横向竖向居中显示
869    function  tem_763_59_imgZoomInit() {
870        $('#tem_763_59_collections .w-imglist-item').append(function () {
871            ht = $(this).find('.w-imglist-in').html();
872            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
873        });
874        $("#tem_763_59_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
875        $("#tem_763_59_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
876    }
877
878    function  tem_763_59_InitImg() {
879        tem_763_59_imgZoomInit();
880        if ("off" == "on") {
881            $('#tem_763_59_collections .w-imglist-item').hover(function () {
882                $('#smv_tem_763_59').css("z-Index", "9999999");
883                var img = $(this).find(".w-imglist-bigimg img");
884                var realWidth;//原始宽度
885                var realHeight;//原始高度
886                var height = parseInt(155);
887                var IntHeight = height;
888                $(this).addClass('on');
889                realWidth = img.width();
890                realHeight = img.height();
891                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
892                if (realWidth < IntHeight) {
893                    $(this).find('.w-imglist-in').css('left', '0')
894                } else {
895                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
896                };
897            }, function () {
898                var img = $(this).find(".w-imglist-in img");
899                $(this).animate({
900                    height: 155 + "px"
901                },
902                100).removeClass('on');
903                $('#smv_tem_763_59').css("z-Index", tem_763_59_navIndex);
904                $(this).find('.w-imglist-in').css('left', '0')
905            });
906        }
907    }
908    function callback_tem_763_59() {
909        tem_763_59_InitImg();
910    }
911    $(function () {
912        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
913        tem_763_59_InitImg();
914    });
915</script>
915</div></div>                    </div>
916                </li>
917                <li class="w-label-content-item " data-area="tabArea1639360923269">
918                    <div class="smAreaC" id="smc_tabArea1639360923269" cid="tem_760_59" style="height: 159px;">
919                        <div id="smv_tem_764_59" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639360923269" isContainer="False" pvid="tem_760_59" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 154px; width: 660px; left: 305px; top: -66px;z-index:16;"><div class="yibuFrameContent tem_764_59  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
920
921    <div id="tem_764_59_collections" class="w-imglist-list">
922
923
924        <ul class="w-imglist-ul" id="ulList_tem_764_59">
925                <li class="w-imglist-item">
926                    <div class="w-imglist-in">
927                        <a href="/utws5" target="_self" class="w-imglist-img">
928                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5250649.png" alt="Bluetooth Headset Power Amplifier" title="UTWS5" />
929                        </a>
930
931                            <div class="w-imglist-title-bg"></div>
932                            <a href="" class="w-imglist-title">UTWS5</a>
933                    </div>
934                </li>
935                <li class="w-imglist-item">
936                    <div class="w-imglist-in">
937                        <a href="/utws3" target="_self" class="w-imglist-img">
938                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5250648.png" alt="Bluetooth Headset Power Amplifier" title="UTWS3" />
939                        </a>
940
941                            <div class="w-imglist-title-bg"></div>
942                            <a href="" class="w-imglist-title">UTWS3</a>
943                    </div>
944                </li>
945                <li class="w-imglist-item">
946                    <div class="w-imglist-in">
947                        <a href="/utws52025" target="_self" class="w-imglist-img">
948                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10590595.png" alt="" title="UTWS5 2025" />
949                        </a>
950
951                            <div class="w-imglist-title-bg"></div>
952                            <a href="" class="w-imglist-title">UTWS5 2025</a>
953                    </div>
954                </li>
955                <li class="w-imglist-item">
956                    <div class="w-imglist-in">
957                        <a href="/UTWS17" target="_self" class="w-imglist-img">
958                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174328779.png" alt="" title="UTWS17" />
959                        </a>
960
961                            <div class="w-imglist-title-bg"></div>
962                            <a href="" class="w-imglist-title">UTWS17</a>
963                    </div>
964                </li>
965            <div style="clear:both;"></div>
966        </ul>
967    </div>
968</div>
969<!--//End w-imglist-collections-->
970<script type="text/javascript">
971    var tem_764_59_navIndex = $('#smv_tem_764_59').css("z-index");
972    //图片横向竖向居中显示
973    function  tem_764_59_imgZoomInit() {
974        $('#tem_764_59_collections .w-imglist-item').append(function () {
975            ht = $(this).find('.w-imglist-in').html();
976            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
977        });
978        $("#tem_764_59_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
979        $("#tem_764_59_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
980    }
981
982    function  tem_764_59_InitImg() {
983        tem_764_59_imgZoomInit();
984        if ("off" == "on") {
985            $('#tem_764_59_collections .w-imglist-item').hover(function () {
986                $('#smv_tem_764_59').css("z-Index", "9999999");
987                var img = $(this).find(".w-imglist-bigimg img");
988                var realWidth;//原始宽度
989                var realHeight;//原始高度
990                var height = parseInt(155);
991                var IntHeight = height;
992                $(this).addClass('on');
993                realWidth = img.width();
994                realHeight = img.height();
995                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
996                if (realWidth < IntHeight) {
997                    $(this).find('.w-imglist-in').css('left', '0')
998                } else {
999                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1000                };
1001            }, function () {
1002                var img = $(this).find(".w-imglist-in img");
1003                $(this).animate({
1004                    height: 155 + "px"
1005                },
1006                100).removeClass('on');
1007                $('#smv_tem_764_59').css("z-Index", tem_764_59_navIndex);
1008                $(this).find('.w-imglist-in').css('left', '0')
1009            });
1010        }
1011    }
1012    function callback_tem_764_59() {
1013        tem_764_59_InitImg();
1014    }
1015    $(function () {
1016        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1017        tem_764_59_InitImg();
1018    });
1019</script>
1019</div></div>                    </div>
1020                </li>
1021                <li class="w-label-content-item " data-area="tabArea1639214012625">
1022                    <div class="smAreaC" id="smc_tabArea1639214012625" cid="tem_760_59" style="height: 159px;">
1023                        <div id="smv_tem_765_59" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639214012625" isContainer="False" pvid="tem_760_59" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 155px; width: 1281px; left: -23px; top: -36px;z-index:16;"><div class="yibuFrameContent tem_765_59  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1024
1025    <div id="tem_765_59_collections" class="w-imglist-list">
1026
1027
1028        <ul class="w-imglist-ul" id="ulList_tem_765_59">
1029                <li class="w-imglist-item">
1030                    <div class="w-imglist-in">
1031                        <a href="/tiny" target="_self" class="w-imglist-img">
1032                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174233652.png" alt="" title="TINY" />
1033                        </a>
1034
1035                            <div class="w-imglist-title-bg"></div>
1036                            <a href="" class="w-imglist-title">TINY</a>
1037                    </div>
1038                </li>
1039                <li class="w-imglist-item">
1040                    <div class="w-imglist-in">
1041                        <a href="/QX11" target="_self" class="w-imglist-img">
1042                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174334439.png" alt="" title="QX11" />
1043                        </a>
1044
1045                            <div class="w-imglist-title-bg"></div>
1046                            <a href="" class="w-imglist-title">QX11</a>
1047                    </div>
1048                </li>
1049                <li class="w-imglist-item">
1050                    <div class="w-imglist-in">
1051                        <a href="/QX13" target="_self" class="w-imglist-img">
1052                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11268749.png" alt="" title="QX13" />
1053                        </a>
1054
1055                            <div class="w-imglist-title-bg"></div>
1056                            <a href="" class="w-imglist-title">QX13</a>
1057                    </div>
1058                </li>
1059                <li class="w-imglist-item">
1060                    <div class="w-imglist-in">
1061                        <a href="/melody" target="_self" class="w-imglist-img">
1062                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11369460.png" alt="" title="MELODY" />
1063                        </a>
1064
1065                            <div class="w-imglist-title-bg"></div>
1066                            <a href="" class="w-imglist-title">MELODY</a>
1067                    </div>
1068                </li>
1069                <li class="w-imglist-item">
1070                    <div class="w-imglist-in">
1071                        <a href="/KA17" target="_self" class="w-imglist-img">
1072                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8725109.png" alt="" title="KA17" />
1073                        </a>
1074
1075                            <div class="w-imglist-title-bg"></div>
1076                            <a href="" class="w-imglist-title">KA17</a>
1077                    </div>
1078                </li>
1079                <li class="w-imglist-item">
1080                    <div class="w-imglist-in">
1081                        <a href="/KA15" target="_self" class="w-imglist-img">
1082                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9811566.png" alt="DAC&#160;and&#160;Headphone&#160;Amplifier" title="KA15" />
1083                        </a>
1084
1085                            <div class="w-imglist-title-bg"></div>
1086                            <a href="" class="w-imglist-title">KA15</a>
1087                    </div>
1088                </li>
1089                <li class="w-imglist-item">
1090                    <div class="w-imglist-in">
1091                        <a href="/ka13" target="_self" class="w-imglist-img">
1092                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8178258.png" alt="" title="KA13" />
1093                        </a>
1094
1095                            <div class="w-imglist-title-bg"></div>
1096                            <a href="" class="w-imglist-title">KA13</a>
1097                    </div>
1098                </li>
1099                <li class="w-imglist-item">
1100                    <div class="w-imglist-in">
1101                        <a href="https://www.jadeaudio.com/XC2?product_id=71&amp;_l=en" target="_self" class="w-imglist-img">
1102                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8715139.png" alt="" title="KA11" />
1103                        </a>
1104
1105                            <div class="w-imglist-title-bg"></div>
1106                            <a href="" class="w-imglist-title">KA11</a>
1107                    </div>
1108                </li>
1109                <li class="w-imglist-item">
1110                    <div class="w-imglist-in">
1111                        <a href="https://www.aliexpress.com/item/3256806981694729.html?gatewayAdapt=4itemAdapt" target="_self" class="w-imglist-img">
1112                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9321754.png" alt="DAC&#160;and&#160;Headphone&#160;Amplifier" title="JA11" />
1113                        </a>
1114
1115                            <div class="w-imglist-title-bg"></div>
1116                            <a href="" class="w-imglist-title">JA11</a>
1117                    </div>
1118                </li>
1119            <div style="clear:both;"></div>
1120        </ul>
1121    </div>
1122</div>
1123<!--//End w-imglist-collections-->
1124<script type="text/javascript">
1125    var tem_765_59_navIndex = $('#smv_tem_765_59').css("z-index");
1126    //图片横向竖向居中显示
1127    function  tem_765_59_imgZoomInit() {
1128        $('#tem_765_59_collections .w-imglist-item').append(function () {
1129            ht = $(this).find('.w-imglist-in').html();
1130            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1131        });
1132        $("#tem_765_59_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1133        $("#tem_765_59_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1134    }
1135
1136    function  tem_765_59_InitImg() {
1137        tem_765_59_imgZoomInit();
1138        if ("off" == "on") {
1139            $('#tem_765_59_collections .w-imglist-item').hover(function () {
1140                $('#smv_tem_765_59').css("z-Index", "9999999");
1141                var img = $(this).find(".w-imglist-bigimg img");
1142                var realWidth;//原始宽度
1143                var realHeight;//原始高度
1144                var height = parseInt(155);
1145                var IntHeight = height;
1146                $(this).addClass('on');
1147                realWidth = img.width();
1148                realHeight = img.height();
1149                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1150                if (realWidth < IntHeight) {
1151                    $(this).find('.w-imglist-in').css('left', '0')
1152                } else {
1153                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1154                };
1155            }, function () {
1156                var img = $(this).find(".w-imglist-in img");
1157                $(this).animate({
1158                    height: 155 + "px"
1159                },
1160                100).removeClass('on');
1161                $('#smv_tem_765_59').css("z-Index", tem_765_59_navIndex);
1162                $(this).find('.w-imglist-in').css('left', '0')
1163            });
1164        }
1165    }
1166    function callback_tem_765_59() {
1167        tem_765_59_InitImg();
1168    }
1169    $(function () {
1170        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1171        tem_765_59_InitImg();
1172    });
1173</script>
1173</div></div>                    </div>
1174                </li>
1175                <li class="w-label-content-item " data-area="tabArea1724052457088">
1176                    <div class="smAreaC" id="smc_tabArea1724052457088" cid="tem_760_59" style="height: 159px;">
1177                        <div id="smv_tem_766_59" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1724052457088" isContainer="False" pvid="tem_760_59" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 154px; width: 660px; left: 458px; top: -32px;z-index:16;"><div class="yibuFrameContent tem_766_59  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1178
1179    <div id="tem_766_59_collections" class="w-imglist-list">
1180
1181
1182        <ul class="w-imglist-ul" id="ulList_tem_766_59">
1183                <li class="w-imglist-item">
1184                    <div class="w-imglist-in">
1185                        <a href="/bt11" target="_self" class="w-imglist-img">
1186                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9656496.png" alt="" title="BT11" />
1187                        </a>
1188
1189                            <div class="w-imglist-title-bg"></div>
1190                            <a href="" class="w-imglist-title">BT11</a>
1191                    </div>
1192                </li>
1193                <li class="w-imglist-item">
1194                    <div class="w-imglist-in">
1195                        <a href="/airlink" target="_self" class="w-imglist-img">
1196                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11628081.png" alt="" title="AIR LINK" />
1197                        </a>
1198
1199                            <div class="w-imglist-title-bg"></div>
1200                            <a href="" class="w-imglist-title">AIR LINK</a>
1201                    </div>
1202                </li>
1203            <div style="clear:both;"></div>
1204        </ul>
1205    </div>
1206</div>
1207<!--//End w-imglist-collections-->
1208<script type="text/javascript">
1209    var tem_766_59_navIndex = $('#smv_tem_766_59').css("z-index");
1210    //图片横向竖向居中显示
1211    function  tem_766_59_imgZoomInit() {
1212        $('#tem_766_59_collections .w-imglist-item').append(function () {
1213            ht = $(this).find('.w-imglist-in').html();
1214            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1215        });
1216        $("#tem_766_59_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1217        $("#tem_766_59_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1218    }
1219
1220    function  tem_766_59_InitImg() {
1221        tem_766_59_imgZoomInit();
1222        if ("off" == "on") {
1223            $('#tem_766_59_collections .w-imglist-item').hover(function () {
1224                $('#smv_tem_766_59').css("z-Index", "9999999");
1225                var img = $(this).find(".w-imglist-bigimg img");
1226                var realWidth;//原始宽度
1227                var realHeight;//原始高度
1228                var height = parseInt(155);
1229                var IntHeight = height;
1230                $(this).addClass('on');
1231                realWidth = img.width();
1232                realHeight = img.height();
1233                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1234                if (realWidth < IntHeight) {
1235                    $(this).find('.w-imglist-in').css('left', '0')
1236                } else {
1237                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1238                };
1239            }, function () {
1240                var img = $(this).find(".w-imglist-in img");
1241                $(this).animate({
1242                    height: 155 + "px"
1243                },
1244                100).removeClass('on');
1245                $('#smv_tem_766_59').css("z-Index", tem_766_59_navIndex);
1246                $(this).find('.w-imglist-in').css('left', '0')
1247            });
1248        }
1249    }
1250    function callback_tem_766_59() {
1251        tem_766_59_InitImg();
1252    }
1253    $(function () {
1254        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1255        tem_766_59_InitImg();
1256    });
1257</script>
1257</div></div>                    </div>
1258                </li>
1259                <li class="w-label-content-item " data-area="tabArea1746495533755">
1260                    <div class="smAreaC" id="smc_tabArea1746495533755" cid="tem_760_59" style="height: 159px;">
1261                        <div id="smv_tem_767_59" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1746495533755" isContainer="False" pvid="tem_760_59" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 154px; width: 660px; left: 525px; top: -32px;z-index:16;"><div class="yibuFrameContent tem_767_59  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1262
1263    <div id="tem_767_59_collections" class="w-imglist-list">
1264
1265
1266        <ul class="w-imglist-ul" id="ulList_tem_767_59">
1267                <li class="w-imglist-item">
1268                    <div class="w-imglist-in">
1269                        <a href="/Anywhere" target="_self" class="w-imglist-img">
1270                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10610364.png" alt="" title="ANYWHERE" />
1271                        </a>
1272
1273                            <div class="w-imglist-title-bg"></div>
1274                            <a href="" class="w-imglist-title">ANYWHERE</a>
1275                    </div>
1276                </li>
1277            <div style="clear:both;"></div>
1278        </ul>
1279    </div>
1280</div>
1281<!--//End w-imglist-collections-->
1282<script type="text/javascript">
1283    var tem_767_59_navIndex = $('#smv_tem_767_59').css("z-index");
1284    //图片横向竖向居中显示
1285    function  tem_767_59_imgZoomInit() {
1286        $('#tem_767_59_collections .w-imglist-item').append(function () {
1287            ht = $(this).find('.w-imglist-in').html();
1288            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1289        });
1290        $("#tem_767_59_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1291        $("#tem_767_59_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1292    }
1293
1294    function  tem_767_59_InitImg() {
1295        tem_767_59_imgZoomInit();
1296        if ("off" == "on") {
1297            $('#tem_767_59_collections .w-imglist-item').hover(function () {
1298                $('#smv_tem_767_59').css("z-Index", "9999999");
1299                var img = $(this).find(".w-imglist-bigimg img");
1300                var realWidth;//原始宽度
1301                var realHeight;//原始高度
1302                var height = parseInt(155);
1303                var IntHeight = height;
1304                $(this).addClass('on');
1305                realWidth = img.width();
1306                realHeight = img.height();
1307                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1308                if (realWidth < IntHeight) {
1309                    $(this).find('.w-imglist-in').css('left', '0')
1310                } else {
1311                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1312                };
1313            }, function () {
1314                var img = $(this).find(".w-imglist-in img");
1315                $(this).animate({
1316                    height: 155 + "px"
1317                },
1318                100).removeClass('on');
1319                $('#smv_tem_767_59').css("z-Index", tem_767_59_navIndex);
1320                $(this).find('.w-imglist-in').css('left', '0')
1321            });
1322        }
1323    }
1324    function callback_tem_767_59() {
1325        tem_767_59_InitImg();
1326    }
1327    $(function () {
1328        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1329        tem_767_59_InitImg();
1330    });
1331</script>
1331</div></div>                    </div>
1332                </li>
1333        </ul>
1334        <ul class="w-label-tips">
1335            <li class="w-label-tips-line current"></li>
1336
1337                <li class="w-label-tips-item current"  style="" data-area="tabArea2">
1338                    <a class="f-ellipsis" href="" target="_self">DAP</a>
1339                </li>
1340                <li class="w-label-tips-line current"></li>
1341                <li class="w-label-tips-item "  style="" data-area="tabArea1">
1342                    <a class="f-ellipsis" href="" target="_self">DAC/AMP</a>
1343                </li>
1344                <li class="w-label-tips-line "></li>
1345                <li class="w-label-tips-item "  style="" data-area="tabArea1639213987013">
1346                    <a class="f-ellipsis" href="" target="_blank">Bluetooth DAC/AMP</a>
1347                </li>
1348                <li class="w-label-tips-line "></li>
1349                <li class="w-label-tips-item "  style="" data-area="tabArea1639360923269">
1350                    <a class="f-ellipsis" href="" target="_blank">Bluetooth ear hooks</a>
1351                </li>
1352                <li class="w-label-tips-line "></li>
1353                <li class="w-label-tips-item "  style="" data-area="tabArea1639214012625">
1354                    <a class="f-ellipsis" href="" target="_blank">USB dongles</a>
1355                </li>
1356                <li class="w-label-tips-line "></li>
1357                <li class="w-label-tips-item "  style="" data-area="tabArea1724052457088">
1358                    <a class="f-ellipsis" href="" target="_blank">Bluetooth TX/RX</a>
1359                </li>
1360                <li class="w-label-tips-line "></li>
1361                <li class="w-label-tips-item "  style="" data-area="tabArea1746495533755">
1362                    <a class="f-ellipsis" href="" target="_blank">Portable Speaker</a>
1363                </li>
1364                <li class="w-label-tips-line "></li>
1365        </ul>
1366    </div>
1367<style>
1368    #smv_tem_760_59 {height:auto !important;}
1369</style>
1370<script type="text/javascript">
1371    var target_tem_760_59;
1372    $(function () {
1373
1374
1375       var event = "click";
1376
1377        _initDom();
1378        _initEvent();
1379
1380
1381        function _initDom() {
1382            $("#tab_tem_760_59 > .w-label-content").show();
1383            $("#smv_tem_760_59").attr("selectArea", "tabArea2");
1384        }
1385
1386        function _initEvent() {
1387
1388            if (event === 'click') {
1389                // 鼠标滑入事件
1390                 $("#tab_tem_760_59 > .w-label-tips >.w-label-tips-item").on('mouseenter', function () {
1391                    var $content = $("#tab_tem_760_59 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
1392                    $("#smv_tem_760_59").attr("selectArea", $content.attr("data-area"));
1393                     $content.find("img").cutFillAuto();
1394                     if (!$(this).hasClass('current')) {
1395                         $(this).children('a').addClass('hover')
1396                     }
1397                     $(this).prev().addClass('hover')
1398                     $(this).next().addClass('hover')
1399                 });
1400
1401                 $("#tab_tem_760_59 > .w-label-tips >.w-label-tips-item").on('mouseleave', function () {
1402                    var $content = $("#tab_tem_760_59 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
1403                    $("#smv_tem_760_59").attr("selectArea", $content.attr("data-area"));
1404                     $content.find("img").cutFillAuto();
1405                     if ($(this).children('a').hasClass('hover')) {
1406                         $(this).children('a').removeClass('hover')
1407                     }
1408                     $(this).prev().removeClass('hover')
1409                     $(this).next().removeClass('hover')
1410                 });
1411            }
1412
1413
1414            // 点击事件
1415            $("#tab_tem_760_59 > .w-label-tips > li > a").on(event, function (e) {
1416                var area = $(this).parent().attr('data-area')
1417                $(this).parent().addClass('current').siblings().removeClass('current');
1418                $(this).parent().prev().addClass('current')
1419                $(this).parent().next().addClass('current')
1420                $("#tab_tem_760_59 > .w-label-content> li[data-area=" + area +"]").addClass('current').siblings().removeClass('current');
1421            });
1422
1423        }
1424    });
1425</script>
1425
1426</div></div>                </div>
1427            </li>
1428            <li class="w-label-content-item " data-area="tabArea1">
1429                <div class="smAreaC" id="smc_tabArea1" cid="tem_672_26" style="height: 250px;">
1430                    <div id="smv_tem_679_26" ctype="tab"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style7" ccolor="Item0" areaId="tabArea1" isContainer="True" pvid="tem_672_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 225px; width: 1245px; left: -11px; top: 21px;z-index:10055;"><div class="yibuFrameContent tem_679_26  tab_Style7  " style="overflow:visible;;" >
1431
1432    <div class="w-label" id="tab_tem_679_26">
1433        <ul class="w-label-content">
1434
1435                <li class="w-label-content-item current" data-area="tabArea2">
1436                    <div class="smAreaC" id="smc_tabArea2" cid="tem_679_26" style="height: 188px;">
1437                        <div id="smv_tem_680_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea2" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 161px; width: 1200px; left: 29px; top: -22px;z-index:16;"><div class="yibuFrameContent tem_680_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1438
1439    <div id="tem_680_26_collections" class="w-imglist-list">
1440
1441
1442        <ul class="w-imglist-ul" id="ulList_tem_680_26">
1443                <li class="w-imglist-item">
1444                    <div class="w-imglist-in">
1445                        <a href="http://javascript:;" target="_self" class="w-imglist-img">
1446                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174250069.png" alt="" title="GIGAS&#160;1" />
1447                        </a>
1448
1449                            <div class="w-imglist-title-bg"></div>
1450                            <a href="" class="w-imglist-title">GIGAS&#160;1</a>
1451                    </div>
1452                </li>
1453                <li class="w-imglist-item">
1454                    <div class="w-imglist-in">
1455                        <a href="/classa" target="_self" class="w-imglist-img">
1456                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174327013.png" alt="" title="CLASS&#160;A" />
1457                        </a>
1458
1459                            <div class="w-imglist-title-bg"></div>
1460                            <a href="" class="w-imglist-title">CLASS&#160;A</a>
1461                    </div>
1462                </li>
1463                <li class="w-imglist-item">
1464                    <div class="w-imglist-in">
1465                        <a href="/K17R2R" target="_self" class="w-imglist-img">
1466                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174293999.png" alt="" title="K17&#160;R2R" />
1467                        </a>
1468
1469                            <div class="w-imglist-title-bg"></div>
1470                            <a href="" class="w-imglist-title">K17&#160;R2R</a>
1471                    </div>
1472                </li>
1473                <li class="w-imglist-item">
1474                    <div class="w-imglist-in">
1475                        <a href="/k15" target="_self" class="w-imglist-img">
1476                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11281048.png" alt="" title="K15" />
1477                        </a>
1478
1479                            <div class="w-imglist-title-bg"></div>
1480                            <a href="" class="w-imglist-title">K15</a>
1481                    </div>
1482                </li>
1483                <li class="w-imglist-item">
1484                    <div class="w-imglist-in">
1485                        <a href="/k17" target="_self" class="w-imglist-img">
1486                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10351676.png" alt="" title="K17" />
1487                        </a>
1488
1489                            <div class="w-imglist-title-bg"></div>
1490                            <a href="" class="w-imglist-title">K17</a>
1491                    </div>
1492                </li>
1493                <li class="w-imglist-item">
1494                    <div class="w-imglist-in">
1495                        <a href="/k13" target="_self" class="w-imglist-img">
1496                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174361314.png" alt="" title="K13" />
1497                        </a>
1498
1499                            <div class="w-imglist-title-bg"></div>
1500                            <a href="" class="w-imglist-title">K13</a>
1501                    </div>
1502                </li>
1503                <li class="w-imglist-item">
1504                    <div class="w-imglist-in">
1505                        <a href="/k13r2r" target="_self" class="w-imglist-img">
1506                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11415042.png" alt="" title="K13&#160;R2R" />
1507                        </a>
1508
1509                            <div class="w-imglist-title-bg"></div>
1510                            <a href="" class="w-imglist-title">K13&#160;R2R</a>
1511                    </div>
1512                </li>
1513                <li class="w-imglist-item">
1514                    <div class="w-imglist-in">
1515                        <a href="/k11r2r" target="_self" class="w-imglist-img">
1516                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9436563.png" alt="" title="K11R2R" />
1517                        </a>
1518
1519                            <div class="w-imglist-title-bg"></div>
1520                            <a href="" class="w-imglist-title">K11R2R</a>
1521                    </div>
1522                </li>
1523            <div style="clear:both;"></div>
1524        </ul>
1525    </div>
1526</div>
1527<div id='pager_tem_680_26' jp-htmlid='tem_680_26' class='xn-pager xn-resize'  jp-style='Style1_Item0' jp-color='0' jp-align='center' jp-enable='true' jp-device='pc'   jp-first='首页' jp-prev='Prev' jp-next='Next' jp-last='尾页' jp-more='More' jp-goto='jump to' jp-go='GO'   jp-totalpages='2' jp-totalcounts='12' jp-pagesize='8' jp-currentpage='1' jp-vpage='5'   jp-listtype='picture' jp-cid='' jp-eid='' jp-datestyle='yyyy-MM-dd' jp-orderbyfield='createtime' jp-orderbytype='desc' jp-skey='' jp-templateid='0' jp-postdata='[{"PictureId":"174250069","PictureTitle":"GIGAS%26nbsp%3B1","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"http%3A%2F%2Fjavascript%3A%3B","DisplayOrder":"1","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174250069.png","EntityId":"","Title":""},{"PictureId":"174327013","PictureTitle":"CLASS%26nbsp%3BA","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fclassa","DisplayOrder":"2","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174327013.png","EntityId":"367203","Title":"CLASS%20A"},{"PictureId":"174293999","PictureTitle":"K17%26nbsp%3BR2R","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2FK17R2R","DisplayOrder":"3","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174293999.png","EntityId":"365998","Title":"K17%20R2R"},{"PictureId":"11281048","PictureTitle":"K15","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fk15","DisplayOrder":"4","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11281048.png","EntityId":"352707","Title":"K15"},{"PictureId":"10351676","PictureTitle":"K17","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fk17","DisplayOrder":"5","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F10351676.png","EntityId":"335578","Title":"K17"},{"PictureId":"174361314","PictureTitle":"K13","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fk13","DisplayOrder":"6","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174361314.png","EntityId":"367851","Title":"K13"}
1527,{"PictureId":"11415042","PictureTitle":"K13%26nbsp%3BR2R","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fk13r2r","DisplayOrder":"7","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11415042.png","EntityId":"355798","Title":"K13%20R2R"},{"PictureId":"9436563","PictureTitle":"K11R2R","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fk11r2r","DisplayOrder":"8","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F9436563.png","EntityId":"317750","Title":"K11%20R2R"},{"PictureId":"9442217","PictureTitle":"K19","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fk19","DisplayOrder":"9","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F9442217.png","EntityId":"305917","Title":"K19"},{"PictureId":"8213122","PictureTitle":"K11","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fk11","DisplayOrder":"10","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8213122.png","EntityId":"292730","Title":"K11"},{"PictureId":"8589552","PictureTitle":"K9%26nbsp%3BAKM","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2FK9AKM","DisplayOrder":"11","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8589552.png","EntityId":"299107","Title":"K9%20AKM"},{"PictureId":"7197804","PictureTitle":"K9","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2FK9","DisplayOrder":"12","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F7197804.png","EntityId":"266877","Title":"K9"}]' jp-callback='callback_tem_680_26' jp-es='false' jp-localload='0' ></div>
1527<script>$(function(){xnPager('pager_tem_680_26');});</script>
1527    
1527<script type="text/template" id="listTemplate_tem_680_26">
1528        <li class="w-imglist-item">
1529            <div class="w-imglist-in">
1530                $if(data.LinkType == "dialog")
1531                {
1532                    <a href="javascript:void(0)" class="w-imglist-img"  onclick="showWZDialog('$data.EntityId')">
1533                }
1534                else
1535                {
1536                    $if(data.LinkUrl =="" ||data.LinkUrl =="javascript:void(0)"){
1537                         <a target="$data.Target" class="w-imglist-img">
1538                    }else{
1539                         <a href="$data.LinkUrl" target="$data.Target" class="w-imglist-img" linktype="$data.LinkType">
1540                    } 
1541                }
1542                   <img loading="lazy" class=" CutFill" src="$data.PicUrl" alt="$data.Short" title="$data.Name" />
1543                   </a>
1544
1545                    <div class="w-imglist-title-bg"></div>
1546                    <a href="javascript:void(0)" class="w-imglist-title">$data.Name</a>
1547            </div>
1548        </li>
1549    </script>
1549
1550<!--//End w-imglist-collections-->
1551<script type="text/javascript">
1552    var tem_680_26_navIndex = $('#smv_tem_680_26').css("z-index");
1553    //图片横向竖向居中显示
1554    function  tem_680_26_imgZoomInit() {
1555        $('#tem_680_26_collections .w-imglist-item').append(function () {
1556            ht = $(this).find('.w-imglist-in').html();
1557            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1558        });
1559        $("#tem_680_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1560        $("#tem_680_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1561    }
1562
1563    function  tem_680_26_InitImg() {
1564        tem_680_26_imgZoomInit();
1565        if ("off" == "on") {
1566            $('#tem_680_26_collections .w-imglist-item').hover(function () {
1567                $('#smv_tem_680_26').css("z-Index", "9999999");
1568                var img = $(this).find(".w-imglist-bigimg img");
1569                var realWidth;//原始宽度
1570                var realHeight;//原始高度
1571                var height = parseInt(155);
1572                var IntHeight = height;
1573                $(this).addClass('on');
1574                realWidth = img.width();
1575                realHeight = img.height();
1576                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1577                if (realWidth < IntHeight) {
1578                    $(this).find('.w-imglist-in').css('left', '0')
1579                } else {
1580                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1581                };
1582            }, function () {
1583                var img = $(this).find(".w-imglist-in img");
1584                $(this).animate({
1585                    height: 155 + "px"
1586                },
1587                100).removeClass('on');
1588                $('#smv_tem_680_26').css("z-Index", tem_680_26_navIndex);
1589                $(this).find('.w-imglist-in').css('left', '0')
1590            });
1591        }
1592    }
1593    function callback_tem_680_26() {
1594        tem_680_26_InitImg();
1595    }
1596    $(function () {
1597        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1598        tem_680_26_InitImg();
1599    });
1600</script>
1600</div></div>                    </div>
1601                </li>
1602                <li class="w-label-content-item " data-area="tabArea1675127959049">
1603                    <div class="smAreaC" id="smc_tabArea1675127959049" cid="tem_679_26" style="height: 188px;">
1604                        <div id="smv_tem_733_58" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1675127959049" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 121px; width: 468px; left: 355px; top: -7px;z-index:16;"><div class="yibuFrameContent tem_733_58  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1605
1606    <div id="tem_733_58_collections" class="w-imglist-list">
1607
1608
1609        <ul class="w-imglist-ul" id="ulList_tem_733_58">
1610                <li class="w-imglist-item">
1611                    <div class="w-imglist-in">
1612                        <a href="/r7" target="_self" class="w-imglist-img">
1613                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/7232026.png" alt="" title="R7" />
1614                        </a>
1615
1616                            <div class="w-imglist-title-bg"></div>
1617                            <a href="" class="w-imglist-title">R7</a>
1618                    </div>
1619                </li>
1620                <li class="w-imglist-item">
1621                    <div class="w-imglist-in">
1622                        <a href="/r9" target="_self" class="w-imglist-img">
1623                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8637379.png" alt="" title="R9" />
1624                        </a>
1625
1626                            <div class="w-imglist-title-bg"></div>
1627                            <a href="" class="w-imglist-title">R9</a>
1628                    </div>
1629                </li>
1630                <li class="w-imglist-item">
1631                    <div class="w-imglist-in">
1632                        <a href="/s15" target="_self" class="w-imglist-img">
1633                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10211502.png" alt="" title="S15" />
1634                        </a>
1635
1636                            <div class="w-imglist-title-bg"></div>
1637                            <a href="" class="w-imglist-title">S15</a>
1638                    </div>
1639                </li>
1640            <div style="clear:both;"></div>
1641        </ul>
1642    </div>
1643</div>
1644<!--//End w-imglist-collections-->
1645<script type="text/javascript">
1646    var tem_733_58_navIndex = $('#smv_tem_733_58').css("z-index");
1647    //图片横向竖向居中显示
1648    function  tem_733_58_imgZoomInit() {
1649        $('#tem_733_58_collections .w-imglist-item').append(function () {
1650            ht = $(this).find('.w-imglist-in').html();
1651            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1652        });
1653        $("#tem_733_58_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1654        $("#tem_733_58_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1655    }
1656
1657    function  tem_733_58_InitImg() {
1658        tem_733_58_imgZoomInit();
1659        if ("off" == "on") {
1660            $('#tem_733_58_collections .w-imglist-item').hover(function () {
1661                $('#smv_tem_733_58').css("z-Index", "9999999");
1662                var img = $(this).find(".w-imglist-bigimg img");
1663                var realWidth;//原始宽度
1664                var realHeight;//原始高度
1665                var height = parseInt(155);
1666                var IntHeight = height;
1667                $(this).addClass('on');
1668                realWidth = img.width();
1669                realHeight = img.height();
1670                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1671                if (realWidth < IntHeight) {
1672                    $(this).find('.w-imglist-in').css('left', '0')
1673                } else {
1674                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1675                };
1676            }, function () {
1677                var img = $(this).find(".w-imglist-in img");
1678                $(this).animate({
1679                    height: 155 + "px"
1680                },
1681                100).removeClass('on');
1682                $('#smv_tem_733_58').css("z-Index", tem_733_58_navIndex);
1683                $(this).find('.w-imglist-in').css('left', '0')
1684            });
1685        }
1686    }
1687    function callback_tem_733_58() {
1688        tem_733_58_InitImg();
1689    }
1690    $(function () {
1691        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1692        tem_733_58_InitImg();
1693    });
1694</script>
1694</div></div>                    </div>
1695                </li>
1696                <li class="w-label-content-item " data-area="tabArea1639213987013">
1697                    <div class="smAreaC" id="smc_tabArea1639213987013" cid="tem_679_26" style="height: 188px;">
1698                        <div id="smv_tem_681_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639213987013" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 121px; width: 469px; left: 373px; top: -35px;z-index:16;"><div class="yibuFrameContent tem_681_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1699
1700    <div id="tem_681_26_collections" class="w-imglist-list">
1701
1702
1703        <ul class="w-imglist-ul" id="ulList_tem_681_26">
1704                <li class="w-imglist-item">
1705                    <div class="w-imglist-in">
1706                        <a href="/br15r2r" target="_self" class="w-imglist-img">
1707                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11658739.png" alt="" title="BR15 R2R" />
1708                        </a>
1709
1710                            <div class="w-imglist-title-bg"></div>
1711                            <a href="" class="w-imglist-title">BR15 R2R</a>
1712                    </div>
1713                </li>
1714                <li class="w-imglist-item">
1715                    <div class="w-imglist-in">
1716                        <a href="/bta30pro" target="_self" class="w-imglist-img">
1717                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5296426.png" alt="" title="BTA30 Pro" />
1718                        </a>
1719
1720                            <div class="w-imglist-title-bg"></div>
1721                            <a href="" class="w-imglist-title">BTA30 Pro</a>
1722                    </div>
1723                </li>
1724                <li class="w-imglist-item">
1725                    <div class="w-imglist-in">
1726                        <a href="/br13" target="_self" class="w-imglist-img">
1727                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8294922.png" alt="" title="BR13" />
1728                        </a>
1729
1730                            <div class="w-imglist-title-bg"></div>
1731                            <a href="" class="w-imglist-title">BR13</a>
1732                    </div>
1733                </li>
1734            <div style="clear:both;"></div>
1735        </ul>
1736    </div>
1737</div>
1738<!--//End w-imglist-collections-->
1739<script type="text/javascript">
1740    var tem_681_26_navIndex = $('#smv_tem_681_26').css("z-index");
1741    //图片横向竖向居中显示
1742    function  tem_681_26_imgZoomInit() {
1743        $('#tem_681_26_collections .w-imglist-item').append(function () {
1744            ht = $(this).find('.w-imglist-in').html();
1745            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1746        });
1747        $("#tem_681_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1748        $("#tem_681_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1749    }
1750
1751    function  tem_681_26_InitImg() {
1752        tem_681_26_imgZoomInit();
1753        if ("off" == "on") {
1754            $('#tem_681_26_collections .w-imglist-item').hover(function () {
1755                $('#smv_tem_681_26').css("z-Index", "9999999");
1756                var img = $(this).find(".w-imglist-bigimg img");
1757                var realWidth;//原始宽度
1758                var realHeight;//原始高度
1759                var height = parseInt(155);
1760                var IntHeight = height;
1761                $(this).addClass('on');
1762                realWidth = img.width();
1763                realHeight = img.height();
1764                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1765                if (realWidth < IntHeight) {
1766                    $(this).find('.w-imglist-in').css('left', '0')
1767                } else {
1768                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1769                };
1770            }, function () {
1771                var img = $(this).find(".w-imglist-in img");
1772                $(this).animate({
1773                    height: 155 + "px"
1774                },
1775                100).removeClass('on');
1776                $('#smv_tem_681_26').css("z-Index", tem_681_26_navIndex);
1777                $(this).find('.w-imglist-in').css('left', '0')
1778            });
1779        }
1780    }
1781    function callback_tem_681_26() {
1782        tem_681_26_InitImg();
1783    }
1784    $(function () {
1785        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1786        tem_681_26_InitImg();
1787    });
1788</script>
1788</div></div>                    </div>
1789                </li>
1790                <li class="w-label-content-item " data-area="tabArea1639360923269">
1791                    <div class="smAreaC" id="smc_tabArea1639360923269" cid="tem_679_26" style="height: 188px;">
1792                        <div id="smv_tem_682_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639360923269" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 119px; width: 133px; left: 520px; top: -15px;z-index:16;"><div class="yibuFrameContent tem_682_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1793
1794    <div id="tem_682_26_collections" class="w-imglist-list">
1795
1796
1797        <ul class="w-imglist-ul" id="ulList_tem_682_26">
1798                <li class="w-imglist-item">
1799                    <div class="w-imglist-in">
1800                        <a href="/d03k" target="_self" class="w-imglist-img">
1801                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5296459.png" alt="数字音频解码器" title="D03K" />
1802                        </a>
1803
1804                            <div class="w-imglist-title-bg"></div>
1805                            <a href="" class="w-imglist-title">D03K</a>
1806                    </div>
1807                </li>
1808            <div style="clear:both;"></div>
1809        </ul>
1810    </div>
1811</div>
1812<!--//End w-imglist-collections-->
1813<script type="text/javascript">
1814    var tem_682_26_navIndex = $('#smv_tem_682_26').css("z-index");
1815    //图片横向竖向居中显示
1816    function  tem_682_26_imgZoomInit() {
1817        $('#tem_682_26_collections .w-imglist-item').append(function () {
1818            ht = $(this).find('.w-imglist-in').html();
1819            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1820        });
1821        $("#tem_682_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1822        $("#tem_682_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1823    }
1824
1825    function  tem_682_26_InitImg() {
1826        tem_682_26_imgZoomInit();
1827        if ("off" == "on") {
1828            $('#tem_682_26_collections .w-imglist-item').hover(function () {
1829                $('#smv_tem_682_26').css("z-Index", "9999999");
1830                var img = $(this).find(".w-imglist-bigimg img");
1831                var realWidth;//原始宽度
1832                var realHeight;//原始高度
1833                var height = parseInt(155);
1834                var IntHeight = height;
1835                $(this).addClass('on');
1836                realWidth = img.width();
1837                realHeight = img.height();
1838                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1839                if (realWidth < IntHeight) {
1840                    $(this).find('.w-imglist-in').css('left', '0')
1841                } else {
1842                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1843                };
1844            }, function () {
1845                var img = $(this).find(".w-imglist-in img");
1846                $(this).animate({
1847                    height: 155 + "px"
1848                },
1849                100).removeClass('on');
1850                $('#smv_tem_682_26').css("z-Index", tem_682_26_navIndex);
1851                $(this).find('.w-imglist-in').css('left', '0')
1852            });
1853        }
1854    }
1855    function callback_tem_682_26() {
1856        tem_682_26_InitImg();
1857    }
1858    $(function () {
1859        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1860        tem_682_26_InitImg();
1861    });
1862</script>
1862</div></div>                    </div>
1863                </li>
1864                <li class="w-label-content-item " data-area="tabArea1717578822742">
1865                    <div class="smAreaC" id="smc_tabArea1717578822742" cid="tem_679_26" style="height: 188px;">
1866                        <div id="smv_tem_750_18" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1717578822742" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 119px; width: 133px; left: 518px; top: -34px;z-index:16;"><div class="yibuFrameContent tem_750_18  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1867
1868    <div id="tem_750_18_collections" class="w-imglist-list">
1869
1870
1871        <ul class="w-imglist-ul" id="ulList_tem_750_18">
1872                <li class="w-imglist-item">
1873                    <div class="w-imglist-in">
1874                        <a href="/sr11" target="_self" class="w-imglist-img">
1875                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9245163.png" alt="" title="SR11" />
1876                        </a>
1877
1878                            <div class="w-imglist-title-bg"></div>
1879                            <a href="" class="w-imglist-title">SR11</a>
1880                    </div>
1881                </li>
1882            <div style="clear:both;"></div>
1883        </ul>
1884    </div>
1885</div>
1886<!--//End w-imglist-collections-->
1887<script type="text/javascript">
1888    var tem_750_18_navIndex = $('#smv_tem_750_18').css("z-index");
1889    //图片横向竖向居中显示
1890    function  tem_750_18_imgZoomInit() {
1891        $('#tem_750_18_collections .w-imglist-item').append(function () {
1892            ht = $(this).find('.w-imglist-in').html();
1893            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1894        });
1895        $("#tem_750_18_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1896        $("#tem_750_18_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1897    }
1898
1899    function  tem_750_18_InitImg() {
1900        tem_750_18_imgZoomInit();
1901        if ("off" == "on") {
1902            $('#tem_750_18_collections .w-imglist-item').hover(function () {
1903                $('#smv_tem_750_18').css("z-Index", "9999999");
1904                var img = $(this).find(".w-imglist-bigimg img");
1905                var realWidth;//原始宽度
1906                var realHeight;//原始高度
1907                var height = parseInt(155);
1908                var IntHeight = height;
1909                $(this).addClass('on');
1910                realWidth = img.width();
1911                realHeight = img.height();
1912                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1913                if (realWidth < IntHeight) {
1914                    $(this).find('.w-imglist-in').css('left', '0')
1915                } else {
1916                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1917                };
1918            }, function () {
1919                var img = $(this).find(".w-imglist-in img");
1920                $(this).animate({
1921                    height: 155 + "px"
1922                },
1923                100).removeClass('on');
1924                $('#smv_tem_750_18').css("z-Index", tem_750_18_navIndex);
1925                $(this).find('.w-imglist-in').css('left', '0')
1926            });
1927        }
1928    }
1929    function callback_tem_750_18() {
1930        tem_750_18_InitImg();
1931    }
1932    $(function () {
1933        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
1934        tem_750_18_InitImg();
1935    });
1936</script>
1936</div></div>                    </div>
1937                </li>
1938                <li class="w-label-content-item " data-area="tabArea1762916920075">
1939                    <div class="smAreaC" id="smc_tabArea1762916920075" cid="tem_679_26" style="height: 188px;">
1940                        <div id="smv_tem_768_50" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1762916920075" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 119px; width: 133px; left: 526px; top: -19px;z-index:16;"><div class="yibuFrameContent tem_768_50  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
1941
1942    <div id="tem_768_50_collections" class="w-imglist-list">
1943
1944
1945        <ul class="w-imglist-ul" id="ulList_tem_768_50">
1946                <li class="w-imglist-item">
1947                    <div class="w-imglist-in">
1948                        <a href="/WARMERR2R" target="_self" class="w-imglist-img">
1949                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11660588.png" alt="" title="WARMER R2R" />
1950                        </a>
1951
1952                            <div class="w-imglist-title-bg"></div>
1953                            <a href="" class="w-imglist-title">WARMER R2R</a>
1954                    </div>
1955                </li>
1956            <div style="clear:both;"></div>
1957        </ul>
1958    </div>
1959</div>
1960<!--//End w-imglist-collections-->
1961<script type="text/javascript">
1962    var tem_768_50_navIndex = $('#smv_tem_768_50').css("z-index");
1963    //图片横向竖向居中显示
1964    function  tem_768_50_imgZoomInit() {
1965        $('#tem_768_50_collections .w-imglist-item').append(function () {
1966            ht = $(this).find('.w-imglist-in').html();
1967            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
1968        });
1969        $("#tem_768_50_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
1970        $("#tem_768_50_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
1971    }
1972
1973    function  tem_768_50_InitImg() {
1974        tem_768_50_imgZoomInit();
1975        if ("off" == "on") {
1976            $('#tem_768_50_collections .w-imglist-item').hover(function () {
1977                $('#smv_tem_768_50').css("z-Index", "9999999");
1978                var img = $(this).find(".w-imglist-bigimg img");
1979                var realWidth;//原始宽度
1980                var realHeight;//原始高度
1981                var height = parseInt(155);
1982                var IntHeight = height;
1983                $(this).addClass('on');
1984                realWidth = img.width();
1985                realHeight = img.height();
1986                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
1987                if (realWidth < IntHeight) {
1988                    $(this).find('.w-imglist-in').css('left', '0')
1989                } else {
1990                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
1991                };
1992            }, function () {
1993                var img = $(this).find(".w-imglist-in img");
1994                $(this).animate({
1995                    height: 155 + "px"
1996                },
1997                100).removeClass('on');
1998                $('#smv_tem_768_50').css("z-Index", tem_768_50_navIndex);
1999                $(this).find('.w-imglist-in').css('left', '0')
2000            });
2001        }
2002    }
2003    function callback_tem_768_50() {
2004        tem_768_50_InitImg();
2005    }
2006    $(function () {
2007        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2008        tem_768_50_InitImg();
2009    });
2010</script>
2010</div></div>                    </div>
2011                </li>
2012                <li class="w-label-content-item " data-area="tabArea1770170129180">
2013                    <div class="smAreaC" id="smc_tabArea1770170129180" cid="tem_679_26" style="height: 188px;">
2014                        <div id="smv_tem_769_39" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1770170129180" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 119px; width: 306px; left: 464px; top: -13px;z-index:16;"><div class="yibuFrameContent tem_769_39  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2015
2016    <div id="tem_769_39_collections" class="w-imglist-list">
2017
2018
2019        <ul class="w-imglist-ul" id="ulList_tem_769_39">
2020                <li class="w-imglist-item">
2021                    <div class="w-imglist-in">
2022                        <a href="/DARKSIDEPRO" target="_self" class="w-imglist-img">
2023                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174046956.png" alt="" title="DARKSIDE&#160;PRO" />
2024                        </a>
2025
2026                            <div class="w-imglist-title-bg"></div>
2027                            <a href="" class="w-imglist-title">DARKSIDE&#160;PRO</a>
2028                    </div>
2029                </li>
2030                <li class="w-imglist-item">
2031                    <div class="w-imglist-in">
2032                        <a href="/PL50" target="_self" class="w-imglist-img">
2033                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174250334.png" alt="" title="PL50" />
2034                        </a>
2035
2036                            <div class="w-imglist-title-bg"></div>
2037                            <a href="" class="w-imglist-title">PL50</a>
2038                    </div>
2039                </li>
2040            <div style="clear:both;"></div>
2041        </ul>
2042    </div>
2043</div>
2044<!--//End w-imglist-collections-->
2045<script type="text/javascript">
2046    var tem_769_39_navIndex = $('#smv_tem_769_39').css("z-index");
2047    //图片横向竖向居中显示
2048    function  tem_769_39_imgZoomInit() {
2049        $('#tem_769_39_collections .w-imglist-item').append(function () {
2050            ht = $(this).find('.w-imglist-in').html();
2051            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
2052        });
2053        $("#tem_769_39_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
2054        $("#tem_769_39_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
2055    }
2056
2057    function  tem_769_39_InitImg() {
2058        tem_769_39_imgZoomInit();
2059        if ("off" == "on") {
2060            $('#tem_769_39_collections .w-imglist-item').hover(function () {
2061                $('#smv_tem_769_39').css("z-Index", "9999999");
2062                var img = $(this).find(".w-imglist-bigimg img");
2063                var realWidth;//原始宽度
2064                var realHeight;//原始高度
2065                var height = parseInt(155);
2066                var IntHeight = height;
2067                $(this).addClass('on');
2068                realWidth = img.width();
2069                realHeight = img.height();
2070                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
2071                if (realWidth < IntHeight) {
2072                    $(this).find('.w-imglist-in').css('left', '0')
2073                } else {
2074                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
2075                };
2076            }, function () {
2077                var img = $(this).find(".w-imglist-in img");
2078                $(this).animate({
2079                    height: 155 + "px"
2080                },
2081                100).removeClass('on');
2082                $('#smv_tem_769_39').css("z-Index", tem_769_39_navIndex);
2083                $(this).find('.w-imglist-in').css('left', '0')
2084            });
2085        }
2086    }
2087    function callback_tem_769_39() {
2088        tem_769_39_InitImg();
2089    }
2090    $(function () {
2091        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2092        tem_769_39_InitImg();
2093    });
2094</script>
2094</div></div>                    </div>
2095                </li>
2096                <li class="w-label-content-item " data-area="tabArea1785204771534">
2097                    <div class="smAreaC" id="smc_tabArea1785204771534" cid="tem_679_26" style="height: 188px;">
2098                        <div id="smv_tem_771_58" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1785204771534" isContainer="False" pvid="tem_679_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 119px; width: 518px; left: 359px; top: 10px;z-index:16;"><div class="yibuFrameContent tem_771_58  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2099
2100    <div id="tem_771_58_collections" class="w-imglist-list">
2101
2102
2103        <ul class="w-imglist-ul" id="ulList_tem_771_58">
2104                <li class="w-imglist-item">
2105                    <div class="w-imglist-in">
2106                        <a href="/ea13" target="_self" class="w-imglist-img">
2107                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174288381.png" alt="" title="EA13" />
2108                        </a>
2109
2110                            <div class="w-imglist-title-bg"></div>
2111                            <a href="" class="w-imglist-title">EA13</a>
2112                    </div>
2113                </li>
2114                <li class="w-imglist-item">
2115                    <div class="w-imglist-in">
2116                        <a href="/LEVEL_1" target="_self" class="w-imglist-img">
2117                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174160401.png" alt="" title="LEVEL_1" />
2118                        </a>
2119
2120                            <div class="w-imglist-title-bg"></div>
2121                            <a href="" class="w-imglist-title">LEVEL_1</a>
2122                    </div>
2123                </li>
2124                <li class="w-imglist-item">
2125                    <div class="w-imglist-in">
2126                        <a href="/AIRAMP" target="_self" class="w-imglist-img">
2127                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174348120.png" alt="" title=" AIR AMP" />
2128                        </a>
2129
2130                            <div class="w-imglist-title-bg"></div>
2131                            <a href="" class="w-imglist-title"> AIR AMP</a>
2132                    </div>
2133                </li>
2134            <div style="clear:both;"></div>
2135        </ul>
2136    </div>
2137</div>
2138<!--//End w-imglist-collections-->
2139<script type="text/javascript">
2140    var tem_771_58_navIndex = $('#smv_tem_771_58').css("z-index");
2141    //图片横向竖向居中显示
2142    function  tem_771_58_imgZoomInit() {
2143        $('#tem_771_58_collections .w-imglist-item').append(function () {
2144            ht = $(this).find('.w-imglist-in').html();
2145            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
2146        });
2147        $("#tem_771_58_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
2148        $("#tem_771_58_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
2149    }
2150
2151    function  tem_771_58_InitImg() {
2152        tem_771_58_imgZoomInit();
2153        if ("off" == "on") {
2154            $('#tem_771_58_collections .w-imglist-item').hover(function () {
2155                $('#smv_tem_771_58').css("z-Index", "9999999");
2156                var img = $(this).find(".w-imglist-bigimg img");
2157                var realWidth;//原始宽度
2158                var realHeight;//原始高度
2159                var height = parseInt(155);
2160                var IntHeight = height;
2161                $(this).addClass('on');
2162                realWidth = img.width();
2163                realHeight = img.height();
2164                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
2165                if (realWidth < IntHeight) {
2166                    $(this).find('.w-imglist-in').css('left', '0')
2167                } else {
2168                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
2169                };
2170            }, function () {
2171                var img = $(this).find(".w-imglist-in img");
2172                $(this).animate({
2173                    height: 155 + "px"
2174                },
2175                100).removeClass('on');
2176                $('#smv_tem_771_58').css("z-Index", tem_771_58_navIndex);
2177                $(this).find('.w-imglist-in').css('left', '0')
2178            });
2179        }
2180    }
2181    function callback_tem_771_58() {
2182        tem_771_58_InitImg();
2183    }
2184    $(function () {
2185        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2186        tem_771_58_InitImg();
2187    });
2188</script>
2188</div></div>                    </div>
2189                </li>
2190        </ul>
2191        <ul class="w-label-tips">
2192            <li class="w-label-tips-line current"></li>
2193
2194                <li class="w-label-tips-item current"  style="" data-area="tabArea2">
2195                    <a class="f-ellipsis" href="" target="_self">DAC/AMP</a>
2196                </li>
2197                <li class="w-label-tips-line current"></li>
2198                <li class="w-label-tips-item "  style="" data-area="tabArea1675127959049">
2199                    <a class="f-ellipsis" href="" target="_blank">Digital Streaming Player</a>
2200                </li>
2201                <li class="w-label-tips-line "></li>
2202                <li class="w-label-tips-item "  style="" data-area="tabArea1639213987013">
2203                    <a class="f-ellipsis" href="" target="_blank">Bluetooth TX/RX</a>
2204                </li>
2205                <li class="w-label-tips-line "></li>
2206                <li class="w-label-tips-item "  style="" data-area="tabArea1639360923269">
2207                    <a class="f-ellipsis" href="" target="_blank">DAC</a>
2208                </li>
2209                <li class="w-label-tips-line "></li>
2210                <li class="w-label-tips-item "  style="" data-area="tabArea1717578822742">
2211                    <a class="f-ellipsis" href="" target="_blank">Streaming Music Receiver</a>
2212                </li>
2213                <li class="w-label-tips-line "></li>
2214                <li class="w-label-tips-item "  style="" data-area="tabArea1762916920075">
2215                    <a class="f-ellipsis" href="" target="_blank">R2R DAC + tube buffer</a>
2216                </li>
2217                <li class="w-label-tips-line "></li>
2218                <li class="w-label-tips-item "  style="" data-area="tabArea1770170129180">
2219                    <a class="f-ellipsis" href="" target="_blank">linear power supply</a>
2220                </li>
2221                <li class="w-label-tips-line "></li>
2222                <li class="w-label-tips-item "  style="" data-area="tabArea1785204771534">
2223                    <a class="f-ellipsis" href="" target="_blank">Power Amplifier</a>
2224                </li>
2225                <li class="w-label-tips-line "></li>
2226        </ul>
2227    </div>
2228<style>
2229    #smv_tem_679_26 {height:auto !important;}
2230</style>
2231<script type="text/javascript">
2232    var target_tem_679_26;
2233    $(function () {
2234
2235
2236       var event = "click";
2237
2238        _initDom();
2239        _initEvent();
2240
2241
2242        function _initDom() {
2243            $("#tab_tem_679_26 > .w-label-content").show();
2244            $("#smv_tem_679_26").attr("selectArea", "tabArea2");
2245        }
2246
2247        function _initEvent() {
2248
2249            if (event === 'click') {
2250                // 鼠标滑入事件
2251                 $("#tab_tem_679_26 > .w-label-tips >.w-label-tips-item").on('mouseenter', function () {
2252                    var $content = $("#tab_tem_679_26 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
2253                    $("#smv_tem_679_26").attr("selectArea", $content.attr("data-area"));
2254                     $content.find("img").cutFillAuto();
2255                     if (!$(this).hasClass('current')) {
2256                         $(this).children('a').addClass('hover')
2257                     }
2258                     $(this).prev().addClass('hover')
2259                     $(this).next().addClass('hover')
2260                 });
2261
2262                 $("#tab_tem_679_26 > .w-label-tips >.w-label-tips-item").on('mouseleave', function () {
2263                    var $content = $("#tab_tem_679_26 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
2264                    $("#smv_tem_679_26").attr("selectArea", $content.attr("data-area"));
2265                     $content.find("img").cutFillAuto();
2266                     if ($(this).children('a').hasClass('hover')) {
2267                         $(this).children('a').removeClass('hover')
2268                     }
2269                     $(this).prev().removeClass('hover')
2270                     $(this).next().removeClass('hover')
2271                 });
2272            }
2273
2274
2275            // 点击事件
2276            $("#tab_tem_679_26 > .w-label-tips > li > a").on(event, function (e) {
2277                var area = $(this).parent().attr('data-area')
2278                $(this).parent().addClass('current').siblings().removeClass('current');
2279                $(this).parent().prev().addClass('current')
2280                $(this).parent().next().addClass('current')
2281                $("#tab_tem_679_26 > .w-label-content> li[data-area=" + area +"]").addClass('current').siblings().removeClass('current');
2282            });
2283
2284        }
2285    });
2286</script>
2286
2287</div></div>                </div>
2288            </li>
2289            <li class="w-label-content-item " data-area="tabArea1639213987013">
2290                <div class="smAreaC" id="smc_tabArea1639213987013" cid="tem_672_26" style="height: 251px;">
2291                    <div id="smv_tem_683_26" ctype="tab"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style7" ccolor="Item0" areaId="tabArea1639213987013" isContainer="True" pvid="tem_672_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 248px; width: 1225px; left: -6px; top: 2px;z-index:0;"><div class="yibuFrameContent tem_683_26  tab_Style7  " style="overflow:visible;;" >
2292
2293    <div class="w-label" id="tab_tem_683_26">
2294        <ul class="w-label-content">
2295
2296                <li class="w-label-content-item current" data-area="tabArea1">
2297                    <div class="smAreaC" id="smc_tabArea1" cid="tem_683_26" style="height: 210px;">
2298                        <div id="smv_tem_684_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 159px; width: 1277px; left: -18px; top: -3px;z-index:16;"><div class="yibuFrameContent tem_684_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2299
2300    <div id="tem_684_26_collections" class="w-imglist-list">
2301
2302
2303        <ul class="w-imglist-ul" id="ulList_tem_684_26">
2304                <li class="w-imglist-item">
2305                    <div class="w-imglist-in">
2306                        <a href="/oaknano" target="_self" class="w-imglist-img">
2307                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174191014.png" alt="" title="OAK NANO" />
2308                        </a>
2309
2310                            <div class="w-imglist-title-bg"></div>
2311                            <a href="" class="w-imglist-title">OAK NANO</a>
2312                    </div>
2313                </li>
2314                <li class="w-imglist-item">
2315                    <div class="w-imglist-in">
2316                        <a href="/fd15" target="_self" class="w-imglist-img">
2317                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9355404.png" alt="" title="FD15" />
2318                        </a>
2319
2320                            <div class="w-imglist-title-bg"></div>
2321                            <a href="" class="w-imglist-title">FD15</a>
2322                    </div>
2323                </li>
2324                <li class="w-imglist-item">
2325                    <div class="w-imglist-in">
2326                        <a href="/fd7" target="_self" class="w-imglist-img">
2327                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5239197.png" alt="pure beryllium diaphragm moving coil unit earphone" title="FD7" />
2328                        </a>
2329
2330                            <div class="w-imglist-title-bg"></div>
2331                            <a href="" class="w-imglist-title">FD7</a>
2332                    </div>
2333                </li>
2334                <li class="w-imglist-item">
2335                    <div class="w-imglist-in">
2336                        <a href="/fd3" target="_self" class="w-imglist-img">
2337                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5239195.png" alt="diamond diaphragm moving coil earphone" title="FD3/FD3 Pro" />
2338                        </a>
2339
2340                            <div class="w-imglist-title-bg"></div>
2341                            <a href="" class="w-imglist-title">FD3/FD3 Pro</a>
2342                    </div>
2343                </li>
2344                <li class="w-imglist-item">
2345                    <div class="w-imglist-in">
2346                        <a href="/jd7" target="_self" class="w-imglist-img">
2347                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8249572.png" alt="" title="JD7" />
2348                        </a>
2349
2350                            <div class="w-imglist-title-bg"></div>
2351                            <a href="" class="w-imglist-title">JD7</a>
2352                    </div>
2353                </li>
2354                <li class="w-imglist-item">
2355                    <div class="w-imglist-in">
2356                        <a href="/fd1" target="_self" class="w-imglist-img">
2357                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5252567.png" alt="Beryllium-plated diaphragm single-moving coil earphone" title="FD1" />
2358                        </a>
2359
2360                            <div class="w-imglist-title-bg"></div>
2361                            <a href="" class="w-imglist-title">FD1</a>
2362                    </div>
2363                </li>
2364                <li class="w-imglist-item">
2365                    <div class="w-imglist-in">
2366                        <a href="https://www.jadeaudio.com/J1?product_id=65&amp;_l=en" target="_blank" class="w-imglist-img">
2367                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8343210.png" alt="" title="JD1" />
2368                        </a>
2369
2370                            <div class="w-imglist-title-bg"></div>
2371                            <a href="" class="w-imglist-title">JD1</a>
2372                    </div>
2373                </li>
2374                <li class="w-imglist-item">
2375                    <div class="w-imglist-in">
2376                        <a href="/fd11" target="_self" class="w-imglist-img">
2377                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8249573.png" alt="" title="FD11" />
2378                        </a>
2379
2380                            <div class="w-imglist-title-bg"></div>
2381                            <a href="" class="w-imglist-title">FD11</a>
2382                    </div>
2383                </li>
2384                <li class="w-imglist-item">
2385                    <div class="w-imglist-in">
2386                        <a href="/jd10" target="_self" class="w-imglist-img">
2387                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9910520.png" alt="" title="JD10" />
2388                        </a>
2389
2390                            <div class="w-imglist-title-bg"></div>
2391                            <a href="" class="w-imglist-title">JD10</a>
2392                    </div>
2393                </li>
2394            <div style="clear:both;"></div>
2395        </ul>
2396    </div>
2397</div>
2398<div id='pager_tem_684_26' jp-htmlid='tem_684_26' class='xn-pager xn-resize'  jp-style='Style1_Item0' jp-color='0' jp-align='center' jp-enable='true' jp-device='pc'   jp-first='首页' jp-prev='Prev' jp-next='Next' jp-last='尾页' jp-more='More' jp-goto='jump to' jp-go='GO'   jp-totalpages='1' jp-totalcounts='9' jp-pagesize='9' jp-currentpage='1' jp-vpage='5'   jp-listtype='picture' jp-cid='' jp-eid='' jp-datestyle='yyyy-MM-dd' jp-orderbyfield='createtime' jp-orderbytype='desc' jp-skey='' jp-templateid='0' jp-postdata='[{"PictureId":"174191014","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174191014.png","PictureTitle":"OAK%20NANO","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"364981","LinkUrl":"%2Foaknano","Target":"_self","Title":"OAK%20NANO","DisplayOrder":"1"},{"PictureId":"9355404","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F9355404.png","PictureTitle":"FD15","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"312962","LinkUrl":"%2Ffd15","Target":"_self","Title":"FD15","DisplayOrder":"2"},{"PictureId":"5239197","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F5239197.png","PictureTitle":"FD7","ThumbnailUrl":"","PictureContent":"pure%20beryllium%20diaphragm%20moving%20coil%20unit%20earphone","LinkType":"page","EntityId":"171848","LinkUrl":"%2Ffd7","Target":"_self","Title":"FD7","DisplayOrder":"3"},{"PictureId":"5239195","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F5239195.png","PictureTitle":"FD3%2FFD3%20Pro","ThumbnailUrl":"","PictureContent":"diamond%20diaphragm%20moving%20coil%20earphone","LinkType":"page","EntityId":"167897","LinkUrl":"%2Ffd3","Target":"_self","Title":"FD3","Dis
2398playOrder":"4"},{"PictureId":"8249572","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8249572.png","PictureTitle":"JD7","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"256792","LinkUrl":"%2Fjd7","Target":"_self","Title":"JD7","DisplayOrder":"5"},{"PictureId":"5252567","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F5252567.png","PictureTitle":"FD1","ThumbnailUrl":"","PictureContent":"Beryllium-plated%20diaphragm%20single-moving%20coil%20earphone","LinkType":"page","EntityId":"124086","LinkUrl":"%2Ffd1","Target":"_self","Title":"FD1","DisplayOrder":"6"},{"PictureId":"8343210","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8343210.png","PictureTitle":"JD1","ThumbnailUrl":"","PictureContent":"","LinkType":"outsite","EntityId":"294957","LinkUrl":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D65%26_l%3Den","Target":"_blank","Title":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D65%26_l%3Den","DisplayOrder":"7"},{"PictureId":"8249573","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8249573.png","PictureTitle":"FD11","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"278493","LinkUrl":"%2Ffd11","Target":"_self","Title":"FD11","DisplayOrder":"8"},{"PictureId":"9910520","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F9910520.png","PictureTitle":"JD10","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"327580","LinkUrl":"%2Fjd10","Target":"_self","Title":"JD10","DisplayOrder":"9"}]' jp-callback='callback_tem_684_26' jp-es='false' jp-localload='0' ></div>
2398<script>$(function(){xnPager('pager_tem_684_26');});</script>
2398    
2398<script type="text/template" id="listTemplate_tem_684_26">
2399        <li class="w-imglist-item">
2400            <div class="w-imglist-in">
2401                $if(data.LinkType == "dialog")
2402                {
2403                    <a href="javascript:void(0)" class="w-imglist-img"  onclick="showWZDialog('$data.EntityId')">
2404                }
2405                else
2406                {
2407                    $if(data.LinkUrl =="" ||data.LinkUrl =="javascript:void(0)"){
2408                         <a target="$data.Target" class="w-imglist-img">
2409                    }else{
2410                         <a href="$data.LinkUrl" target="$data.Target" class="w-imglist-img" linktype="$data.LinkType">
2411                    } 
2412                }
2413                   <img loading="lazy" class=" CutFill" src="$data.PicUrl" alt="$data.Short" title="$data.Name" />
2414                   </a>
2415
2416                    <div class="w-imglist-title-bg"></div>
2417                    <a href="javascript:void(0)" class="w-imglist-title">$data.Name</a>
2418            </div>
2419        </li>
2420    </script>
2420
2421<!--//End w-imglist-collections-->
2422<script type="text/javascript">
2423    var tem_684_26_navIndex = $('#smv_tem_684_26').css("z-index");
2424    //图片横向竖向居中显示
2425    function  tem_684_26_imgZoomInit() {
2426        $('#tem_684_26_collections .w-imglist-item').append(function () {
2427            ht = $(this).find('.w-imglist-in').html();
2428            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
2429        });
2430        $("#tem_684_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
2431        $("#tem_684_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
2432    }
2433
2434    function  tem_684_26_InitImg() {
2435        tem_684_26_imgZoomInit();
2436        if ("off" == "on") {
2437            $('#tem_684_26_collections .w-imglist-item').hover(function () {
2438                $('#smv_tem_684_26').css("z-Index", "9999999");
2439                var img = $(this).find(".w-imglist-bigimg img");
2440                var realWidth;//原始宽度
2441                var realHeight;//原始高度
2442                var height = parseInt(155);
2443                var IntHeight = height;
2444                $(this).addClass('on');
2445                realWidth = img.width();
2446                realHeight = img.height();
2447                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
2448                if (realWidth < IntHeight) {
2449                    $(this).find('.w-imglist-in').css('left', '0')
2450                } else {
2451                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
2452                };
2453            }, function () {
2454                var img = $(this).find(".w-imglist-in img");
2455                $(this).animate({
2456                    height: 155 + "px"
2457                },
2458                100).removeClass('on');
2459                $('#smv_tem_684_26').css("z-Index", tem_684_26_navIndex);
2460                $(this).find('.w-imglist-in').css('left', '0')
2461            });
2462        }
2463    }
2464    function callback_tem_684_26() {
2465        tem_684_26_InitImg();
2466    }
2467    $(function () {
2468        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2469        tem_684_26_InitImg();
2470    });
2471</script>
2471</div></div>                    </div>
2472                </li>
2473                <li class="w-label-content-item " data-area="tabArea2">
2474                    <div class="smAreaC" id="smc_tabArea2" cid="tem_683_26" style="height: 210px;">
2475                        <div id="smv_tem_685_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea2" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 155px; width: 310px; left: 419px; top: 8px;z-index:16;"><div class="yibuFrameContent tem_685_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2476
2477    <div id="tem_685_26_collections" class="w-imglist-list">
2478
2479
2480        <ul class="w-imglist-ul" id="ulList_tem_685_26">
2481                <li class="w-imglist-item">
2482                    <div class="w-imglist-in">
2483                        <a href="/fa7s" target="_self" class="w-imglist-img">
2484                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5239192.png" alt="six-unit moving iron in-ear earphone FA7S" title="FA7S" />
2485                        </a>
2486
2487                            <div class="w-imglist-title-bg"></div>
2488                            <a href="" class="w-imglist-title">FA7S</a>
2489                    </div>
2490                </li>
2491                <li class="w-imglist-item">
2492                    <div class="w-imglist-in">
2493                        <a href="/fa19" target="_self" class="w-imglist-img">
2494                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9115196.png" alt="" title="FA19" />
2495                        </a>
2496
2497                            <div class="w-imglist-title-bg"></div>
2498                            <a href="" class="w-imglist-title">FA19</a>
2499                    </div>
2500                </li>
2501            <div style="clear:both;"></div>
2502        </ul>
2503    </div>
2504</div>
2505<!--//End w-imglist-collections-->
2506<script type="text/javascript">
2507    var tem_685_26_navIndex = $('#smv_tem_685_26').css("z-index");
2508    //图片横向竖向居中显示
2509    function  tem_685_26_imgZoomInit() {
2510        $('#tem_685_26_collections .w-imglist-item').append(function () {
2511            ht = $(this).find('.w-imglist-in').html();
2512            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
2513        });
2514        $("#tem_685_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
2515        $("#tem_685_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
2516    }
2517
2518    function  tem_685_26_InitImg() {
2519        tem_685_26_imgZoomInit();
2520        if ("off" == "on") {
2521            $('#tem_685_26_collections .w-imglist-item').hover(function () {
2522                $('#smv_tem_685_26').css("z-Index", "9999999");
2523                var img = $(this).find(".w-imglist-bigimg img");
2524                var realWidth;//原始宽度
2525                var realHeight;//原始高度
2526                var height = parseInt(155);
2527                var IntHeight = height;
2528                $(this).addClass('on');
2529                realWidth = img.width();
2530                realHeight = img.height();
2531                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
2532                if (realWidth < IntHeight) {
2533                    $(this).find('.w-imglist-in').css('left', '0')
2534                } else {
2535                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
2536                };
2537            }, function () {
2538                var img = $(this).find(".w-imglist-in img");
2539                $(this).animate({
2540                    height: 155 + "px"
2541                },
2542                100).removeClass('on');
2543                $('#smv_tem_685_26').css("z-Index", tem_685_26_navIndex);
2544                $(this).find('.w-imglist-in').css('left', '0')
2545            });
2546        }
2547    }
2548    function callback_tem_685_26() {
2549        tem_685_26_InitImg();
2550    }
2551    $(function () {
2552        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2553        tem_685_26_InitImg();
2554    });
2555</script>
2555</div></div>                    </div>
2556                </li>
2557                <li class="w-label-content-item " data-area="tabArea1689647185274">
2558                    <div class="smAreaC" id="smc_tabArea1689647185274" cid="tem_683_26" style="height: 210px;">
2559                        <div id="smv_tem_745_41" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1689647185274" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 155px; width: 359px; left: 467px; top: 17px;z-index:16;"><div class="yibuFrameContent tem_745_41  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2560
2561    <div id="tem_745_41_collections" class="w-imglist-list">
2562
2563
2564        <ul class="w-imglist-ul" id="ulList_tem_745_41">
2565                <li class="w-imglist-item">
2566                    <div class="w-imglist-in">
2567                        <a href="/FX15" target="_self" class="w-imglist-img">
2568                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/7950066.png" alt="" title="FX15" />
2569                        </a>
2570
2571                            <div class="w-imglist-title-bg"></div>
2572                            <a href="" class="w-imglist-title">FX15</a>
2573                    </div>
2574                </li>
2575                <li class="w-imglist-item">
2576                    <div class="w-imglist-in">
2577                        <a href="/fx17" target="_self" class="w-imglist-img">
2578                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10573035.png" alt="" title="FX17" />
2579                        </a>
2580
2581                            <div class="w-imglist-title-bg"></div>
2582                            <a href="" class="w-imglist-title">FX17</a>
2583                    </div>
2584                </li>
2585            <div style="clear:both;"></div>
2586        </ul>
2587    </div>
2588</div>
2589<!--//End w-imglist-collections-->
2590<script type="text/javascript">
2591    var tem_745_41_navIndex = $('#smv_tem_745_41').css("z-index");
2592    //图片横向竖向居中显示
2593    function  tem_745_41_imgZoomInit() {
2594        $('#tem_745_41_collections .w-imglist-item').append(function () {
2595            ht = $(this).find('.w-imglist-in').html();
2596            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
2597        });
2598        $("#tem_745_41_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
2599        $("#tem_745_41_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
2600    }
2601
2602    function  tem_745_41_InitImg() {
2603        tem_745_41_imgZoomInit();
2604        if ("off" == "on") {
2605            $('#tem_745_41_collections .w-imglist-item').hover(function () {
2606                $('#smv_tem_745_41').css("z-Index", "9999999");
2607                var img = $(this).find(".w-imglist-bigimg img");
2608                var realWidth;//原始宽度
2609                var realHeight;//原始高度
2610                var height = parseInt(155);
2611                var IntHeight = height;
2612                $(this).addClass('on');
2613                realWidth = img.width();
2614                realHeight = img.height();
2615                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
2616                if (realWidth < IntHeight) {
2617                    $(this).find('.w-imglist-in').css('left', '0')
2618                } else {
2619                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
2620                };
2621            }, function () {
2622                var img = $(this).find(".w-imglist-in img");
2623                $(this).animate({
2624                    height: 155 + "px"
2625                },
2626                100).removeClass('on');
2627                $('#smv_tem_745_41').css("z-Index", tem_745_41_navIndex);
2628                $(this).find('.w-imglist-in').css('left', '0')
2629            });
2630        }
2631    }
2632    function callback_tem_745_41() {
2633        tem_745_41_InitImg();
2634    }
2635    $(function () {
2636        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2637        tem_745_41_InitImg();
2638    });
2639</script>
2639</div></div>                    </div>
2640                </li>
2641                <li class="w-label-content-item " data-area="tabArea1639213987013">
2642                    <div class="smAreaC" id="smc_tabArea1639213987013" cid="tem_683_26" style="height: 210px;">
2643                        <div id="smv_tem_686_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639213987013" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 155px; width: 1260px; left: -27px; top: 16px;z-index:16;"><div class="yibuFrameContent tem_686_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2644
2645    <div id="tem_686_26_collections" class="w-imglist-list">
2646
2647
2648        <ul class="w-imglist-ul" id="ulList_tem_686_26">
2649                <li class="w-imglist-item">
2650                    <div class="w-imglist-in">
2651                        <a href="/fh19" target="_self" class="w-imglist-img">
2652                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9566671.png" alt="FH19" title="FH19" />
2653                        </a>
2654
2655                            <div class="w-imglist-title-bg"></div>
2656                            <a href="" class="w-imglist-title">FH19</a>
2657                    </div>
2658                </li>
2659                <li class="w-imglist-item">
2660                    <div class="w-imglist-in">
2661                        <a href="/fh11" target="_self" class="w-imglist-img">
2662                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8249601.png" alt="" title="FH11" />
2663                        </a>
2664
2665                            <div class="w-imglist-title-bg"></div>
2666                            <a href="" class="w-imglist-title">FH11</a>
2667                    </div>
2668                </li>
2669                <li class="w-imglist-item">
2670                    <div class="w-imglist-in">
2671                        <a href="/lumi" target="_self" class="w-imglist-img">
2672                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174300408.png" alt="" title="LUMI" />
2673                        </a>
2674
2675                            <div class="w-imglist-title-bg"></div>
2676                            <a href="" class="w-imglist-title">LUMI</a>
2677                    </div>
2678                </li>
2679                <li class="w-imglist-item">
2680                    <div class="w-imglist-in">
2681                        <a href="/fh3" target="_self" class="w-imglist-img">
2682                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8537985.png" alt="" title="FH3" />
2683                        </a>
2684
2685                            <div class="w-imglist-title-bg"></div>
2686                            <a href="" class="w-imglist-title">FH3</a>
2687                    </div>
2688                </li>
2689                <li class="w-imglist-item">
2690                    <div class="w-imglist-in">
2691                        <a href="/fh9" target="_self" class="w-imglist-img">
2692                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/6662580.png" alt="" title="FH9" />
2693                        </a>
2694
2695                            <div class="w-imglist-title-bg"></div>
2696                            <a href="" class="w-imglist-title">FH9</a>
2697                    </div>
2698                </li>
2699                <li class="w-imglist-item">
2700                    <div class="w-imglist-in">
2701                        <a href="/fh7s" target="_self" class="w-imglist-img">
2702                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/6662579.png" alt="4&#160;Balanced&#160;Armature&#160;1&#160;Dynamic&#160;Driver&#160;IEMs" title="FH7S" />
2703                        </a>
2704
2705                            <div class="w-imglist-title-bg"></div>
2706                            <a href="" class="w-imglist-title">FH7S</a>
2707                    </div>
2708                </li>
2709                <li class="w-imglist-item">
2710                    <div class="w-imglist-in">
2711                        <a href="/fh5s" target="_self" class="w-imglist-img">
2712                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5239204.png" alt="two-turn&#160;two-iron&#160;in-ear&#160;headphones" title="FH5s/FH5s&#160;Pro" />
2713                        </a>
2714
2715                            <div class="w-imglist-title-bg"></div>
2716                            <a href="" class="w-imglist-title">FH5s/FH5s&#160;Pro</a>
2717                    </div>
2718                </li>
2719                <li class="w-imglist-item">
2720                    <div class="w-imglist-in">
2721                        <a href="/jh3" target="_self" class="w-imglist-img">
2722                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/5239230.png" alt="a&#160;circle&#160;of&#160;two&#160;iron&#160;in-ear&#160;headphones" title="JH3" />
2723                        </a>
2724
2725                            <div class="w-imglist-title-bg"></div>
2726                            <a href="" class="w-imglist-title">JH3</a>
2727                    </div>
2728                </li>
2729                <li class="w-imglist-item">
2730                    <div class="w-imglist-in">
2731                        <a href="https://www.jadeaudio.com/J1?product_id=67&amp;_l=en" target="_self" class="w-imglist-img">
2732                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8409439.png" alt="" title="JH5" />
2733                        </a>
2734
2735                            <div class="w-imglist-title-bg"></div>
2736                            <a href="" class="w-imglist-title">JH5</a>
2737                    </div>
2738                </li>
2739            <div style="clear:both;"></div>
2740        </ul>
2741    </div>
2742</div>
2743<div id='pager_tem_686_26' jp-htmlid='tem_686_26' class='xn-pager xn-resize'  jp-style='Style1_Item1' jp-color='1' jp-align='center' jp-enable='true' jp-device='pc'   jp-first='首页' jp-prev='Prev' jp-next='Next' jp-last='尾页' jp-more='More' jp-goto='jump to' jp-go='GO'   jp-totalpages='2' jp-totalcounts='10' jp-pagesize='9' jp-currentpage='1' jp-vpage='5'   jp-listtype='picture' jp-cid='' jp-eid='' jp-datestyle='yyyy-MM-dd' jp-orderbyfield='createtime' jp-orderbytype='desc' jp-skey='' jp-templateid='0' jp-postdata='[{"PictureId":"9566671","PictureTitle":"FH19","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Ffh19","Dis
2743playOrder":"1","PictureContent":"FH19","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F9566671.png","EntityId":"319163","Title":"FH19"},{"PictureId":"8249601","PictureTitle":"FH11","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Ffh11","DisplayOrder":"2","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8249601.png","EntityId":"278054","Title":"FH11"},{"PictureId":"174300408","PictureTitle":"LUMI","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Flumi","DisplayOrder":"3","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174300408.png","EntityId":"366711","Title":"LUMI"},{"PictureId":"8537985","PictureTitle":"FH3","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Ffh3","DisplayOrder":"4","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8537985.png","EntityId":"136708","Title":"FH3"},{"PictureId":"6662580","PictureTitle":"FH9","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Ffh9","DisplayOrder":"5","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F6662580.png","EntityId":"178339","Title":"FH9"},{"PictureId":"6662579","PictureTitle":"FH7S","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Ffh7s","DisplayOrder":"6","PictureContent":"4%26nbsp%3BBalanced%26nbsp%3BArmature%26nbsp%3B1%26nbsp%3BDynamic%26nbsp%3BDriver%26nbsp%3BIEMs","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F6662579.png","EntityId":"246926","Title":"FH7S"},{"PictureId":"5239204","PictureTitle":"FH5s%2FFH5s%26nbsp%3BPro","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Ffh5s","DisplayOrder":"7","PictureContent":"two-turn%26nbsp%3Btwo-iron%26nbsp%3Bin-ear%26nbsp%3Bheadphones","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F5239204.png","EntityId":"158314","Title":"FH5s"},{"PictureId":"5239230","PictureTitle":"JH3","LinkType":"page","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"%2Fjh3","Dis
2743playOrder":"8","PictureContent":"a%26nbsp%3Bcircle%26nbsp%3Bof%26nbsp%3Btwo%26nbsp%3Biron%26nbsp%3Bin-ear%26nbsp%3Bheadphones","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F5239230.png","EntityId":"180484","Title":"JH3"},{"PictureId":"8409439","PictureTitle":"JH5","LinkType":"outsite","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D67%26_l%3Den","DisplayOrder":"9","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8409439.png","EntityId":"","Title":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D67%26_l%3Den"},{"PictureId":"11696607","PictureTitle":"JH13","LinkType":"outsite","Target":"_self","MimeType":"image%2Fpng","LinkUrl":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D86%26_l%3Den","DisplayOrder":"10","PictureContent":"","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11696607.png","EntityId":"","Title":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D86%26_l%3Den"}]' jp-callback='callback_tem_686_26' jp-es='false' jp-localload='0' ></div>
2743<script>$(function(){xnPager('pager_tem_686_26');});</script>
2743    
2743<script type="text/template" id="listTemplate_tem_686_26">
2744        <li class="w-imglist-item">
2745            <div class="w-imglist-in">
2746                $if(data.LinkType == "dialog")
2747                {
2748                    <a href="javascript:void(0)" class="w-imglist-img"  onclick="showWZDialog('$data.EntityId')">
2749                }
2750                else
2751                {
2752                    $if(data.LinkUrl =="" ||data.LinkUrl =="javascript:void(0)"){
2753                         <a target="$data.Target" class="w-imglist-img">
2754                    }else{
2755                         <a href="$data.LinkUrl" target="$data.Target" class="w-imglist-img" linktype="$data.LinkType">
2756                    } 
2757                }
2758                   <img loading="lazy" class=" CutFill" src="$data.PicUrl" alt="$data.Short" title="$data.Name" />
2759                   </a>
2760
2761                    <div class="w-imglist-title-bg"></div>
2762                    <a href="javascript:void(0)" class="w-imglist-title">$data.Name</a>
2763            </div>
2764        </li>
2765    </script>
2765
2766<!--//End w-imglist-collections-->
2767<script type="text/javascript">
2768    var tem_686_26_navIndex = $('#smv_tem_686_26').css("z-index");
2769    //图片横向竖向居中显示
2770    function  tem_686_26_imgZoomInit() {
2771        $('#tem_686_26_collections .w-imglist-item').append(function () {
2772            ht = $(this).find('.w-imglist-in').html();
2773            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
2774        });
2775        $("#tem_686_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
2776        $("#tem_686_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
2777    }
2778
2779    function  tem_686_26_InitImg() {
2780        tem_686_26_imgZoomInit();
2781        if ("off" == "on") {
2782            $('#tem_686_26_collections .w-imglist-item').hover(function () {
2783                $('#smv_tem_686_26').css("z-Index", "9999999");
2784                var img = $(this).find(".w-imglist-bigimg img");
2785                var realWidth;//原始宽度
2786                var realHeight;//原始高度
2787                var height = parseInt(155);
2788                var IntHeight = height;
2789                $(this).addClass('on');
2790                realWidth = img.width();
2791                realHeight = img.height();
2792                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
2793                if (realWidth < IntHeight) {
2794                    $(this).find('.w-imglist-in').css('left', '0')
2795                } else {
2796                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
2797                };
2798            }, function () {
2799                var img = $(this).find(".w-imglist-in img");
2800                $(this).animate({
2801                    height: 155 + "px"
2802                },
2803                100).removeClass('on');
2804                $('#smv_tem_686_26').css("z-Index", tem_686_26_navIndex);
2805                $(this).find('.w-imglist-in').css('left', '0')
2806            });
2807        }
2808    }
2809    function callback_tem_686_26() {
2810        tem_686_26_InitImg();
2811    }
2812    $(function () {
2813        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2814        tem_686_26_InitImg();
2815    });
2816</script>
2816</div></div>                    </div>
2817                </li>
2818                <li class="w-label-content-item " data-area="tabArea1639214012625">
2819                    <div class="smAreaC" id="smc_tabArea1639214012625" cid="tem_683_26" style="height: 210px;">
2820                        <div id="smv_tem_687_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639214012625" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 147px; width: 768px; left: 224px; top: 1px;z-index:16;"><div class="yibuFrameContent tem_687_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2821
2822    <div id="tem_687_26_collections" class="w-imglist-list">
2823
2824
2825        <ul class="w-imglist-ul" id="ulList_tem_687_26">
2826                <li class="w-imglist-item">
2827                    <div class="w-imglist-in">
2828                        <a href="https://www.jadeaudio.com/J1?product_id=78&amp;_l=en" target="_self" class="w-imglist-img">
2829                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10685407.png" alt="" title="JF11" />
2830                        </a>
2831
2832                            <div class="w-imglist-title-bg"></div>
2833                            <a href="" class="w-imglist-title">JF11</a>
2834                    </div>
2835                </li>
2836                <li class="w-imglist-item">
2837                    <div class="w-imglist-in">
2838                        <a href="/FF5" target="_self" class="w-imglist-img">
2839                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/7289153.png" alt="" title="FF5" />
2840                        </a>
2841
2842                            <div class="w-imglist-title-bg"></div>
2843                            <a href="" class="w-imglist-title">FF5</a>
2844                    </div>
2845                </li>
2846                <li class="w-imglist-item">
2847                    <div class="w-imglist-in">
2848                        <a href="/ff3" target="_self" class="w-imglist-img">
2849                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/6039156.png" alt="" title="FF3" />
2850                        </a>
2851
2852                            <div class="w-imglist-title-bg"></div>
2853                            <a href="" class="w-imglist-title">FF3</a>
2854                    </div>
2855                </li>
2856                <li class="w-imglist-item">
2857                    <div class="w-imglist-in">
2858                        <a href="/FF1" target="_self" class="w-imglist-img">
2859                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8079622.png" alt="" title="FF1" />
2860                        </a>
2861
2862                            <div class="w-imglist-title-bg"></div>
2863                            <a href="" class="w-imglist-title">FF1</a>
2864                    </div>
2865                </li>
2866                <li class="w-imglist-item">
2867                    <div class="w-imglist-in">
2868                        <a href="/FF3S" target="_self" class="w-imglist-img">
2869                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8223202.png" alt="" title="FF3S" />
2870                        </a>
2871
2872                            <div class="w-imglist-title-bg"></div>
2873                            <a href="" class="w-imglist-title">FF3S</a>
2874                    </div>
2875                </li>
2876            <div style="clear:both;"></div>
2877        </ul>
2878    </div>
2879</div>
2880<!--//End w-imglist-collections-->
2881<script type="text/javascript">
2882    var tem_687_26_navIndex = $('#smv_tem_687_26').css("z-index");
2883    //图片横向竖向居中显示
2884    function  tem_687_26_imgZoomInit() {
2885        $('#tem_687_26_collections .w-imglist-item').append(function () {
2886            ht = $(this).find('.w-imglist-in').html();
2887            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
2888        });
2889        $("#tem_687_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
2890        $("#tem_687_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
2891    }
2892
2893    function  tem_687_26_InitImg() {
2894        tem_687_26_imgZoomInit();
2895        if ("off" == "on") {
2896            $('#tem_687_26_collections .w-imglist-item').hover(function () {
2897                $('#smv_tem_687_26').css("z-Index", "9999999");
2898                var img = $(this).find(".w-imglist-bigimg img");
2899                var realWidth;//原始宽度
2900                var realHeight;//原始高度
2901                var height = parseInt(155);
2902                var IntHeight = height;
2903                $(this).addClass('on');
2904                realWidth = img.width();
2905                realHeight = img.height();
2906                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
2907                if (realWidth < IntHeight) {
2908                    $(this).find('.w-imglist-in').css('left', '0')
2909                } else {
2910                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
2911                };
2912            }, function () {
2913                var img = $(this).find(".w-imglist-in img");
2914                $(this).animate({
2915                    height: 155 + "px"
2916                },
2917                100).removeClass('on');
2918                $('#smv_tem_687_26').css("z-Index", tem_687_26_navIndex);
2919                $(this).find('.w-imglist-in').css('left', '0')
2920            });
2921        }
2922    }
2923    function callback_tem_687_26() {
2924        tem_687_26_InitImg();
2925    }
2926    $(function () {
2927        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
2928        tem_687_26_InitImg();
2929    });
2930</script>
2930</div></div>                    </div>
2931                </li>
2932                <li class="w-label-content-item " data-area="tabArea1639360923269">
2933                    <div class="smAreaC" id="smc_tabArea1639360923269" cid="tem_683_26" style="height: 210px;">
2934                        <div id="smv_tem_688_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639360923269" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 158px; width: 1261px; left: -15px; top: 0px;z-index:0;"><div class="yibuFrameContent tem_688_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
2935
2936    <div id="tem_688_26_collections" class="w-imglist-list">
2937
2938
2939        <ul class="w-imglist-ul" id="ulList_tem_688_26">
2940                <li class="w-imglist-item">
2941                    <div class="w-imglist-in">
2942                        <a href="https://www.jadeaudio.com/J1?product_id=95&amp;_l=en" target="_self" class="w-imglist-img">
2943                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174313742.png" alt="" title="JT9" />
2944                        </a>
2945
2946                            <div class="w-imglist-title-bg"></div>
2947                            <a href="" class="w-imglist-title">JT9</a>
2948                    </div>
2949                </li>
2950                <li class="w-imglist-item">
2951                    <div class="w-imglist-in">
2952                        <a href="/jt7" target="_self" class="w-imglist-img">
2953                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11564409.png" alt="" title="JT7" />
2954                        </a>
2955
2956                            <div class="w-imglist-title-bg"></div>
2957                            <a href="" class="w-imglist-title">JT7</a>
2958                    </div>
2959                </li>
2960                <li class="w-imglist-item">
2961                    <div class="w-imglist-in">
2962                        <a href="/ft13" target="_self" class="w-imglist-img">
2963                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11518201.png" alt="" title="FT13" />
2964                        </a>
2965
2966                            <div class="w-imglist-title-bg"></div>
2967                            <a href="" class="w-imglist-title">FT13</a>
2968                    </div>
2969                </li>
2970                <li class="w-imglist-item">
2971                    <div class="w-imglist-in">
2972                        <a href="/ft15" target="_self" class="w-imglist-img">
2973                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174339678.png" alt="" title="FT15" />
2974                        </a>
2975
2976                            <div class="w-imglist-title-bg"></div>
2977                            <a href="" class="w-imglist-title">FT15</a>
2978                    </div>
2979                </li>
2980                <li class="w-imglist-item">
2981                    <div class="w-imglist-in">
2982                        <a href="/ft7" target="_self" class="w-imglist-img">
2983                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11518200.png" alt="" title="FT7" />
2984                        </a>
2985
2986                            <div class="w-imglist-title-bg"></div>
2987                            <a href="" class="w-imglist-title">FT7</a>
2988                    </div>
2989                </li>
2990                <li class="w-imglist-item">
2991                    <div class="w-imglist-in">
2992                        <a href="/ft5" target="_self" class="w-imglist-img">
2993                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11518199.png" alt="" title="FT5" />
2994                        </a>
2995
2996                            <div class="w-imglist-title-bg"></div>
2997                            <a href="" class="w-imglist-title">FT5</a>
2998                    </div>
2999                </li>
3000                <li class="w-imglist-item">
3001                    <div class="w-imglist-in">
3002                        <a href="/ft1" target="_self" class="w-imglist-img">
3003                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11518198.png" alt="" title="FT1" />
3004                        </a>
3005
3006                            <div class="w-imglist-title-bg"></div>
3007                            <a href="" class="w-imglist-title">FT1</a>
3008                    </div>
3009                </li>
3010                <li class="w-imglist-item">
3011                    <div class="w-imglist-in">
3012                        <a href="/ft1pro" target="_self" class="w-imglist-img">
3013                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11518197.png" alt="" title="FT1 PRO" />
3014                        </a>
3015
3016                            <div class="w-imglist-title-bg"></div>
3017                            <a href="" class="w-imglist-title">FT1 PRO</a>
3018                    </div>
3019                </li>
3020                <li class="w-imglist-item">
3021                    <div class="w-imglist-in">
3022                        <a href="https://www.jadeaudio.com/J1?product_id=63&amp;_l=en" target="_self" class="w-imglist-img">
3023                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11518202.png" alt="" title="JT1" />
3024                        </a>
3025
3026                            <div class="w-imglist-title-bg"></div>
3027                            <a href="" class="w-imglist-title">JT1</a>
3028                    </div>
3029                </li>
3030            <div style="clear:both;"></div>
3031        </ul>
3032    </div>
3033</div>
3034<div id='pager_tem_688_26' jp-htmlid='tem_688_26' class='xn-pager xn-resize'  jp-style='Style1_Item1' jp-color='1' jp-align='center' jp-enable='true' jp-device='pc'   jp-first='首页' jp-prev='Prev' jp-next='Next' jp-last='尾页' jp-more='More' jp-goto='jump to' jp-go='GO'   jp-totalpages='2' jp-totalcounts='17' jp-pagesize='9' jp-currentpage='1' jp-vpage='5'   jp-listtype='picture' jp-cid='' jp-eid='' jp-datestyle='yyyy-MM-dd' jp-orderbyfield='createtime' jp-orderbytype='desc' jp-skey='' jp-templateid='0' jp-postdata='[{"PictureId":"174313742","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174313742.png","PictureTitle":"JT9","ThumbnailUrl":"","PictureContent":"","LinkType":"outsite","EntityId":"","LinkUrl":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D95%26_l%3Den","Target":"_self","Title":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D95%26_l%3Den","DisplayOrder":"1"},{"PictureId":"11564409","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11564409.png","PictureTitle":"JT7","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"358630","LinkUrl":"%2Fjt7","Target":"_self","Title":"JT7","DisplayOrder":"2"},{"PictureId":"11518201","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11518201.png","PictureTitle":"FT13","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"357723","LinkUrl":"%2Fft13","Target":"_self","Title":"FT13","Dis
3034playOrder":"3"},{"PictureId":"174339678","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174339678.png","PictureTitle":"FT15","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"367484","LinkUrl":"%2Fft15","Target":"_self","Title":"FT15","DisplayOrder":"4"},{"PictureId":"11518200","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11518200.png","PictureTitle":"FT7","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"344601","LinkUrl":"%2Fft7","Target":"_self","Title":"FT7","DisplayOrder":"5"},{"PictureId":"11518199","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11518199.png","PictureTitle":"FT5","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"294818","LinkUrl":"%2Fft5","Target":"_self","Title":"FT5","DisplayOrder":"6"},{"PictureId":"11518198","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11518198.png","PictureTitle":"FT1","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"321697","LinkUrl":"%2Fft1","Target":"_self","Title":"FT1","DisplayOrder":"7"},{"PictureId":"11518197","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11518197.png","PictureTitle":"FT1%20PRO","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"330078","LinkUrl":"%2Fft1pro","Target":"_self","Title":"FT1PRO","DisplayOrder":"8"},{"PictureId":"11518202","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11518202.png","PictureTitle":"JT1","ThumbnailUrl":"","PictureContent":"","LinkType":"outsite","EntityId":"","LinkUrl":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D63%26_l%3Den","Target":"_self","Title":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D63%26_l%3Den","DisplayOrder":"9"},{"PictureId":"11578211","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11578211.png","PictureTitle":"JT3","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"358791","LinkUrl":"%2Fjt3","Target":"_self","Title":"JT3","DisplayOrder":"10"},{"PictureId":"173766475","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F173766475.png","PictureTitle":"EH11","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"361656","LinkUrl":"%2Feh11","Target":"_self","Title":"EH11","DisplayOrder":"11"},{"PictureId":"11518196","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F11518196.png","PictureTitle":"ANYTIME","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"345130","LinkUrl":"%2Fanytime","Target":"_self","Title":"ANYTIME","DisplayOrder":"12"},{"PictureId":"174070367","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174070367.png","PictureTitle":"EH13","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"363027","LinkUrl":"%2Feh13","Target":"_self","Title":"EH13","DisplayOrder":"13"},{"PictureId":"174104738","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174104738.png","PictureTitle":"JN3","ThumbnailUrl":"","PictureContent":"","LinkType":"outsite","EntityId":"","LinkUrl":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D89%26_l%3Den","Target":"_self","Title":"https%3A%2F%2Fwww.jadeaudio.com%2FJ1%3Fproduct_id%3D89%26_l%3Den","DisplayOrder":"14"},{"PictureId":"10388953","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F10388953.png","PictureTitle":"WIND","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"336449","LinkUrl":"%2Fwind","Target":"_self","Title":"WIND","DisplayOrder":"15"},{"PictureId":"174242105","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174242105.png","PictureTitle":"WIND%20PRO","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"365612","LinkUrl":"%2FWINDRPO","Target":"_self","Title":"WIND%20PRO","DisplayOrder":"16"},{"PictureId":"174272575","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174272575.png","PictureTitle":"NATURE","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"366192","LinkUrl":"%2FNATURE","Target":"_self","Title":"NATURE","DisplayOrder":"17"}]' jp-callback='callback_tem_688_26' jp-es='false' jp-localload='0' ></div>
3034<script>$(function(){xnPager('pager_tem_688_26');});</script>
3034    
3034<script type="text/template" id="listTemplate_tem_688_26">
3035        <li class="w-imglist-item">
3036            <div class="w-imglist-in">
3037                $if(data.LinkType == "dialog")
3038                {
3039                    <a href="javascript:void(0)" class="w-imglist-img"  onclick="showWZDialog('$data.EntityId')">
3040                }
3041                else
3042                {
3043                    $if(data.LinkUrl =="" ||data.LinkUrl =="javascript:void(0)"){
3044                         <a target="$data.Target" class="w-imglist-img">
3045                    }else{
3046                         <a href="$data.LinkUrl" target="$data.Target" class="w-imglist-img" linktype="$data.LinkType">
3047                    } 
3048                }
3049                   <img loading="lazy" class=" CutFill" src="$data.PicUrl" alt="$data.Short" title="$data.Name" />
3050                   </a>
3051
3052                    <div class="w-imglist-title-bg"></div>
3053                    <a href="javascript:void(0)" class="w-imglist-title">$data.Name</a>
3054            </div>
3055        </li>
3056    </script>
3056
3057<!--//End w-imglist-collections-->
3058<script type="text/javascript">
3059    var tem_688_26_navIndex = $('#smv_tem_688_26').css("z-index");
3060    //图片横向竖向居中显示
3061    function  tem_688_26_imgZoomInit() {
3062        $('#tem_688_26_collections .w-imglist-item').append(function () {
3063            ht = $(this).find('.w-imglist-in').html();
3064            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
3065        });
3066        $("#tem_688_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
3067        $("#tem_688_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
3068    }
3069
3070    function  tem_688_26_InitImg() {
3071        tem_688_26_imgZoomInit();
3072        if ("off" == "on") {
3073            $('#tem_688_26_collections .w-imglist-item').hover(function () {
3074                $('#smv_tem_688_26').css("z-Index", "9999999");
3075                var img = $(this).find(".w-imglist-bigimg img");
3076                var realWidth;//原始宽度
3077                var realHeight;//原始高度
3078                var height = parseInt(155);
3079                var IntHeight = height;
3080                $(this).addClass('on');
3081                realWidth = img.width();
3082                realHeight = img.height();
3083                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
3084                if (realWidth < IntHeight) {
3085                    $(this).find('.w-imglist-in').css('left', '0')
3086                } else {
3087                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
3088                };
3089            }, function () {
3090                var img = $(this).find(".w-imglist-in img");
3091                $(this).animate({
3092                    height: 155 + "px"
3093                },
3094                100).removeClass('on');
3095                $('#smv_tem_688_26').css("z-Index", tem_688_26_navIndex);
3096                $(this).find('.w-imglist-in').css('left', '0')
3097            });
3098        }
3099    }
3100    function callback_tem_688_26() {
3101        tem_688_26_InitImg();
3102    }
3103    $(function () {
3104        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
3105        tem_688_26_InitImg();
3106    });
3107</script>
3107</div></div>                    </div>
3108                </li>
3109                <li class="w-label-content-item " data-area="tabArea1783482363769">
3110                    <div class="smAreaC" id="smc_tabArea1783482363769" cid="tem_683_26" style="height: 210px;">
3111                        <div id="smv_tem_770_43" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1783482363769" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 148px; width: 160px; left: 518px; top: -2px;z-index:0;"><div class="yibuFrameContent tem_770_43  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
3112
3113    <div id="tem_770_43_collections" class="w-imglist-list">
3114
3115
3116        <ul class="w-imglist-ul" id="ulList_tem_770_43">
3117                <li class="w-imglist-item">
3118                    <div class="w-imglist-in">
3119                        <a href="/fg3" target="_self" class="w-imglist-img">
3120                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174250857.png" alt="" title="FG3" />
3121                        </a>
3122
3123                            <div class="w-imglist-title-bg"></div>
3124                            <a href="" class="w-imglist-title">FG3</a>
3125                    </div>
3126                </li>
3127            <div style="clear:both;"></div>
3128        </ul>
3129    </div>
3130</div>
3131<!--//End w-imglist-collections-->
3132<script type="text/javascript">
3133    var tem_770_43_navIndex = $('#smv_tem_770_43').css("z-index");
3134    //图片横向竖向居中显示
3135    function  tem_770_43_imgZoomInit() {
3136        $('#tem_770_43_collections .w-imglist-item').append(function () {
3137            ht = $(this).find('.w-imglist-in').html();
3138            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
3139        });
3140        $("#tem_770_43_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
3141        $("#tem_770_43_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
3142    }
3143
3144    function  tem_770_43_InitImg() {
3145        tem_770_43_imgZoomInit();
3146        if ("off" == "on") {
3147            $('#tem_770_43_collections .w-imglist-item').hover(function () {
3148                $('#smv_tem_770_43').css("z-Index", "9999999");
3149                var img = $(this).find(".w-imglist-bigimg img");
3150                var realWidth;//原始宽度
3151                var realHeight;//原始高度
3152                var height = parseInt(155);
3153                var IntHeight = height;
3154                $(this).addClass('on');
3155                realWidth = img.width();
3156                realHeight = img.height();
3157                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
3158                if (realWidth < IntHeight) {
3159                    $(this).find('.w-imglist-in').css('left', '0')
3160                } else {
3161                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
3162                };
3163            }, function () {
3164                var img = $(this).find(".w-imglist-in img");
3165                $(this).animate({
3166                    height: 155 + "px"
3167                },
3168                100).removeClass('on');
3169                $('#smv_tem_770_43').css("z-Index", tem_770_43_navIndex);
3170                $(this).find('.w-imglist-in').css('left', '0')
3171            });
3172        }
3173    }
3174    function callback_tem_770_43() {
3175        tem_770_43_InitImg();
3176    }
3177    $(function () {
3178        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
3179        tem_770_43_InitImg();
3180    });
3181</script>
3181</div></div>                    </div>
3182                </li>
3183                <li class="w-label-content-item " data-area="tabArea1639472170799">
3184                    <div class="smAreaC" id="smc_tabArea1639472170799" cid="tem_683_26" style="height: 210px;">
3185                        <div id="smv_tem_689_26" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1639472170799" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 156px; width: 449px; left: 386px; top: 30px;z-index:16;"><div class="yibuFrameContent tem_689_26  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
3186
3187    <div id="tem_689_26_collections" class="w-imglist-list">
3188
3189
3190        <ul class="w-imglist-ul" id="ulList_tem_689_26">
3191                <li class="w-imglist-item">
3192                    <div class="w-imglist-in">
3193                        <a href="/FW3" target="_self" class="w-imglist-img">
3194                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/7849336.png" alt="" title="FW3" />
3195                        </a>
3196
3197                            <div class="w-imglist-title-bg"></div>
3198                            <a href="" class="w-imglist-title">FW3</a>
3199                    </div>
3200                </li>
3201                <li class="w-imglist-item">
3202                    <div class="w-imglist-in">
3203                        <a href="/fw5" target="_self" class="w-imglist-img">
3204                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/6972422.png" alt="" title="FW5" />
3205                        </a>
3206
3207                            <div class="w-imglist-title-bg"></div>
3208                            <a href="" class="w-imglist-title">FW5</a>
3209                    </div>
3210                </li>
3211                <li class="w-imglist-item">
3212                    <div class="w-imglist-in">
3213                        <a href="https://www.jadeaudio.com/J1?product_id=59&amp;_l=en" target="_self" class="w-imglist-img">
3214                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8870442.png" alt="" title="JW1" />
3215                        </a>
3216
3217                            <div class="w-imglist-title-bg"></div>
3218                            <a href="" class="w-imglist-title">JW1</a>
3219                    </div>
3220                </li>
3221            <div style="clear:both;"></div>
3222        </ul>
3223    </div>
3224</div>
3225<!--//End w-imglist-collections-->
3226<script type="text/javascript">
3227    var tem_689_26_navIndex = $('#smv_tem_689_26').css("z-index");
3228    //图片横向竖向居中显示
3229    function  tem_689_26_imgZoomInit() {
3230        $('#tem_689_26_collections .w-imglist-item').append(function () {
3231            ht = $(this).find('.w-imglist-in').html();
3232            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
3233        });
3234        $("#tem_689_26_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
3235        $("#tem_689_26_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
3236    }
3237
3238    function  tem_689_26_InitImg() {
3239        tem_689_26_imgZoomInit();
3240        if ("off" == "on") {
3241            $('#tem_689_26_collections .w-imglist-item').hover(function () {
3242                $('#smv_tem_689_26').css("z-Index", "9999999");
3243                var img = $(this).find(".w-imglist-bigimg img");
3244                var realWidth;//原始宽度
3245                var realHeight;//原始高度
3246                var height = parseInt(155);
3247                var IntHeight = height;
3248                $(this).addClass('on');
3249                realWidth = img.width();
3250                realHeight = img.height();
3251                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
3252                if (realWidth < IntHeight) {
3253                    $(this).find('.w-imglist-in').css('left', '0')
3254                } else {
3255                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
3256                };
3257            }, function () {
3258                var img = $(this).find(".w-imglist-in img");
3259                $(this).animate({
3260                    height: 155 + "px"
3261                },
3262                100).removeClass('on');
3263                $('#smv_tem_689_26').css("z-Index", tem_689_26_navIndex);
3264                $(this).find('.w-imglist-in').css('left', '0')
3265            });
3266        }
3267    }
3268    function callback_tem_689_26() {
3269        tem_689_26_InitImg();
3270    }
3271    $(function () {
3272        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
3273        tem_689_26_InitImg();
3274    });
3275</script>
3275</div></div>                    </div>
3276                </li>
3277                <li class="w-label-content-item " data-area="tabArea1729582031688">
3278                    <div class="smAreaC" id="smc_tabArea1729582031688" cid="tem_683_26" style="height: 210px;">
3279                        <div id="smv_tem_756_11" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1729582031688" isContainer="False" pvid="tem_683_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 184px; width: 221px; left: 530px; top: -7px;z-index:16;"><div class="yibuFrameContent tem_756_11  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
3280
3281    <div id="tem_756_11_collections" class="w-imglist-list">
3282
3283
3284        <ul class="w-imglist-ul" id="ulList_tem_756_11">
3285                <li class="w-imglist-item">
3286                    <div class="w-imglist-in">
3287                        <a href="/fp3" target="_self" class="w-imglist-img">
3288                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/9952144.png" alt="" title="FP3" />
3289                        </a>
3290
3291                            <div class="w-imglist-title-bg"></div>
3292                            <a href="" class="w-imglist-title">FP3</a>
3293                    </div>
3294                </li>
3295            <div style="clear:both;"></div>
3296        </ul>
3297    </div>
3298</div>
3299<!--//End w-imglist-collections-->
3300<script type="text/javascript">
3301    var tem_756_11_navIndex = $('#smv_tem_756_11').css("z-index");
3302    //图片横向竖向居中显示
3303    function  tem_756_11_imgZoomInit() {
3304        $('#tem_756_11_collections .w-imglist-item').append(function () {
3305            ht = $(this).find('.w-imglist-in').html();
3306            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
3307        });
3308        $("#tem_756_11_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
3309        $("#tem_756_11_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
3310    }
3311
3312    function  tem_756_11_InitImg() {
3313        tem_756_11_imgZoomInit();
3314        if ("off" == "on") {
3315            $('#tem_756_11_collections .w-imglist-item').hover(function () {
3316                $('#smv_tem_756_11').css("z-Index", "9999999");
3317                var img = $(this).find(".w-imglist-bigimg img");
3318                var realWidth;//原始宽度
3319                var realHeight;//原始高度
3320                var height = parseInt(155);
3321                var IntHeight = height;
3322                $(this).addClass('on');
3323                realWidth = img.width();
3324                realHeight = img.height();
3325                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
3326                if (realWidth < IntHeight) {
3327                    $(this).find('.w-imglist-in').css('left', '0')
3328                } else {
3329                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
3330                };
3331            }, function () {
3332                var img = $(this).find(".w-imglist-in img");
3333                $(this).animate({
3334                    height: 155 + "px"
3335                },
3336                100).removeClass('on');
3337                $('#smv_tem_756_11').css("z-Index", tem_756_11_navIndex);
3338                $(this).find('.w-imglist-in').css('left', '0')
3339            });
3340        }
3341    }
3342    function callback_tem_756_11() {
3343        tem_756_11_InitImg();
3344    }
3345    $(function () {
3346        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
3347        tem_756_11_InitImg();
3348    });
3349</script>
3349</div></div>                    </div>
3350                </li>
3351        </ul>
3352        <ul class="w-label-tips">
3353            <li class="w-label-tips-line current"></li>
3354
3355                <li class="w-label-tips-item current"  style="" data-area="tabArea1">
3356                    <a class="f-ellipsis" href="" target="_self">Dynamic Driver IEMs</a>
3357                </li>
3358                <li class="w-label-tips-line current"></li>
3359                <li class="w-label-tips-item "  style="" data-area="tabArea2">
3360                    <a class="f-ellipsis" href="" target="_self">Balanced Armature IEMs</a>
3361                </li>
3362                <li class="w-label-tips-line "></li>
3363                <li class="w-label-tips-item "  style="" data-area="tabArea1689647185274">
3364                    <a class="f-ellipsis" href="javascript:;" target="_self">Tribrid Driver IEMs</a>
3365                </li>
3366                <li class="w-label-tips-line "></li>
3367                <li class="w-label-tips-item "  style="" data-area="tabArea1639213987013">
3368                    <a class="f-ellipsis" href="" target="_blank">Hybrid IEMs</a>
3369                </li>
3370                <li class="w-label-tips-line "></li>
3371                <li class="w-label-tips-item "  style="" data-area="tabArea1639214012625">
3372                    <a class="f-ellipsis" href="" target="_blank">Earbuds</a>
3373                </li>
3374                <li class="w-label-tips-line "></li>
3375                <li class="w-label-tips-item "  style="" data-area="tabArea1639360923269">
3376                    <a class="f-ellipsis" href="" target="_blank">Over-Ear Headphones</a>
3377                </li>
3378                <li class="w-label-tips-line "></li>
3379                <li class="w-label-tips-item "  style="" data-area="tabArea1783482363769">
3380                    <a class="f-ellipsis" href="" target="_blank">Gaming headset</a>
3381                </li>
3382                <li class="w-label-tips-line "></li>
3383                <li class="w-label-tips-item "  style="" data-area="tabArea1639472170799">
3384                    <a class="f-ellipsis" href="" target="_blank">TWS Earphones</a>
3385                </li>
3386                <li class="w-label-tips-line "></li>
3387                <li class="w-label-tips-item "  style="" data-area="tabArea1729582031688">
3388                    <a class="f-ellipsis" href="" target="_blank">Planar IEMs</a>
3389                </li>
3390                <li class="w-label-tips-line "></li>
3391        </ul>
3392    </div>
3393<style>
3394    #smv_tem_683_26 {height:auto !important;}
3395</style>
3396<script type="text/javascript">
3397    var target_tem_683_26;
3398    $(function () {
3399
3400
3401       var event = "click";
3402
3403        _initDom();
3404        _initEvent();
3405
3406
3407        function _initDom() {
3408            $("#tab_tem_683_26 > .w-label-content").show();
3409            $("#smv_tem_683_26").attr("selectArea", "tabArea1");
3410        }
3411
3412        function _initEvent() {
3413
3414            if (event === 'click') {
3415                // 鼠标滑入事件
3416                 $("#tab_tem_683_26 > .w-label-tips >.w-label-tips-item").on('mouseenter', function () {
3417                    var $content = $("#tab_tem_683_26 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
3418                    $("#smv_tem_683_26").attr("selectArea", $content.attr("data-area"));
3419                     $content.find("img").cutFillAuto();
3420                     if (!$(this).hasClass('current')) {
3421                         $(this).children('a').addClass('hover')
3422                     }
3423                     $(this).prev().addClass('hover')
3424                     $(this).next().addClass('hover')
3425                 });
3426
3427                 $("#tab_tem_683_26 > .w-label-tips >.w-label-tips-item").on('mouseleave', function () {
3428                    var $content = $("#tab_tem_683_26 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
3429                    $("#smv_tem_683_26").attr("selectArea", $content.attr("data-area"));
3430                     $content.find("img").cutFillAuto();
3431                     if ($(this).children('a').hasClass('hover')) {
3432                         $(this).children('a').removeClass('hover')
3433                     }
3434                     $(this).prev().removeClass('hover')
3435                     $(this).next().removeClass('hover')
3436                 });
3437            }
3438
3439
3440            // 点击事件
3441            $("#tab_tem_683_26 > .w-label-tips > li > a").on(event, function (e) {
3442                var area = $(this).parent().attr('data-area')
3443                $(this).parent().addClass('current').siblings().removeClass('current');
3444                $(this).parent().prev().addClass('current')
3445                $(this).parent().next().addClass('current')
3446                $("#tab_tem_683_26 > .w-label-content> li[data-area=" + area +"]").addClass('current').siblings().removeClass('current');
3447            });
3448
3449        }
3450    });
3451</script>
3451
3452</div></div>                </div>
3453            </li>
3454            <li class="w-label-content-item " data-area="tabArea1682559296322">
3455                <div class="smAreaC" id="smc_tabArea1682559296322" cid="tem_672_26" style="height: 216px;">
3456                    <div id="smv_tem_735_34" ctype="tab"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style7" ccolor="Item0" areaId="tabArea1682559296322" isContainer="True" pvid="tem_672_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 203px; width: 1169px; left: 16px; top: 4px;z-index:10005;"><div class="yibuFrameContent tem_735_34  tab_Style7  " style="overflow:visible;;" >
3457
3458    <div class="w-label" id="tab_tem_735_34">
3459        <ul class="w-label-content">
3460
3461                <li class="w-label-content-item current" data-area="tabArea1">
3462                    <div class="smAreaC" id="smc_tabArea1" cid="tem_735_34" style="height: 165px;">
3463                        <div id="smv_tem_739_42" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1" isContainer="False" pvid="tem_735_34" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 197px; width: 622px; left: 273px; top: 7px;z-index:16;"><div class="yibuFrameContent tem_739_42  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
3464
3465    <div id="tem_739_42_collections" class="w-imglist-list">
3466
3467
3468        <ul class="w-imglist-ul" id="ulList_tem_739_42">
3469                <li class="w-imglist-item">
3470                    <div class="w-imglist-in">
3471                        <a href="/SP5" target="_self" class="w-imglist-img">
3472                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/11511024.png" alt="" title="SP5" />
3473                        </a>
3474
3475                            <div class="w-imglist-title-bg"></div>
3476                            <a href="" class="w-imglist-title">SP5</a>
3477                    </div>
3478                </li>
3479                <li class="w-imglist-item">
3480                    <div class="w-imglist-in">
3481                        <a href="/SA1" target="_self" class="w-imglist-img">
3482                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10559171.png" alt="" title="SA1" />
3483                        </a>
3484
3485                            <div class="w-imglist-title-bg"></div>
3486                            <a href="" class="w-imglist-title">SA1</a>
3487                    </div>
3488                </li>
3489                <li class="w-imglist-item">
3490                    <div class="w-imglist-in">
3491                        <a href="/SP3" target="_self" class="w-imglist-img">
3492                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/7646639.png" alt="" title="SP3/SP3 BT" />
3493                        </a>
3494
3495                            <div class="w-imglist-title-bg"></div>
3496                            <a href="" class="w-imglist-title">SP3/SP3 BT</a>
3497                    </div>
3498                </li>
3499                <li class="w-imglist-item">
3500                    <div class="w-imglist-in">
3501                        <a href="/productinfo/1576440.html" target="_self" class="w-imglist-img">
3502                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174147588.png" alt="" title="RETRO BOX" />
3503                        </a>
3504
3505                            <div class="w-imglist-title-bg"></div>
3506                            <a href="" class="w-imglist-title">RETRO BOX</a>
3507                    </div>
3508                </li>
3509            <div style="clear:both;"></div>
3510        </ul>
3511    </div>
3512</div>
3513<!--//End w-imglist-collections-->
3514<script type="text/javascript">
3515    var tem_739_42_navIndex = $('#smv_tem_739_42').css("z-index");
3516    //图片横向竖向居中显示
3517    function  tem_739_42_imgZoomInit() {
3518        $('#tem_739_42_collections .w-imglist-item').append(function () {
3519            ht = $(this).find('.w-imglist-in').html();
3520            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
3521        });
3522        $("#tem_739_42_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
3523        $("#tem_739_42_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
3524    }
3525
3526    function  tem_739_42_InitImg() {
3527        tem_739_42_imgZoomInit();
3528        if ("off" == "on") {
3529            $('#tem_739_42_collections .w-imglist-item').hover(function () {
3530                $('#smv_tem_739_42').css("z-Index", "9999999");
3531                var img = $(this).find(".w-imglist-bigimg img");
3532                var realWidth;//原始宽度
3533                var realHeight;//原始高度
3534                var height = parseInt(155);
3535                var IntHeight = height;
3536                $(this).addClass('on');
3537                realWidth = img.width();
3538                realHeight = img.height();
3539                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
3540                if (realWidth < IntHeight) {
3541                    $(this).find('.w-imglist-in').css('left', '0')
3542                } else {
3543                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
3544                };
3545            }, function () {
3546                var img = $(this).find(".w-imglist-in img");
3547                $(this).animate({
3548                    height: 155 + "px"
3549                },
3550                100).removeClass('on');
3551                $('#smv_tem_739_42').css("z-Index", tem_739_42_navIndex);
3552                $(this).find('.w-imglist-in').css('left', '0')
3553            });
3554        }
3555    }
3556    function callback_tem_739_42() {
3557        tem_739_42_InitImg();
3558    }
3559    $(function () {
3560        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
3561        tem_739_42_InitImg();
3562    });
3563</script>
3563</div></div>                    </div>
3564                </li>
3565        </ul>
3566        <ul class="w-label-tips">
3567            <li class="w-label-tips-line current"></li>
3568
3569                <li class="w-label-tips-item current"  style="" data-area="tabArea1">
3570                    <a class="f-ellipsis" href="" target="_self">Active speakers</a>
3571                </li>
3572                <li class="w-label-tips-line current"></li>
3573        </ul>
3574    </div>
3575<style>
3576    #smv_tem_735_34 {height:auto !important;}
3577</style>
3578<script type="text/javascript">
3579    var target_tem_735_34;
3580    $(function () {
3581
3582
3583       var event = "click";
3584
3585        _initDom();
3586        _initEvent();
3587
3588
3589        function _initDom() {
3590            $("#tab_tem_735_34 > .w-label-content").show();
3591            $("#smv_tem_735_34").attr("selectArea", "tabArea1");
3592        }
3593
3594        function _initEvent() {
3595
3596            if (event === 'click') {
3597                // 鼠标滑入事件
3598                 $("#tab_tem_735_34 > .w-label-tips >.w-label-tips-item").on('mouseenter', function () {
3599                    var $content = $("#tab_tem_735_34 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
3600                    $("#smv_tem_735_34").attr("selectArea", $content.attr("data-area"));
3601                     $content.find("img").cutFillAuto();
3602                     if (!$(this).hasClass('current')) {
3603                         $(this).children('a').addClass('hover')
3604                     }
3605                     $(this).prev().addClass('hover')
3606                     $(this).next().addClass('hover')
3607                 });
3608
3609                 $("#tab_tem_735_34 > .w-label-tips >.w-label-tips-item").on('mouseleave', function () {
3610                    var $content = $("#tab_tem_735_34 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
3611                    $("#smv_tem_735_34").attr("selectArea", $content.attr("data-area"));
3612                     $content.find("img").cutFillAuto();
3613                     if ($(this).children('a').hasClass('hover')) {
3614                         $(this).children('a').removeClass('hover')
3615                     }
3616                     $(this).prev().removeClass('hover')
3617                     $(this).next().removeClass('hover')
3618                 });
3619            }
3620
3621
3622            // 点击事件
3623            $("#tab_tem_735_34 > .w-label-tips > li > a").on(event, function (e) {
3624                var area = $(this).parent().attr('data-area')
3625                $(this).parent().addClass('current').siblings().removeClass('current');
3626                $(this).parent().prev().addClass('current')
3627                $(this).parent().next().addClass('current')
3628                $("#tab_tem_735_34 > .w-label-content> li[data-area=" + area +"]").addClass('current').siblings().removeClass('current');
3629            });
3630
3631        }
3632    });
3633</script>
3633
3634</div></div>                </div>
3635            </li>
3636            <li class="w-label-content-item " data-area="tabArea1711706053139">
3637                <div class="smAreaC" id="smc_tabArea1711706053139" cid="tem_672_26" style="height: 209px;">
3638                    <div id="smv_tem_749_31" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1711706053139" isContainer="False" pvid="tem_672_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 182px; width: 1117px; left: 49px; top: -13px;z-index:16;"><div class="yibuFrameContent tem_749_31  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
3639
3640    <div id="tem_749_31_collections" class="w-imglist-list">
3641
3642
3643        <ul class="w-imglist-ul" id="ulList_tem_749_31">
3644                <li class="w-imglist-item">
3645                    <div class="w-imglist-in">
3646                        <a href="/cp13" target="_self" class="w-imglist-img">
3647                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8767255.png" alt="" title="CP13" />
3648                        </a>
3649
3650                            <div class="w-imglist-title-bg"></div>
3651                            <a href="" class="w-imglist-title">CP13</a>
3652                    </div>
3653                </li>
3654                <li class="w-imglist-item">
3655                    <div class="w-imglist-in">
3656                        <a href="/tt13" target="_self" class="w-imglist-img">
3657                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10567658.png" alt="" title="TT13" />
3658                        </a>
3659
3660                            <div class="w-imglist-title-bg"></div>
3661                            <a href="" class="w-imglist-title">TT13</a>
3662                    </div>
3663                </li>
3664                <li class="w-imglist-item">
3665                    <div class="w-imglist-in">
3666                        <a href="/tt11" target="_self" class="w-imglist-img">
3667                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174141501.png" alt="" title="TT11" />
3668                        </a>
3669
3670                            <div class="w-imglist-title-bg"></div>
3671                            <a href="" class="w-imglist-title">TT11</a>
3672                    </div>
3673                </li>
3674                <li class="w-imglist-item">
3675                    <div class="w-imglist-in">
3676                        <a href="/RR13" target="_self" class="w-imglist-img">
3677                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174245452.png" alt="" title="RR13" />
3678                        </a>
3679
3680                            <div class="w-imglist-title-bg"></div>
3681                            <a href="" class="w-imglist-title">RR13</a>
3682                    </div>
3683                </li>
3684                <li class="w-imglist-item">
3685                    <div class="w-imglist-in">
3686                        <a href="/RR11" target="_self" class="w-imglist-img">
3687                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10567790.png" alt="" title="RR11" />
3688                        </a>
3689
3690                            <div class="w-imglist-title-bg"></div>
3691                            <a href="" class="w-imglist-title">RR11</a>
3692                    </div>
3693                </li>
3694                <li class="w-imglist-item">
3695                    <div class="w-imglist-in">
3696                        <a href="/dm13" target="_self" class="w-imglist-img">
3697                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/10059163.png" alt="" title="DM13" />
3698                        </a>
3699
3700                            <div class="w-imglist-title-bg"></div>
3701                            <a href="" class="w-imglist-title">DM13</a>
3702                    </div>
3703                </li>
3704                <li class="w-imglist-item">
3705                    <div class="w-imglist-in">
3706                        <a href="/dm15R2R" target="_self" class="w-imglist-img">
3707                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/174050583.png" alt="" title="DM15 R2R" />
3708                        </a>
3709
3710                            <div class="w-imglist-title-bg"></div>
3711                            <a href="" class="w-imglist-title">DM15 R2R</a>
3712                    </div>
3713                </li>
3714            <div style="clear:both;"></div>
3715        </ul>
3716    </div>
3717</div>
3718<div id='pager_tem_749_31' jp-htmlid='tem_749_31' class='xn-pager xn-resize'  jp-style='Style1_Item0' jp-color='0' jp-align='center' jp-enable='true' jp-device='pc'   jp-first='首页' jp-prev='Prev' jp-next='Next' jp-last='尾页' jp-more='More' jp-goto='jump to' jp-go='GO'   jp-totalpages='2' jp-totalcounts='8' jp-pagesize='7' jp-currentpage='1' jp-vpage='5'   jp-listtype='picture' jp-cid='' jp-eid='' jp-datestyle='yyyy-MM-dd' jp-orderbyfield='createtime' jp-orderbytype='desc' jp-skey='' jp-templateid='0' jp-postdata='[{"PictureId":"8767255","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F8767255.png","PictureTitle":"CP
371813","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"302876","LinkUrl":"%2Fcp13","Target":"_self","Title":"CP13","DisplayOrder":"1"},{"PictureId":"10567658","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F10567658.png","PictureTitle":"TT13","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"328580","LinkUrl":"%2Ftt13","Target":"_self","Title":"TT13","DisplayOrder":"2"},{"PictureId":"174141501","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174141501.png","PictureTitle":"TT11","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"363695","LinkUrl":"%2Ftt11","Target":"_self","Title":"TT11","DisplayOrder":"3"},{"PictureId":"174245452","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174245452.png","PictureTitle":"RR13","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"365653","LinkUrl":"%2FRR13","Target":"_self","Title":"RR13","DisplayOrder":"4"},{"PictureId":"10567790","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F10567790.png","PictureTitle":"RR11","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"339115","LinkUrl":"%2FRR11","Target":"_self","Title":"RR11","DisplayOrder":"5"},{"PictureId":"10059163","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F10059163.png","PictureTitle":"DM13","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"327435","LinkUrl":"%2Fdm13","Target":"_self","Title":"DM13","DisplayOrder":"6"},{"PictureId":"174050583","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174050583.png","PictureTitle":"DM15%20R2R","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"360291","LinkUrl":"%2Fdm15R2R","Target":"_self","Title":"DM15%20R2R","DisplayOrder":"7"},{"PictureId":"174278461","MimeType":"image%2Fpng","PictureUrl":"%2F%2Fnwzimg.wezhan.net%2Fcontents%2Fsitefiles3600%2F18000638%2Fimages%2F174278461.png","PictureTitle":"DM15","ThumbnailUrl":"","PictureContent":"","LinkType":"page","EntityId":"365902","LinkUrl":"%2Fdm15","Target":"_self","Title":"DM15","DisplayOrder":"8"}]' jp-callback='callback_tem_749_31' jp-es='false' jp-localload='0' ></div>
3718<script>$(function(){xnPager('pager_tem_749_31');});</script>
3718    
3718<script type="text/template" id="listTemplate_tem_749_31">
3719        <li class="w-imglist-item">
3720            <div class="w-imglist-in">
3721                $if(data.LinkType == "dialog")
3722                {
3723                    <a href="javascript:void(0)" class="w-imglist-img"  onclick="showWZDialog('$data.EntityId')">
3724                }
3725                else
3726                {
3727                    $if(data.LinkUrl =="" ||data.LinkUrl =="javascript:void(0)"){
3728                         <a target="$data.Target" class="w-imglist-img">
3729                    }else{
3730                         <a href="$data.LinkUrl" target="$data.Target" class="w-imglist-img" linktype="$data.LinkType">
3731                    } 
3732                }
3733                   <img loading="lazy" class=" CutFill" src="$data.PicUrl" alt="$data.Short" title="$data.Name" />
3734                   </a>
3735
3736                    <div class="w-imglist-title-bg"></div>
3737                    <a href="javascript:void(0)" class="w-imglist-title">$data.Name</a>
3738            </div>
3739        </li>
3740    </script>
3740
3741<!--//End w-imglist-collections-->
3742<script type="text/javascript">
3743    var tem_749_31_navIndex = $('#smv_tem_749_31').css("z-index");
3744    //图片横向竖向居中显示
3745    function  tem_749_31_imgZoomInit() {
3746        $('#tem_749_31_collections .w-imglist-item').append(function () {
3747            ht = $(this).find('.w-imglist-in').html();
3748            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
3749        });
3750        $("#tem_749_31_collections .w-imglist-item .w-imglist-in img").cutFill("145", "155");
3751        $("#tem_749_31_collections .w-imglist-item .w-imglist-bigimg img").cutFill("203", "217");
3752    }
3753
3754    function  tem_749_31_InitImg() {
3755        tem_749_31_imgZoomInit();
3756        if ("off" == "on") {
3757            $('#tem_749_31_collections .w-imglist-item').hover(function () {
3758                $('#smv_tem_749_31').css("z-Index", "9999999");
3759                var img = $(this).find(".w-imglist-bigimg img");
3760                var realWidth;//原始宽度
3761                var realHeight;//原始高度
3762                var height = parseInt(155);
3763                var IntHeight = height;
3764                $(this).addClass('on');
3765                realWidth = img.width();
3766                realHeight = img.height();
3767                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
3768                if (realWidth < IntHeight) {
3769                    $(this).find('.w-imglist-in').css('left', '0')
3770                } else {
3771                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
3772                };
3773            }, function () {
3774                var img = $(this).find(".w-imglist-in img");
3775                $(this).animate({
3776                    height: 155 + "px"
3777                },
3778                100).removeClass('on');
3779                $('#smv_tem_749_31').css("z-Index", tem_749_31_navIndex);
3780                $(this).find('.w-imglist-in').css('left', '0')
3781            });
3782        }
3783    }
3784    function callback_tem_749_31() {
3785        tem_749_31_InitImg();
3786    }
3787    $(function () {
3788        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
3789        tem_749_31_InitImg();
3790    });
3791</script>
3791</div></div>                </div>
3792            </li>
3793            <li class="w-label-content-item " data-area="tabArea1700193845170">
3794                <div class="smAreaC" id="smc_tabArea1700193845170" cid="tem_672_26" style="height: 212px;">
3795                    <div id="smv_tem_747_34" ctype="tab"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style7" ccolor="Item0" areaId="tabArea1700193845170" isContainer="True" pvid="tem_672_26" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 203px; width: 1169px; left: 21px; top: 6px;z-index:10005;"><div class="yibuFrameContent tem_747_34  tab_Style7  " style="overflow:visible;;" >
3796
3797    <div class="w-label" id="tab_tem_747_34">
3798        <ul class="w-label-content">
3799
3800                <li class="w-label-content-item current" data-area="tabArea1">
3801                    <div class="smAreaC" id="smc_tabArea1" cid="tem_747_34" style="height: 165px;">
3802                        <div id="smv_tem_748_34" ctype="altas"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="tabArea1" isContainer="False" pvid="tem_747_34" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 197px; width: 136px; left: 514px; top: 5px;z-index:16;"><div class="yibuFrameContent tem_748_34  altas_Style1  " style="overflow:visible;;" ><div class="w-imglist-collections xn-resize">
3803
3804    <div id="tem_748_34_collections" class="w-imglist-list">
3805
3806
3807        <ul class="w-imglist-ul" id="ulList_tem_748_34">
3808                <li class="w-imglist-item">
3809                    <div class="w-imglist-in">
3810                        <a href="https://www.jadeaudio.com/Productdetails?product_id=68" target="_self" class="w-imglist-img">
3811                            <img loading="lazy" class=" CutFill" src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/8432011.png" alt="" title="KB3" />
3812                        </a>
3813
3814                            <div class="w-imglist-title-bg"></div>
3815                            <a href="" class="w-imglist-title">KB3</a>
3816                    </div>
3817                </li>
3818            <div style="clear:both;"></div>
3819        </ul>
3820    </div>
3821</div>
3822<!--//End w-imglist-collections-->
3823<script type="text/javascript">
3824    var tem_748_34_navIndex = $('#smv_tem_748_34').css("z-index");
3825    //图片横向竖向居中显示
3826    function  tem_748_34_imgZoomInit() {
3827        $('#tem_748_34_collections .w-imglist-item').append(function () {
3828            ht = $(this).find('.w-imglist-in').html();
3829            return "<div class='w-imglist-bigimg' style='z-index: 78'>" + ht + "</div>";
3830        });
3831        $("#tem_748_34_collections .w-imglist-item .w-imglist-in img").cutFill("140", "155");
3832        $("#tem_748_34_collections .w-imglist-item .w-imglist-bigimg img").cutFill("196", "217");
3833    }
3834
3835    function  tem_748_34_InitImg() {
3836        tem_748_34_imgZoomInit();
3837        if ("off" == "on") {
3838            $('#tem_748_34_collections .w-imglist-item').hover(function () {
3839                $('#smv_tem_748_34').css("z-Index", "9999999");
3840                var img = $(this).find(".w-imglist-bigimg img");
3841                var realWidth;//原始宽度
3842                var realHeight;//原始高度
3843                var height = parseInt(155);
3844                var IntHeight = height;
3845                $(this).addClass('on');
3846                realWidth = img.width();
3847                realHeight = img.height();
3848                img.css("marginLeft", (-realWidth / 2) + "px").css("marginTop", (-realHeight / 2) + "px");
3849                if (realWidth < IntHeight) {
3850                    $(this).find('.w-imglist-in').css('left', '0')
3851                } else {
3852                    $(this).find('.w-imglist-in').css('left', -realWidth / 4)
3853                };
3854            }, function () {
3855                var img = $(this).find(".w-imglist-in img");
3856                $(this).animate({
3857                    height: 155 + "px"
3858                },
3859                100).removeClass('on');
3860                $('#smv_tem_748_34').css("z-Index", tem_748_34_navIndex);
3861                $(this).find('.w-imglist-in').css('left', '0')
3862            });
3863        }
3864    }
3865    function callback_tem_748_34() {
3866        tem_748_34_InitImg();
3867    }
3868    $(function () {
3869        if ("Publish" != "Design") { $(".w-imglist-collections").parent().removeClass("overflow_hidden"); }
3870        tem_748_34_InitImg();
3871    });
3872</script>
3872</div></div>                    </div>
3873                </li>
3874        </ul>
3875        <ul class="w-label-tips">
3876            <li class="w-label-tips-line current"></li>
3877
3878                <li class="w-label-tips-item current"  style="" data-area="tabArea1">
3879                    <a class="f-ellipsis" href="" target="_self">HiFi Keyboard</a>
3880                </li>
3881                <li class="w-label-tips-line current"></li>
3882        </ul>
3883    </div>
3884<style>
3885    #smv_tem_747_34 {height:auto !important;}
3886</style>
3887<script type="text/javascript">
3888    var target_tem_747_34;
3889    $(function () {
3890
3891
3892       var event = "click";
3893
3894        _initDom();
3895        _initEvent();
3896
3897
3898        function _initDom() {
3899            $("#tab_tem_747_34 > .w-label-content").show();
3900            $("#smv_tem_747_34").attr("selectArea", "tabArea1");
3901        }
3902
3903        function _initEvent() {
3904
3905            if (event === 'click') {
3906                // 鼠标滑入事件
3907                 $("#tab_tem_747_34 > .w-label-tips >.w-label-tips-item").on('mouseenter', function () {
3908                    var $content = $("#tab_tem_747_34 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
3909                    $("#smv_tem_747_34").attr("selectArea", $content.attr("data-area"));
3910                     $content.find("img").cutFillAuto();
3911                     if (!$(this).hasClass('current')) {
3912                         $(this).children('a').addClass('hover')
3913                     }
3914                     $(this).prev().addClass('hover')
3915                     $(this).next().addClass('hover')
3916                 });
3917
3918                 $("#tab_tem_747_34 > .w-label-tips >.w-label-tips-item").on('mouseleave', function () {
3919                    var $content = $("#tab_tem_747_34 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
3920                    $("#smv_tem_747_34").attr("selectArea", $content.attr("data-area"));
3921                     $content.find("img").cutFillAuto();
3922                     if ($(this).children('a').hasClass('hover')) {
3923                         $(this).children('a').removeClass('hover')
3924                     }
3925                     $(this).prev().removeClass('hover')
3926                     $(this).next().removeClass('hover')
3927                 });
3928            }
3929
3930
3931            // 点击事件
3932            $("#tab_tem_747_34 > .w-label-tips > li > a").on(event, function (e) {
3933                var area = $(this).parent().attr('data-area')
3934                $(this).parent().addClass('current').siblings().removeClass('current');
3935                $(this).parent().prev().addClass('current')
3936                $(this).parent().next().addClass('current')
3937                $("#tab_tem_747_34 > .w-label-content> li[data-area=" + area +"]").addClass('current').siblings().removeClass('current');
3938            });
3939
3940        }
3941    });
3942</script>
3942
3943</div></div>                </div>
3944            </li>
3945            <li class="w-label-content-item " data-area="tabArea1639214012625">
3946                <div class="smAreaC" id="smc_tabArea1639214012625" cid="tem_672_26" style="height: 99px;">
3947                                    </div>
3948            </li>
3949            <li class="w-label-content-item " data-area="tabArea1639360923269">
3950                <div class="smAreaC" id="smc_tabArea1639360923269" cid="tem_672_26" style="height: 68px;">
3951                                    </div>
3952            </li>
3953    </ul>
3954</div>
3955<style>
3956    #smv_tem_672_26 {height:auto !important;}
3957</style>
3958<script type="text/javascript">
3959    var target_tem_672_26;
3960    $(function () {
3961        var event = "mouseenter";
3962            
3963        $("#tab_tem_672_26").on("mouseleave", function (e) {
3964            var o = e.relatedTarget || e.toElement;
3965            if (!o) return;
3966            $("#tab_tem_672_26 > .w-label-tips > .current").removeClass("current");
3967            $("#tab_tem_672_26 > .w-label-content").stop().slideUp("fast");
3968        });
3969        $("#tab_tem_672_26 > .w-label-tips").on("mouseenter", function () {
3970            $("#tab_tem_672_26 > .w-label-content").stop().slideDown("fast");
3971        });
3972        
3973        $("#tab_tem_672_26 > .w-label-tips >.w-label-tips-item").on(event, function () {
3974            $(this).siblings().removeClass("current");
3975            $(this).addClass("current");
3976            $(this).prev(".w-label-tips-line").addClass("current");
3977            $(this).next(".w-label-tips-line").addClass("current");
3978            var $content = $("#tab_tem_672_26 >.w-label-content > .w-label-content-item[data-area='" + $(this).attr("data-area") + "']");
3979            $content.addClass("current").siblings().removeClass("current");
3980            
3981            $("#smv_tem_672_26").attr("selectArea", $content.attr("data-area"));
3982            $content.find("img").cutFillAuto();
3983        });
3984        $("#smv_tem_672_26").attr("selectArea", "tabArea1639706124002");
3985    });
3986</script>
3986
3987</div></div>
3988        </div>
3989    </div>
3990
3991    <div class="main-layout-wrapper" id="smv_AreaMainWrapper" style="background-color: transparent; background-image: none;
3992         background-repeat: no-repeat;background-position:0 0; background:-moz-linear-gradient(top, none, none);background:-webkit-gradient(linear, left top, left bottom, from(none), to(none));background:-o-linear-gradient(top, none, none);background:-ms-linear-gradient(top, none, none);background:linear-gradient(top, none, none);;background-size: auto; z-index:auto;"
3993         bgScroll="none">
3994        <div class="main-layout" id="tem-main-layout11" style="width: 100%;">
3995            <div style="display: none">
3996                
3997            </div>
3998            <div class="" id="smv_MainContent" rel="mainContentWrapper" style="width: 100%; min-height: 300px; position: relative; ">
3999                
4000                <div class="smvWrapper"  style="min-width:1200px;  position: relative; background-color: rgb(255, 255, 255); background-image: none; background-repeat: no-repeat; background:-moz-linear-gradient(top, none, none);background:-webkit-gradient(linear, left top, left bottom, from(none), to(none));background:-o-linear-gradient(top, none, none);background:-ms-linear-gradient(top, none, none);background:linear-gradient(top, none, none);;background-position:0 0;background-size:auto;" bgScroll="none"><div class="smvContainer" id="smv_Main" cpid="2966" style="min-height:400px;width:1200px;height:1490px;  position: relative; "><div id="smv_con_1_4" ctype="banner"  class="esmartMargin smartAbs " cpid="2966" cstyle="Style1" ccolor="Item0" areaId="" isContainer="True" pvid="" tareaId=""  re-direction="y" daxis="Y" isdeletable="True" style="height: 320px; width: 100%; left: 0px; top: 0px;z-index:0;"><div class="yibuFrameContent con_1_4  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="con_1_4" style="width:1200px">
4001    </div>
4002<div id="bannerWrap_con_1_4" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
4003</div>
4004
4005<script type="text/javascript">
4006
4007    $(function () {
4008        var resize = function () {
4009            $("#smv_con_1_4 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_con_1_4").parent().width());
4010            $('#bannerWrap_con_1_4').fullScreen(function (t) {
4011                if (VisitFromMobile()) {
4012                    t.css("min-width", t.parent().width())
4013                }
4014            });
4015        }
4016        if (typeof (LayoutConverter) !== "undefined") {
4017            LayoutConverter.CtrlJsVariableList.push({
4018                CtrlId: "con_1_4",
4019                ResizeFunc: resize,
4020            });
4021        } else {
4022            $(window).resize(function (e) {
4023                if (e.target == this) {
4024                    resize();
4025                }
4026            });
4027        }
4028
4029        resize();
4030    });
4031</script>
4031
4032</div></div><div id="smv_con_65_41" ctype="line"  class="esmartMargin smartAbs " cpid="2966" cstyle="Style1" ccolor="Item2" areaId="" isContainer="False" pvid="" tareaId=""  re-direction="x" daxis="All" isdeletable="True" style="height: 20px; width: 1201px; left: 0px; top: 380px;z-index:10021;"><div class="yibuFrameContent con_65_41  line_Style1  " style="overflow:visible;;" ><!-- w-line -->
4033<div style="position:relative; height:100%">
4034    <div class="w-line" style="position:absolute;top:50%;" linetype="horizontal"></div>
4035</div>
4036</div></div><div id="smv_con_61_35" ctype="image"  class="esmartMargin smartAbs " cpid="2966" cstyle="Style1" ccolor="Item0" areaId="" isContainer="False" pvid="" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 400px; width: 1200px; left: -1px; top: 1077px;z-index:10020;"><div class="yibuFrameContent con_61_35  image_Style1  " style="overflow:visible;;" >
4037    <div class="w-image-box image-clip-wrap" data-fillType="0" id="div_con_61_35">
4038        <a target="_self" href="">
4039            <img loading="lazy" 
4040                 src="//nwzimg.wezhan.net/contents/sitefiles3600/18000638/images/7592760.jpg" 
4041                 alt="fiio" 
4042                 title="fiio" 
4043                 id="img_smv_con_61_35" 
4044                 style="width: 1200px; height:400px;"
4045                 class=""
4046             >
4047        </a>
4048    </div>
4049
4050    
4050<script type="text/javascript">
4051        $(function () {
4052            
4053                InitImageSmv("con_61_35", "1200", "400", "0");
4054            
4055                 });
4056    </script>
4056
4057
4058</div></div><div id="smv_con_67_10" ctype="nav"  class="esmartMargin smartAbs " cpid="2966" cstyle="Style1" ccolor="Item0" areaId="" isContainer="False" pvid="" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 35px; width: 1200px; left: 0px; top: 350px;z-index:10023;"><div class="yibuFrameContent con_67_10  nav_Style1  " style="overflow:visible;;" ><div id="nav_con_67_10" class="nav_pc_t_1">
4059    <ul class="w-nav" navstyle="style1">
4060                <li class="w-nav-inner" style="height:35px;line-height:35px;width:33.3333333333333%;">
4061                    <div class="w-nav-item">
4062                        <i class="w-nav-item-line"></i>
4063                                <a href="/About_FIIO" target="_self" class="w-nav-item-link">
4064                                    <span class="mw-iconfont"></span>
4065                                    <span class="w-link-txt">About&#160;FIIO</span>
4066                                </a>
4067                       
4068                    </div>
4069                </li>
4070                <li class="w-nav-inner" style="height:35px;line-height:35px;width:33.3333333333333%;">
4071                    <div class="w-nav-item">
4072                        <i class="w-nav-item-line"></i>
4073                                <a href="/brand_introduction" target="_self" class="w-nav-item-link">
4074                                    <span class="mw-iconfont"></span>
4075                                    <span class="w-link-txt">Brand&#160;Introduction</span>
4076                                </a>
4077                       
4078                    </div>
4079                </li>
4080                <li class="w-nav-inner" style="height:35px;line-height:35px;width:33.3333333333333%;">
4081                    <div class="w-nav-item">
4082                        <i class="w-nav-item-line"></i>
4083                                <a href="/contact_us" target="_self" class="w-nav-item-link">
4084                                    <span class="mw-iconfont"></span>
4085                                    <span class="w-link-txt">Contact&#160;Us</span>
4086                                </a>
4087                       
4088                    </div>
4089                </li>
4090
4091    </ul>
4092</div>
4093<script>
4094    $(function () {
4095        var $nav = $("#smv_con_67_10 .w-nav");
4096        var $inner = $("#smv_con_67_10 .w-nav-inner");
4097        var rightBorder = parseInt($nav.css("border-right-width"));
4098        var leftBorder = parseInt($nav.css("border-left-width"));
4099        var topBorder = parseInt($nav.css("border-top-width"));
4100        var bottomBorder = parseInt($nav.css("border-bottom-width"));
4101        var height = $("#smv_con_67_10").height();
4102        var width = $('#smv_con_67_10').width();
4103        $nav.height(height - topBorder - bottomBorder);
4104        $nav.width(width - leftBorder - rightBorder);
4105        $inner.height(height - topBorder - bottomBorder).css("line-height", height - topBorder - bottomBorder+"px");
4106
4107
4108        $('#nav_con_67_10').find('.w-subnav').hide();
4109        var $this, item, itemAll;
4110        $('#nav_con_67_10').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
4111            itemAll = $('#nav_con_67_10').find('.w-subnav');
4112            $this = $(this);
4113            item = $this.find('.w-subnav');
4114            item.slideDown();
4115        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
4116            item = $(this).find('.w-subnav');
4117            item.stop().slideUp(function () {
4118                ////设置回调,防止slidUp自动加上height和width导致在子导航中设置height和width无效
4119                //item.css({
4120                //    height: '',
4121                //    width: ''
4122                //})
4123            });
4124        });
4125        SetNavSelectedStyle('nav_con_67_10');//选中当前导航
4126    });
4127
4128</script>
4128</div></div><div id="smv_con_63_58" ctype="text"  class="esmartMargin smartAbs " cpid="2966" cstyle="Style1" ccolor="Item4" areaId="Main" isContainer="False" pvid="" tareaId="Main"  re-direction="all" daxis="All" isdeletable="True" style="height: 729px; width: 1030px; left: 101px; top: 427px;z-index:3;"><div class="yibuFrameContent con_63_58  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_63_58' style="height: 100%;">
4129    <div class="editableContent" id="txtc_con_63_58" style="height: 100%; word-wrap:break-word;">
4130        <p><span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>About&nbsp;Guangzhou FIIO Electronics Technology Co., Ltd.</strong></span></span></span></p>
4131
4132<p><br />
4133<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif">FIIO was established in 2007 and has experience in researching and developing countless portable music products of different types, and sell FIIO-branded products through sales agents worldwide.The brand name FIIO is composed of Fi(fidelity from HiFi) and iO(number 1&amp;0), representing the real feeling and convenient life that digital brings to life. Meanwhile, the Chinese &ldquo;飞傲&rdquo; is the transliteration of FIIO, indicating the positive and innovative spirit as thriving as spring.</span></span></span></p>
4134
4135<p><br />
4136<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif">FIIO is focused on product quality, adheres strictly to ISO9001 standards in quality management and works hard to attain the lowest repair-related product returns rate.</span></span></span></p>
4137
4138<p><br />
4139<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>FIIO&#39;s aspiration:</strong>&nbsp;to raise the reputation of &quot;Made in China&quot;.</span></span></span></p>
4140
4141<p><br />
4142<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Brand spirit:&nbsp;</strong>innovation, quality, service</span></span></span></p>
4143
4144<p><br />
4145<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif"><strong>Brand positioning:&nbsp;</strong>HiFi with style</span></span></span></p>
4146
4147<p><br />
4148<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif">FIIO designs, produces and sells high-quality products at favorable prices to those who love music and style; our high-resolution digital audio players, portable headphone amplifiers, DACs and earphones have all received praise from the majority of users.</span></span></span></p>
4149
4150<p><br />
4151<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif">Several products from FiiO have created record sales in their respective product segments and have received countless awards including&nbsp;<strong>iF Design Award, Reddot Award, EISA Award, VGP Award</strong>, etc. &nbsp;</span></span></span></p>
4152
4153<p><br />
4154<span style="line-height:1.75"><span style="font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif">FIIO places great importance on users&#39; needs and ceaselessly pursues perfection in product design and manufacturing, to supply users with the best audio products at the best prices.&nbsp;</span></span></span></p>
4155
4156    </div>
4157</div>
4158
4159<script>
4160    var tables = $(' #smv_con_63_58').find('table')
4161    for (var i = 0; i < tables.length; i++) {
4162        var tab = tables[i]
4163        var borderWidth = $(tab).attr('border')
4164        if (borderWidth <= 0 || !borderWidth) {
4165            console.log(tab)
4166            $(tab).addClass('hidden-border')
4167            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
4168            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
4169            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
4170            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
4171            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
4172            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
4173        }
4174    }
4175</script>
4175</div></div></div></div><input type='hidden' name='__RequestVerificationToken' id='token__RequestVerificationToken' value='rz6R3tkE2XrWD8JMwEb6UZhuN8ND8dQn9fRmUiyRAOFN5x09PT0Fi4eqkq8y6oo2knsKunPXyd6CqYAbRgKnMFprg-dOhfS_vKd-zT3bRQw1' />
4176            </div>
4177        </div>
4178    </div>
4179
4180    <div style="background-color: transparent; background-image: none; background-repeat: no-repeat;background-position:0 0; background:-moz-linear-gradient(top, none, none);background:-webkit-gradient(linear, left top, left bottom, from(none), to(none));background:-o-linear-gradient(top, none, none);background:-ms-linear-gradient(top, none, none);background:linear-gradient(top, none, none);;
4181         position: relative; width: 100%;min-width:1200px;background-size: auto; z-index:auto;" bgScroll="none">
4182        <div class=" footer" cpid="3469" id="smv_Area3" style="width: 1200px; height: 303px; position: relative; margin: 0 auto;">
4183            <div id="smv_tem_111_40" ctype="banner"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area3" isContainer="True" pvid="" tareaId="Area3"  re-direction="y" daxis="Y" isdeletable="True" style="height: 304px; width: 100%; left: 0px; top: 0px;z-index:0;"><div class="yibuFrameContent tem_111_40  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="tem_111_40" style="width:1200px">
4184    <div id="smv_tem_253_40" ctype="line"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="x" daxis="All" isdeletable="True" style="height: 20px; width: 1180px; left: 15px; top: 205px;z-index:10004;"><div class="yibuFrameContent tem_253_40  line_Style1  " style="overflow:visible;;" ><!-- w-line -->
4185<div style="position:relative; height:100%">
4186    <div class="w-line" style="position:absolute;top:50%;" linetype="horizontal"></div>
4187</div>
4188</div></div><div id="smv_tem_541_40" ctype="nav"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style8" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 111px; width: 97px; left: 23px; top: 47px;z-index:39;"><div class="yibuFrameContent tem_541_40  nav_Style8  " style="overflow:visible;;" ><!-- userWidth 是否设定了子导航宽度 -->
4189<div class="nav_pc_t_8" id="nav_tem_541_40">
4190    <ul class="w-nav" navstyle="style8">
4191                <li class="w-nav-inner" style="height:25%;line-height:27px">
4192                    <div class="w-nav-item">
4193                        <a href="/r9" target="_self" class="w-nav-item-link">
4194                            <span class="mw-iconfont"></span>
4195                            <span class="w-link-txt">R9</span>
4196                        </a>
4197                       
4198                    </div>
4199                </li>
4200                <li class="w-nav-inner" style="height:25%;line-height:27px">
4201                    <div class="w-nav-item">
4202                        <a href="/m23" target="_self" class="w-nav-item-link">
4203                            <span class="mw-iconfont"></span>
4204                            <span class="w-link-txt">M23</span>
4205                        </a>
4206                       
4207                    </div>
4208                </li>
4209                <li class="w-nav-inner" style="height:25%;line-height:27px">
4210                    <div class="w-nav-item">
4211                        <a href="/k17" target="_blank" class="w-nav-item-link">
4212                            <span class="mw-iconfont"></span>
4213                            <span class="w-link-txt">K17</span>
4214                        </a>
4215                       
4216                    </div>
4217                </li>
4218                <li class="w-nav-inner" style="height:25%;line-height:27px">
4219                    <div class="w-nav-item">
4220                        <a href="/s15" target="_self" class="w-nav-item-link">
4221                            <span class="mw-iconfont"></span>
4222                            <span class="w-link-txt">S15</span>
4223                        </a>
4224                       
4225                    </div>
4226                </li>
4227
4228    </ul>
4229</div>
4230<script>
4231    $(function () {
4232        var $nav = $("#smv_tem_541_40 .w-nav");
4233        var $inner = $("#smv_tem_541_40 .w-nav-inner");
4234        var $subnav = $("#smv_tem_541_40 .w-subnav");
4235        var rightBorder = parseInt($nav.css("border-right-width"));
4236        var leftBorder = parseInt($nav.css("border-left-width"));
4237        var topBorder = parseInt($nav.css("border-top-width"));
4238        var bottomBorder = parseInt($nav.css("border-bottom-width"));
4239        var height = $("#smv_tem_541_40").height();
4240        var width = $('#smv_tem_541_40').width();
4241        $nav.height(height - topBorder - bottomBorder);
4242        $nav.width(width - leftBorder - rightBorder);
4243        $subnav.css("left", width - leftBorder - rightBorder + "px");
4244
4245        $('#nav_tem_541_40').find('.w-subnav').hide();
4246        var $this, item, itemAll, flag = true;
4247        $('#nav_tem_541_40').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
4248            itemAll = $('#nav_tem_541_40').find('.w-subnav');
4249            $this = $(this);
4250            item = $this.find('.w-subnav');
4251            item.fadeIn(150, function () {
4252                flag = true
4253            });
4254            flag = false
4255        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
4256            item = $(this).find('.w-subnav');
4257            item.fadeOut(150);
4258            item = undefined && (flag = true);
4259        });
4260        SetNavSelectedStyle('nav_tem_541_40');//选中当前导航
4261    });
4262</script>
4262</div></div><div id="smv_tem_542_40" ctype="text"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 21px; width: 106px; left: 32px; top: 25px;z-index:40;"><div class="yibuFrameContent tem_542_40  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_542_40' style="height: 100%;">
4263    <div class="editableContent" id="txtc_tem_542_40" style="height: 100%; word-wrap:break-word;">
4264        <p><span style="color:#da0039"><span style="font-size:12px"><strong>Products</strong></span></span></p>
4265
4266    </div>
4267</div>
4268
4269<script>
4270    var tables = $(' #smv_tem_542_40').find('table')
4271    for (var i = 0; i < tables.length; i++) {
4272        var tab = tables[i]
4273        var borderWidth = $(tab).attr('border')
4274        if (borderWidth <= 0 || !borderWidth) {
4275            console.log(tab)
4276            $(tab).addClass('hidden-border')
4277            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
4278            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
4279            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
4280            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
4281            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
4282            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
4283        }
4284    }
4285</script>
4285</div></div><div id="smv_tem_543_4" ctype="nav"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style8" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 119px; width: 180px; left: 146px; top: 47px;z-index:39;"><div class="yibuFrameContent tem_543_4  nav_Style8  " style="overflow:visible;;" ><!-- userWidth 是否设定了子导航宽度 -->
4286<div class="nav_pc_t_8" id="nav_tem_543_4">
4287    <ul class="w-nav" navstyle="style8">
4288                <li class="w-nav-inner" style="height:25%;line-height:29px">
4289                    <div class="w-nav-item">
4290                        <a href="/About_FiiO" target="_self" class="w-nav-item-link">
4291                            <span class="mw-iconfont"></span>
4292                            <span class="w-link-txt">About&#160;FIIO</span>
4293                        </a>
4294                       
4295                    </div>
4296                </li>
4297                <li class="w-nav-inner" style="height:25%;line-height:29px">
4298                    <div class="w-nav-item">
4299                        <a href="/contact_us" target="_self" class="w-nav-item-link">
4300                            <span class="mw-iconfont"></span>
4301                            <span class="w-link-txt">Contact&#160;Us</span>
4302                        </a>
4303                       
4304                    </div>
4305                </li>
4306                <li class="w-nav-inner" style="height:25%;line-height:29px">
4307                    <div class="w-nav-item">
4308                        <a href="/fiionews" target="_blank" class="w-nav-item-link">
4309                            <span class="mw-iconfont"></span>
4310                            <span class="w-link-txt">News&#160;&amp;&#160;Events</span>
4311                        </a>
4312                       
4313                    </div>
4314                </li>
4315                <li class="w-nav-inner" style="height:25%;line-height:29px">
4316                    <div class="w-nav-item">
4317                        <a href="/company_development" target="_self" class="w-nav-item-link">
4318                            <span class="mw-iconfont"></span>
4319                            <span class="w-link-txt">Company&#160;Development</span>
4320                        </a>
4321                       
4322                    </div>
4323                </li>
4324
4325    </ul>
4326</div>
4327<script>
4328    $(function () {
4329        var $nav = $("#smv_tem_543_4 .w-nav");
4330        var $inner = $("#smv_tem_543_4 .w-nav-inner");
4331        var $subnav = $("#smv_tem_543_4 .w-subnav");
4332        var rightBorder = parseInt($nav.css("border-right-width"));
4333        var leftBorder = parseInt($nav.css("border-left-width"));
4334        var topBorder = parseInt($nav.css("border-top-width"));
4335        var bottomBorder = parseInt($nav.css("border-bottom-width"));
4336        var height = $("#smv_tem_543_4").height();
4337        var width = $('#smv_tem_543_4').width();
4338        $nav.height(height - topBorder - bottomBorder);
4339        $nav.width(width - leftBorder - rightBorder);
4340        $subnav.css("left", width - leftBorder - rightBorder + "px");
4341
4342        $('#nav_tem_543_4').find('.w-subnav').hide();
4343        var $this, item, itemAll, flag = true;
4344        $('#nav_tem_543_4').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
4345            itemAll = $('#nav_tem_543_4').find('.w-subnav');
4346            $this = $(this);
4347            item = $this.find('.w-subnav');
4348            item.fadeIn(150, function () {
4349                flag = true
4350            });
4351            flag = false
4352        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
4353            item = $(this).find('.w-subnav');
4354            item.fadeOut(150);
4355            item = undefined && (flag = true);
4356        });
4357        SetNavSelectedStyle('nav_tem_543_4');//选中当前导航
4358    });
4359</script>
4359</div></div><div id="smv_tem_544_4" ctype="text"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 21px; width: 87px; left: 154px; top: 25px;z-index:40;"><div class="yibuFrameContent tem_544_4  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_544_4' style="height: 100%;">
4360    <div class="editableContent" id="txtc_tem_544_4" style="height: 100%; word-wrap:break-word;">
4361        <p><span style="color:#da0039"><span style="font-size:12px"><span style="font-family:&quot;Microsoft YaHei&quot;"><strong>Company</strong></span></span></span></p>
4362
4363    </div>
4364</div>
4365
4366<script>
4367    var tables = $(' #smv_tem_544_4').find('table')
4368    for (var i = 0; i < tables.length; i++) {
4369        var tab = tables[i]
4370        var borderWidth = $(tab).attr('border')
4371        if (borderWidth <= 0 || !borderWidth) {
4372            console.log(tab)
4373            $(tab).addClass('hidden-border')
4374            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
4375            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
4376            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
4377            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
4378            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
4379            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
4380        }
4381    }
4382</script>
4382</div></div><div id="smv_tem_545_23" ctype="nav"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style8" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 117px; width: 142px; left: 329px; top: 47px;z-index:39;"><div class="yibuFrameContent tem_545_23  nav_Style8  " style="overflow:visible;;" ><!-- userWidth 是否设定了子导航宽度 -->
4383<div class="nav_pc_t_8" id="nav_tem_545_23">
4384    <ul class="w-nav" navstyle="style8">
4385                <li class="w-nav-inner" style="height:25%;line-height:29px">
4386                    <div class="w-nav-item">
4387                        <a href="/supports" target="_blank" class="w-nav-item-link">
4388                            <span class="mw-iconfont"></span>
4389                            <span class="w-link-txt">Product&#160;Help</span>
4390                        </a>
4391                       
4392                    </div>
4393                </li>
4394                <li class="w-nav-inner" style="height:25%;line-height:29px">
4395                    <div class="w-nav-item">
4396                        <a href="/servicepolicy" target="_self" class="w-nav-item-link">
4397                            <span class="mw-iconfont"></span>
4398                            <span class="w-link-txt">Warranty&#160;Terms</span>
4399                        </a>
4400                       
4401                    </div>
4402                </li>
4403                <li class="w-nav-inner" style="height:25%;line-height:29px">
4404                    <div class="w-nav-item">
4405                        <a href="https://forum.fiio.com/firmwareDown.do" target="_self" class="w-nav-item-link">
4406                            <span class="mw-iconfont"></span>
4407                            <span class="w-link-txt">Download&#160;Center</span>
4408                        </a>
4409                       
4410                    </div>
4411                </li>
4412                <li class="w-nav-inner" style="height:25%;line-height:29px">
4413                    <div class="w-nav-item">
4414                        <a href="https://servicequery.fiio.com/checkProductCode" target="_blank" class="w-nav-item-link">
4415                            <span class="mw-iconfont"></span>
4416                            <span class="w-link-txt">Check&#160;Authenticity</span>
4417                        </a>
4418                       
4419                    </div>
4420                </li>
4421
4422    </ul>
4423</div>
4424<script>
4425    $(function () {
4426        var $nav = $("#smv_tem_545_23 .w-nav");
4427        var $inner = $("#smv_tem_545_23 .w-nav-inner");
4428        var $subnav = $("#smv_tem_545_23 .w-subnav");
4429        var rightBorder = parseInt($nav.css("border-right-width"));
4430        var leftBorder = parseInt($nav.css("border-left-width"));
4431        var topBorder = parseInt($nav.css("border-top-width"));
4432        var bottomBorder = parseInt($nav.css("border-bottom-width"));
4433        var height = $("#smv_tem_545_23").height();
4434        var width = $('#smv_tem_545_23').width();
4435        $nav.height(height - topBorder - bottomBorder);
4436        $nav.width(width - leftBorder - rightBorder);
4437        $subnav.css("left", width - leftBorder - rightBorder + "px");
4438
4439        $('#nav_tem_545_23').find('.w-subnav').hide();
4440        var $this, item, itemAll, flag = true;
4441        $('#nav_tem_545_23').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
4442            itemAll = $('#nav_tem_545_23').find('.w-subnav');
4443            $this = $(this);
4444            item = $this.find('.w-subnav');
4445            item.fadeIn(150, function () {
4446                flag = true
4447            });
4448            flag = false
4449        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
4450            item = $(this).find('.w-subnav');
4451            item.fadeOut(150);
4452            item = undefined && (flag = true);
4453        });
4454        SetNavSelectedStyle('nav_tem_545_23');//选中当前导航
4455    });
4456</script>
4456</div></div><div id="smv_tem_546_23" ctype="text"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 21px; width: 106px; left: 340px; top: 25px;z-index:40;"><div class="yibuFrameContent tem_546_23  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_546_23' style="height: 100%;">
4457    <div class="editableContent" id="txtc_tem_546_23" style="height: 100%; word-wrap:break-word;">
4458        <p><span style="color:#da0039"><span style="font-size:12px"><span style="font-family:&quot;Microsoft YaHei&quot;"><strong>Support</strong></span></span></span></p>
4459
4460    </div>
4461</div>
4462
4463<script>
4464    var tables = $(' #smv_tem_546_23').find('table')
4465    for (var i = 0; i < tables.length; i++) {
4466        var tab = tables[i]
4467        var borderWidth = $(tab).attr('border')
4468        if (borderWidth <= 0 || !borderWidth) {
4469            console.log(tab)
4470            $(tab).addClass('hidden-border')
4471            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
4472            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
4473            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
4474            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
4475            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
4476            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
4477        }
4478    }
4479</script>
4479</div></div><div id="smv_tem_547_45" ctype="nav"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style8" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 115px; width: 149px; left: 514px; top: 47px;z-index:39;"><div class="yibuFrameContent tem_547_45  nav_Style8  " style="overflow:visible;;" ><!-- userWidth 是否设定了子导航宽度 -->
4480<div class="nav_pc_t_8" id="nav_tem_547_45">
4481    <ul class="w-nav" navstyle="style8">
4482                <li class="w-nav-inner" style="height:25%;line-height:28px">
4483                    <div class="w-nav-item">
4484                        <a href="https://www.aliexpress.com/store/1103837960?spm=a2g0o.detail.0.0.3838BCtJBCtJER" target="_self" class="w-nav-item-link">
4485                            <span class="mw-iconfont"></span>
4486                            <span class="w-link-txt">FIIO&#160;Aliexpress&#160;Store</span>
4487                        </a>
4488                       
4489                    </div>
4490                </li>
4491                <li class="w-nav-inner" style="height:25%;line-height:28px">
4492                    <div class="w-nav-item">
4493                        <a href="https://forum.fiio.com/" target="_self" class="w-nav-item-link">
4494                            <span class="mw-iconfont"></span>
4495                            <span class="w-link-txt">FIIO&#160;Forum</span>
4496                        </a>
4497                       
4498                    </div>
4499                </li>
4500                <li class="w-nav-inner" style="height:25%;line-height:28px">
4501                    <div class="w-nav-item">
4502                        <a href="/app" target="_self" class="w-nav-item-link">
4503                            <span class="mw-iconfont"></span>
4504                            <span class="w-link-txt">FIIO&#160;Music&#160;App</span>
4505                        </a>
4506                       
4507                    </div>
4508                </li>
4509                <li class="w-nav-inner" style="height:25%;line-height:28px">
4510                    <div class="w-nav-item">
4511                        <a href="/wheretobuy" target="_self" class="w-nav-item-link">
4512                            <span class="mw-iconfont"></span>
4513                            <span class="w-link-txt">Sales&#160;Agents</span>
4514                        </a>
4515                       
4516                    </div>
4517                </li>
4518
4519    </ul>
4520</div>
4521<script>
4522    $(function () {
4523        var $nav = $("#smv_tem_547_45 .w-nav");
4524        var $inner = $("#smv_tem_547_45 .w-nav-inner");
4525        var $subnav = $("#smv_tem_547_45 .w-subnav");
4526        var rightBorder = parseInt($nav.css("border-right-width"));
4527        var leftBorder = parseInt($nav.css("border-left-width"));
4528        var topBorder = parseInt($nav.css("border-top-width"));
4529        var bottomBorder = parseInt($nav.css("border-bottom-width"));
4530        var height = $("#smv_tem_547_45").height();
4531        var width = $('#smv_tem_547_45').width();
4532        $nav.height(height - topBorder - bottomBorder);
4533        $nav.width(width - leftBorder - rightBorder);
4534        $subnav.css("left", width - leftBorder - rightBorder + "px");
4535
4536        $('#nav_tem_547_45').find('.w-subnav').hide();
4537        var $this, item, itemAll, flag = true;
4538        $('#nav_tem_547_45').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
4539            itemAll = $('#nav_tem_547_45').find('.w-subnav');
4540            $this = $(this);
4541            item = $this.find('.w-subnav');
4542            item.fadeIn(150, function () {
4543                flag = true
4544            });
4545            flag = false
4546        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
4547            item = $(this).find('.w-subnav');
4548            item.fadeOut(150);
4549            item = undefined && (flag = true);
4550        });
4551        SetNavSelectedStyle('nav_tem_547_45');//选中当前导航
4552    });
4553</script>
4553</div></div><div id="smv_tem_548_45" ctype="text"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 21px; width: 106px; left: 523px; top: 25px;z-index:40;"><div class="yibuFrameContent tem_548_45  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_548_45' style="height: 100%;">
4554    <div class="editableContent" id="txtc_tem_548_45" style="height: 100%; word-wrap:break-word;">
4555        <p><span style="color:#da0039"><span style="font-size:12px"><span style="font-family:&quot;Microsoft YaHei&quot;"><strong>Others</strong></span></span></span></p>
4556
4557    </div>
4558</div>
4559
4560<script>
4561    var tables = $(' #smv_tem_548_45').find('table')
4562    for (var i = 0; i < tables.length; i++) {
4563        var tab = tables[i]
4564        var borderWidth = $(tab).attr('border')
4565        if (borderWidth <= 0 || !borderWidth) {
4566            console.log(tab)
4567            $(tab).addClass('hidden-border')
4568            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
4569            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
4570            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
4571            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
4572            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
4573            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
4574        }
4575    }
4576</script>
4576</div></div><div id="smv_tem_549_23" ctype="text"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item3" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 15px; width: 468px; left: 16px; top: 226px;z-index:10006;"><div class="yibuFrameContent tem_549_23  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_549_23' style="height: 100%;">
4577    <div class="editableContent" id="txtc_tem_549_23" style="height: 100%; word-wrap:break-word;">
4578        <p><span style="font-family:Arial,Helvetica,sans-serif"><span style="color:#53565a">Copyright &copy; </span></span><span style="color:#53565a">Guangzhou FiiO Electronics Technology Co., Ltd</span><span style="font-family:Arial,Helvetica,sans-serif"><span style="color:#53565a">.&nbsp;</span><a href="https://beian.miit.gov.cn" target="_blank"><span style="color:#53565a">粤ICP备07072214号</span></a></span></p>
4579
4580    </div>
4581</div>
4582
4583<script>
4584    var tables = $(' #smv_tem_549_23').find('table')
4585    for (var i = 0; i < tables.length; i++) {
4586        var tab = tables[i]
4587        var borderWidth = $(tab).attr('border')
4588        if (borderWidth <= 0 || !borderWidth) {
4589            console.log(tab)
4590            $(tab).addClass('hidden-border')
4591            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
4592            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
4593            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
4594            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
4595            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
4596            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
4597        }
4598    }
4599</script>
4599</div></div><div id="smv_tem_551_0" ctype="nav"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 20px; width: 565px; left: 489px; top: 223px;z-index:10005;"><div class="yibuFrameContent tem_551_0  nav_Style1  " style="overflow:visible;;" ><div id="nav_tem_551_0" class="nav_pc_t_1">
4600    <ul class="w-nav" navstyle="style1">
4601                <li class="w-nav-inner" style="height:20px;line-height:20px;width:33.3333333333333%;">
4602                    <div class="w-nav-item">
4603                        <i class="w-nav-item-line"></i>
4604                                <a href="https://www.aliexpress.com/store/1103837960?spm=a2g0o.detail.0.0.3838BCtJBCtJER" target="_self" class="w-nav-item-link">
4605                                    <span class="mw-iconfont"></span>
4606                                    <span class="w-link-txt">Aliexpress</span>
4607                                </a>
4608                       
4609                    </div>
4610                </li>
4611                <li class="w-nav-inner" style="height:20px;line-height:20px;width:33.3333333333333%;">
4612                    <div class="w-nav-item">
4613                        <i class="w-nav-item-line"></i>
4614                                <a href="/servicepolicy" target="_self" class="w-nav-item-link">
4615                                    <span class="mw-iconfont"></span>
4616                                    <span class="w-link-txt">Privacy policy</span>
4617                                </a>
4618                       
4619                    </div>
4620                </li>
4621                <li class="w-nav-inner" style="height:20px;line-height:20px;width:33.3333333333333%;">
4622                    <div class="w-nav-item">
4623                        <i class="w-nav-item-line"></i>
4624                                <a href="/opensourcelicenses" target="_self" class="w-nav-item-link">
4625                                    <span class="mw-iconfont"></span>
4626                                    <span class="w-link-txt">Open Source Licenses</span>
4627                                </a>
4628                       
4629                    </div>
4630                </li>
4631
4632    </ul>
4633</div>
4634<script>
4635    $(function () {
4636        var $nav = $("#smv_tem_551_0 .w-nav");
4637        var $inner = $("#smv_tem_551_0 .w-nav-inner");
4638        var rightBorder = parseInt($nav.css("border-right-width"));
4639        var leftBorder = parseInt($nav.css("border-left-width"));
4640        var topBorder = parseInt($nav.css("border-top-width"));
4641        var bottomBorder = parseInt($nav.css("border-bottom-width"));
4642        var height = $("#smv_tem_551_0").height();
4643        var width = $('#smv_tem_551_0').width();
4644        $nav.height(height - topBorder - bottomBorder);
4645        $nav.width(width - leftBorder - rightBorder);
4646        $inner.height(height - topBorder - bottomBorder).css("line-height", height - topBorder - bottomBorder+"px");
4647
4648
4649        $('#nav_tem_551_0').find('.w-subnav').hide();
4650        var $this, item, itemAll;
4651        $('#nav_tem_551_0').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
4652            itemAll = $('#nav_tem_551_0').find('.w-subnav');
4653            $this = $(this);
4654            item = $this.find('.w-subnav');
4655            item.slideDown();
4656        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
4657            item = $(this).find('.w-subnav');
4658            item.stop().slideUp(function () {
4659                ////设置回调,防止slidUp自动加上height和width导致在子导航中设置height和width无效
4660                //item.css({
4661                //    height: '',
4662                //    width: ''
4663                //})
4664            });
4665        });
4666        SetNavSelectedStyle('nav_tem_551_0');//选中当前导航
4667    });
4668
4669</script>
4669</div></div><div id="smv_tem_552_22" ctype="button"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item1" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 38px; width: 48px; left: 952px; top: 64px;z-index:10013;"><div class="yibuFrameContent tem_552_22  button_Style1  " style="overflow:visible;;" ><a target="_blank" href="https://twitter.com/FiiO_official" class="w-button f-ellipsis" style="width: 46px; height: 36px; line-height: 36px;">
4670    <span class="w-button-position">
4671        <em class="w-button-text f-ellipsis">
4672            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
4673            <span class="mw-txt"></span>
4674        </em>
4675    </span>
4676</a>
4677    
4677<script type="text/javascript">
4678        $(function () {
4679        });
4680    </script>
4680
4681</div></div><div id="smv_tem_553_22" ctype="search"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style2" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 24px; width: 198px; left: 964px; top: 148px;z-index:4;"><div class="yibuFrameContent tem_553_22  search_Style2  " style="overflow:visible;;" >
4682<!-- w-search -->
4683<div class="w-search" id="search_tem_553_22">
4684    <div class="w-search-main">
4685        <a href="javascript:void(0);" class="w-search-btn">
4686            <i class="w-search-btn-icon mw-iconfont ">&#xb060;</i>
4687            <span class="w-search-btn-txt  w-hide">Search</span>
4688        </a>
4689
4690        <div class="w-search-inner w-placeholder ">
4691            <input type="text" placeholder="Key words" class="w-search-input">
4692        </div>
4693    </div>
4694    <ul class="w-searchkey">
4695            <li class="w-searchkey-item"><a href="javascript:void(0);" displayorder="0" data-type="news" name="文章"></a></li>
4696    </ul>
4697    <input type="hidden" id="hid_tem_553_22" value="news">
4698</div>
4699
4700<script type="text/javascript">
4701    (function () {
4702        var width = 198;
4703        var height = 24;
4704        var topborder = parseInt($("#search_tem_553_22 .w-search-main").css("border-top-width"));
4705        var bottomborder = parseInt($("#search_tem_553_22 .w-search-main").css("border-bottom-width"));
4706        var realHeight = parseInt(height) - topborder - bottomborder;
4707        $('#search_tem_553_22').css({
4708            width:  width,
4709            height: realHeight
4710        });
4711        $('#search_tem_553_22 .w-search-main').css({
4712            height: realHeight,
4713            lineHeight: realHeight + 'px',
4714        });
4715        $('#search_tem_553_22 .w-search-btn').css({
4716            height: realHeight,
4717            lineHeight: realHeight + 'px',
4718        });
4719        $('#search_tem_553_22 .w-search-inner').css({
4720            height: realHeight,
4721            lineHeight: realHeight + 'px',
4722        });
4723        $('#search_tem_553_22 .w-searchkey .w-searchkey-item').css({
4724            height: realHeight,
4725            lineHeight: realHeight + 'px',
4726        });
4727
4728        var $inputBox = $('#search_tem_553_22 .w-search-inner');
4729        var $input = $inputBox.find('input');
4730        var inputHeight = $inputBox.height();
4731        var fontHeight = +$input.css('fontSize').replace('px', '') + 6;
4732
4733        $input.css({
4734            height: fontHeight,
4735            lineHeight: fontHeight + 'px',
4736            marginTop: (inputHeight - fontHeight) / 2
4737        });
4738
4739        JPlaceHolder(searchPlaceHolder_tem_553_22);
4740        function searchPlaceHolder_tem_553_22() {
4741            var placeHeight_tem_553_22 = $("#smv_tem_553_22 .w-search-inner.w-placeholder .w-search-input").height();
4742             $("#smv_tem_553_22 .w-search-inner.w-placeholder .placeholder-text .placeholder-text-in").css("lineHeight", placeHeight_tem_553_22 + "px");
4743        }
4744        var zIndex = $("#smv_tem_553_22").css("z-index");
4745        $('#search_tem_553_22').find('.w-search-input').off('input').on('input', function () {
4746            var val = $(this).val();
4747            if (val) {
4748                val = val.replace(/</g, "&lt;").replace(/>/g, "&gt;");
4749                $('#search_tem_553_22').find('.w-searchkey-item a').each(function (index) {
4750                    var name = $(this).attr("name");
4751                    var text = 'In ' + name + ' search"' + val + '"';
4752                    $(this).html(text);
4753                });
4754                $('#search_tem_553_22').find('.w-searchkey').slideDown(100);
4755                $("#smv_tem_553_22").css("z-index", 10001);
4756            } else {
4757                $('#search_tem_553_22').find('.w-searchkey').slideUp(0);
4758                $("#smv_tem_553_22").css("z-index", zIndex);
4759            }
4760            
4761
4762        });
4763        if ("Publish" != "Design") {
4764            $('#search_tem_553_22 .w-searchkey-item a').off('click').on('click', function () {
4765                var type = $(this).attr('data-type');
4766                $('#hid_tem_553_22').val(type);
4767                var keyword = $("#search_tem_553_22 .w-search-input").val();
4768                if (keyword.replace(/(^\s*)|(\s*$)/g, "") == "") {
4769                    alert("Search keyword can not be empty")
4770                    return;
4771                }
4772                if (type == "news") {
4773                    window.location.href = "/NewsInfoSearch?searchKey=" + encodeURIComponent(keyword);
4774                }
4775                else {
4776                    window.location.href = "/ProductInfoSearch?searchKey=" + encodeURIComponent(keyword);
4777                }
4778            });
4779            $('#search_tem_553_22 .w-search-btn').off('click').on('click', function () {
4780                var type = $('#hid_tem_553_22').val();
4781                var keyword = $("#search_tem_553_22 .w-search-input").val();
4782                if (keyword.replace(/(^\s*)|(\s*$)/g, "") == "") {
4783                    alert("Search keyword can not be empty")
4784                    return;
4785                }
4786                if (type == "news") {
4787                    window.location.href = "/NewsInfoSearch?searchKey=" + encodeURIComponent(keyword);
4788                }
4789                else {
4790                    window.location.href = "/ProductInfoSearch?searchKey=" + encodeURIComponent(keyword);
4791                }
4792            });
4793            $("#search_tem_553_22 .w-search-input").keydown(function (e) {
4794                if (e.keyCode == 13) {
4795                    $('#search_tem_553_22 .w-search-btn').click();
4796                }
4797            })
4798        }
4799    })(jQuery);
4800</script>
4800</div></div><div id="smv_tem_554_22" ctype="button"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item1" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 38px; width: 48px; left: 1009px; top: 64px;z-index:10013;"><div class="yibuFrameContent tem_554_22  button_Style1  " style="overflow:visible;;" ><a target="_blank" href="https://www.facebook.com/FiiOAUDIO" class="w-button f-ellipsis" style="width: 46px; height: 36px; line-height: 36px;">
4801    <span class="w-button-position">
4802        <em class="w-button-text f-ellipsis">
4803            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
4804            <span class="mw-txt"></span>
4805        </em>
4806    </span>
4807</a>
4808    
4808<script type="text/javascript">
4809        $(function () {
4810        });
4811    </script>
4811
4812</div></div><div id="smv_tem_555_22" ctype="text"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 26px; width: 109px; left: 1061px; top: 22px;z-index:40;"><div class="yibuFrameContent tem_555_22  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_555_22' style="height: 100%;">
4813    <div class="editableContent" id="txtc_tem_555_22" style="height: 100%; word-wrap:break-word;">
4814        <p><span style="color:#da0039"><span style="font-size:22px">Follow Us</span></span></p>
4815
4816    </div>
4817</div>
4818
4819<script>
4820    var tables = $(' #smv_tem_555_22').find('table')
4821    for (var i = 0; i < tables.length; i++) {
4822        var tab = tables[i]
4823        var borderWidth = $(tab).attr('border')
4824        if (borderWidth <= 0 || !borderWidth) {
4825            console.log(tab)
4826            $(tab).addClass('hidden-border')
4827            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
4828            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
4829            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
4830            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
4831            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
4832            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
4833        }
4834    }
4835</script>
4835</div></div><div id="smv_tem_556_22" ctype="button"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item1" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 38px; width: 48px; left: 1066px; top: 64px;z-index:10013;"><div class="yibuFrameContent tem_556_22  button_Style1  " style="overflow:visible;;" ><a target="_blank" href="https://www.instagram.com/fiioofficial/" class="w-button f-ellipsis" style="width: 46px; height: 36px; line-height: 36px;">
4836    <span class="w-button-position">
4837        <em class="w-button-text f-ellipsis">
4838            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
4839            <span class="mw-txt"></span>
4840        </em>
4841    </span>
4842</a>
4843    
4843<script type="text/javascript">
4844        $(function () {
4845        });
4846    </script>
4846
4847</div></div><div id="smv_tem_557_22" ctype="button"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item1" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 38px; width: 48px; left: 1123px; top: 64px;z-index:10013;"><div class="yibuFrameContent tem_557_22  button_Style1  " style="overflow:visible;;" ><a target="_blank" href="https://www.youtube.com/channel/UCkgfvQDAYXh7zQiw7MDYDjg" class="w-button f-ellipsis" style="width: 46px; height: 36px; line-height: 36px;">
4848    <span class="w-button-position">
4849        <em class="w-button-text f-ellipsis">
4850            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
4851            <span class="mw-txt"></span>
4852        </em>
4853    </span>
4854</a>
4855    
4855<script type="text/javascript">
4856        $(function () {
4857        });
4858    </script>
4858
4859</div></div><div id="smv_tem_699_25" ctype="button"  class="esmartMargin smartAbs " cpid="3469" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_111_40" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 25px; width: 240px; left: 945px; top: 111px;z-index:5;"><div class="yibuFrameContent tem_699_25  button_Style1  " style="overflow:visible;;" ><a target="_self" href="https://www.fiio.com/newsinfo/567977.html" class="w-button f-ellipsis" style="width: 238px; height: 23px; line-height: 23px;">
4860    <span class="w-button-position">
4861        <em class="w-button-text f-ellipsis">
4862            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
4863            <span class="mw-txt"></span>
4864        </em>
4865    </span>
4866</a>
4867    
4867<script type="text/javascript">
4868        $(function () {
4869        });
4870    </script>
4870
4871</div></div></div>
4872<div id="bannerWrap_tem_111_40" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
4873</div>
4874
4875<script type="text/javascript">
4876
4877    $(function () {
4878        var resize = function () {
4879            $("#smv_tem_111_40 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_tem_111_40").parent().width());
4880            $('#bannerWrap_tem_111_40').fullScreen(function (t) {
4881                if (VisitFromMobile()) {
4882                    t.css("min-width", t.parent().width())
4883                }
4884            });
4885        }
4886        if (typeof (LayoutConverter) !== "undefined") {
4887            LayoutConverter.CtrlJsVariableList.push({
4888                CtrlId: "tem_111_40",
4889                ResizeFunc: resize,
4890            });
4891        } else {
4892            $(window).resize(function (e) {
4893                if (e.target == this) {
4894                    resize();
4895                }
4896            });
4897        }
4898
4899        resize();
4900    });
4901</script>
4901
4902</div></div>
4903        </div>
4904    </div>
4905
4906</div>
4907
4908
4909<script src="//nwzimg.wezhan.net/static/lzparallax/1.0.0/lz-parallax.min.js?_version=20250709232456" type="text/javascript"></script>
4909        
4909<script type="text/javascript">
4910            $(function () {
4911                jsmart.autoContainer = 0;
4912                jsmart.autoComputeCallback = function () {
4913                    if (jsmart.autoContainer) {
4914                        clearTimeout(jsmart.autoContainer);
4915                        jsmart.autoContainer = 0;
4916                    }
4917                    jsmart.autoContainer = setTimeout(function () {
4918                        if (window.refreshBgScroll) {
4919                            window.refreshBgScroll();
4920                        }
4921                    }, 50);
4922                }
4923                $("div[bgscroll]").each(function () {
4924                    var bgscroll = $(this).attr("bgscroll");
4925                    $(this).lzparallax({ effect: bgscroll, autoPosition: false, clone: true });
4926                });
4927            });
4928            window.refreshBgScroll = function () {
4929                $("div[bgscroll]").each(function () {
4930                    var bgscroll = $(this).attr("bgscroll");
4931                    var bgclear = $(this).attr("bgclear");
4932                    $(this).removeAttr("bgclear");
4933                    $(this).lzparallax("refresh", bgscroll, bgclear);
4934                });
4935            }
4936        </script>
4936
4937
4938        <div style="text-align:center;width: 100%;padding-top: 4px;font-size: 12; background-color: #ffffff;font-family:Tahoma;opacity:1;position: relative; z-index: 3;" id="all-icp-bottom">
4939            <div class="page-bottom--area style1" id="b_style1" style="display:none">
4940                <div class="bottom-content">
4941                    <div class="top-area">
4942                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
4943                            <a target="_self" class="bottom-words" href="javascript:void(0);">
4944                                <span class="icp-words bottom-words"></span>
4945                            </a>
4946                        </div>
4947                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
4948                        <div class="ga-area display-style common-style bottom-words">
4949                            <a target="_blank" class="bottom-words ga_link" href="#">
4950                                <img src="https://nwzimg.wezhan.net/Designer/Content/images/ga_icon.png?_version=20250709232452" alt="" /><span class="ga-words bottom-words"></span>
4951                            </a>
4952                        </div>
4953                    </div>
4954                    <div class="bottom-area">
4955                        <div class="ali-area display-style common-style bottom-words" style="">
4956                            <a class="bottom-words" target="_blank" href="#">
4957                                <?xml version="1.0" encoding="UTF-8" ?>
4958                                <svg width="55px"
4959                                     height="13px"
4960                                     viewBox="0 0 55 13"
4961                                     version="1.1"
4962                                     xmlns="http://www.w3.org/2000/svg"
4963                                     xmlns:xlink="http://www.w3.org/1999/xlink">
4964                                    <g id="备案信息优化"
4965                                       stroke="none"
4966                                       stroke-width="1"
4967                                       fill="none"
4968                                       fill-rule="evenodd">
4969                                        <g id="底部样式4-没有ipv6"
4970                                           transform="translate(-562.000000, -366.000000)"
4971                                           fill="#989898"
4972                                           fill-rule="nonzero">
4973                                            <g id="编组-2备份"
4974                                               transform="translate(57.000000, 301.000000)">
4975                                                <g id="编组-5"
4976                                                   transform="translate(505.000000, 49.000000)">
4977                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
4978                                                        <path d="M30.4355785,11.3507179 C32.2713894,11.2986909 32.9105785,10.0128801 32.9105785,8.9203125 L32.9105785,2.23112331 L33.1558488,2.23112331 L33.4011191,1.2426098 L28.0051731,1.2426098 L28.2504434,2.23112331 L31.9146326,2.23112331 L31.9146326,8.82369088 C31.9146326,9.7676098 31.2234164,10.406799 30.1828758,10.406799 L30.4355785,11.3507179 L30.4355785,11.3507179 Z"
4979                                                              id="路径"></path>
4980                                                        <path d="M30.6288218,9.06896115 C30.8740921,8.82369088 30.9781461,8.47436655 30.9781461,7.87977196 L30.9781461,3.1230152 L28.0572002,3.1230152 L28.0572002,9.41828547 L29.6923353,9.41828547 C30.0862542,9.41828547 30.4355785,9.32166385 30.6288218,9.06896115 Z M29.0977407,8.32571791 L29.0977407,4.11896115 L29.989
49806326,4.11896115 L29.9896326,7.78315034 C29.9896326,8.17706926 29.840984,8.32571791 29.4916596,8.32571791 L29.0977407,8.32571791 Z M23.9396326,1.14598818 L23.9396326,11.3061233 L24.9281461,11.3061233 L24.9281461,2.23855574 L26.1693623,2.23855574 L25.4261191,5.41220439 C25.7234164,5.65747466 26.265984,6.30409628 26.265984,7.44125845 C26.265984,8.57842061 25.6193623,8.97977196 25.4261191,9.07639358 L25.4261191,10.1169341 C25.9686867,10.0649071 27.3585515,9.32166385 27.3585515,7.49328547 C27.3585515,6.40071791 26.9646326,5.61288007 26.6153083,5.11490709 L27.5072002,1.15342061 C27.5072002,1.14598818 23.9396326,1.14598818 23.9396326,1.14598818 L23.9396326,1.14598818 Z M35.340984,10.3101774 L35.1403083,11.2986909 L44.1558488,11.2986909 L43.9105785,10.3101774 L40.1423353,10.3101774 L40.1423353,9.02436655 L43.6132812,9.02436655 L43.368011,8.03585304 L40.1497677,8.03585304 L40.1497677,6.7426098 L42.4761191,6.7426098 C43.5686867,6.7426098 44.1632813,6.20004223 44.1632813,5.05544764 L44.1632813,1.09396115 L35.1403083,1.09396115 L35.1403083,6.69058277 L39.1017948,6.69058277 L39.1017948,7.93179899 L35.8835515,7.93179899 L35.6382812,8.9203125 L39.1092272,8.9203125 L39.1092272,10.2581503 L35.340984,10.2581503 L35.340984,10.3101774 Z M40.1423353,4.51288007 L42.5207137,4.51288007 L42.2754434,3.52436655 L40.1423353,3.52436655 L40.1423353,2.23112331 L43.1153083,2.23112331 L43.1153083,5.05544764 C43.1153083,5.55342061 42.9146326,5.74666385 42.5207137,5.74666385 L40.1423353,5.74666385 L40.1423353,4.51288007 Z M36.2328758,5.75409628 L36.2328758,2.23112331 L39.1538218,2.23112331 L39.1538218,3.47233953 L37.0207137,3.47233953 L36.7754434,4.46085304 L39.1538218,4.46085304 L39.1538218,5.74666385 L36.2328758,5.74666385 L36.2328758,5.75409628 Z M53.922065,1.14598818 L46.8389569,1.14598818 L46.5862542,2.23112331 L54.2193623,2.23112331 L53.922065,1.14598818 Z M46.4376056,11.2540963 L46.3855785,11.3507179 L53.320038,11.3507179 C53.7139569,11.3507179 54.0112542,11.2540963 54.2119299,11.0013936 C54.4126056,10.7040963 54.3605785,10.354772 54.2639569,10.1615287 C54.1673353,9.66355574 53.765984,7.87977196 53.6693623,7.63450169 L53.6693623,7.58247466 L52.6288218,7.58247466 L52.6808488,7.67909628 C52.7328758,7.92436655 53.1788218,9.76017736 53.2754434,10.354772 L47.7234164,10.354772 C47.9686867,9.16558277 48.4146326,7.18112331 48.6673353,6.1926098 L54.9105785,6.1926098 L54.6653083,5.20409628 L46.1403083,5.20409628 L45.895038,6.1926098 L47.6267948,6.1926098 C47.4261191,7.09193412 46.7869299,9.61896115 46.4376056,11.2540963 L46.4376056,11.2540963 Z M3.72341639,9.86423142 C3.27747044,9.7676098 2.98017314,9.41828547 2.98017314,8.9203125 L2.98017314,3.91828547 C3.03220017,3.47233953 3.32949747,3.1230152 3.72341639,3.02639358 L8.38355152,2.03788007 L8.88152449,0.0534206081 L3.47814611,0.0534206081 C1.54571368,0.00139358108 0.00720016892,1.53990709 0.00720016892,3.4203125 L0.00720016892,9.36625845 C0.00720016892,11.2466639 1.59030828,12.8372044 3.47814611,12.8372044 L8.88152449,12.8372044 L8.38355152,10.8527449 L3.72341639,9.86423142 Z M17.3024704,0.00139358108 L11.8544975,0.00139358108 L12.3524704,1.98585304 L17.0051731,2.97436655 C17.4511191,3.07098818 17.7484164,3.4203125 17.7484164,3.86625845 L17.7484164,8.86828547 C17.6963894,9.31423142 17.3990921,9.66355574 17.0051731,9.76017736 L12.345038,10.7561233 L11.847065,12.7405828 L17.3024704,12.7405828 C19.1828758,12.7405828 20.7734164,11.2020693 20.7734164,9.26963682 L20.7734164,3.32369088 C20.7213894,1.53990709 19.1828758,0.00139358108 17.3024704,0.00139358108 Z"
4981                                                              id="形状"></path>
4982                                                        <polygon id="路径"
4983                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
4984                                                    </g>
4985                                                </g>
4986                                            </g>
4987                                        </g>
4988                                    </g>
4989                                </svg><span class="bottom-words"> &nbsp;本网站由阿里云提供云计算及安全服务</span>
4990                            </a>
4991                        </div>
4992                        <div class="divider display-style common-style bottom-border" style=""></div>
4993                        <div class="ipv-area display-style common-style bottom-words">
4994                            <span class="bottom-words">本网站支持</span>
4995                            <span class="ipv6-box bottom-words">IPv6</span>
4996                        </div>
4997                        <div class="divider display-style common-style bottom-border" style=""></div>
4998                        <div class="powerby-area display-style common-style bottom-words" style="">
4999                            <a class="bottom-words" target="_blank" href="#">
5000                                <span class="bottom-words" style="display: block;"></span>
5001                            </a>
5002                        </div>
5003                    </div>
5004                </div>
5005            </div>
5006            <div class="page-bottom--area style2" id="b_style2" style="display:none">
5007                <div class="bottom-content">
5008                    <div class="top-area">
5009                        <div class="ga-area display-style common-style bottom-words">
5010                            <a target="_blank" class="bottom-words ga_link" href="#">
5011                                <img src="https://nwzimg.wezhan.net/Designer/Content/images/ga_icon.png?_version=20250709232452" alt="" /><span class="ga-words bottom-words"></span>
5012                            </a>
5013                        </div>
5014                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
5015                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
5016                            <a target="_self" class="bottom-words" href="javascript:void(0);">
5017                                <span class="icp-words bottom-words"></span>
5018                            </a>
5019                        </div>
5020                    </div>
5021                    <div class="bottom-area">
5022                        <div class="ali-area display-style common-style bottom-words" style="">
5023                            <a class="bottom-words" target="_blank" href="#">
5024                                <?xml version="1.0" encoding="UTF-8" ?>
5025                                <svg width="55px"
5026                                     height="13px"
5027                                     viewBox="0 0 55 13"
5028                                     version="1.1"
5029                                     xmlns="http://www.w3.org/2000/svg"
5030                                     xmlns:xlink="http://www.w3.org/1999/xlink">
5031                                    <g id="备案信息优化"
5032                                       stroke="none"
5033                                       stroke-width="1"
5034                                       fill="none"
5035                                       fill-rule="evenodd">
5036                                        <g id="底部样式4-没有ipv6"
5037                                           transform="translate(-562.000000, -366.000000)"
5038                                           fill="#989898"
5039                                           fill-rule="nonzero">
5040                                            <g id="编组-2备份"
5041                                               transform="translate(57.000000, 301.000000)">
5042                                                <g id="编组-5"
5043                                                   transform="translate(505.000000, 49.000000)">
5044                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
5045                                                        <path d="M30.4355785,11.3507179 C32.2713894,11.2986909 32.9105785,10.0128801 32.9105785,8.9203125 L32.9105785,2.23112331 L33.1558488,2.23112331 L33.4011191,1.2426098 L28.0051731,1.2426098 L28.2504434,2.23112331 L31.9146326,2.23112331 L31.9146326,8.82369088 C31.9146326,9.7676098 31.2234164,10.406799 30.1828758,10.406799 L30.4355785,11.3507179 L30.4355785,11.3507179 Z"
5046                                                              id="路径"></path>
5047                                                        <path d="M30.6288218,9.06896115 C30.8740921,8.82369088 30.9781461,8.47436655 30.9781461,7.87977196 L30.9781461,3.1230152 L28.0572002,3.1230152 L28.0572002,9.41828547 L29.6923353,9.41828547 C30.0862542,9.41828547 30.4355785,9.32166385 30.6288218,9.06896115 Z M29.0977407,8.32571791 L29.0977407,4.11896115 L29.989
50476326,4.11896115 L29.9896326,7.78315034 C29.9896326,8.17706926 29.840984,8.32571791 29.4916596,8.32571791 L29.0977407,8.32571791 Z M23.9396326,1.14598818 L23.9396326,11.3061233 L24.9281461,11.3061233 L24.9281461,2.23855574 L26.1693623,2.23855574 L25.4261191,5.41220439 C25.7234164,5.65747466 26.265984,6.30409628 26.265984,7.44125845 C26.265984,8.57842061 25.6193623,8.97977196 25.4261191,9.07639358 L25.4261191,10.1169341 C25.9686867,10.0649071 27.3585515,9.32166385 27.3585515,7.49328547 C27.3585515,6.40071791 26.9646326,5.61288007 26.6153083,5.11490709 L27.5072002,1.15342061 C27.5072002,1.14598818 23.9396326,1.14598818 23.9396326,1.14598818 L23.9396326,1.14598818 Z M35.340984,10.3101774 L35.1403083,11.2986909 L44.1558488,11.2986909 L43.9105785,10.3101774 L40.1423353,10.3101774 L40.1423353,9.02436655 L43.6132812,9.02436655 L43.368011,8.03585304 L40.1497677,8.03585304 L40.1497677,6.7426098 L42.4761191,6.7426098 C43.5686867,6.7426098 44.1632813,6.20004223 44.1632813,5.05544764 L44.1632813,1.09396115 L35.1403083,1.09396115 L35.1403083,6.69058277 L39.1017948,6.69058277 L39.1017948,7.93179899 L35.8835515,7.93179899 L35.6382812,8.9203125 L39.1092272,8.9203125 L39.1092272,10.2581503 L35.340984,10.2581503 L35.340984,10.3101774 Z M40.1423353,4.51288007 L42.5207137,4.51288007 L42.2754434,3.52436655 L40.1423353,3.52436655 L40.1423353,2.23112331 L43.1153083,2.23112331 L43.1153083,5.05544764 C43.1153083,5.55342061 42.9146326,5.74666385 42.5207137,5.74666385 L40.1423353,5.74666385 L40.1423353,4.51288007 Z M36.2328758,5.75409628 L36.2328758,2.23112331 L39.1538218,2.23112331 L39.1538218,3.47233953 L37.0207137,3.47233953 L36.7754434,4.46085304 L39.1538218,4.46085304 L39.1538218,5.74666385 L36.2328758,5.74666385 L36.2328758,5.75409628 Z M53.922065,1.14598818 L46.8389569,1.14598818 L46.5862542,2.23112331 L54.2193623,2.23112331 L53.922065,1.14598818 Z M46.4376056,11.2540963 L46.3855785,11.3507179 L53.320038,11.3507179 C53.7139569,11.3507179 54.0112542,11.2540963 54.2119299,11.0013936 C54.4126056,10.7040963 54.3605785,10.354772 54.2639569,10.1615287 C54.1673353,9.66355574 53.765984,7.87977196 53.6693623,7.63450169 L53.6693623,7.58247466 L52.6288218,7.58247466 L52.6808488,7.67909628 C52.7328758,7.92436655 53.1788218,9.76017736 53.2754434,10.354772 L47.7234164,10.354772 C47.9686867,9.16558277 48.4146326,7.18112331 48.6673353,6.1926098 L54.9105785,6.1926098 L54.6653083,5.20409628 L46.1403083,5.20409628 L45.895038,6.1926098 L47.6267948,6.1926098 C47.4261191,7.09193412 46.7869299,9.61896115 46.4376056,11.2540963 L46.4376056,11.2540963 Z M3.72341639,9.86423142 C3.27747044,9.7676098 2.98017314,9.41828547 2.98017314,8.9203125 L2.98017314,3.91828547 C3.03220017,3.47233953 3.32949747,3.1230152 3.72341639,3.02639358 L8.38355152,2.03788007 L8.88152449,0.0534206081 L3.47814611,0.0534206081 C1.54571368,0.00139358108 0.00720016892,1.53990709 0.00720016892,3.4203125 L0.00720016892,9.36625845 C0.00720016892,11.2466639 1.59030828,12.8372044 3.47814611,12.8372044 L8.88152449,12.8372044 L8.38355152,10.8527449 L3.72341639,9.86423142 Z M17.3024704,0.00139358108 L11.8544975,0.00139358108 L12.3524704,1.98585304 L17.0051731,2.97436655 C17.4511191,3.07098818 17.7484164,3.4203125 17.7484164,3.86625845 L17.7484164,8.86828547 C17.6963894,9.31423142 17.3990921,9.66355574 17.0051731,9.76017736 L12.345038,10.7561233 L11.847065,12.7405828 L17.3024704,12.7405828 C19.1828758,12.7405828 20.7734164,11.2020693 20.7734164,9.26963682 L20.7734164,3.32369088 C20.7213894,1.53990709 19.1828758,0.00139358108 17.3024704,0.00139358108 Z"
5048                                                              id="形状"></path>
5049                                                        <polygon id="路径"
5050                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
5051                                                    </g>
5052                                                </g>
5053                                            </g>
5054                                        </g>
5055                                    </g>
5056                                </svg><span class="bottom-words">&nbsp;本网站由阿里云提供云计算及安全服务</span>
5057                            </a>
5058                        </div>
5059                        <div class="divider display-style common-style bottom-border" style=""></div>
5060                        <div class="ipv-area display-style common-style bottom-words">
5061                            <span class="bottom-words">本网站支持</span>
5062                            <span class="ipv6-box bottom-words">IPv6</span>
5063                        </div>
5064                        <div class="divider display-style common-style bottom-border" style=""></div>
5065                        <div class="powerby-area display-style common-style bottom-words" style="">
5066                            <a class="bottom-words" target="_blank" href="#">
5067                                <span class="bottom-words" style="display: block;"></span>
5068                            </a>
5069                        </div>
5070                    </div>
5071                </div>
5072            </div>
5073            <div class="page-bottom--area style3" id="b_style3" style="display:none">
5074                <div class="bottom-content">
5075                    <div class="top-area">
5076                        <div class="ga-area display-style common-style bottom-words">
5077                            <a target="_blank" class="bottom-words ga_link" href="#">
5078                                <img src="https://nwzimg.wezhan.net/Designer/Content/images/ga_icon.png?_version=20250709232452" alt="" /><span class="ga-words bottom-words"></span>
5079                            </a>
5080                        </div>
5081                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
5082                        <div class="copyright-area display-style common-style bottom-words" style="margin-top:2px;"></div>
5083                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
5084                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
5085                            <a target="_self" class="bottom-words" href="javascript:void(0);">
5086                                <span class="icp-words bottom-words"></span>
5087                            </a>
5088                        </div>
5089                    </div>
5090                    <div class="bottom-area">
5091                        <div class="ali-area display-style common-style bottom-words" style="">
5092                            <a class="bottom-words" target="_blank" href="#">
5093                                <?xml version="1.0" encoding="UTF-8" ?>
5094                                <svg width="55px"
5095                                     height="13px"
5096                                     viewBox="0 0 55 13"
5097                                     version="1.1"
5098                                     xmlns="http://www.w3.org/2000/svg"
5099                                     xmlns:xlink="http://www.w3.org/1999/xlink">
5100                                    <g id="备案信息优化"
5101                                       stroke="none"
5102                                       stroke-width="1"
5103                                       fill="none"
5104                                       fill-rule="evenodd">
5105                                        <g id="底部样式4-没有ipv6"
5106                                           transform="translate(-562.000000, -366.000000)"
5107                                           fill="#989898"
5108                                           fill-rule="nonzero">
5109                                            <g id="编组-2备份"
5110                                               transform="translate(57.000000, 301.000000)">
5111                                                <g id="编组-5"
5112                                                   transform="translate(505.000000, 49.000000)">
5113                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
5114                                                        <path d="M30.4355785,11.3507179 C32.2713894,11.2986909 32.9105785,10.0128801 32.9105785,8.9203125 L32.9105785,2.23112331 L33.1558488,2.23112331 L33.4011191,1.2426098 L28.0051731,1.2426098 L28.2504434,2.23112331 L31.9146326,2.23112331 L31.9146326,8.82369088 C31.9146326,9.7676098 31.2234164,10.406799 30.1828758,10.406799 L30.4355785,11.3507179 L30.4355785,11.3507179 Z"
5115                                                              id="路径"></path>
5116                                                        <path d="M30.6288218,9.06896115 C30.8740921,8.82369088 30.9781461,8.47436655 30.9781461,7.87977196 L30.9781461,3.1230152 L28.0572002,3.1230152 L28.0572002,9.41828547 L29.6923353,9.41828547 C30.0862542,9.41828547 30.4355785,9.32166385 30.6288218,9.06896115 Z M29.0977407,8.32571791 L29.0977407,4.11896115 L29.989
51166326,4.11896115 L29.9896326,7.78315034 C29.9896326,8.17706926 29.840984,8.32571791 29.4916596,8.32571791 L29.0977407,8.32571791 Z M23.9396326,1.14598818 L23.9396326,11.3061233 L24.9281461,11.3061233 L24.9281461,2.23855574 L26.1693623,2.23855574 L25.4261191,5.41220439 C25.7234164,5.65747466 26.265984,6.30409628 26.265984,7.44125845 C26.265984,8.57842061 25.6193623,8.97977196 25.4261191,9.07639358 L25.4261191,10.1169341 C25.9686867,10.0649071 27.3585515,9.32166385 27.3585515,7.49328547 C27.3585515,6.40071791 26.9646326,5.61288007 26.6153083,5.11490709 L27.5072002,1.15342061 C27.5072002,1.14598818 23.9396326,1.14598818 23.9396326,1.14598818 L23.9396326,1.14598818 Z M35.340984,10.3101774 L35.1403083,11.2986909 L44.1558488,11.2986909 L43.9105785,10.3101774 L40.1423353,10.3101774 L40.1423353,9.02436655 L43.6132812,9.02436655 L43.368011,8.03585304 L40.1497677,8.03585304 L40.1497677,6.7426098 L42.4761191,6.7426098 C43.5686867,6.7426098 44.1632813,6.20004223 44.1632813,5.05544764 L44.1632813,1.09396115 L35.1403083,1.09396115 L35.1403083,6.69058277 L39.1017948,6.69058277 L39.1017948,7.93179899 L35.8835515,7.93179899 L35.6382812,8.9203125 L39.1092272,8.9203125 L39.1092272,10.2581503 L35.340984,10.2581503 L35.340984,10.3101774 Z M40.1423353,4.51288007 L42.5207137,4.51288007 L42.2754434,3.52436655 L40.1423353,3.52436655 L40.1423353,2.23112331 L43.1153083,2.23112331 L43.1153083,5.05544764 C43.1153083,5.55342061 42.9146326,5.74666385 42.5207137,5.74666385 L40.1423353,5.74666385 L40.1423353,4.51288007 Z M36.2328758,5.75409628 L36.2328758,2.23112331 L39.1538218,2.23112331 L39.1538218,3.47233953 L37.0207137,3.47233953 L36.7754434,4.46085304 L39.1538218,4.46085304 L39.1538218,5.74666385 L36.2328758,5.74666385 L36.2328758,5.75409628 Z M53.922065,1.14598818 L46.8389569,1.14598818 L46.5862542,2.23112331 L54.2193623,2.23112331 L53.922065,1.14598818 Z M46.4376056,11.2540963 L46.3855785,11.3507179 L53.320038,11.3507179 C53.7139569,11.3507179 54.0112542,11.2540963 54.2119299,11.0013936 C54.4126056,10.7040963 54.3605785,10.354772 54.2639569,10.1615287 C54.1673353,9.66355574 53.765984,7.87977196 53.6693623,7.63450169 L53.6693623,7.58247466 L52.6288218,7.58247466 L52.6808488,7.67909628 C52.7328758,7.92436655 53.1788218,9.76017736 53.2754434,10.354772 L47.7234164,10.354772 C47.9686867,9.16558277 48.4146326,7.18112331 48.6673353,6.1926098 L54.9105785,6.1926098 L54.6653083,5.20409628 L46.1403083,5.20409628 L45.895038,6.1926098 L47.6267948,6.1926098 C47.4261191,7.09193412 46.7869299,9.61896115 46.4376056,11.2540963 L46.4376056,11.2540963 Z M3.72341639,9.86423142 C3.27747044,9.7676098 2.98017314,9.41828547 2.98017314,8.9203125 L2.98017314,3.91828547 C3.03220017,3.47233953 3.32949747,3.1230152 3.72341639,3.02639358 L8.38355152,2.03788007 L8.88152449,0.0534206081 L3.47814611,0.0534206081 C1.54571368,0.00139358108 0.00720016892,1.53990709 0.00720016892,3.4203125 L0.00720016892,9.36625845 C0.00720016892,11.2466639 1.59030828,12.8372044 3.47814611,12.8372044 L8.88152449,12.8372044 L8.38355152,10.8527449 L3.72341639,9.86423142 Z M17.3024704,0.00139358108 L11.8544975,0.00139358108 L12.3524704,1.98585304 L17.0051731,2.97436655 C17.4511191,3.07098818 17.7484164,3.4203125 17.7484164,3.86625845 L17.7484164,8.86828547 C17.6963894,9.31423142 17.3990921,9.66355574 17.0051731,9.76017736 L12.345038,10.7561233 L11.847065,12.7405828 L17.3024704,12.7405828 C19.1828758,12.7405828 20.7734164,11.2020693 20.7734164,9.26963682 L20.7734164,3.32369088 C20.7213894,1.53990709 19.1828758,0.00139358108 17.3024704,0.00139358108 Z"
5117                                                              id="形状"></path>
5118                                                        <polygon id="路径"
5119                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
5120                                                    </g>
5121                                                </g>
5122                                            </g>
5123                                        </g>
5124                                    </g>
5125                                </svg><span class="bottom-words">&nbsp;本网站由阿里云提供云计算及安全服务</span>
5126                            </a>
5127                        </div>
5128                        <div class="divider display-style common-style bottom-border" style=""></div>
5129                        <div class="ipv-area display-style common-style bottom-words">
5130                            <span class="bottom-words">本网站支持</span>
5131                            <span class="ipv6-box bottom-words">IPv6</span>
5132                        </div>
5133                        <div class="divider display-style common-style bottom-border" style=""></div>
5134                        <div class="powerby-area display-style common-style bottom-words" style="">
5135                            <a class="bottom-words" target="_blank" href="#">
5136                                <span class="bottom-words" style="display: block;"></span>
5137                            </a>
5138                        </div>
5139                    </div>
5140                </div>
5141            </div>
5142            <div class="page-bottom--area style4" id="b_style4" style="display:none">
5143                <div class="bottom-content">
5144                    <div class="top-area">
5145                        <div class="copyright-area display-style common-style bottom-words" style="margin-top:2px;"></div>
5146                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
5147                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
5148                            <a target="_self" class="bottom-words" href="javascript:void(0);">
5149                                <span class="icp-words bottom-words"></span>
5150                            </a>
5151                        </div>
5152                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
5153                        <div class="ga-area display-style common-style bottom-words">
5154                            <a target="_blank" class="bottom-words ga_link" href="#">
5155                                <img src="https://nwzimg.wezhan.net/Designer/Content/images/ga_icon.png?_version=20250709232452" alt="" /><span class="ga-words bottom-words"></span>
5156                            </a>
5157                        </div>
5158                    </div>
5159                    <div class="bottom-area">
5160                        <div class="ali-area display-style common-style bottom-words" style="">
5161                            <a class="bottom-words" target="_blank" href="#">
5162                                <?xml version="1.0" encoding="UTF-8" ?>
5163                                <svg width="55px"
5164                                     height="13px"
5165                                     viewBox="0 0 55 13"
5166                                     version="1.1"
5167                                     xmlns="http://www.w3.org/2000/svg"
5168                                     xmlns:xlink="http://www.w3.org/1999/xlink">
5169                                    <g id="备案信息优化"
5170                                       stroke="none"
5171                                       stroke-width="1"
5172                                       fill="none"
5173                                       fill-rule="evenodd">
5174                                        <g id="底部样式4-没有ipv6"
5175                                           transform="translate(-562.000000, -366.000000)"
5176                                           fill="#989898"
5177                                           fill-rule="nonzero">
5178                                            <g id="编组-2备份"
5179                                               transform="translate(57.000000, 301.000000)">
5180                                                <g id="编组-5"
5181                                                   transform="translate(505.000000, 49.000000)">
5182                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
5183                                                        <path d="M30.4355785,11.3507179 C32.2713894,11.2986909 32.9105785,10.0128801 32.9105785,8.9203125 L32.9105785,2.23112331 L33.1558488,2.23112331 L33.4011191,1.2426098 L28.0051731,1.2426098 L28.2504434,2.23112331 L31.9146326,2.23112331 L31.9146326,8.82369088 C31.9146326,9.7676098 31.2234164,10.406799 30.1828758,10.406799 L30.4355785,11.3507179 L30.4355785,11.3507179 Z"
5184                                                              id="路径"></path>
5185                                                        <path d="M30.6288218,9.06896115 C30.8740921,8.82369088 30.9781461,8.47436655 30.9781461,7.87977196 L30.9781461,3.1230152 L28.0572002,3.1230152 L28.0572002,9.41828547 L29.6923353,9.41828547 C30.0862542,9.41828547 30.4355785,9.32166385 30.6288218,9.06896115 Z M29.0977407,8.32571791 L29.0977407,4.11896115 L29.989
51856326,4.11896115 L29.9896326,7.78315034 C29.9896326,8.17706926 29.840984,8.32571791 29.4916596,8.32571791 L29.0977407,8.32571791 Z M23.9396326,1.14598818 L23.9396326,11.3061233 L24.9281461,11.3061233 L24.9281461,2.23855574 L26.1693623,2.23855574 L25.4261191,5.41220439 C25.7234164,5.65747466 26.265984,6.30409628 26.265984,7.44125845 C26.265984,8.57842061 25.6193623,8.97977196 25.4261191,9.07639358 L25.4261191,10.1169341 C25.9686867,10.0649071 27.3585515,9.32166385 27.3585515,7.49328547 C27.3585515,6.40071791 26.9646326,5.61288007 26.6153083,5.11490709 L27.5072002,1.15342061 C27.5072002,1.14598818 23.9396326,1.14598818 23.9396326,1.14598818 L23.9396326,1.14598818 Z M35.340984,10.3101774 L35.1403083,11.2986909 L44.1558488,11.2986909 L43.9105785,10.3101774 L40.1423353,10.3101774 L40.1423353,9.02436655 L43.6132812,9.02436655 L43.368011,8.03585304 L40.1497677,8.03585304 L40.1497677,6.7426098 L42.4761191,6.7426098 C43.5686867,6.7426098 44.1632813,6.20004223 44.1632813,5.05544764 L44.1632813,1.09396115 L35.1403083,1.09396115 L35.1403083,6.69058277 L39.1017948,6.69058277 L39.1017948,7.93179899 L35.8835515,7.93179899 L35.6382812,8.9203125 L39.1092272,8.9203125 L39.1092272,10.2581503 L35.340984,10.2581503 L35.340984,10.3101774 Z M40.1423353,4.51288007 L42.5207137,4.51288007 L42.2754434,3.52436655 L40.1423353,3.52436655 L40.1423353,2.23112331 L43.1153083,2.23112331 L43.1153083,5.05544764 C43.1153083,5.55342061 42.9146326,5.74666385 42.5207137,5.74666385 L40.1423353,5.74666385 L40.1423353,4.51288007 Z M36.2328758,5.75409628 L36.2328758,2.23112331 L39.1538218,2.23112331 L39.1538218,3.47233953 L37.0207137,3.47233953 L36.7754434,4.46085304 L39.1538218,4.46085304 L39.1538218,5.74666385 L36.2328758,5.74666385 L36.2328758,5.75409628 Z M53.922065,1.14598818 L46.8389569,1.14598818 L46.5862542,2.23112331 L54.2193623,2.23112331 L53.922065,1.14598818 Z M46.4376056,11.2540963 L46.3855785,11.3507179 L53.320038,11.3507179 C53.7139569,11.3507179 54.0112542,11.2540963 54.2119299,11.0013936 C54.4126056,10.7040963 54.3605785,10.354772 54.2639569,10.1615287 C54.1673353,9.66355574 53.765984,7.87977196 53.6693623,7.63450169 L53.6693623,7.58247466 L52.6288218,7.58247466 L52.6808488,7.67909628 C52.7328758,7.92436655 53.1788218,9.76017736 53.2754434,10.354772 L47.7234164,10.354772 C47.9686867,9.16558277 48.4146326,7.18112331 48.6673353,6.1926098 L54.9105785,6.1926098 L54.6653083,5.20409628 L46.1403083,5.20409628 L45.895038,6.1926098 L47.6267948,6.1926098 C47.4261191,7.09193412 46.7869299,9.61896115 46.4376056,11.2540963 L46.4376056,11.2540963 Z M3.72341639,9.86423142 C3.27747044,9.7676098 2.98017314,9.41828547 2.98017314,8.9203125 L2.98017314,3.91828547 C3.03220017,3.47233953 3.32949747,3.1230152 3.72341639,3.02639358 L8.38355152,2.03788007 L8.88152449,0.0534206081 L3.47814611,0.0534206081 C1.54571368,0.00139358108 0.00720016892,1.53990709 0.00720016892,3.4203125 L0.00720016892,9.36625845 C0.00720016892,11.2466639 1.59030828,12.8372044 3.47814611,12.8372044 L8.88152449,12.8372044 L8.38355152,10.8527449 L3.72341639,9.86423142 Z M17.3024704,0.00139358108 L11.8544975,0.00139358108 L12.3524704,1.98585304 L17.0051731,2.97436655 C17.4511191,3.07098818 17.7484164,3.4203125 17.7484164,3.86625845 L17.7484164,8.86828547 C17.6963894,9.31423142 17.3990921,9.66355574 17.0051731,9.76017736 L12.345038,10.7561233 L11.847065,12.7405828 L17.3024704,12.7405828 C19.1828758,12.7405828 20.7734164,11.2020693 20.7734164,9.26963682 L20.7734164,3.32369088 C20.7213894,1.53990709 19.1828758,0.00139358108 17.3024704,0.00139358108 Z"
5186                                                              id="形状"></path>
5187                                                        <polygon id="路径"
5188                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
5189                                                    </g>
5190                                                </g>
5191                                            </g>
5192                                        </g>
5193                                    </g>
5194                                </svg><span class="bottom-words">&nbsp;本网站由阿里云提供云计算及安全服务</span>
5195                            </a>
5196                        </div>
5197                        <div class="divider display-style common-style bottom-border" style=""></div>
5198                        <div class="ipv-area display-style common-style bottom-words">
5199                            <span class="bottom-words">本网站支持</span>
5200                            <span class="ipv6-box bottom-words">IPv6</span>
5201                        </div>
5202                        <div class="divider display-style common-style bottom-border" style=""></div>
5203                        <div class="powerby-area display-style common-style bottom-words" style="">
5204                            <a class="bottom-words" target="_blank" href="#">
5205                                <span class="bottom-words" style="display: block;"></span>
5206                            </a>
5207                        </div>
5208                    </div>
5209                </div>
5210            </div>
5211        </div>
5212
5213    
5213<script type="text/javascript">
5214
5215
5216
5217        $(function () {
5218            // 延迟加载之后移除延迟属性,以便于被其他代码加载
5219            $("img[loading='lazy']").on('load', function () {
5220                $(this).removeAttr('loading')
5221            }).each(function () {
5222                if (this.complete) {
5223                   $(this).removeAttr('loading')
5224                }
5225            })
5226
5227            $("img.lazyload").lazyload({ skip_invisible: false, effect: "fadeIn", failure_limit: 15, threshold: 100 });
5228            // 推后到OnAdjustFinished 中开启动画
5229            // 非响应式正常初始化
5230            if (typeof (LayoutConverter) === "undefined") {
5231                $('.animated').smanimate();
5232                // 轮播图除了第一页,控制其他页第二次再次播放时处于停止状态
5233                $('[ctype="slideset"]').each(function () {
5234                    $(this).find('.content-box:gt(0) .animated').smanimate('stop');
5235                })
5236            }
5237            $('.smartRecpt').smrecompute();
5238            setCurrentPageTitle('About FIIO', 1);
5239            xwezhan.initWz();
5240            
5241            recordPageAccess(
5242                2966,
5243                18000638,
5244                '2966',
5245                '0');
5246            
5247
5248            if ($("#txtDeviceSwitchEnabled").val() == "hide") {
5249                $(".m-deviceSwitch").css("display", "none");
5250            }
5251
5252            // 隐藏备案信息展示
5253            $('div[ctype=companyinfo]').find('.company-info-title').each(function (i, it) {
5254                if ($(it).text().indexOf('备案') > -1 || $(it).next().text().toLowerCase().indexOf('icp') > -1) {
5255                    $(it).parent().parent().css('display', 'none');
5256                }
5257            })
5258            var info = {
5259                icp: "",
5260                ga: '',
5261                copyright: 'Guangzhou FiiO Electronics Technology Co., Ltd.' != "" ? 'All rights reserved© ' + 'Guangzhou FiiO Electronics Technology Co., Ltd.' : "",
5262                color: '#989898',
5263                background: '#ffffff',
5264                powerby: 'Powered by ' + 'CloudDream',
5265                ipv6: 'False' == 'True',
5266                ali: "False" == "True",
5267                style: 'style1',
5268                align: 'center',
5269                fontsize:12
5270        };
5271
5272            _initData()
5273            _initShow()
5274
5275            function _initData() {
5276                var linkUrl = "http://www.beian.gov.cn/portal/registerSystemInfo?recordcode="
5277                if (info.ga != "") {
5278                    linkUrl = linkUrl + info.ga.substring(5, 19);
5279                }
5280                $('.ga_link').attr('href', linkUrl);
5281                $('.bottom-content').css({ 'text-align': info.align })
5282                $('.icp-area .icp-words').text(info.icp)
5283                $('.ga-area .ga-words').text(info.ga)
5284                $('.copyright-area').text(info.copyright)
5285                $('.powerby-area').find('span').text(info.powerby)
5286                $('.page-bottom--area').css({ background: info.background })
5287                $('.bottom-words').css({ color: info.color })
5288                $('.bottom-border').css({ background: info.color })
5289                $('.ipv6-box').css({ 'border-color': info.color })
5290                $('.ali-area').find('svg g').css({ 'fill': info.color, height: info.fontsize, width: parseInt(info.fontsize * 55 / 13 + 'px') })
5291                $('.ga-area').find('img').css({ width: info.fontszie + 'px' })
5292
5293                $('.ipv-area').css({ 'line-height': info.fontsize + 'px' })
5294                $('.ali-area').find('svg g').css({ 'fill': info.color })
5295                $('.divider').css({ height: info.fontsize + 'px' })
5296                $('.ali-area').find('svg').css({ height: info.fontsize, width: parseInt(info.fontsize * 55 / 13 + 'px') })
5297                $('.ga-area').find('img').css({ width: info.fontsize + 'px', height: info.fontsize + 'px' })
5298                $('.page-bottom--area').find('.common-style').css({ fontSize: info.fontsize + 'px' })
5299            }
5300
5301            function _initShow() {
5302                if ("False" == "False") {
5303                    $('.top-area').css('display', 'none');
5304                }
5305                if (info.style === 'style1') {
5306                    $('#b_style1').css('display', 'block');
5307                    if (!info.ga) {
5308                        $('.ga-area').hide()
5309                        $('.ga-area')
5310                            .prev('.divider')
5311                            .hide()
5312                    }
5313                    if (!info.icp) {
5314                        $('.icp-area').hide()
5315                        $('.icp-area')
5316                            .next('.divider')
5317                            .hide()
5318                    }
5319                }
5320                if (info.style === 'style2') {
5321                    $('#b_style2').css('display', 'block');
5322                    if (!info.ga) {
5323                        $('.ga-area').hide()
5324                        $('.ga-area')
5325                            .next('.divider')
5326                            .hide()
5327                    }
5328                    if (!info.icp) {
5329                        $('.icp-area').hide()
5330                        $('.icp-area')
5331                            .prev('.divider')
5332                            .hide()
5333                    }
5334                }
5335                if (info.style === 'style3') {
5336                    $('#b_style3').css('display', 'block');
5337                    if (!info.ga) {
5338                        $('.ga-area').hide()
5339                        $('.ga-area')
5340                            .next('.divider')
5341                            .hide()
5342                    }
5343                    if (!info.copyright) {
5344                        $('.copyright-area').hide()
5345                        $('.copyright-area')
5346                            .prev('.divider')
5347                            .hide()
5348                    }
5349                    if (!info.icp) {
5350                        $('.icp-area').hide()
5351                        $('.icp-area')
5352                            .prev('.divider')
5353                            .hide()
5354                        $('.copyright-area').hide()
5355                        $('.copyright-area')
5356                            .prev('.divider')
5357                            .hide()
5358                    }
5359                    if (!info.ga && !info.copyright) {
5360                        $('.copyright-area').hide()
5361                        $('.copyright-area')
5362                            .next('.divider')
5363                            .hide()
5364                    }
5365                }
5366                if (info.style === 'style4') {
5367                    $('#b_style4').css('display', 'block');
5368                    if (!info.icp) {
5369                        $('.icp-area').hide()
5370                        $('.icp-area')
5371                            .prev('.divider')
5372                            .hide()
5373                        $('.copyright-area').hide()
5374                        $('.copyright-area')
5375                            .next('.divider')
5376                            .hide()
5377                    }
5378                    if (!info.copyright) {
5379                        $('.copyright-area').hide()
5380                        $('.copyright-area')
5381                            .next('.divider')
5382                            .hide()
5383                    }
5384                    if (!info.ga) {
5385                        $('.ga-area').hide()
5386                        $('.ga-area')
5387                            .prev('.divider')
5388                            .hide()
5389                    }
5390                    if (!info.icp && !info.copyright) {
5391                        $('.icp-area').hide()
5392                        $('.icp-area')
5393                            .next('.divider')
5394                            .hide()
5395                    }
5396                }
5397                if ("False".toLowerCase() == "false") {
5398                    $('.ali-area').hide()
5399                    $('.ali-area')
5400                        .next('.divider')
5401                        .hide()
5402                }
5403                if ("False".toLowerCase() == "false") {
5404                    $('.ipv-area').hide()
5405                    $('.ipv-area')
5406                        .prev('.divider')
5407                        .hide()
5408                }
5409                if ("False".toLowerCase() == "false") {
5410                    $('.powerby-area').hide()
5411                    $('.powerby-area')
5412                        .prev('.divider')
5413                        .hide()
5414                }
5415                if ("False".toLowerCase() == "false" && "False".toLowerCase() == "false") {
5416                    $('.ipv-area').hide()
5417                    $('.ipv-area')
5418                        .next('.divider')
5419                        .hide()
5420                }
5421                if ((!info.ga && !info.icp) || ("False".toLowerCase() == "false" && "False".toLowerCase() == "false" && "False".toLowerCase() == "false")) {
5422                    $('.top-area').css({ 'margin-bottom': 0 })
5423                }
5424                if (!info.ga && !info.icp && "False".toLowerCase() == "false" && "False".toLowerCase() == "false" && "False".toLowerCase() == "false") {
5425                    $('#all-icp-bottom').css({ 'display': 'none' });
5426                }
5427            }
5428        });
5429    </script>
5429
5430
5431    <div id="systemDialogLayer" style="position:relative;z-index:999999"></div>
5432
5433
5434        <!--CDN限流-->
5435        
5435<script type="text/javascript">
5436            $.get('/Designer/Common/IsShowVerificationCode', function (res) {
5437                if (res.IsSuccess && res.IsShowVerificationCode) {
5438                    var script = document.createElement('script')
5439                    script.src = "https://nwzimg.wezhan.net" + "/Scripts/sliderCaptcha/slider-captcha.min.js?_version=20250613165900"
5440                    script.onload = function () {
5441                        createSliderCaptcha()
5442                    }
5443                    document.head.appendChild(script)
5444                }
5445            })
5446        </script>
5446
5447
5448</body>
5449</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.