PageSourceSearch

https://hopebo.com/

html hopebo.com collected 2026-10-09 00:07:54 UTC 205,358 bytes, 2,927 lines download raw bytes

1
2
3<!DOCTYPE html>
4
5<html class="smart-design-mode">
6<head>
7
8<!--万小智·企业智能体=====开始======-->
9<script src="https://ultron-agent.wanwang.xin/ultron-loader.js?appId=039018f71b"></script>
9
10<!--万小智·企业智能体=====结束======-->
11        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
12
13    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
14    <meta name="description" content="Beijing Hopebo New Materials Co., Ltd. specialized in flat rolled aluminum, prepainted aluminum coil, aluminum composite panel, punching machine, press machine " />
15    <meta name="keywords" content="aluminum,flat,rolled,prepainted,coated,composite,pressmachine,punching" />
16    <meta name="renderer" content="webkit" />
17    <meta name="applicable-device" content="pc" />
18    <meta http-equiv="Cache-Control" content="no-transform" />
19    <title>HopeBo-Home, one-stop aluminum</title>
20    <link rel="icon" href="//img.website.xin/sitefiles54153/54153232/29894b3a-ea95-4acd-899b-ee9feb415738.png"/><link rel="shortcut icon" href="//img.website.xin/sitefiles54153/54153232/29894b3a-ea95-4acd-899b-ee9feb415738.png"/><link rel="bookmark" href="//img.website.xin/sitefiles54153/54153232/29894b3a-ea95-4acd-899b-ee9feb415738.png"/>
21    <link href="https://img.website.xin/Designer/Content/bottom/pcstyle.css?_version=20250709210034" rel="stylesheet" type="text/css"/>
22    <link href="https://img.website.xin/Content/public/css/reset.css?_version=20251020152359" rel="stylesheet" type="text/css"/>
23    <link href="https://img.website.xin/static/iconfont/1.0.0/iconfont.css?_version=20250709210037" rel="stylesheet" type="text/css"/>
24    <link href="https://img.website.xin/static/iconfont/2.0.0/iconfont.css?_version=20250709210037" rel="stylesheet" type="text/css"/>
25    <link href="https://img.website.xin/static/iconfont/designer/iconfont.css?_version=20250709210037" rel="stylesheet" type="text/css"/>
26    <link href="https://img.website.xin/static/iconfont/companyinfo/iconfont.css?_version=20250709210037" rel="stylesheet" type="text/css"/>
27    <link href="https://img.website.xin/Designer/Content/base/css/pager.css?_version=20250709210033" rel="stylesheet" type="text/css"/>
28    <link href="https://img.website.xin/Designer/Content/base/css/hover-effects.css?_version=20250709210033" rel="stylesheet" type="text/css"/>
29    <link href="https://img.website.xin/Designer/Content/base/css/antChain.css?_version=20250709210033" rel="stylesheet" type="text/css"/>
30
31
32    
33    <link href="//img.website.xin/pubsf/54153/54153232/css/14466_Pc_en-US.css?preventCdnCacheSeed=d8ae76f7999441c68eba19d5fd82dfa2" rel="stylesheet" />
34    
34<script src="https://img.website.xin/Scripts/JQuery/jquery.min.js?_version=20260206110021" type="text/javascript"></script>
34
35    
35<script src="https://img.website.xin/Designer/Scripts/jquery.lazyload.min.js?_version=20250709210034" type="text/javascript"></script>
35
36    
36<script src="https://img.website.xin/Designer/Scripts/smart.animation.min.js?_version=20260609104717" type="text/javascript"></script>
36
37    
37<script src="https://img.website.xin/Designer/Content/Designer-panel/js/kino.razor.min.js?_version=20250709210033" type="text/javascript"></script>
37
38    
38<script src="https://img.website.xin/Scripts/common.min.js?v=20200318&_version=20260520141320" type="text/javascript"></script>
38
39    
39<script src="https://img.website.xin/Administration/Scripts/admin.validator.min.js?_version=20250709210032" type="text/javascript"></script>
39
40    
40<script src="https://img.website.xin/Administration/Content/plugins/cookie/jquery.cookie.js?_version=20250709210032" type="text/javascript"></script>
40
41    
41<script src="https://img.website.xin/Scripts/utils.js?_version=20260520141320" type="text/javascript"></script>
41
42
43    
43<script type='text/javascript' id='jssor-all' src='https://img.website.xin/Designer/Scripts/jssor.slider-22.2.16-all.min.js?_version=20250709210034' ></script>
43<script type='text/javascript' id='slideshown' src='https://img.website.xin/Designer/Scripts/slideshow.js?_version=20250709210034' ></script>
43<script type='text/javascript' id='lzparallax' src='https://img.website.xin/static/lzparallax/1.0.0/lz-parallax.min.js' ></script>
43<script type='text/javascript' id='jplaceholder' src='https://img.website.xin/Content/public/plugins/placeholder/jplaceholder.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>
57
58
59
60<script>
61  window.SEED_CONFIG=window.SEED_CONFIG||{};
62  window.SEED_CONFIG.siteId ="WS20260402104730000001";
63  window.SEED_CONFIG.env ="prod";
64</script>
vendor: 1 bytes, line 64
64
65<script defer="defer" src="https://o.alicdn.com/msea-fe/seed/index.js"></script>
65
66
67</head>
68<body id="smart-body" area="main">
69
70    <!--  -->
71<style>
72    .scd-maintenance-icon {
73        display: flex;
74        justify-content: center;
75        flex-direction: column;
76        align-items: center;
77        gap: 2px;
78        background: #fff;
79        box-shadow: 0 0 16px #51627433;
80        border-radius: 30px;
81        width: 36px;
82        padding: 8px 3px 12px;
83        color: #231d0d;
84        position: fixed;
85        left: 45px;
86        bottom: 16px;
87        z-index: 2147483600;
88        line-height: 1.4;
89    }
90    .scd-maintenance-icon-text {
91        width: 14px;
92        font-size: 14px;
93        line-height: 16px;
94    }
95    .scd-maintenance-icon[hidden] { display: none !important; }
96</style>
97<div id="scdMaintenanceIcon" class="scd-maintenance-icon" hidden>
98    <img src="/Administration/Content/images/ai-timing-loader.png" alt="计时中" width="30" height="30" />
99    <span class="scd-maintenance-icon-text">计时中</span>
100</div>
101<script type="text/javascript">
102    (function () {
103        // 第二道防线:服务端去重守卫已经能挡住所有走 partial 的重复渲染;
104        // 这里再兜一层,以防有人手抄同段 HTML 到页面里造成 window.MaintenanceIcon 被覆盖。
105        if (window.MaintenanceIcon && window.MaintenanceIcon.__mounted) return;
106
107        // iframe 内一律 no-op,仅 top frame 实例驱动 icon 显隐
108        var isTop = true;
109        try { isTop = (window.top === window.self); } catch (e) { isTop = false; }
110        if (!isTop) {
111            window.MaintenanceIcon = window.MaintenanceIcon || {
112                show: function () { }, hide: function () { }
113            };
114            return;
115        }
116
117        var el = document.getElementById('scdMaintenanceIcon');
118        window.MaintenanceIcon = {
119            __mounted: true,
120            show: function () { if (el) el.hidden = false; },
121            hide: function () { if (el) el.hidden = true; }
122        };
123    })();
124</script>
124
125
126
127    <input type="hidden" id="pageinfo"
128           value="14466"
129           data-type="1"
130           data-device="Pc"
131           data-entityid="14466" />
132    <input id="txtDeviceSwitchEnabled" value="show" type="hidden" />
133
134
135
136
137    
138
139
140    
141<!-- 在 mainContentWrapper 的下一层的三个div上设置了zindex。把页头页尾所在的层级调整高于中间内容,以防止中间内容遮盖页头页尾 -->
142
143<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);;
144     position: relative; width: 100%;min-width:1600px;background-size: auto;" bgScroll="none">
145    
146    <div style="background-color: rgb(255, 255, 255); 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);;
147         position: relative; width: 100%;min-width:1600px;background-size: auto; z-index:auto;" bgScroll="none">
148        <div class=" header" cpid="14465" id="smv_Area0" style="width: 1600px; height: 90px;  position: relative; margin: 0 auto">
149            <div id="smv_tem_1_30" ctype="banner"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style2" ccolor="Item0" areaId="Area0" isContainer="True" pvid="" tareaId="Area0"  re-direction="y" daxis="Y" isdeletable="True" style="height: 90px; width: 100%; left: 0px; top: 0px;z-index:9;"><div class="yibuFrameContent tem_1_30  banner_Style2  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="tem_1_30" style="width:1600px">
150    <div id="smv_tem_2_30" ctype="image"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_1_30" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 94px; width: 222px; left: 2px; top: -7px;z-index:2;"><div class="yibuFrameContent tem_2_30  image_Style1  " style="overflow:visible;;" >
151    <div class="w-image-box image-clip-wrap" data-fillType="0" id="div_tem_2_30">
152        <a target="_self" href="/home">
153            <img loading="lazy" 
154                 src="//img.website.xin/contents/sitefiles10830/54153232/images/176704268.png" 
155                 alt="" 
156                 title="" 
157                 id="img_smv_tem_2_30" 
158                 style="width: 220px; height:92px;"
159                 class=""
160             >
161        </a>
162    </div>
163
164    
164<script type="text/javascript">
165        $(function () {
166            
167                InitImageSmv("tem_2_30", "220", "94", "0");
168            
169                 });
170    </script>
170
171
172</div></div><div id="smv_tem_3_30" ctype="nav"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style6" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_1_30" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 90px; width: 640px; left: 800px; top: 0px;z-index:1;"><div class="yibuFrameContent tem_3_30  nav_Style6  " style="overflow:visible;;" ><div id="nav_tem_3_30" class="nav_pc_t_6">
173    <ul class="w-nav" navstyle="style6">
174                <li class="w-nav-inner" style="height:90px;line-height:90px;width:25%;">
175                    <div class="w-nav-item">
176                        <a href="/home" target="_self" class="w-nav-item-link">
177                            <span class="mw-iconfont"></span>
178                            <span class="w-link-txt">Home&#160;Page</span>
179                        </a>
180                        <a href="/home" target="_self" class="w-nav-item-link hover">
181                            <span class="mw-iconfont"></span>
182                            <span class="w-link-txt">Home&#160;Page</span>
183                        </a>
184                    </div>
185                </li>
186                <li class="w-nav-inner" style="height:90px;line-height:90px;width:25%;">
187                    <div class="w-nav-item">
188                        <a href="/about" target="_self" class="w-nav-item-link">
189                            <span class="mw-iconfont"></span>
190                            <span class="w-link-txt">About&#160;HopeBo</span>
191                        </a>
192                        <a href="/about" target="_self" class="w-nav-item-link hover">
193                            <span class="mw-iconfont"></span>
194                            <span class="w-link-txt">About&#160;HopeBo</span>
195                        </a>
196                    </div>
197                </li>
198                <li class="w-nav-inner" style="height:90px;line-height:90px;width:25%;">
199                    <div class="w-nav-item">
200                        <a href="/products" target="_self" class="w-nav-item-link">
201                            <span class="mw-iconfont"></span>
202                            <span class="w-link-txt">Products</span>
203                        </a>
204                        <a href="/products" target="_self" class="w-nav-item-link hover">
205                            <span class="mw-iconfont"></span>
206                            <span class="w-link-txt">Products</span>
207                        </a>
208                    </div>
209                        <ul class="w-subnav" style="width:160px">
210                                <li class="w-subnav-item">
211                                    <a href="/ProductInfoCategory?categoryId=3247752&amp;PageInfoId=0" target="_self" class="w-subnav-link" style="height:45px;line-height:45px;">
212                                        <span class="mw-iconfont"></span>
213                                        <span class="w-link-txt">Flat&#160;rolled&#160;Aluminum</span>
214                                    </a>
215                                </li>
216                                <li class="w-subnav-item">
217                                    <a href="/ProductInfoCategory?categoryId=3247753&amp;PageInfoId=0" target="_self" class="w-subnav-link" style="height:45px;line-height:45px;">
218                                        <span class="mw-iconfont"></span>
219                                        <span class="w-link-txt">Prepainted&#160;Aluminum</span>
220                                    </a>
221                                </li>
222                                <li class="w-subnav-item">
223                                    <a href="/ProductInfoCategory?categoryId=3247754&amp;PageInfoId=0" target="_self" class="w-subnav-link" style="height:45px;line-height:45px;">
224                                        <span class="mw-iconfont"></span>
225                                        <span class="w-link-txt">Aluminum&#160;Composite&#160;Panel</span>
226                                    </a>
227                                </li>
228                                <li class="w-subnav-item">
229                                    <a href="/ProductInfoCategory?categoryId=3247755" target="_self" class="w-subnav-link" style="height:45px;line-height:45px;">
230                                        <span class="mw-iconfont"></span>
231                                        <span class="w-link-txt">Machinery</span>
232                                    </a>
233                                </li>
234                                <li class="w-subnav-item">
235                                    <a href="/ProductInfoCategory?categoryId=3248857" target="_self" class="w-subnav-link" style="height:45px;line-height:45px;">
236                                        <span class="mw-iconfont"></span>
237                                        <span class="w-link-txt">Others</span>
238                                    </a>
239                                </li>
240                        </ul>
241                </li>
242                <li class="w-nav-inner" style="height:90px;line-height:90px;width:25%;">
243                    <div class="w-nav-item">
244                        <a href="/contact" target="_self" class="w-nav-item-link">
245                            <span class="mw-iconfont"></span>
246                            <span class="w-link-txt">Contact&#160;Us</span>
247                        </a>
248                        <a href="/contact" target="_self" class="w-nav-item-link hover">
249                            <span class="mw-iconfont"></span>
250                            <span class="w-link-txt">Contact&#160;Us</span>
251                        </a>
252                    </div>
253                </li>
254
255    </ul>
256</div>
257<script>
258    $(function () {
259        var itemHover, $this, item, itemAll, navHei, link;
260        $('#nav_tem_3_30 .w-nav').find('.w-subnav').hide();
261        $('#nav_tem_3_30 .w-nav').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
262            navHei = $('#nav_tem_3_30 .w-nav').height();
263            itemAll = $('#nav_tem_3_30 .w-nav').find('.w-subnav');
264            $this = $(this);
265            link = $this.find('.w-nav-item-link').eq(0);
266            item = $this.find('.w-subnav');
267            link.stop().animate({ marginTop: -navHei }, 300)
268            item.slideDown();
269        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
270            $this = $(this);
271            item = $this.find('.w-subnav');
272            link = $this.find('.w-nav-item-link').eq(0);
273            link.stop().animate({ marginTop: 0 }, 300);
274            item.stop().slideUp();
275        });
276        SetNavSelectedStyle('nav_tem_3_30');//选中当前导航
277    });
278</script>
278</div></div><div id="smv_tem_4_34" ctype="languages"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_1_30" tareaId="Area0"  re-direction="all" daxis="All" isdeletable="True" style="height: 36px; width: 100px; left: 1490px; top: 27px;z-index:3;"><div class="yibuFrameContent tem_4_34  languages_Style1  " style="overflow:visible;;" >	<div class="lun_pc_s_1">
279		<div class="w-language">
280			<div class="w-language-inner">
281				<span class="w-language-pic mw-iconfont">&#xa005;</span>
282				<span class="w-language-txt"><a class="w-language-val-link" href="javascript:void(0)" languageid="1">English</a></span>
283			</div>
284			<ul class="w-language-dropdown">
285                    <li  name="languageControl_lang2"  class="w-language-dropdown-item"><a class="w-language-link" href="javascript:void(0)" languageid="2" languageculture="zh-CN">简体中文</a></li>
286                    <li  name="languageControl_lang1"  class="w-language-dropdown-item"><a class="w-language-link" href="javascript:void(0)" languageid="1" languageculture="en-US">English</a></li>
287			</ul>
288		</div>
289	</div>
290
291<script type="text/javascript">
292    $(function () {
293        var cookieLanguageCulture = $.cookie("yibu_rt_language");
294        if (typeof cookieLanguageCulture != 'undefined') {
295            var selectItem = $('#smv_tem_4_34 li a[languageculture="' + cookieLanguageCulture + '"]');
296                if ($(selectItem).length > 0)
297                {
298                    $('#smv_tem_4_34 .m-language-val-link').attr("languageid", $(selectItem).attr("languageid"));
299                    $('#smv_tem_4_34 .m-language-val-link').text($(selectItem).text());
300                }
301            }
302        });
303</script>
303
304
305
306	
306<script type="text/javascript">
307
308    $(function () {
309        $('#smv_tem_4_34').on("click", "li.w-language-dropdown-item a", function () {
310            var languageid = $(this).attr("languageid");
311            var languageculture = $(this).attr("languageculture");
312            if (languageid != undefined) {
313                $.ajax({
314                    cache: false,
315                    url: "/Common/ChangeRunTimeLanguage",
316                    type: "post",
317                    data: { languageId: languageid, languageCulture: languageculture },
318                    dataType: "json",
319                    success: function (result) {
320                        if (result.IsSuccess) {
321                            var href = window.location.href;
322                            href = unescape(href);
323                            if (href.indexOf("languageId=") > -1) {
324                                href =href.replace(/languageId=\d/, "languageId=" + languageid);
325                                //href = escape(href);
326                                window.location.href = href;
327                            } else
328                                location.reload();
329                            
330                        }
331                    },
332                    error: function () { }
333                });
334            }
335        })
336    });
337</script>
337
338</div></div></div>
339<div id="bannerWrap_tem_1_30" class="fullcolumn-outer" style="position: absolute; top: 0px; bottom: 0px;">
340</div>
341
342<script type="text/javascript">
343
344    $(function () {
345        
346        
347
348        window["__smvData__tem_1_30"] = {
349            oriStyle: $("#smv_tem_1_30 >.yibuFrameContent").attr('style'),
350            oriZIndex: $("#smv_tem_1_30").css('z-index')
351        }
352
353        var fullScreen = function () {
354            $('#bannerWrap_tem_1_30').fullScreenByWindow(function (t) {
355                if (VisitFromMobile()) {
356                    t.css("min-width", t.parent().width())
357                }
358            });
359        }
360
361        function scrollFixedBannerFn() {
362            if ($('#smv_tem_1_30').css("display")==="none") {
363               return;
364            }
365
366            var elTop = $('#smv_tem_1_30').offset().top;
367            var fixdContent = $("#smv_tem_1_30 >.yibuFrameContent");
368
369            var bannerBgEl = $('#bannerWrap_tem_1_30');
370            var offsetTop = 0; // $('.headerNavBox').height()
371
372            var currentTop = elTop - $(this).scrollTop()
373            if (currentTop < 0) {
374
375                fixdContent.css({
376                    position: 'fixed',
377                    top: parseInt(0 + offsetTop),
378                    left: 0,
379                    right: 0,
380                    zIndex: parseInt(100000000 + elTop)
381                });
382                fixdContent.height(fixdContent.parent().height())
383                bannerBgEl.addClass("fixed").css('left', 0)
384               $('#smv_tem_1_30').css('z-index', 'auto')
385
386                if ("Publish" == "Design" && $("#smv_tem_1_30").parents(".header, .footer").length==0){
387                        $('#smv_tem_1_30').disableDrag();
388                        $('#smv_tem_1_30').disableResize();
389                }
390
391            } else {
392
393                var fixedData = window["__smvData__tem_1_30"]
394
395                fixdContent.attr('style', fixedData.oriStyle)
396                fullScreen();
397                bannerBgEl.removeClass("fixed")
398                $('#smv_tem_1_30').css('z-index', fixedData.oriZIndex)
399
400                if ("Publish" == "Design"&& $("#smv_tem_1_30").parents(".header, .footer").length==0) {
401                    $('#smv_tem_1_30').enableDrag();
402                    $('#smv_tem_1_30').enableResize();
403                }
404            }
405
406        }
407
408        var resize = function () {
409            $("#smv_tem_1_30 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_tem_1_30").parent().width());
410            fullScreen()
411
412            $(window).off('scroll.fixedBanner', scrollFixedBannerFn).on('scroll.fixedBanner', scrollFixedBannerFn)
413
414        }
415
416        if (typeof (LayoutConverter) !== "undefined") {
417            LayoutConverter.CtrlJsVariableList.push({
418                CtrlId: "tem_1_30",
419                ResizeFunc: resize,
420            });
421        }
422        else {
423            $(window).resize(function (e) {
424                if (e.target == this) {
425                    resize();
426                }
427            });
428        }
429
430        resize();
431    });
432</script>
432
433</div></div>
434        </div>
435    </div>
436
437    <div class="main-layout-wrapper" id="smv_AreaMainWrapper" style="background-color: transparent; background-image: none;
438         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;"
439         bgScroll="none">
440        <div class="main-layout" id="tem-main-layout11" style="width: 100%;">
441            <div style="display: none">
442                
443            </div>
444            <div class="" id="smv_MainContent" rel="mainContentWrapper" style="width: 100%; min-height: 300px; position: relative; ">
445                
446                <div class="smvWrapper"  style="min-width:1600px;  position: relative; background-color: transparent; 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="14466" style="min-height:400px;width:1600px;height:3880px;  position: relative; "><div id="smv_con_1_32" ctype="fullpageSlide"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="" isContainer="True" pvid="" tareaId=""  re-direction="y" daxis="Y" isdeletable="True" style="height: 880px; width: 100%; left: 0px; top: 0px;z-index:2;"><div class="yibuFrameContent con_1_32  fullpageSlide_Style1  " style="overflow:visible;;" >
447<!--w-slide-->
448<div id="lider_smv_con_1_32_wrapper">
449    <div class="w-slide" id="slider_smv_con_1_32">
450        <div class="w-slide-inner" data-u="slides">
451
452                <div class="content-box" data-area="Area0">
453
454
455
456
457                    <div class="w-slide-mask" style="background-color:rgba(0, 0, 0, 0)"></div>
458
459
460                    <div class="content-box-inner fullInner" style="background-image:url(//img.website.xin/contents/sitefiles10830/54153232/images/175616206.png);background-position:50% 50%;background-repeat:cover;background-size:cover;background-color:rgba(0, 0, 0, 0);opacity:1;display:block"></div>
461
462                        <!--background-color:rgba(0, 0, 0, 0) VideoMaskStyle-->
463                <div class="video-box-inner fullInner" style="display: none">
464                    
465                    <video class="fullBannerPlayer" onerror="playError_con_1_32 (this)" poster="" playsinline muted data-autoplay="True" preload="auto" src="" loop="loop" webkit-playsinline="true" x5-video-player-type="h5" x5-video-orientation="portraint">
466                    </video>
467                    <div class="fullBannerPlayer-errorbg" style="background: #aad8f2 url(/Content/images/videodefault.png) no-repeat center;">
468                        <p class="defaultTitle" style="display: none; position: absolute; bottom: 0; width: 100%; background: rgba(131, 146, 180, 0.5); color: #fff; text-align: center; line-height: 20px; font-size: 10px; "></p>
469                    </div>
470                </div>
471
472
473                    <div id="smc_Area0" cid="con_1_32" class="smAreaC slideset_AreaC">
474                        <div id="smv_con_2_56" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_1_32" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 37px; width: 1263px; left: 10px; top: 400px;z-index:2;"><div class="yibuFrameContent con_2_56  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_2_56' style="height: 100%;">
475    <div class="editableContent" id="txtc_con_2_56" style="height: 100%; word-wrap:break-word;">
476        <p><span style="font-family:Arial,Helvetica,sans-serif; letter-spacing:1px"><span style="font-family:Arial,Helvetica,sans-serif; font-size:28px"><span style="color:#ffffff; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.2"><span style="font-family:Arial,Helvetica,sans-serif">Specialized in flat rolled,prepainted aluminum and composite panel</span></span></span></span></span></p>
477
478    </div>
479</div>
480
481<script>
482    var tables = $(' #smv_con_2_56').find('table')
483    for (var i = 0; i < tables.length; i++) {
484        var tab = tables[i]
485        var borderWidth = $(tab).attr('border')
486        if (borderWidth <= 0 || !borderWidth) {
487            console.log(tab)
488            $(tab).addClass('hidden-border')
489            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
490            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
491            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
492            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
493            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
494            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
495        }
496    }
497</script>
497</div></div><div id="smv_con_5_11" ctype="area"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="con_1_32" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 82px; width: 720px; left: 10px; top: 310px;z-index:5;"><div class="yibuFrameContent con_5_11  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
498    <div class="smAreaC" id="smc_Area0" cid="con_5_11">
499        <div id="smv_con_3_0" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_5_11" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 82px; width: 1377px; left: 0px; top: 0px;z-index:2;"><div class="yibuFrameContent con_3_0  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_3_0' style="height: 100%;">
500    <div class="editableContent" id="txtc_con_3_0" style="height: 100%; word-wrap:break-word;">
501        <p><span style="color:#ffffff; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif; font-size:62px"><strong><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.2"><span style="font-family:Arial,Helvetica,sans-serif">Beijing HopeBo&nbsp;New Materials Co., Ltd.</span></span></strong></span></span></p>
502
503    </div>
504</div>
505
506<script>
507    var tables = $(' #smv_con_3_0').find('table')
508    for (var i = 0; i < tables.length; i++) {
509        var tab = tables[i]
510        var borderWidth = $(tab).attr('border')
511        if (borderWidth <= 0 || !borderWidth) {
512            console.log(tab)
513            $(tab).addClass('hidden-border')
514            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
515            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
516            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
517            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
518            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
519            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
520        }
521    }
522</script>
522</div></div><div id="smv_con_4_17" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_5_11" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 45px; width: 150px; left: 0px; top: 173px;z-index:3;"><div class="yibuFrameContent con_4_17  button_Style1  " style="overflow:visible;;" ><a target="_self" href="/products" class="w-button f-ellipsis" style="width: 150px; height: 45px; line-height: 45px;">
523    <span class="w-button-position">
524        <em class="w-button-text f-ellipsis">
525            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
526            <span class="mw-txt">View more</span>
527        </em>
528    </span>
529</a>
530    
530<script type="text/javascript">
531        $(function () {
532        });
533    </script>
533
534</div></div>    </div>
535</div></div></div>                    </div>
536
537
538                </div>
539        </div>
540        <!-- Bullet Navigator -->
541        <div data-u="navigator" class="w-slide-btn-box  backgroundStyle1   v-visibility  " data-autocenter="1">
542            <!-- bullet navigator item prototype -->
543            <div class="w-slide-btn" data-u="prototype"></div>
544        </div>
545
546        <!-- 1Arrow Navigator -->
547        <span data-u="arrowleft" class="w-slide-arrowl  slideArrow  f-hide  " data-autocenter="2" id="left_con_1_32">
548            <i class="iconfont icona-leftarrow "></i>
549            <i class="iconfont icona-leftarrow1  f-hide "></i>
550            <i class="iconfont icona-leftarrow2  f-hide "></i>
551            <i class="iconfont icona-leftarrow  f-hide "></i>
552            <i class="iconfont icona-leftarrow3  f-hide "></i>
553        </span>
554        <span data-u="arrowright" class="w-slide-arrowr slideArrow  f-hide " data-autocenter="2" id="right_con_1_32">
555            <i class="iconfont icona-rightarrow "></i>
556            <i class="iconfont icona-rightarrow1  f-hide "></i>
557            <i class="iconfont icona-rightarrow2  f-hide "></i>
558            <i class="iconfont icona-rightarrow  f-hide "></i>
559            <i class="iconfont icona-rightarrow3  f-hide "></i>
560        </span>
561    </div>
562</div>
563
564<!--/w-slide-->
565
566
567
568
569<script type="text/javascript">
570
571
572    function playError_con_1_32 (video) {
573
574        var $video = video ? $(video) : $(this)
575
576        $video.hide();
577
578        var $videoBg = $video.next();
579        $videoBg.show();
580        $videoBg.find('.defaultTitle').text('视频播放失败,请稍后重试');
581        
582
583        $videoBg.off("click").click(function () {
584            $video.show();
585            $video.play();
586            $videoBg.hide();
587            $videoBg.find('.defaultTitle').text('');
588        });
589
590    };
591
592    var mobileAutoPlay_con_1_32 = function () {
593        var fullbannerList = $("#slider_smv_con_1_32 .content-box").find('.video-box-inner')
594        fullbannerList.each(function (i, index) {
595            if ($(this).css("display") == "block") {
596                var video = $(this).find(".fullBannerPlayer")[0];
597                if (video.paused) {
598                    video.play().catch(function () {
599                        switch (video.error.code) {
600                            case video.error.MEDIA_ERR_ABORTED:
601                                console.error('用户中止了视频播放');
602                                break;
603                            default:
604                                playError_con_1_32 (video);
605                        }
606                    });
607                } else {
608                    video.pause();
609                }
610            }
611        })
612    };
613
614    var play_con_1_32 = function (index, prev) {
615        var currentVideo = $("#slider_smv_con_1_32 .w-slide-inner:last .content-box").eq(index).find('video');
616        var prevVideo = $("#slider_smv_con_1_32 .w-slide-inner:last .content-box").eq(prev).find('video');
617        currentVideo.addClass('current');
618        if (prevVideo.attr('src')) {
619            var video = prevVideo[0];
620            video.currentTime = 0;
621            if (video.played) {
622                video.pause();
623            }
624        }
625        if (currentVideo.attr('data-autoplay') == 'True' && currentVideo.attr('src')) {
626             
627
628            var video = currentVideo[0];
629            video.currentTime = 0;
630            if (video.paused) {
631                video.play().catch(function () {
632                switch (video.error.code) {
633                    case video.error.MEDIA_ERR_ABORTED:
634                        console.error('用户中止了视频播放');
635                        break;
636                    default:
637                        playError_con_1_32 (video);
638                }
639            });
640            }
641        }
642
643    }
644
645
646
647    var jssorCache_con_1_32  = {
648        CtrlId:"con_1_32",
649        SliderId: "slider_smv_con_1_32",
650        Html: $("#slider_smv_con_1_32")[0].outerHTML,
651        On: function (slideIndex, fromIndex) {
652            slideAnimation_con_1_32 (slideIndex, fromIndex);
653        }
654
655    };
656
657    var slide_con_1_32;
658    var slideAnimation_con_1_32 = function (slideIndex, fromIndex) {
659
660        play_con_1_32 (slideIndex, fromIndex);
661
662        var $slideWrapper = $("#slider_smv_con_1_32 .w-slide-inner:last");
663        var len = $slideWrapper.find(">.content-box").length
664
665        var $nextSlide = $slideWrapper.find(".content-box:eq(" + ((slideIndex + 1)%len) + ")");
666        $nextSlide.find(".animated").smanimate("stop");
667
668        var $curSlide = $slideWrapper.find(".content-box:eq(" + slideIndex + ")");
669        $curSlide.find(".animated").smanimate("replay")
670
671        // var $fromSlide = $slideWrapper.find(".content-box:eq(" + fromIndex + ")");
672        // $fromSlide.find(".animated").smanimate("stop");
673
674        $("#switch_con_1_32 .page").html(slideIndex + 1);
675        $("#smv_con_1_32").attr("selectArea", $curSlide.attr("data-area"));
676
677        return false;
678    }
679
680    con_1_32_page = 1;
681    con_1_32_sliderset3_init = function () {
682        var jssor_1_options_con_1_32 = {
683            $AutoPlay: "False"=="True"?false:"on" == "on",//自动播放
684            $PlayOrientation: "1",//2为向上滑,1为向左滑
685            $Loop: 1,//循环
686            $Idle: parseInt("3000"),//切换间隔
687            $SlideDuration: "1000",//延时
688            $SlideEasing: $Jease$.$OutQuint,
689            
690            $CaptionSliderOptions: {
691                $Class: $JssorCaptionSlideo$,
692                $Transitions: GetSlideAnimation("1", "1000"),
693            },
694            
695            $ArrowNavigatorOptions: {
696                $Class: $JssorArrowNavigator$
697            },
698            $BulletNavigatorOptions: {
699                $Class: $JssorBulletNavigator$,
700                $ActionMode: "1"
701            }
702        };
703
704        //初始化幻灯
705        var slide = slide_con_1_32 = new $JssorSlider$("slider_smv_con_1_32", jssor_1_options_con_1_32);
706        //幻灯栏目自动或手动切换时触发的事件
707        slide.$On($JssorSlider$.$EVT_PARK, slideAnimation_con_1_32);
708
709        $('#smv_con_1_32').data('jssor_slide', slide);
710
711        if (typeof (LayoutConverter) !== "undefined") {
712            jssorCache_con_1_32 .JssorOpt= jssor_1_options_con_1_32,
713            jssorCache_con_1_32 .Jssor = slide;
714        }
715        // play(0);
716        //resize游览器的时候触发自动缩放幻灯秀
717
718
719
720
721    };
722
723
724    $(function () {
725        var jssorCopyTmp = document.getElementById('slider_smv_con_1_32').cloneNode(true);
726        var $jssorIntt = function (skipInit) {
727            //获取幻灯显示动画类型
728            var $this = $('#slider_smv_con_1_32');
729            var dh = $(document).height();
730            var wh = $(window).height();
731            var ww = $(window).width();
732            var width = 1000;
733            //区分页头、页尾、内容区宽度
734            if ($this.parents(".header").length > 0 ) {
735                width = $this.parents(".header").width();
736            } else if ($this.parents(".footer").length > 0 ){
737                width = $this.parents(".footer").width();
738            } else {
739                width = $this.parents(".smvContainer").width();
740            }
741
742            if (ww > width) {
743                var left = parseInt((ww - width) * 10 / 2) / 10;
744                $this.css({ 'left': -left, 'width': ww });
745            } else {
746                $this.css({ 'left': 0, 'width': ww });
747            }
748
749            //解决手机端预览PC端幻灯秀时不通栏问题
750            if (VisitFromMobile() && typeof (LayoutConverter) === "undefined") {
751                $this.css("min-width", width);
752                setTimeout(function () {
753                    var boxleft = (width - 330) / 2;
754                    $this.find(".w-slide-btn-box").css("left", boxleft + "px");
755                }, 300);
756            }
757            $this.children().not(".slideArrow").css({ "width": $this.width() });
758            if (!skipInit) {
759                con_1_32_sliderset3_init();
760            }
761            var areaId = $("#smv_con_1_32").attr("tareaid");
762            if(areaId==""){
763                var mainWidth = $("#smv_Main").width();
764                $("#smv_con_1_32 .slideset_AreaC").css({"width":mainWidth+"px","position":"relative","margin":"0 auto"});
765            }else{
766                var controlWidth = $("#smv_con_1_32").width();
767                $("#smv_con_1_32").css({"width":controlWidth+"px","position":"relative","margin":"0 auto"});
768            }
769            $("#smv_con_1_32 .slideset_AreaC").off("click").on("click", function (e) {
770                mobileAutoPlay_con_1_32 ();
771            })
772            $("#smv_con_1_32").attr("selectArea", "Area0");
773
774            var arrowHeight = $('#slider_smv_con_1_32 .w-slide-arrowl').eq(-1).outerHeight();
775            var arrowTop = (18 - arrowHeight) / 2;
776            $('#slider_smv_con_1_32 .w-slide-arrowl').eq(-1).css('top', arrowTop);
777            $('#slider_smv_con_1_32 .w-slide-arrowr').eq(-1).css('top', arrowTop);
778        }
779        $jssorIntt();
780            
781        var ctime = null;
782        function ScaleSlider() {
783            slide_con_1_32.$Off($JssorSlider$.$EVT_PARK,slideAnimation_con_1_32);
784            if (ctime) {
785                clearTimeout(ctime);
786                ctime = null;
787            }
788            ctime = setTimeout(function () {
789                var inst = $('#slider_smv_con_1_32');
790                     var orginWidth = inst.width();
791                     if (orginWidth == $(window).width()) return;
792                    var inst_parent = inst.parent();
793                   inst.remove()
794                inst_parent.append(jssorCopyTmp.cloneNode(true));
795
796                inst_parent.find('.animated').smanimate().stop();
797                    //$('.smartRecpt').smrecompute()
798                $jssorIntt();
799               ctime = null;
800            }, 200);
801
802        }
803        if (typeof (LayoutConverter) === "undefined") {
804            $Jssor$.$CancelEvent(window, "resize", ScaleSlider);
805            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
806        }
807        
808          if (typeof (LayoutConverter) !== "undefined") {
809            jssorCache_con_1_32 .ResizeFunc = $jssorIntt;
810            LayoutConverter.CtrlJsVariableList.push(jssorCache_con_1_32 );
811        }
812         //slide_con_1_32.$On($JssorSlider$.$EVT_PARK, slideAnimation_con_1_32);
813
814        document.addEventListener('WeixinJSBridgeReady', function () {
815            WeixinJSBridge.invoke('getNetworkType', {}, function () {
816                mobileAutoPlay_con_1_32 ();
817            })
818        }, false)
819
820        
821
822    });
823</script>
823
824
825</div></div><div id="smv_con_6_28" ctype="banner"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="" isContainer="True" pvid="" tareaId=""  re-direction="y" daxis="Y" isdeletable="True" style="height: 720px; width: 100%; left: 0px; top: 880px;z-index:1;"><div class="yibuFrameContent con_6_28  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="con_6_28" style="width:1600px">
826    <div id="smv_con_7_53" ctype="area"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="con_6_28" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 512px; width: 700px; left: 10px; top: 104px;z-index:9;"><div class="yibuFrameContent con_7_53  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
827    <div class="smAreaC" id="smc_Area0" cid="con_7_53">
828        <div id="smv_con_8_53" ctype="area"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="con_7_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 99px; width: 260px; left: 0px; top: 0px;z-index:0;"><div class="yibuFrameContent con_8_53  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
829    <div class="smAreaC" id="smc_Area0" cid="con_8_53">
830        <div id="smv_con_9_53" ctype="area"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="con_8_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 82px; width: 260px; left: 0px; top: 10px;z-index:5;"><div class="yibuFrameContent con_9_53  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
831    <div class="smAreaC" id="smc_Area0" cid="con_9_53">
832        <div id="smv_con_10_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_9_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 22px; width: 260px; left: 0px; top: 0px;z-index:4;"><div class="yibuFrameContent con_10_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_10_53' style="height: 100%;">
833    <div class="editableContent" id="txtc_con_10_53" style="height: 100%; word-wrap:break-word;">
834        
835    </div>
836</div>
837
838<script>
839    var tables = $(' #smv_con_10_53').find('table')
840    for (var i = 0; i < tables.length; i++) {
841        var tab = tables[i]
842        var borderWidth = $(tab).attr('border')
843        if (borderWidth <= 0 || !borderWidth) {
844            console.log(tab)
845            $(tab).addClass('hidden-border')
846            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
847            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
848            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
849            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
850            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
851            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
852        }
853    }
854</script>
854</div></div><div id="smv_con_11_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_9_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 55px; width: 260px; left: 0px; top: 27px;z-index:4;"><div class="yibuFrameContent con_11_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_11_53' style="height: 100%;">
855    <div class="editableContent" id="txtc_con_11_53" style="height: 100%; word-wrap:break-word;">
856        <p style="text-align:center;font-family:Arial,Helvetica,sans-serif;;"><span style="font-size:44px;font-family:Arial,Helvetica,sans-serif;"><span style="color:#000000;font-family:Arial,Helvetica,sans-serif;"><span style="line-height:1.2;font-family:Arial,Helvetica,sans-serif;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">About Us</span></strong></span></span></span></p>
857
858    </div>
859</div>
860
861<script>
862    var tables = $(' #smv_con_11_53').find('table')
863    for (var i = 0; i < tables.length; i++) {
864        var tab = tables[i]
865        var borderWidth = $(tab).attr('border')
866        if (borderWidth <= 0 || !borderWidth) {
867            console.log(tab)
868            $(tab).addClass('hidden-border')
869            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
870            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
871            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
872            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
873            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
874            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
875        }
876    }
877</script>
877</div></div>    </div>
878</div></div></div>    </div>
879</div></div></div><div id="smv_con_13_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_7_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 43px; width: 700px; left: 0px; top: 120px;z-index:4;"><div class="yibuFrameContent con_13_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_13_53' style="height: 100%;">
880    <div class="editableContent" id="txtc_con_13_53" style="height: 100%; word-wrap:break-word;">
881        <p><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.75"><span style="font-family:Arial,Helvetica,sans-serif; font-size:28px"><span style="color:#000000; font-family:Arial,Helvetica,sans-serif"><strong><span style="font-family:Arial,Helvetica,sans-serif">Beijing&nbsp;</span></strong></span><span style="color:#cc0000; font-family:Arial,Helvetica,sans-serif"><strong><span style="font-family:Arial,Helvetica,sans-serif">HopeBo&nbsp;New Materials&nbsp;</span></strong></span><span style="color:#000000; font-family:Arial,Helvetica,sans-serif"><strong><span style="font-family:Arial,Helvetica,sans-serif">Co., Ltd</span></strong></span></span></span></p>
882
883    </div>
884</div>
885
886<script>
887    var tables = $(' #smv_con_13_53').find('table')
888    for (var i = 0; i < tables.length; i++) {
889        var tab = tables[i]
890        var borderWidth = $(tab).attr('border')
891        if (borderWidth <= 0 || !borderWidth) {
892            console.log(tab)
893            $(tab).addClass('hidden-border')
894            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
895            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
896            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
897            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
898            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
899            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
900        }
901    }
902</script>
902</div></div><div id="smv_con_14_53" ctype="line"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_7_53" tareaId=""  re-direction="x" daxis="All" isdeletable="True" style="height: 20px; width: 700px; left: 0px; top: 175px;z-index:8;"><div class="yibuFrameContent con_14_53  line_Style1  " style="overflow:visible;;" ><!-- w-line -->
903<div style="position:relative; height:100%">
904    <div class="w-line" style="position:absolute;top:50%;" linetype="horizontal"></div>
905</div>
906</div></div><div id="smv_con_15_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_7_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 249px; width: 705px; left: -1px; top: 201px;z-index:4;"><div class="yibuFrameContent con_15_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_15_53' style="height: 100%;">
907    <div class="editableContent" id="txtc_con_15_53" style="height: 100%; word-wrap:break-word;">
908        <p><span style="font-family:Arial,Helvetica,sans-serif; line-height:2"><span style="font-family:Arial,Helvetica,sans-serif; font-size:14px"><span style="color:#666666; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif">Beijing Hopebo New Materials Co., Ltd. is located in Beijing, the capital of China. It is a dynamic team composed of a group of people who have been engaged in production,&nbsp;management and sales for more than 15 years. Our GM have full experience in Chinalco and Nanshan. Our sales team are all from top 5 companies like Chinalco, C&amp;D&nbsp;etc.&nbsp;</span></span></span></span></p>
909
910<p><span style="font-family:Arial,Helvetica,sans-serif; line-height:2"><span style="font-family:Arial,Helvetica,sans-serif; font-size:14px"><span style="color:#666666; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif">We have specialized in flat rolled aluminum, color-coated aluminum and aluminum composite panels. With the expansion of our business and increased customer trust, we also provide supporting products to our customers, such as laser cutting machine, press machine, BOPP/PET films etc. </span></span></span></span></p>
911
912<p><span style="font-family:Arial,Helvetica,sans-serif; line-height:2"><span style="font-family:Arial,Helvetica,sans-serif; font-size:14px"><span style="color:#666666; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif">Thanks to the efforts of our staff, our products are widely exported to East Asia, Southeast Asia, North America, South America, the Middle East and North Africa.</span></span></span></span></p>
913
914    </div>
915</div>
916
917<script>
918    var tables = $(' #smv_con_15_53').find('table')
919    for (var i = 0; i < tables.length; i++) {
920        var tab = tables[i]
921        var borderWidth = $(tab).attr('border')
922        if (borderWidth <= 0 || !borderWidth) {
923            console.log(tab)
924            $(tab).addClass('hidden-border')
925            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
926            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
927            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
928            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
929            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
930            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
931        }
932    }
933</script>
933</div></div><div id="smv_con_23_11" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_7_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 45px; width: 150px; left: 0px; top: 450px;z-index:3;"><div class="yibuFrameContent con_23_11  button_Style1  " style="overflow:visible;;" ><a target="_self" href="/products" class="w-button f-ellipsis" style="width: 148px; height: 43px; line-height: 43px;">
934    <span class="w-button-position">
935        <em class="w-button-text f-ellipsis">
936            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
937            <span class="mw-txt">Learn More</span>
938        </em>
939    </span>
940</a>
941    
941<script type="text/javascript">
942        $(function () {
943        });
944    </script>
944
945</div></div>    </div>
946</div></div></div><div id="smv_con_16_23" ctype="image"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_6_28" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 520px; width: 750px; left: 840px; top: 100px;z-index:10;"><div class="yibuFrameContent con_16_23  image_Style1  " style="overflow:visible;;" >
947    <div class="w-image-box image-clip-wrap" data-fillType="1" id="div_con_16_23">
948        <a target="_self" href="">
949            <img loading="lazy" 
950                 src="//img.website.xin/contents/sitefiles10830/54153232/images/175615806.png" 
951                 alt="" 
952                 title="" 
953                 id="img_smv_con_16_23" 
954                 style="width: 748px; height:518px;"
955                 class=""
956             >
957        </a>
958    </div>
959
960    
960<script type="text/javascript">
961        $(function () {
962            
963                InitImageSmv("con_16_23", "748", "520", "1");
964            
965                 });
966    </script>
966
967
968</div></div></div>
969<div id="bannerWrap_con_6_28" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
970</div>
971
972<script type="text/javascript">
973
974    $(function () {
975        var resize = function () {
976            $("#smv_con_6_28 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_con_6_28").parent().width());
977            $('#bannerWrap_con_6_28').fullScreen(function (t) {
978                if (VisitFromMobile()) {
979                    t.css("min-width", t.parent().width())
980                }
981            });
982        }
983        if (typeof (LayoutConverter) !== "undefined") {
984            LayoutConverter.CtrlJsVariableList.push({
985                CtrlId: "con_6_28",
986                ResizeFunc: resize,
987            });
988        } else {
989            $(window).resize(function (e) {
990                if (e.target == this) {
991                    resize();
992                }
993            });
994        }
995
996        resize();
997    });
998</script>
998
999</div></div><div id="smv_con_17_50" ctype="banner"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="" isContainer="True" pvid="" tareaId=""  re-direction="y" daxis="Y" isdeletable="True" style="height: 830px; width: 100%; left: 0px; top: 1600px;z-index:0;"><div class="yibuFrameContent con_17_50  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="con_17_50" style="width:1600px">
1000    <div id="smv_con_18_53" ctype="area"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="con_17_50" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 99px; width: 260px; left: 670px; top: 100px;z-index:7;"><div class="yibuFrameContent con_18_53  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
1001    <div class="smAreaC" id="smc_Area0" cid="con_18_53">
1002        <div id="smv_con_19_53" ctype="area"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="con_18_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 82px; width: 260px; left: 0px; top: 10px;z-index:5;"><div class="yibuFrameContent con_19_53  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
1003    <div class="smAreaC" id="smc_Area0" cid="con_19_53">
1004        <div id="smv_con_20_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_19_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 22px; width: 260px; left: 0px; top: 0px;z-index:4;"><div class="yibuFrameContent con_20_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_20_53' style="height: 100%;">
1005    <div class="editableContent" id="txtc_con_20_53" style="height: 100%; word-wrap:break-word;">
1006        
1007    </div>
1008</div>
1009
1010<script>
1011    var tables = $(' #smv_con_20_53').find('table')
1012    for (var i = 0; i < tables.length; i++) {
1013        var tab = tables[i]
1014        var borderWidth = $(tab).attr('border')
1015        if (borderWidth <= 0 || !borderWidth) {
1016            console.log(tab)
1017            $(tab).addClass('hidden-border')
1018            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
1019            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
1020            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
1021            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
1022            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
1023            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
1024        }
1025    }
1026</script>
1026</div></div><div id="smv_con_21_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_19_53" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 55px; width: 260px; left: 0px; top: 27px;z-index:4;"><div class="yibuFrameContent con_21_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_21_53' style="height: 100%;">
1027    <div class="editableContent" id="txtc_con_21_53" style="height: 100%; word-wrap:break-word;">
1028        <p style="text-align:center"><span style="font-family:Arial,Helvetica,sans-serif; font-size:44px"><span style="color:#000000; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.2"><strong><span style="font-family:Arial,Helvetica,sans-serif">Products Center</span></strong></span></span></span></p>
1029
1030    </div>
1031</div>
1032
1033<script>
1034    var tables = $(' #smv_con_21_53').find('table')
1035    for (var i = 0; i < tables.length; i++) {
1036        var tab = tables[i]
1037        var borderWidth = $(tab).attr('border')
1038        if (borderWidth <= 0 || !borderWidth) {
1039            console.log(tab)
1040            $(tab).addClass('hidden-border')
1041            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
1042            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
1043            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
1044            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
1045            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
1046            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
1047        }
1048    }
1049</script>
1049</div></div>    </div>
1050</div></div></div>    </div>
1051</div></div></div><div id="smv_con_29_18" ctype="listproduct"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style7" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_17_50" tareaId=""  re-direction="y" daxis="Y" isdeletable="True" style="height: 431px; width: 100%; left: 0px; top: 330px;z-index:10;"><div class="yibuFrameContent con_29_18  listproduct_Style7  " style="overflow:visible;;" >    <div class="w-list"  data-title-autolines="1"
1052         data-desc-autolines="1">
1053        <div class="list-wrapper">
1054            <ul class="w-product-list w-list-ul" id="ulList_con_29_18">
1055                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Extra wide coil" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/176472520.jpg" data-list-id="3708969" data-control-id="smv_con_29_18">
1056                        <a href="/productinfo/3708969.html" target="_self" class="w-list-link">
1057                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/176472520.jpg" class="w-listpic-in" /></div>
1058                            <div class="w-list-bottom">
1059                                <h5 class="w-list-title">Extra wide coil</h5>
1060                                <div class="w-list-desc w-hide"></div>
1061                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1062                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1063                            </div>
1064                        </a>
1065                    </li>
1066                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum slitted coil" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/176472519.jpg" data-list-id="3708967" data-control-id="smv_con_29_18">
1067                        <a href="/productinfo/3708967.html" target="_self" class="w-list-link">
1068                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/176472519.jpg" class="w-listpic-in" /></div>
1069                            <div class="w-list-bottom">
1070                                <h5 class="w-list-title">Aluminum slitted coil</h5>
1071                                <div class="w-list-desc w-hide"></div>
1072                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1073                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1074                            </div>
1075                        </a>
1076                    </li>
1077                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum circles" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/176472518.jpg" data-list-id="3708966" data-control-id="smv_con_29_18">
1078                        <a href="/productinfo/3708966.html" target="_self" class="w-list-link">
1079                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/176472518.jpg" class="w-listpic-in" /></div>
1080                            <div class="w-list-bottom">
1081                                <h5 class="w-list-title">Aluminum circles</h5>
1082                                <div class="w-list-desc w-hide"></div>
1083                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1084                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1085                            </div>
1086                        </a>
1087                    </li>
1088                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Embossed aluminum coil" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/176472517.jpg" data-list-id="3708965" data-control-id="smv_con_29_18">
1089                        <a href="/productinfo/3708965.html" target="_self" class="w-list-link">
1090                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/176472517.jpg" class="w-listpic-in" /></div>
1091                            <div class="w-list-bottom">
1092                                <h5 class="w-list-title">Embossed aluminum coil</h5>
1093                                <div class="w-list-desc w-hide"></div>
1094                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1095                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1096                            </div>
1097                        </a>
1098                    </li>
1099                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Checkered plate" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/176472516.jpg" data-list-id="3708959" data-control-id="smv_con_29_18">
1100                        <a href="/productinfo/3708959.html" target="_self" class="w-list-link">
1101                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/176472516.jpg" class="w-listpic-in" /></div>
1102                            <div class="w-list-bottom">
1103                                <h5 class="w-list-title">Checkered plate</h5>
1104                                <div class="w-list-desc w-hide"></div>
1105                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1106                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1107                            </div>
1108                        </a>
1109                    </li>
1110                    <li class="w-list-item" onclick="updateList(event)" data-list-title="6061/7075 plate" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/176472515.jpg" data-list-id="3708957" data-control-id="smv_con_29_18">
1111                        <a href="/productinfo/3708957.html" target="_self" class="w-list-link">
1112                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/176472515.jpg" class="w-listpic-in" /></div>
1113                            <div class="w-list-bottom">
1114                                <h5 class="w-list-title">6061/7075 plate</h5>
1115                                <div class="w-list-desc w-hide">6061 T651, 7075 alloy</div>
1116                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1117                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1118                            </div>
1119                        </a>
1120                    </li>
1121                    <li class="w-list-item" onclick="updateList(event)" data-list-title="3C anodized aluminum" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615505.png" data-list-id="3679505" data-control-id="smv_con_29_18">
1122                        <a href="/productinfo/3679505.html" target="_self" class="w-list-link">
1123                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615505.png" class="w-listpic-in" /></div>
1124                            <div class="w-list-bottom">
1125                                <h5 class="w-list-title">3C anodized aluminum</h5>
1126                                <div class="w-list-desc w-hide"></div>
1127                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1128                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1129                            </div>
1130                        </a>
1131                    </li>
1132                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Battery foil" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175623692.png" data-list-id="3679504" data-control-id="smv_con_29_18">
1133                        <a href="/productinfo/3679504.html" target="_self" class="w-list-link">
1134                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175623692.png" class="w-listpic-in" /></div>
1135                            <div class="w-list-bottom">
1136                                <h5 class="w-list-title">Battery foil</h5>
1137                                <div class="w-list-desc w-hide"></div>
1138                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1139                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1140                            </div>
1141                        </a>
1142                    </li>
1143                    <li class="w-list-item" onclick="updateList(event)" data-list-title="EV Aluminum plastic film" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175623691.png" data-list-id="3679501" data-control-id="smv_con_29_18">
1144                        <a href="/productinfo/3679501.html" target="_self" class="w-list-link">
1145                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175623691.png" class="w-listpic-in" /></div>
1146                            <div class="w-list-bottom">
1147                                <h5 class="w-list-title">EV Aluminum plastic film</h5>
1148                                <div class="w-list-desc w-hide"></div>
1149                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1150                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1151                            </div>
1152                        </a>
1153                    </li>
1154                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Heat sealing foil" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615508.png" data-list-id="3679502" data-control-id="smv_con_29_18">
1155                        <a href="/productinfo/3679502.html" target="_self" class="w-list-link">
1156                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615508.png" class="w-listpic-in" /></div>
1157                            <div class="w-list-bottom">
1158                                <h5 class="w-list-title">Heat sealing foil</h5>
1159                                <div class="w-list-desc w-hide"></div>
1160                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1161                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1162                            </div>
1163                        </a>
1164                    </li>
1165                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Pharma/blister foil" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615507.png" data-list-id="3679503" data-control-id="smv_con_29_18">
1166                        <a href="/productinfo/3679503.html" target="_self" class="w-list-link">
1167                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615507.png" class="w-listpic-in" /></div>
1168                            <div class="w-list-bottom">
1169                                <h5 class="w-list-title">Pharma/blister foil</h5>
1170                                <div class="w-list-desc w-hide"></div>
1171                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1172                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1173                            </div>
1174                        </a>
1175                    </li>
1176                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum coil for decoration" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615504.jpg" data-list-id="3679506" data-control-id="smv_con_29_18">
1177                        <a href="/productinfo/3679506.html" target="_self" class="w-list-link">
1178                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615504.jpg" class="w-listpic-in" /></div>
1179                            <div class="w-list-bottom">
1180                                <h5 class="w-list-title">Aluminum coil for decoration</h5>
1181                                <div class="w-list-desc w-hide"></div>
1182                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1183                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1184                            </div>
1185                        </a>
1186                    </li>
1187                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Metal laser cutting machine" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175681288.bmp" data-list-id="3684073" data-control-id="smv_con_29_18">
1188                        <a href="/productinfo/3684073.html" target="_self" class="w-list-link">
1189                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175681288.bmp" class="w-listpic-in" /></div>
1190                            <div class="w-list-bottom">
1191                                <h5 class="w-list-title">Metal laser cutting machine</h5>
1192                                <div class="w-list-desc w-hide"></div>
1193                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1194                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1195                            </div>
1196                        </a>
1197                    </li>
1198                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Metal perforating machine" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175681289.bmp" data-list-id="3684071" data-control-id="smv_con_29_18">
1199                        <a href="/productinfo/3684071.html" target="_self" class="w-list-link">
1200                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175681289.bmp" class="w-listpic-in" /></div>
1201                            <div class="w-list-bottom">
1202                                <h5 class="w-list-title">Metal perforating machine</h5>
1203                                <div class="w-list-desc w-hide"></div>
1204                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1205                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1206                            </div>
1207                        </a>
1208                    </li>
1209                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Foil slitting and rewinding line" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175681287.bmp" data-list-id="3684069" data-control-id="smv_con_29_18">
1210                        <a href="/productinfo/3684069.html" target="_self" class="w-list-link">
1211                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175681287.bmp" class="w-listpic-in" /></div>
1212                            <div class="w-list-bottom">
1213                                <h5 class="w-list-title">Foil slitting and rewinding line</h5>
1214                                
1214<div class="w-list-desc w-hide"></div>
1215                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1216                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1217                            </div>
1218                        </a>
1219                    </li>
1220                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Cut to length machine" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175681286.bmp" data-list-id="3684051" data-control-id="smv_con_29_18">
1221                        <a href="/productinfo/3684051.html" target="_self" class="w-list-link">
1222                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175681286.bmp" class="w-listpic-in" /></div>
1223                            <div class="w-list-bottom">
1224                                <h5 class="w-list-title">Cut to length machine</h5>
1225                                <div class="w-list-desc w-hide"></div>
1226                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1227                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1228                            </div>
1229                        </a>
1230                    </li>
1231                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Metal coil slitting line" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175681321.jpg" data-list-id="3684050" data-control-id="smv_con_29_18">
1232                        <a href="/productinfo/3684050.html" target="_self" class="w-list-link">
1233                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175681321.jpg" class="w-listpic-in" /></div>
1234                            <div class="w-list-bottom">
1235                                <h5 class="w-list-title">Metal coil slitting line</h5>
1236                                <div class="w-list-desc w-hide"></div>
1237                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1238                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1239                            </div>
1240                        </a>
1241                    </li>
1242                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Prepainted Roofing system" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615456.jpg" data-list-id="3679499" data-control-id="smv_con_29_18">
1243                        <a href="/productinfo/3679499.html" target="_self" class="w-list-link">
1244                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615456.jpg" class="w-listpic-in" /></div>
1245                            <div class="w-list-bottom">
1246                                <h5 class="w-list-title">Prepainted Roofing system</h5>
1247                                <div class="w-list-desc w-hide"></div>
1248                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1249                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1250                            </div>
1251                        </a>
1252                    </li>
1253                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum cladding panel" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615457.jpg" data-list-id="3679498" data-control-id="smv_con_29_18">
1254                        <a href="/productinfo/3679498.html" target="_self" class="w-list-link">
1255                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615457.jpg" class="w-listpic-in" /></div>
1256                            <div class="w-list-bottom">
1257                                <h5 class="w-list-title">Aluminum cladding panel</h5>
1258                                <div class="w-list-desc w-hide"></div>
1259                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1260                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1261                            </div>
1262                        </a>
1263                    </li>
1264                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum rain gutter" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615458.png" data-list-id="3679497" data-control-id="smv_con_29_18">
1265                        <a href="/productinfo/3679497.html" target="_self" class="w-list-link">
1266                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615458.png" class="w-listpic-in" /></div>
1267                            <div class="w-list-bottom">
1268                                <h5 class="w-list-title">Aluminum rain gutter</h5>
1269                                <div class="w-list-desc w-hide"></div>
1270                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1271                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1272                            </div>
1273                        </a>
1274                    </li>
1275                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum downspout" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615459.png" data-list-id="3679496" data-control-id="smv_con_29_18">
1276                        <a href="/productinfo/3679496.html" target="_self" class="w-list-link">
1277                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615459.png" class="w-listpic-in" /></div>
1278                            <div class="w-list-bottom">
1279                                <h5 class="w-list-title">Aluminum downspout</h5>
1280                                <div class="w-list-desc w-hide"></div>
1281                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1282                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1283                            </div>
1284                        </a>
1285                    </li>
1286                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum baffle ceiling" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615460.jpg" data-list-id="3679494" data-control-id="smv_con_29_18">
1287                        <a href="/productinfo/3679494.html" target="_self" class="w-list-link">
1288                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615460.jpg" class="w-listpic-in" /></div>
1289                            <div class="w-list-bottom">
1290                                <h5 class="w-list-title">Aluminum baffle ceiling</h5>
1291                                <div class="w-list-desc w-hide"></div>
1292                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1293                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1294                            </div>
1295                        </a>
1296                    </li>
1297                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum suspended ceiling" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615461.jpg" data-list-id="3679493" data-control-id="smv_con_29_18">
1298                        <a href="/productinfo/3679493.html" target="_self" class="w-list-link">
1299                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615461.jpg" class="w-listpic-in" /></div>
1300                            <div class="w-list-bottom">
1301                                <h5 class="w-list-title">Aluminum suspended ceiling</h5>
1302                                <div class="w-list-desc w-hide"></div>
1303                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1304                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1305                            </div>
1306                        </a>
1307                    </li>
1308                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminium rolling shutter slats" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175623712.png" data-list-id="3679492" data-control-id="smv_con_29_18">
1309                        <a href="/productinfo/3679492.html" target="_self" class="w-list-link">
1310                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175623712.png" class="w-listpic-in" /></div>
1311                            <div class="w-list-bottom">
1312                                <h5 class="w-list-title">Aluminium rolling shutter slats</h5>
1313                                <div class="w-list-desc w-hide"></div>
1314                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1315                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1316                            </div>
1317                        </a>
1318                    </li>
1319                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum roller shutter slats" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615463.png" data-list-id="3679489" data-control-id="smv_con_29_18">
1320                        <a href="/productinfo/3679489.html" target="_self" class="w-list-link">
1321                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615463.png" class="w-listpic-in" /></div>
1322                            <div class="w-list-bottom">
1323                                <h5 class="w-list-title">Aluminum roller shutter slats</h5>
1324                                <div class="w-list-desc w-hide"></div>
1325                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1326                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1327                            </div>
1328                        </a>
1329                    </li>
1330                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum composite panel-ACP" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175623713.png" data-list-id="3679488" data-control-id="smv_con_29_18">
1331                        <a href="/productinfo/3679488.html" target="_self" class="w-list-link">
1332                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175623713.png" class="w-listpic-in" /></div>
1333                            <div class="w-list-bottom">
1334                                <h5 class="w-list-title">Aluminum composite panel-ACP</h5>
1335                                <div class="w-list-desc w-hide"></div>
1336                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1337                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1338                            </div>
1339                        </a>
1340                    </li>
1341                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Insulated sandwich panel" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615451.jpg" data-list-id="3679487" data-control-id="smv_con_29_18">
1342                        <a href="/productinfo/3679487.html" target="_self" class="w-list-link">
1343                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615451.jpg" class="w-listpic-in" /></div>
1344                            <div class="w-list-bottom">
1345                                <h5 class="w-list-title">Insulated sandwich panel</h5>
1346                                <div class="w-list-desc w-hide"></div>
1347                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1348                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1349                            </div>
1350                        </a>
1351                    </li>
1352                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum core panel" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615450.png" data-list-id="3679486" data-control-id="smv_con_29_18">
1353                        <a href="/productinfo/3679486.html" target="_self" class="w-list-link">
1354                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615450.png" class="w-listpic-in" /></div>
1355                            <div class="w-list-bottom">
1356                                <h5 class="w-list-title">Aluminum core panel</h5>
1357                                <div class="w-list-desc w-hide"></div>
1358                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1359                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1360                            </div>
1361                        </a>
1362                    </li>
1363                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Aluminum honeycomb Panel" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615449.jpg" data-list-id="3679485" data-control-id="smv_con_29_18">
1364                        <a href="/productinfo/3679485.html" target="_self" class="w-list-link">
1365                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615449.jpg" class="w-listpic-in" /></div>
1366                            <div class="w-list-bottom">
1367                                <h5 class="w-list-title">Aluminum honeycomb Panel</h5>
1368                                <div class="w-list-desc w-hide"></div>
1369                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1370                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1371                            </div>
1372                        </a>
1373                    </li>
1374                    <li class="w-list-item" onclick="updateList(event)" data-list-title="BOPP PET film" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615425.jpg" data-list-id="3679484" data-control-id="smv_con_29_18">
1375                        <a href="/productinfo/3679484.html" target="_self" class="w-list-link">
1376                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615425.jpg" class="w-listpic-in" /></div>
1377                            <div class="w-list-bottom">
1378                                <h5 class="w-list-title">BOPP PET film</h5>
1379                                <div class="w-list-desc w-hide"></div>
1380                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1381                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1382                            </div>
1383                        </a>
1384                    </li>
1385                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Press machine" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615428.jpg" data-list-id="3679482" data-control-id="smv_con_29_18">
1386                        <a href="/productinfo/3679482.html" target="_self" class="w-list-link">
1387                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615428.jpg" class="w-listpic-in" /></div>
1388                            <div class="w-list-bottom">
1389                                <h5 class="w-list-title">Press machine</h5>
1390                                <div class="w-list-desc w-hide"></div>
1391                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1392                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1393                            </div>
1394                        </a>
1395                    </li>
1396                    <li class="w-list-item" onclick="updateList(event)" data-list-title="Forklift" data-list-picurl="//img.website.xin/contents/sitefiles10830/54153232/images/175615429.png" data-list-id="3679480" data-control-id="smv_con_29_18">
1397                        <a href="/productinfo/3679480.html" target="_self" class="w-list-link">
1398                            <div class="w-list-pic"><img loading="lazy" src="//img.website.xin/contents/sitefiles10830/54153232/images/175615429.png" class="w-listpic-in" /></div>
1399                            <div class="w-list-bottom">
1400                                <h5 class="w-list-title">Forklift</h5>
1401                                <div class="w-list-desc w-hide"></div>
1402                                <div class="w-list-price w-hide">Â¥&nbsp;0.00</div>
1403                                <p class="w-list-btn hover-effect listBtn-hide listBtnHover-hide" data-effect-name="shadow">View Details</p>
1404                            </div>
1405                        </a>
1406                    </li>
1407            </ul>
1408        </div>
1409    </div>
1410    <a data-u="arrowleft" class="m-list-arrow u-left mw-iconfont" data-autocenter="2">&#xb133;</a>
1411    <a data-u="arrowright" class="m-list-arrow u-right mw-iconfont" data-autocenter="2">&#xb132;</a>
1412    
1412<script>
1413        var con_29_18translateNum = 0;
1414        var con_29_18nextLock = false;
1415        var con_29_18_init = function () {
1416            function leftFun() {
1417                if (con_29_18nextLock) {
1418                    return
1419                }
1420                var itemMarginRight = parseInt($("#smv_con_29_18 .w-list-item").css('marginRight'));
1421                var itemWidth = $("#smv_con_29_18 .w-list-item").width() + itemMarginRight;
1422                var productListWidth = itemWidth * $("#smv_con_29_18 .w-list-item").length;
1423                var productListWrapperWidth = $("#smv_con_29_18 .w-list").width();
1424
1425                if (productListWrapperWidth > productListWidth) {
1426                    return
1427                }
1428                con_29_18translateNum = con_29_18translateNum - 1; //每次滚动数量
1429
1430                if (productListWidth + con_29_18translateNum * itemWidth <= productListWrapperWidth) {
1431                    $('#smv_con_29_18 .w-list-ul').css('transform', `translateX(${productListWrapperWidth - productListWidth}px)`);
1432                    con_29_18nextLock = true;
1433                } else {
1434                    $('#smv_con_29_18 .w-list-ul').css('transform', `translateX(${con_29_18translateNum * itemWidth}px)`);
1435                    con_29_18nextLock = false;
1436                }
1437            }
1438            function rightFun() {
1439                if (con_29_18translateNum == 0) {
1440                    return
1441                }
1442                var itemWidth = $("#smv_con_29_18 .w-list-item").width() + parseInt($("#smv_con_29_18 .w-list-item").css('marginRight'));
1443                con_29_18nextLock = false;
1444                con_29_18translateNum = con_29_18translateNum + 1; //每次滚动数量
1445
1446                $('#smv_con_29_18 .w-list-ul').css('transform', `translateX(${con_29_18translateNum * itemWidth}px)`);
1447            }
1448
1449            $("#smv_con_29_18 .u-left").on('click', rightFun);
1450            $("#smv_con_29_18 .u-right").on('click', leftFun);
1451
1452            //交互  自动播放
1453            ////$('#smv_con_29_18 .w-list-ul').css('transition', `all ${2000}ms linear`);
1454            var timer = null;
1455            function autoplayFun() {
1456                clearTimeout(timer);
1457                leftFun();
1458                timer = setTimeout(autoplayFun, 2000 + 300)
1459            }
1460            if ('False' == 'True') {
1461                timer = setTimeout(autoplayFun, 2000 + 300)
1462                $("#smv_con_29_18").on('mouseenter', function () {
1463                    clearTimeout(timer);
1464                });
1465                $("#smv_con_29_18").on('mouseleave', function () {
1466                    timer = setTimeout(autoplayFun, 2000 + 300)
1467                });
1468            }
1469        };
1470        var con_29_18_pagerEvent = function () {
1471            con_29_18translateNum = 0;
1472            con_29_18nextLock = false;
1473            $('#smv_con_29_18 .w-list-ul').css('transform', `translateX(0px)`);
1474        }
1475        $(function () {
1476            var control = $("#smv_con_29_18");
1477            control.find("img").cutFill();
1478            con_29_18_init();
1479
1480            var resize = function () {
1481                var width = Math.max($(window).width(), $(document).width());
1482                var left = (width - $('#smv_con_29_18 .w-list').width()) / 2;
1483                $('#smv_con_29_18 .list-wrapper').css({ 'width': `${width}px`, 'left': `-${left}px`})
1484                $('#smv_con_29_18 .w-list-ul').css('width',$('#smv_con_29_18 .w-list').width() + 'px')
1485            }
1486            resize();
1487            $(window).resize(function (e) {
1488                resize();
1489            });
1490        });
1491    </script>
1491
1492</div></div><div id="smv_con_49_8" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_17_50" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 55px; width: 190px; left: 1185px; top: 222px;z-index:8;"><div class="yibuFrameContent con_49_8  button_Style1  " style="overflow:visible;;" ><a target="_self" href="/ProductInfoCategory?categoryId=3248857" class="w-button f-ellipsis" style="width: 190px; height: 55px; line-height: 55px;">
1493    <span class="w-button-position">
1494        <em class="w-button-text f-ellipsis">
1495            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
1496            <span class="mw-txt">Others</span>
1497        </em>
1498    </span>
1499</a>
1500    
1500<script type="text/javascript">
1501        $(function () {
1502        });
1503    </script>
1503
1504</div></div><div id="smv_con_50_28" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_17_50" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 55px; width: 190px; left: 937px; top: 222px;z-index:8;"><div class="yibuFrameContent con_50_28  button_Style1  " style="overflow:visible;;" ><a target="_self" href="/ProductInfoCategory?categoryId=3247755" class="w-button f-ellipsis" style="width: 190px; height: 55px; line-height: 55px;">
1505    <span class="w-button-position">
1506        <em class="w-button-text f-ellipsis">
1507            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
1508            <span class="mw-txt">Machinery</span>
1509        </em>
1510    </span>
1511</a>
1512    
1512<script type="text/javascript">
1513        $(function () {
1514        });
1515    </script>
1515
1516</div></div><div id="smv_con_51_52" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_17_50" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 55px; width: 190px; left: 689px; top: 222px;z-index:8;"><div class="yibuFrameContent con_51_52  button_Style1  " style="overflow:visible;;" ><a target="_self" href="/ProductInfoCategory?categoryId=3247754" class="w-button f-ellipsis" style="width: 190px; height: 55px; line-height: 55px;">
1517    <span class="w-button-position">
1518        <em class="w-button-text f-ellipsis">
1519            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
1520            <span class="mw-txt">Composite panel</span>
1521        </em>
1522    </span>
1523</a>
1524    
1524<script type="text/javascript">
1525        $(function () {
1526        });
1527    </script>
1527
1528</div></div><div id="smv_con_52_20" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_17_50" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 55px; width: 222px; left: 409px; top: 222px;z-index:8;"><div class="yibuFrameContent con_52_20  button_Style1  " style="overflow:visible;;" ><a target="_self" href="/ProductInfoCategory?categoryId=3247753" class="w-button f-ellipsis" style="width: 222px; height: 55px; line-height: 55px;">
1529    <span class="w-button-position">
1530        <em class="w-button-text f-ellipsis">
1531            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
1532            <span class="mw-txt">Prepainted aluminum</span>
1533        </em>
1534    </span>
1535</a>
1536    
1536<script type="text/javascript">
1537        $(function () {
1538        });
1539    </script>
1539
1540</div></div><div id="smv_con_53_41" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_17_50" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 55px; width: 226px; left: 125px; top: 222px;z-index:8;"><div class="yibuFrameContent con_53_41  button_Style1  " style="overflow:visible;;" ><a target="_self" href="/ProductInfoCategory?categoryId=3247752" class="w-button f-ellipsis" style="width: 226px; height: 55px; line-height: 55px;">
1541    <span class="w-button-position">
1542        <em class="w-button-text f-ellipsis">
1543            <i class="mw-iconfont w-button-icon w-icon-hide"></i>
1544            <span class="mw-txt">Flat rolled aluminum</span>
1545        </em>
1546    </span>
1547</a>
1548    
1548<script type="text/javascript">
1549        $(function () {
1550        });
1551    </script>
1551
1552</div></div></div>
1553<div id="bannerWrap_con_17_50" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
1554</div>
1555
1556<script type="text/javascript">
1557
1558    $(function () {
1559        var resize = function () {
1560            $("#smv_con_17_50 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_con_17_50").parent().width());
1561            $('#bannerWrap_con_17_50').fullScreen(function (t) {
1562                if (VisitFromMobile()) {
1563                    t.css("min-width", t.parent().width())
1564                }
1565            });
1566        }
1567        if (typeof (LayoutConverter) !== "undefined") {
1568            LayoutConverter.CtrlJsVariableList.push({
1569                CtrlId: "con_17_50",
1570                ResizeFunc: resize,
1571            });
1572        } else {
1573            $(window).resize(function (e) {
1574                if (e.target == this) {
1575                    resize();
1576                }
1577            });
1578        }
1579
1580        resize();
1581    });
1582</script>
1582
1583</div></div><div id="smv_con_30_57" ctype="banner"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style3" ccolor="Item0" areaId="" isContainer="True" pvid="" tareaId=""  re-direction="y" daxis="Y" isdeletable="True" style="height: 750px; width: 100%; left: 0px; top: 2430px;z-index:1;"><div class="yibuFrameContent con_30_57  banner_Style3  " style="overflow:visible;;" >
1584<div class="w-banner">
1585    <div class="w-banner-content fullcolumn-inner smAreaC" id="smc_Area0" cid="con_30_57" style="width:1600px">
1586        <div id="smv_con_34_42" ctype="area"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="con_30_57" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 280px; width: 690px; left: 10px; top: 220px;z-index:4;"><div class="yibuFrameContent con_34_42  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
1587    <div class="smAreaC" id="smc_Area0" cid="con_34_42">
1588        <div id="smv_con_31_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_34_42" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 119px; width: 718px; left: 3px; top: 113px;z-index:2;"><div class="yibuFrameContent con_31_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_31_53' style="height: 100%;">
1589    <div class="editableContent" id="txtc_con_31_53" style="height: 100%; word-wrap:break-word;">
1590        <p><span style="font-family:Arial,Helvetica,sans-serif; font-size:20px"><span style="font-family:Arial,Helvetica,sans-serif; letter-spacing:6px"><span style="color:#ffffff; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.2"><span style="font-family:Arial,Helvetica,sans-serif">We are exporting&nbsp;to East Asia, Southeast Asia, North America, South America, Middle East, North Africa.</span></span></span></span></span></p>
1591
1592    </div>
1593</div>
1594
1595<script>
1596    var tables = $(' #smv_con_31_53').find('table')
1597    for (var i = 0; i < tables.length; i++) {
1598        var tab = tables[i]
1599        var borderWidth = $(tab).attr('border')
1600        if (borderWidth <= 0 || !borderWidth) {
1601            console.log(tab)
1602            $(tab).addClass('hidden-border')
1603            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
1604            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
1605            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
1606            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
1607            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
1608            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
1609        }
1610    }
1611</script>
1611</div></div><div id="smv_con_32_53" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_34_42" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 148px; width: 969px; left: 0px; top: -53px;z-index:2;"><div class="yibuFrameContent con_32_53  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_32_53' style="height: 100%;">
1612    <div class="editableContent" id="txtc_con_32_53" style="height: 100%; word-wrap:break-word;">
1613        <p><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.5"><span style="font-family:Arial,Helvetica,sans-serif; font-size:46px"><span style="color:#ffffff; font-family:Arial,Helvetica,sans-serif"><strong><span style="font-family:Arial,Helvetica,sans-serif">Specialized&nbsp;in flat rolled, coated aluminum and aluminum composite panel</span></strong></span></span></span></p>
1614
1615    </div>
1616</div>
1617
1618<script>
1619    var tables = $(' #smv_con_32_53').find('table')
1620    for (var i = 0; i < tables.length; i++) {
1621        var tab = tables[i]
1622        var borderWidth = $(tab).attr('border')
1623        if (borderWidth <= 0 || !borderWidth) {
1624            console.log(tab)
1625            $(tab).addClass('hidden-border')
1626            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
1627            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
1628            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
1629            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
1630            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
1631            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
1632        }
1633    }
1634</script>
1634</div></div><div id="smv_con_33_53" ctype="button"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_34_42" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 45px; width: 200px; left: 0px; top: 235px;z-index:3;"><div class="yibuFrameContent con_33_53  button_Style1  " style="overflow:visible;;" ><a target="_self" href="tel:+86 15901499261" class="w-button f-ellipsis" style="width: 200px; height: 45px; line-height: 45px;">
1635    <span class="w-button-position">
1636        <em class="w-button-text f-ellipsis">
1637            <i class="mw-iconfont w-button-icon ">끅</i>
1638            <span class="mw-txt">86 15901499261</span>
1639        </em>
1640    </span>
1641</a>
1642    
1642<script type="text/javascript">
1643        $(function () {
1644        });
1645    </script>
1645
1646</div></div>    </div>
1647</div></div></div>    </div>
1648    <div class="w-banner-color fullcolumn-outer" id="bannerWrap_con_30_57">
1649        <div class="w-banner-image"></div>
1650    </div>
1651</div>
1652
1653<script type="text/javascript">
1654
1655    $(function () {
1656        var resize = function () {
1657            $("#smv_con_30_57 >.yibuFrameContent>.w-banner>.fullcolumn-inner").width($("#smv_con_30_57").parent().width());
1658            $('#bannerWrap_con_30_57').fullScreen(function (t) {
1659                if (VisitFromMobile()) {
1660                    t.css("min-width", t.parent().width());
1661                }
1662            
1663                $("#bannerWrap_con_30_57 > .w-banner-image").lzparallax({ effect:'fixed' ,autoPosition:false});
1664            
1665            });
1666        }
1667        if (typeof (LayoutConverter) !== "undefined") {
1668            LayoutConverter.CtrlJsVariableList.push({
1669                CtrlId: "con_30_57",
1670                ResizeFunc: resize,
1671            });
1672        }
1673        else {
1674            $(window).resize(function (e) {
1675                if (e.target == this) {
1676                    resize();
1677                }
1678            });
1679        }
1680        
1681        resize();
1682    });
1683</script>
1683
1684</div></div><div id="smv_con_35_4" ctype="banner"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="" isContainer="True" pvid="" tareaId=""  re-direction="y" daxis="Y" isdeletable="True" style="height: 700px; width: 100%; left: 0px; top: 3180px;z-index:0;"><div class="yibuFrameContent con_35_4  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="con_35_4" style="width:1600px">
1685    <div id="smv_con_43_4" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_35_4" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 65px; width: 748px; left: 10px; top: 202px;z-index:12;"><div class="yibuFrameContent con_43_4  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_43_4' style="height: 100%;">
1686    <div class="editableContent" id="txtc_con_43_4" style="height: 100%; word-wrap:break-word;">
1687        <p style="text-align:justify"><span style="color:#666666; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif; font-size:16px"><span style="font-family:Arial,Helvetica,sans-serif; line-height:2"><span style="font-family:Arial,Helvetica,sans-serif">If you are interested in our products, please leave message, we will contact you as soon as possible, thank you!</span></span></span></span></p>
1688
1689    </div>
1690</div>
1691
1692<script>
1693    var tables = $(' #smv_con_43_4').find('table')
1694    for (var i = 0; i < tables.length; i++) {
1695        var tab = tables[i]
1696        var borderWidth = $(tab).attr('border')
1697        if (borderWidth <= 0 || !borderWidth) {
1698            console.log(tab)
1699            $(tab).addClass('hidden-border')
1700            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
1701            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
1702            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
1703            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
1704            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
1705            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
1706        }
1707    }
1708</script>
1708</div></div><div id="smv_con_44_4" ctype="text"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_35_4" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 51px; width: 720px; left: 10px; top: 142px;z-index:12;"><div class="yibuFrameContent con_44_4  text_Style1  " style="overflow:hidden;;" ><div id='txt_con_44_4' style="height: 100%;">
1709    <div class="editableContent" id="txtc_con_44_4" style="height: 100%; word-wrap:break-word;">
1710        <p><span style="color:#000000; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif; font-size:40px"><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.2"><strong>Online message</strong></span></span></span></span></p>
1711
1712    </div>
1713</div>
1714
1715<script>
1716    var tables = $(' #smv_con_44_4').find('table')
1717    for (var i = 0; i < tables.length; i++) {
1718        var tab = tables[i]
1719        var borderWidth = $(tab).attr('border')
1720        if (borderWidth <= 0 || !borderWidth) {
1721            console.log(tab)
1722            $(tab).addClass('hidden-border')
1723            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
1724            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
1725            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
1726            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
1727            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
1728            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
1729        }
1730    }
1731</script>
1731</div></div><div id="smv_con_45_4" ctype="leaveword"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style5" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_35_4" tareaId=""  re-direction="x" daxis="All" isdeletable="True" style="height: 296px; width: 720px; left: 10px; top: 267px;z-index:13;"><div class="yibuFrameContent con_45_4  leaveword_Style5  " style="overflow:visible;;" ><!--w-guestbook-->
1732<div class="w-guestbook f-clearfix">
1733
1734    <!-- 验证信息 w-hide 隐藏验证信息-->
1735    <div class="w-verify w-hide">
1736        <span class="w-verify-in"><i class="mw-iconfont">&#xb078;</i><span class="w-verify-text"></span></span>
1737    </div>
1738
1739    <!--w-guestbook-container-->
1740    <div class="w-guestbook-container">
1741
1742        <!--w-guestbook-item  验证错误样式-->
1743        <div class="w-guestbook-both">
1744            <div class="w-guestbook-both-inner">
1745                <div class="w-guestbook-both-inner-box">
1746                    <div class="w-guestbook-item w-placeholder">
1747                        <input type="text" class="w-guestbook-input" placeHolder="Name" autocomplete="off" name="Subject"/>
1748                    </div>
1749                </div>
1750            </div>
1751            <div class="w-guestbook-both-inner">
1752                <div class="w-guestbook-both-inner-box">
1753                    <div class="w-guestbook-item w-placeholder">
1754                        <input type="text" class="w-guestbook-input" placeHolder="Email" autocomplete="off" name="Email"/>
1755                    </div>
1756                </div>
1757            </div>
1758        </div>
1759        <!--/w-guestbook-item-->
1760        <!--w-guestbook-item-->
1761        <div class="w-guestbook-item w-placeholder w-item-textarea">
1762            <textarea class="w-guestbook-textarea" placeHolder="Message" autocomplete="off" name="Message"></textarea>
1763        </div>
1764        <!--/w-guestbook-item-->
1765        <!--w-guestbook-item-->
1766        <div class="w-guestbook-code f-clearfix">
1767            <div class="w-guestbook-item w-placeholder">
1768                <input type="text" class="w-guestbook-input" placeHolder="Verification code" autocomplete="off" name="Captcha"/>
1769            </div>
1770            <div class="w-guestbook-codeimg"><img src="https://img.website.xin/Content/images/code.png?_version=20250709210033" alt="Verification code"></div>
1771        </div>
1772        <!--/w-guestbook-item-->
1773
1774    </div>
1775    <!--/w-guestbook-container-->
1776    <!--w-guestbook-bottom-->
1777    <div class="w-guestbook-bottom f-clearfix">
1778        <a href="javascript:void(0)" class="w-guestbook-btn" name="Submit">Submit</a>
1779    </div>
1780    <!--/w-guestbook-bottom-->
1781
1782</div>
1783<!--/w-guestbook-->
1784
1785
1786<script type="text/javascript">
1787    $(function () {
1788            
1789        $('#smv_con_45_4').smartNPLeavewordControl({ controlId: 'smv_con_45_4', emptyPrefix:'Please enter', correctMailPrefix: 'Please enter the correct', contentMaxLength: 'can not exceed 200 characters', postSucess: 'Success!', postFail: 'Failed!', correctMailValidate:'Please enter the correct form of the mailbox.'});
1790            
1791    });
1792
1793    (function () {
1794        // JPlaceHolder
1795        JPlaceHolder(leavewordPlaceHolder);
1796        function leavewordPlaceHolder() {
1797            var placeHeight = $(".w-guestbook-item.w-placeholder .placeholder-text .placeholder-text-in").height();
1798            $(".w-guestbook-item.w-placeholder .placeholder-text .placeholder-text-in").css("lineHeight", placeHeight + "px");
1799        }
1800
1801    })(jQuery);
1802</script>
1802</div></div><div id="smv_con_46_56" ctype="image"  class="esmartMargin smartAbs " cpid="14466" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="con_35_4" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 500px; width: 800px; left: 790px; top: 100px;z-index:14;"><div class="yibuFrameContent con_46_56  image_Style1  " style="overflow:visible;;" >
1803    <div class="w-image-box image-clip-wrap" data-fillType="1" id="div_con_46_56">
1804        <a target="_self" href="">
1805            <img loading="lazy" 
1806                 src="//img.website.xin/contents/sitefiles10830/54153232/images/175623550.jpeg" 
1807                 alt="" 
1808                 title="" 
1809                 id="img_smv_con_46_56" 
1810                 style="width: 798px; height:498px;"
1811                 class=""
1812             >
1813        </a>
1814    </div>
1815
1816    
1816<script type="text/javascript">
1817        $(function () {
1818            
1819                InitImageSmv("con_46_56", "798", "500", "1");
1820            
1821                 });
1822    </script>
1822
1823
1824</div></div></div>
1825<div id="bannerWrap_con_35_4" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
1826</div>
1827
1828<script type="text/javascript">
1829
1830    $(function () {
1831        var resize = function () {
1832            $("#smv_con_35_4 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_con_35_4").parent().width());
1833            $('#bannerWrap_con_35_4').fullScreen(function (t) {
1834                if (VisitFromMobile()) {
1835                    t.css("min-width", t.parent().width())
1836                }
1837            });
1838        }
1839        if (typeof (LayoutConverter) !== "undefined") {
1840            LayoutConverter.CtrlJsVariableList.push({
1841                CtrlId: "con_35_4",
1842                ResizeFunc: resize,
1843            });
1844        } else {
1845            $(window).resize(function (e) {
1846                if (e.target == this) {
1847                    resize();
1848                }
1849            });
1850        }
1851
1852        resize();
1853    });
1854</script>
1854
1855</div></div></div></div><input type='hidden' name='__RequestVerificationToken' id='token__RequestVerificationToken' value='renderer_7B587893564B84414D5EA2E84056F37D_csrf' />
1856            </div>
1857        </div>
1858    </div>
1859
1860    <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);;
1861         position: relative; width: 100%;min-width:1600px;background-size: auto; z-index:auto;" bgScroll="none">
1862        <div class=" footer" cpid="14465" id="smv_Area3" style="width: 1600px; height: 458px; position: relative; margin: 0 auto;">
1863            <div id="smv_tem_5_2" ctype="banner"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area3" isContainer="True" pvid="" tareaId="Area3"  re-direction="y" daxis="Y" isdeletable="True" style="height: 459px; width: 100%; left: 0px; top: 0px;z-index:2;"><div class="yibuFrameContent tem_5_2  banner_Style1  " style="overflow:visible;;" ><div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="tem_5_2" style="width:1600px">
1864    <div id="smv_tem_9_56" ctype="area"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="tem_5_2" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 178px; width: 266px; left: 14px; top: 50px;z-index:4;"><div class="yibuFrameContent tem_9_56  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
1865    <div class="smAreaC" id="smc_Area0" cid="tem_9_56">
1866        <div id="smv_tem_7_51" ctype="image"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_9_56" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 89px; width: 179px; left: 23px; top: 1px;z-index:2;"><div class="yibuFrameContent tem_7_51  image_Style1  " style="overflow:visible;;" >
1867    <div class="w-image-box image-clip-wrap" data-fillType="0" id="div_tem_7_51">
1868        <a target="_self" href="/home">
1869            <img loading="lazy" 
1870                 src="//img.website.xin/contents/sitefiles10830/54153232/images/176704271.png" 
1871                 alt="" 
1872                 title="" 
1873                 id="img_smv_tem_7_51" 
1874                 style="width: 177px; height:87px;"
1875                 class=""
1876             >
1877        </a>
1878    </div>
1879
1880    
1880<script type="text/javascript">
1881        $(function () {
1882            
1883                InitImageSmv("tem_7_51", "177", "89", "0");
1884            
1885                 });
1886    </script>
1886
1887
1888</div></div>    </div>
1889</div></div></div><div id="smv_tem_8_32" ctype="text"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item4" areaId="Area0" isContainer="False" pvid="tem_5_2" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 63px; width: 338px; left: 20px; top: 146px;z-index:3;"><div class="yibuFrameContent tem_8_32  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_8_32' style="height: 100%;">
1890    <div class="editableContent" id="txtc_tem_8_32" style="height: 100%; word-wrap:break-word;">
1891        <p style="text-align:justify"><span style="color:#bbbbbb; font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-family:Arial,Helvetica,sans-serif; line-height:1.75"><span style="font-family:Arial,Helvetica,sans-serif; font-size:16px">Specialized&nbsp;in flat rolled, prepainted aluminum and aluminum composite panels.</span></span></span></span></p>
1892
1893    </div>
1894</div>
1895
1896<script>
1897    var tables = $(' #smv_tem_8_32').find('table')
1898    for (var i = 0; i < tables.length; i++) {
1899        var tab = tables[i]
1900        var borderWidth = $(tab).attr('border')
1901        if (borderWidth <= 0 || !borderWidth) {
1902            console.log(tab)
1903            $(tab).addClass('hidden-border')
1904            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
1905            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
1906            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
1907            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
1908            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
1909            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
1910        }
1911    }
1912</script>
1912</div></div><div id="smv_tem_19_39" ctype="area"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="tem_5_2" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 198px; width: 480px; left: 480px; top: 50px;z-index:12;"><div class="yibuFrameContent tem_19_39  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
1913    <div class="smAreaC" id="smc_Area0" cid="tem_19_39">
1914        <div id="smv_tem_15_48" ctype="area"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="tem_19_39" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 198px; width: 140px; left: 0px; top: 0px;z-index:6;"><div class="yibuFrameContent tem_15_48  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
1915    <div class="smAreaC" id="smc_Area0" cid="tem_15_48">
1916        <div id="smv_tem_10_50" ctype="nav"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style8" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_15_48" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 25px; width: 140px; left: 0px; top: 0px;z-index:1;"><div class="yibuFrameContent tem_10_50  nav_Style8  " style="overflow:visible;;" ><!-- userWidth 是否设定了子导航宽度 -->
1917<div class="nav_pc_t_8" id="nav_tem_10_50">
1918    <ul class="w-nav" navstyle="style8">
1919                <li class="w-nav-inner" style="height:100%;line-height:25px">
1920                    <div class="w-nav-item">
1921                        <a href="#" target="_self" class="w-nav-item-link">
1922                            <span class="mw-iconfont"></span>
1923                            <span class="w-link-txt">Quick&#160;links</span>
1924                        </a>
1925                       
1926                    </div>
1927                </li>
1928
1929    </ul>
1930</div>
1931<script>
1932    $(function () {
1933        var $nav = $("#smv_tem_10_50 .w-nav");
1934        var $inner = $("#smv_tem_10_50 .w-nav-inner");
1935        var $subnav = $("#smv_tem_10_50 .w-subnav");
1936        var rightBorder = parseInt($nav.css("border-right-width"));
1937        var leftBorder = parseInt($nav.css("border-left-width"));
1938        var topBorder = parseInt($nav.css("border-top-width"));
1939        var bottomBorder = parseInt($nav.css("border-bottom-width"));
1940        var height = $("#smv_tem_10_50").height();
1941        var width = $('#smv_tem_10_50').width();
1942        $nav.height(height - topBorder - bottomBorder);
1943        $nav.width(width - leftBorder - rightBorder);
1944        $subnav.css("left", width - leftBorder - rightBorder + "px");
1945
1946        $('#nav_tem_10_50').find('.w-subnav').hide();
1947        var $this, item, itemAll, flag = true;
1948        $('#nav_tem_10_50').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
1949            itemAll = $('#nav_tem_10_50').find('.w-subnav');
1950            $this = $(this);
1951            item = $this.find('.w-subnav');
1952            item.fadeIn(150, function () {
1953                flag = true
1954            });
1955            flag = false
1956        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
1957            item = $(this).find('.w-subnav');
1958            item.fadeOut(150);
1959            item = undefined && (flag = true);
1960        });
1961        SetNavSelectedStyle('nav_tem_10_50');//选中当前导航
1962    });
1963</script>
1963</div></div><div id="smv_tem_11_22" ctype="nav"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style8" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_15_48" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 140px; width: 140px; left: 0px; top: 38px;z-index:1;"><div class="yibuFrameContent tem_11_22  nav_Style8  " style="overflow:visible;;" ><!-- userWidth 是否设定了子导航宽度 -->
1964<div class="nav_pc_t_8" id="nav_tem_11_22">
1965    <ul class="w-nav" navstyle="style8">
1966                <li class="w-nav-inner" style="height:25%;line-height:35px">
1967                    <div class="w-nav-item">
1968                        <a href="/home" target="_self" class="w-nav-item-link">
1969                            <span class="mw-iconfont"></span>
1970                            <span class="w-link-txt">Home&#160;Page</span>
1971                        </a>
1972                       
1973                    </div>
1974                </li>
1975                <li class="w-nav-inner" style="height:25%;line-height:35px">
1976                    <div class="w-nav-item">
1977                        <a href="/about" target="_self" class="w-nav-item-link">
1978                            <span class="mw-iconfont"></span>
1979                            <span class="w-link-txt">About&#160;HopeBo</span>
1980                        </a>
1981                       
1982                    </div>
1983                </li>
1984                <li class="w-nav-inner" style="height:25%;line-height:35px">
1985                    <div class="w-nav-item">
1986                        <a href="/products" target="_self" class="w-nav-item-link">
1987                            <span class="mw-iconfont"></span>
1988                            <span class="w-link-txt">Products</span>
1989                        </a>
1990                       
1991                    </div>
1992                </li>
1993                <li class="w-nav-inner" style="height:25%;line-height:35px">
1994                    <div class="w-nav-item">
1995                        <a href="/contact" target="_self" class="w-nav-item-link">
1996                            <span class="mw-iconfont"></span>
1997                            <span class="w-link-txt">Contact&#160;Us</span>
1998                        </a>
1999                       
2000                    </div>
2001                </li>
2002
2003    </ul>
2004</div>
2005<script>
2006    $(function () {
2007        var $nav = $("#smv_tem_11_22 .w-nav");
2008        var $inner = $("#smv_tem_11_22 .w-nav-inner");
2009        var $subnav = $("#smv_tem_11_22 .w-subnav");
2010        var rightBorder = parseInt($nav.css("border-right-width"));
2011        var leftBorder = parseInt($nav.css("border-left-width"));
2012        var topBorder = parseInt($nav.css("border-top-width"));
2013        var bottomBorder = parseInt($nav.css("border-bottom-width"));
2014        var height = $("#smv_tem_11_22").height();
2015        var width = $('#smv_tem_11_22').width();
2016        $nav.height(height - topBorder - bottomBorder);
2017        $nav.width(width - leftBorder - rightBorder);
2018        $subnav.css("left", width - leftBorder - rightBorder + "px");
2019
2020        $('#nav_tem_11_22').find('.w-subnav').hide();
2021        var $this, item, itemAll, flag = true;
2022        $('#nav_tem_11_22').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
2023            itemAll = $('#nav_tem_11_22').find('.w-subnav');
2024            $this = $(this);
2025            item = $this.find('.w-subnav');
2026            item.fadeIn(150, function () {
2027                flag = true
2028            });
2029            flag = false
2030        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
2031            item = $(this).find('.w-subnav');
2032            item.fadeOut(150);
2033            item = undefined && (flag = true);
2034        });
2035        SetNavSelectedStyle('nav_tem_11_22');//选中当前导航
2036    });
2037</script>
2037</div></div>    </div>
2038</div></div></div><div id="smv_tem_14_45" ctype="area"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="tem_19_39" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 188px; width: 140px; left: 340px; top: 0px;z-index:5;"><div class="yibuFrameContent tem_14_45  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
2039    <div class="smAreaC" id="smc_Area0" cid="tem_14_45">
2040        <div id="smv_tem_12_40" ctype="nav"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style8" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_14_45" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 30px; width: 141px; left: -122px; top: -2px;z-index:1;"><div class="yibuFrameContent tem_12_40  nav_Style8  " style="overflow:visible;;" ><!-- userWidth 是否设定了子导航宽度 -->
2041<div class="nav_pc_t_8" id="nav_tem_12_40">
2042    <ul class="w-nav" navstyle="style8">
2043                <li class="w-nav-inner" style="height:100%;line-height:30px">
2044                    <div class="w-nav-item">
2045                        <a href="/products" target="_self" class="w-nav-item-link">
2046                            <span class="mw-iconfont"></span>
2047                            <span class="w-link-txt">Products</span>
2048                        </a>
2049                       
2050                    </div>
2051                </li>
2052
2053    </ul>
2054</div>
2055<script>
2056    $(function () {
2057        var $nav = $("#smv_tem_12_40 .w-nav");
2058        var $inner = $("#smv_tem_12_40 .w-nav-inner");
2059        var $subnav = $("#smv_tem_12_40 .w-subnav");
2060        var rightBorder = parseInt($nav.css("border-right-width"));
2061        var leftBorder = parseInt($nav.css("border-left-width"));
2062        var topBorder = parseInt($nav.css("border-top-width"));
2063        var bottomBorder = parseInt($nav.css("border-bottom-width"));
2064        var height = $("#smv_tem_12_40").height();
2065        var width = $('#smv_tem_12_40').width();
2066        $nav.height(height - topBorder - bottomBorder);
2067        $nav.width(width - leftBorder - rightBorder);
2068        $subnav.css("left", width - leftBorder - rightBorder + "px");
2069
2070        $('#nav_tem_12_40').find('.w-subnav').hide();
2071        var $this, item, itemAll, flag = true;
2072        $('#nav_tem_12_40').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
2073            itemAll = $('#nav_tem_12_40').find('.w-subnav');
2074            $this = $(this);
2075            item = $this.find('.w-subnav');
2076            item.fadeIn(150, function () {
2077                flag = true
2078            });
2079            flag = false
2080        }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
2081            item = $(this).find('.w-subnav');
2082            item.fadeOut(150);
2083            item = undefined && (flag = true);
2084        });
2085        SetNavSelectedStyle('nav_tem_12_40');//选中当前导航
2086    });
2087</script>
2087</div></div><div id="smv_tem_13_59" ctype="category"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_14_45" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 135px; width: 312px; left: -172px; top: 43px;z-index:1;"><div class="yibuFrameContent tem_13_59  category_Style1  " style="overflow:visible;;" ><div class="smv_con_1_1">
2088    <!--w-category-->
2089    <div class="w-category" id="category_tem_13_59">
2090
2091                <ul class="w-category-list">
2092                        <li class="w-category-list-item" data-url="/ProductInfoCategory?categoryId=3247752&amp;PageInfoId=0" data-id="3247752">
2093                            <h3 class="w-category-list-title">
2094                                <a href="javascript:void(0);">
2095Flat rolled aluminum
2096                                </a>
2097                            </h3>
2098                        </li>
2099                        <li class="w-category-list-item" data-url="/ProductInfoCategory?categoryId=3247753&amp;PageInfoId=0" data-id="3247753">
2100                            <h3 class="w-category-list-title">
2101                                <a href="javascript:void(0);">
2102Prepainted aluminum
2103                                </a>
2104                            </h3>
2105                        </li>
2106                        <li class="w-category-list-item" data-url="/ProductInfoCategory?categoryId=3247754&amp;PageInfoId=0" data-id="3247754">
2107                            <h3 class="w-category-list-title">
2108                                <a href="javascript:void(0);">
2109Composited aluminum panel
2110                                </a>
2111                            </h3>
2112                        </li>
2113                        <li class="w-category-list-item" data-url="/ProductInfoCategory?categoryId=3247755&amp;PageInfoId=0" data-id="3247755">
2114                            <h3 class="w-category-list-title">
2115                                <a href="javascript:void(0);">
2116Machinery
2117                                </a>
2118                            </h3>
2119                        </li>
2120                        <li class="w-category-list-item" data-url="/ProductInfoCategory?categoryId=3248857&amp;PageInfoId=0" data-id="3248857">
2121                            <h3 class="w-category-list-title">
2122                                <a href="javascript:void(0);">
2123Others
2124                                </a>
2125                            </h3>
2126                        </li>
2127                </ul>
2128
2129
2130    </div>
2131    <!--/w-category-->
2132</div>
2133
2134<script type="text/javascript">
2135
2136    $(document).ready(function () {
2137        var tem_13_59_parentSmv = $("");
2138        $('#category_tem_13_59').find('.w-category-list li').hover(function () {
2139            if ($("#smv_tem_13_59").parent().hasClass("smAreaC")) {
2140                tem_13_59_parentSmv = $("#smv_tem_13_59").parents().filter(function (index) {
2141                    return $(this).attr('iscontainer') == "True";
2142                })
2143            }
2144            $(this).children('ul').show();
2145            $(this).focus().addClass('active')
2146        }, function () {
2147            $(this).children('ul').hide();
2148            $(this).focus().removeClass('active')
2149        });
2150        if ("Publish" != "Design") {      
2151            
2152            $('#category_tem_13_59').find('.w-category-list li').click(function () {
2153                $('#category_tem_13_59').find('.w-category-list li').removeClass("on");
2154                $(this).addClass('on');
2155                if ("Publish" != "Design") {
2156                    if ("_blankpage" === "_blankpage") {
2157                        var url = $(this).attr("data-url");                        
2158                        window.location.href = url;
2159                    }
2160                }
2161                return false;
2162            });
2163        }
2164         tem_13_59_resize();
2165        SetCategoryStyleForPc('category_tem_13_59');
2166    });
2167    function  tem_13_59_resize() {
2168        var $control = $("#smv_tem_13_59");
2169        var width = $control.width();
2170        var height = $control.height();
2171        var $list = $control.find(".w-category-list .w-category-list-item");
2172        var listCount = $list.length;
2173        if (listCount > 0) {
2174            var topBorder = parseInt($control.find(".w-category").css("border-top-width"));
2175            var leftBorder = parseInt($control.find(".w-category").css("border-left-width"));
2176            var rightBorder = parseInt($control.find(".w-category").css("border-right-width"));
2177            var bottomBorder = parseInt($control.find(".w-category").css("border-bottom-width"));
2178            //分割线边框
2179            var lineBoder = parseInt($list.css("border-bottom-width"));
2180            //宽高综合边框和分割线的宽度
2181            $control.css("height", parseInt(height) + "px");
2182            $control.css("width", parseInt(width) + "px");
2183            $control.find(".w-category").css("width", width - leftBorder - rightBorder + "px");
2184            $control.find(".w-category-list").css("width", width - leftBorder - rightBorder + "px");
2185            $control.find(".w-category").css("height", height - topBorder - bottomBorder + "px");
2186            $control.find(".w-category-list").css("height", height - topBorder - bottomBorder + "px");
2187            $control.find(".w-category-listsecond").css("width", width - leftBorder - rightBorder + "px").css("left", width - leftBorder - rightBorder + "px");
2188            $control.find(".w-category-listthird").css("width", width - leftBorder - rightBorder + "px").css("left", width - leftBorder - rightBorder + "px");
2189            var liHeight = 0;
2190
2191            //实际方块的高度总和为高度减去一级分类边框的值
2192            var newheight = height - lineBoder * (listCount - 1) - topBorder - bottomBorder - 24 * listCount;
2193            //每一块方块的高度
2194            liHeight = (newheight / listCount).toFixed(3);
2195            //减去24的 padding值
2196            var alineHeight = liHeight;
2197            $control.find(".w-category a").css("line-height", alineHeight + "px");
2198        }
2199    }
2200</script>
2200
2201</div></div>    </div>
2202</div></div></div>    </div>
2203</div></div></div><div id="smv_tem_18_54" ctype="area"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="tem_5_2" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 170px; width: 440px; left: 1160px; top: 47px;z-index:11;"><div class="yibuFrameContent tem_18_54  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
2204    <div class="smAreaC" id="smc_Area0" cid="tem_18_54">
2205        <div id="smv_tem_16_6" ctype="text"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item4" areaId="Area0" isContainer="False" pvid="tem_18_54" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 31px; width: 420px; left: -161px; top: 7px;z-index:3;"><div class="yibuFrameContent tem_16_6  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_16_6' style="height: 100%;">
2206    <div class="editableContent" id="txtc_tem_16_6" style="height: 100%; word-wrap:break-word;">
2207        <p style="text-align:justify;font-family:Arial,Helvetica,sans-serif;;"><span style="font-size:18px;font-family:Arial,Helvetica,sans-serif;"><strong><span style="color:#ffffff;font-family:Arial,Helvetica,sans-serif;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="line-height:1.75;font-family:Arial,Helvetica,sans-serif;">Contact Information</span></span></span></strong></span></p>
2208
2209    </div>
2210</div>
2211
2212<script>
2213    var tables = $(' #smv_tem_16_6').find('table')
2214    for (var i = 0; i < tables.length; i++) {
2215        var tab = tables[i]
2216        var borderWidth = $(tab).attr('border')
2217        if (borderWidth <= 0 || !borderWidth) {
2218            console.log(tab)
2219            $(tab).addClass('hidden-border')
2220            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
2221            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
2222            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
2223            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
2224            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
2225            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
2226        }
2227    }
2228</script>
2228</div></div><div id="smv_tem_17_51" ctype="companyinfo"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style2" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_18_54" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 100px; width: 609px; left: -161px; top: 70px;z-index:10;"><div class="yibuFrameContent tem_17_51  companyinfo_Style2  " style="overflow:hidden;;" ><ul class="w-company-info iconStyle1">
2229        <li class="company-info-item">
2230            <a href="tel:+86 15901499261"    style="padding-left:0px;margin-left: 0px;"  >
2231                <div class="company-info-titleBox">
2232                    <span class="company-info-icon   mw-icon-hide ">
2233                        <i class="ltd-icon  gs-dianhua"></i>
2234                    </span>
2235                    <span class="company-info-title "style="white-space:pre">Phone:</span>
2236                </div>
2237                <div class="company-text">
2238                    <span class="company-info-text">+86 15901499261</span>
2239                </div>
2240            </a>
2241        </li>
2242        <li class="company-info-item">
2243            <a href="mailto:[email protected]"    style="padding-left:0px;margin-left: 0px;"  >
2244                <div class="company-info-titleBox">
2245                    <span class="company-info-icon   mw-icon-hide ">
2246                        <i class="ltd-icon  gs-youxiang"></i>
2247                    </span>
2248                    <span class="company-info-title "style="white-space:pre">Email:</span>
2249                </div>
2250                <div class="company-text">
2251                    <span class="company-info-text">[email protected]</span>
2252                </div>
2253            </a>
2254        </li>
2255        <li class="company-info-item">
2256            <a href="javascript:void(0)"    style="padding-left:0px;margin-left: 0px;"  >
2257                <div class="company-info-titleBox">
2258                    <span class="company-info-icon   mw-icon-hide ">
2259                        <i class="ltd-icon  gs-dizhi"></i>
2260                    </span>
2261                    <span class="company-info-title "style="white-space:pre">Address:</span>
2262                </div>
2263                <div class="company-text">
2264                    <span class="company-info-text">12th Floor, Building 10, Baiqiang Avenue, Fengtai District, Beijing</span>
2265                </div>
2266            </a>
2267        </li>
2268</ul></div></div>    </div>
2269</div></div></div><div id="smv_tem_20_1" ctype="line"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_5_2" tareaId="Area3"  re-direction="x" daxis="All" isdeletable="True" style="height: 20px; width: 1580px; left: 10px; top: 381px;z-index:13;"><div class="yibuFrameContent tem_20_1  line_Style1  " style="overflow:visible;;" ><!-- w-line -->
2270<div style="position:relative; height:100%">
2271    <div class="w-line" style="position:absolute;top:50%;" linetype="horizontal"></div>
2272</div>
2273</div></div><div id="smv_tem_21_44" ctype="companyinfo"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style4" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_5_2" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 26px; width: 1580px; left: 10px; top: 419px;z-index:14;"><div class="yibuFrameContent tem_21_44  companyinfo_Style4  " style="overflow:hidden;;" ><div class="w-company-info iconStyle1">
2274        <span class="company-info-item">
2275            <a href="javascript:void(0)" >
2276                <span class="icon company-info-icon    mw-icon-hide ">
2277                    <i class="ltd-icon gs-gongsi"></i>
2278                </span>
2279                <span class="company-info-title"style="white-space:pre">Copyright&#169;</span>
2280                <span class="company-info-text">Beijing Hopebo New Materials Co., Ltd</span>
2281            </a>
2282        </span>
2283</div></div></div><div id="smv_tem_22_23" ctype="area"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="True" pvid="tem_5_2" tareaId="Area3"  re-direction="all" daxis="All" isdeletable="True" style="height: 147px; width: 273px; left: 1001px; top: 222px;z-index:13;"><div class="yibuFrameContent tem_22_23  area_Style1  " style="overflow:visible;;" ><div class="w-container" data-effect-name="enterTop">
2284    <div class="smAreaC" id="smc_Area0" cid="tem_22_23">
2285        <div id="smv_tem_23_23" ctype="image"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_22_23" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 110px; width: 117px; left: 0px; top: 32px;z-index:12;"><div class="yibuFrameContent tem_23_23  image_Style1  " style="overflow:visible;;" >
2286    <div class="w-image-box image-clip-wrap" data-fillType="0" id="div_tem_23_23">
2287        <a target="_self" href="">
2288            <img loading="lazy" 
2289                 src="//img.website.xin/contents/sitefiles10830/54153232/images/176701858.jpeg" 
2290                 alt="" 
2291                 title="" 
2292                 id="img_smv_tem_23_23" 
2293                 style="width: 115px; height:108px;"
2294                 class=""
2295             >
2296        </a>
2297    </div>
2298
2299    
2299<script type="text/javascript">
2300        $(function () {
2301            
2302                InitImageSmv("tem_23_23", "115", "110", "0");
2303            
2304                 });
2305    </script>
2305
2306
2307</div></div><div id="smv_tem_24_23" ctype="image"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_22_23" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 112px; width: 113px; left: 157px; top: 32px;z-index:12;"><div class="yibuFrameContent tem_24_23  image_Style1  " style="overflow:visible;;" >
2308    <div class="w-image-box image-clip-wrap" data-fillType="0" id="div_tem_24_23">
2309        <a target="_self" href="">
2310            <img loading="lazy" 
2311                 src="//img.website.xin/contents/sitefiles10830/54153232/images/176701867.jpeg" 
2312                 alt="" 
2313                 title="" 
2314                 id="img_smv_tem_24_23" 
2315                 style="width: 111px; height:110px;"
2316                 class=""
2317             >
2318        </a>
2319    </div>
2320
2321    
2321<script type="text/javascript">
2322        $(function () {
2323            
2324                InitImageSmv("tem_24_23", "111", "112", "0");
2325            
2326                 });
2327    </script>
2327
2328
2329</div></div><div id="smv_tem_25_23" ctype="text"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_22_23" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 27px; width: 100px; left: 7px; top: 0px;z-index:11;"><div class="yibuFrameContent tem_25_23  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_25_23' style="height: 100%;">
2330    <div class="editableContent" id="txtc_tem_25_23" style="height: 100%; word-wrap:break-word;">
2331        <p style="text-align:center"><span style="color:#ffffff; font-family:Source Han Sans CN"><span style="font-size:16px">Wechat</span></span></p>
2332
2333    </div>
2334</div>
2335
2336<script>
2337    var tables = $(' #smv_tem_25_23').find('table')
2338    for (var i = 0; i < tables.length; i++) {
2339        var tab = tables[i]
2340        var borderWidth = $(tab).attr('border')
2341        if (borderWidth <= 0 || !borderWidth) {
2342            console.log(tab)
2343            $(tab).addClass('hidden-border')
2344            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
2345            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
2346            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
2347            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
2348            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
2349            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
2350        }
2351    }
2352</script>
2352</div></div><div id="smv_tem_26_23" ctype="text"  class="esmartMargin smartAbs " cpid="14465" cstyle="Style1" ccolor="Item0" areaId="Area0" isContainer="False" pvid="tem_22_23" tareaId=""  re-direction="all" daxis="All" isdeletable="True" style="height: 27px; width: 100px; left: 165px; top: 0px;z-index:11;"><div class="yibuFrameContent tem_26_23  text_Style1  " style="overflow:hidden;;" ><div id='txt_tem_26_23' style="height: 100%;">
2353    <div class="editableContent" id="txtc_tem_26_23" style="height: 100%; word-wrap:break-word;">
2354        <p style="text-align:center"><span style="color:#ffffff"><span style="font-family:Source Han Sans CN"><span style="font-size:16px">WhatsApp</span></span></span></p>
2355
2356    </div>
2357</div>
2358
2359<script>
2360    var tables = $(' #smv_tem_26_23').find('table')
2361    for (var i = 0; i < tables.length; i++) {
2362        var tab = tables[i]
2363        var borderWidth = $(tab).attr('border')
2364        if (borderWidth <= 0 || !borderWidth) {
2365            console.log(tab)
2366            $(tab).addClass('hidden-border')
2367            $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
2368            $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
2369            $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
2370            $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
2371            $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
2372            $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
2373        }
2374    }
2375</script>
2375</div></div>    </div>
2376</div></div></div></div>
2377<div id="bannerWrap_tem_5_2" class="fullcolumn-outer" style="position: absolute; top: 0; bottom: 0;">
2378</div>
2379
2380<script type="text/javascript">
2381
2382    $(function () {
2383        var resize = function () {
2384            $("#smv_tem_5_2 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_tem_5_2").parent().width());
2385            $('#bannerWrap_tem_5_2').fullScreen(function (t) {
2386                if (VisitFromMobile()) {
2387                    t.css("min-width", t.parent().width())
2388                }
2389            });
2390        }
2391        if (typeof (LayoutConverter) !== "undefined") {
2392            LayoutConverter.CtrlJsVariableList.push({
2393                CtrlId: "tem_5_2",
2394                ResizeFunc: resize,
2395            });
2396        } else {
2397            $(window).resize(function (e) {
2398                if (e.target == this) {
2399                    resize();
2400                }
2401            });
2402        }
2403
2404        resize();
2405    });
2406</script>
2406
2407</div></div>
2408        </div>
2409    </div>
2410
2411</div>
2412
2413
2414
2415        <div style="text-align:center;width: 100%;padding-top: 4px;font-size: 12; background-color: #ffffff;font-family:Tahoma;opacity:1.0;position: relative; z-index: 3;" id="all-icp-bottom">
2416            <div class="page-bottom--area style1" id="b_style1" style="display:none">
2417                <div class="bottom-content">
2418                    <div class="top-area">
2419                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
2420                            <a target="_self" class="bottom-words" href="javascript:void(0);">
2421                                <span class="icp-words bottom-words"></span>
2422                            </a>
2423                        </div>
2424                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
2425                        <div class="ga-area display-style common-style bottom-words">
2426                            <a target="_blank" class="bottom-words ga_link" href="#">
2427                                <img src="https://img.website.xin/Designer/Content/images/ga_icon.png?_version=20250709210034" alt="" /><span class="ga-words bottom-words"></span>
2428                            </a>
2429                        </div>
2430                    </div>
2431                    <div class="bottom-area">
2432                        <div class="ali-area display-style common-style bottom-words" style="">
2433                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com/webdesign/webdesign?source=5176.11533457&amp;userCode=i7rzleoi">
2434                                <?xml version="1.0" encoding="UTF-8" ?>
2435                                <svg width="55px"
2436                                     height="13px"
2437                                     viewBox="0 0 55 13"
2438                                     version="1.1"
2439                                     xmlns="http://www.w3.org/2000/svg"
2440                                     xmlns:xlink="http://www.w3.org/1999/xlink">
2441                                    <g id="备案信息优化"
2442                                       stroke="none"
2443                                       stroke-width="1"
2444                                       fill="none"
2445                                       fill-rule="evenodd">
2446                                        <g id="底部样式4-没有ipv6"
2447                                           transform="translate(-562.000000, -366.000000)"
2448                                           fill="#989898"
2449                                           fill-rule="nonzero">
2450                                            <g id="编组-2备份"
2451                                               transform="translate(57.000000, 301.000000)">
2452                                                <g id="编组-5"
2453                                                   transform="translate(505.000000, 49.000000)">
2454                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
2455                                                        <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"
2456                                                              id="路径"></path>
2457                                                        <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
24576326,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"
2458                                                              id="形状"></path>
2459                                                        <polygon id="路径"
2460                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
2461                                                    </g>
2462                                                </g>
2463                                            </g>
2464                                        </g>
2465                                    </g>
2466                                </svg><span class="bottom-words"> &nbsp;本网站由阿里云提供云计算及安全服务</span>
2467                            </a>
2468                        </div>
2469                        <div class="divider display-style common-style bottom-border" style=""></div>
2470                        <div class="ipv-area display-style common-style bottom-words">
2471                            <span class="bottom-words">本网站支持</span>
2472                            <span class="ipv6-box bottom-words">IPv6</span>
2473                        </div>
2474                        <div class="divider display-style common-style bottom-border" style=""></div>
2475                        <div class="powerby-area display-style common-style bottom-words" style="">
2476                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com">
2477                                <span class="bottom-words" style="display: block;"></span>
2478                            </a>
2479                        </div>
2480                    </div>
2481                </div>
2482            </div>
2483            <div class="page-bottom--area style2" id="b_style2" style="display:none">
2484                <div class="bottom-content">
2485                    <div class="top-area">
2486                        <div class="ga-area display-style common-style bottom-words">
2487                            <a target="_blank" class="bottom-words ga_link" href="#">
2488                                <img src="https://img.website.xin/Designer/Content/images/ga_icon.png?_version=20250709210034" alt="" /><span class="ga-words bottom-words"></span>
2489                            </a>
2490                        </div>
2491                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
2492                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
2493                            <a target="_self" class="bottom-words" href="javascript:void(0);">
2494                                <span class="icp-words bottom-words"></span>
2495                            </a>
2496                        </div>
2497                    </div>
2498                    <div class="bottom-area">
2499                        <div class="ali-area display-style common-style bottom-words" style="">
2500                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com/webdesign/webdesign?source=5176.11533457&amp;userCode=i7rzleoi">
2501                                <?xml version="1.0" encoding="UTF-8" ?>
2502                                <svg width="55px"
2503                                     height="13px"
2504                                     viewBox="0 0 55 13"
2505                                     version="1.1"
2506                                     xmlns="http://www.w3.org/2000/svg"
2507                                     xmlns:xlink="http://www.w3.org/1999/xlink">
2508                                    <g id="备案信息优化"
2509                                       stroke="none"
2510                                       stroke-width="1"
2511                                       fill="none"
2512                                       fill-rule="evenodd">
2513                                        <g id="底部样式4-没有ipv6"
2514                                           transform="translate(-562.000000, -366.000000)"
2515                                           fill="#989898"
2516                                           fill-rule="nonzero">
2517                                            <g id="编组-2备份"
2518                                               transform="translate(57.000000, 301.000000)">
2519                                                <g id="编组-5"
2520                                                   transform="translate(505.000000, 49.000000)">
2521                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
2522                                                        <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"
2523                                                              id="路径"></path>
2524                                                        <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
25246326,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"
2525                                                              id="形状"></path>
2526                                                        <polygon id="路径"
2527                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
2528                                                    </g>
2529                                                </g>
2530                                            </g>
2531                                        </g>
2532                                    </g>
2533                                </svg><span class="bottom-words">&nbsp;本网站由阿里云提供云计算及安全服务</span>
2534                            </a>
2535                        </div>
2536                        <div class="divider display-style common-style bottom-border" style=""></div>
2537                        <div class="ipv-area display-style common-style bottom-words">
2538                            <span class="bottom-words">本网站支持</span>
2539                            <span class="ipv6-box bottom-words">IPv6</span>
2540                        </div>
2541                        <div class="divider display-style common-style bottom-border" style=""></div>
2542                        <div class="powerby-area display-style common-style bottom-words" style="">
2543                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com">
2544                                <span class="bottom-words" style="display: block;"></span>
2545                            </a>
2546                        </div>
2547                    </div>
2548                </div>
2549            </div>
2550            <div class="page-bottom--area style3" id="b_style3" style="display:none">
2551                <div class="bottom-content">
2552                    <div class="top-area">
2553                        <div class="ga-area display-style common-style bottom-words">
2554                            <a target="_blank" class="bottom-words ga_link" href="#">
2555                                <img src="https://img.website.xin/Designer/Content/images/ga_icon.png?_version=20250709210034" alt="" /><span class="ga-words bottom-words"></span>
2556                            </a>
2557                        </div>
2558                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
2559                        <div class="copyright-area display-style common-style bottom-words" style="margin-top:2px;"></div>
2560                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
2561                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
2562                            <a target="_self" class="bottom-words" href="javascript:void(0);">
2563                                <span class="icp-words bottom-words"></span>
2564                            </a>
2565                        </div>
2566                    </div>
2567                    <div class="bottom-area">
2568                        <div class="ali-area display-style common-style bottom-words" style="">
2569                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com/webdesign/webdesign?source=5176.11533457&amp;userCode=i7rzleoi">
2570                                <?xml version="1.0" encoding="UTF-8" ?>
2571                                <svg width="55px"
2572                                     height="13px"
2573                                     viewBox="0 0 55 13"
2574                                     version="1.1"
2575                                     xmlns="http://www.w3.org/2000/svg"
2576                                     xmlns:xlink="http://www.w3.org/1999/xlink">
2577                                    <g id="备案信息优化"
2578                                       stroke="none"
2579                                       stroke-width="1"
2580                                       fill="none"
2581                                       fill-rule="evenodd">
2582                                        <g id="底部样式4-没有ipv6"
2583                                           transform="translate(-562.000000, -366.000000)"
2584                                           fill="#989898"
2585                                           fill-rule="nonzero">
2586                                            <g id="编组-2备份"
2587                                               transform="translate(57.000000, 301.000000)">
2588                                                <g id="编组-5"
2589                                                   transform="translate(505.000000, 49.000000)">
2590                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
2591                                                        <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"
2592                                                              id="路径"></path>
2593                                                        <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
25936326,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"
2594                                                              id="形状"></path>
2595                                                        <polygon id="路径"
2596                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
2597                                                    </g>
2598                                                </g>
2599                                            </g>
2600                                        </g>
2601                                    </g>
2602                                </svg><span class="bottom-words">&nbsp;本网站由阿里云提供云计算及安全服务</span>
2603                            </a>
2604                        </div>
2605                        <div class="divider display-style common-style bottom-border" style=""></div>
2606                        <div class="ipv-area display-style common-style bottom-words">
2607                            <span class="bottom-words">本网站支持</span>
2608                            <span class="ipv6-box bottom-words">IPv6</span>
2609                        </div>
2610                        <div class="divider display-style common-style bottom-border" style=""></div>
2611                        <div class="powerby-area display-style common-style bottom-words" style="">
2612                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com">
2613                                <span class="bottom-words" style="display: block;"></span>
2614                            </a>
2615                        </div>
2616                    </div>
2617                </div>
2618            </div>
2619            <div class="page-bottom--area style4" id="b_style4" style="display:none">
2620                <div class="bottom-content">
2621                    <div class="top-area">
2622                        <div class="copyright-area display-style common-style bottom-words" style="margin-top:2px;"></div>
2623                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
2624                        <div class="icp-area display-style common-style bottom-words" style="margin-bottom: 1px;">
2625                            <a target="_self" class="bottom-words" href="javascript:void(0);">
2626                                <span class="icp-words bottom-words"></span>
2627                            </a>
2628                        </div>
2629                        <div class="divider display-style common-style bottom-border" style="vertical-align:-7px;"></div>
2630                        <div class="ga-area display-style common-style bottom-words">
2631                            <a target="_blank" class="bottom-words ga_link" href="#">
2632                                <img src="https://img.website.xin/Designer/Content/images/ga_icon.png?_version=20250709210034" alt="" /><span class="ga-words bottom-words"></span>
2633                            </a>
2634                        </div>
2635                    </div>
2636                    <div class="bottom-area">
2637                        <div class="ali-area display-style common-style bottom-words" style="">
2638                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com/webdesign/webdesign?source=5176.11533457&amp;userCode=i7rzleoi">
2639                                <?xml version="1.0" encoding="UTF-8" ?>
2640                                <svg width="55px"
2641                                     height="13px"
2642                                     viewBox="0 0 55 13"
2643                                     version="1.1"
2644                                     xmlns="http://www.w3.org/2000/svg"
2645                                     xmlns:xlink="http://www.w3.org/1999/xlink">
2646                                    <g id="备案信息优化"
2647                                       stroke="none"
2648                                       stroke-width="1"
2649                                       fill="none"
2650                                       fill-rule="evenodd">
2651                                        <g id="底部样式4-没有ipv6"
2652                                           transform="translate(-562.000000, -366.000000)"
2653                                           fill="#989898"
2654                                           fill-rule="nonzero">
2655                                            <g id="编组-2备份"
2656                                               transform="translate(57.000000, 301.000000)">
2657                                                <g id="编组-5"
2658                                                   transform="translate(505.000000, 49.000000)">
2659                                                    <g id="编组" transform="translate(0.000000, 16.000000)">
2660                                                        <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"
2661                                                              id="路径"></path>
2662                                                        <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
26626326,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"
2663                                                              id="形状"></path>
2664                                                        <polygon id="路径"
2665                                                                 points="8.38355152 6.1480152 12.345038 6.1480152 12.345038 6.64598818 8.38355152 6.64598818"></polygon>
2666                                                    </g>
2667                                                </g>
2668                                            </g>
2669                                        </g>
2670                                    </g>
2671                                </svg><span class="bottom-words">&nbsp;本网站由阿里云提供云计算及安全服务</span>
2672                            </a>
2673                        </div>
2674                        <div class="divider display-style common-style bottom-border" style=""></div>
2675                        <div class="ipv-area display-style common-style bottom-words">
2676                            <span class="bottom-words">本网站支持</span>
2677                            <span class="ipv6-box bottom-words">IPv6</span>
2678                        </div>
2679                        <div class="divider display-style common-style bottom-border" style=""></div>
2680                        <div class="powerby-area display-style common-style bottom-words" style="">
2681                            <a class="bottom-words" target="_blank" href="https://wanwang.aliyun.com">
2682                                <span class="bottom-words" style="display: block;"></span>
2683                            </a>
2684                        </div>
2685                    </div>
2686                </div>
2687            </div>
2688        </div>
2689
2690    
2690<script type="text/javascript">
2691
2692
2693
2694        $(function () {
2695            // 延迟加载之后移除延迟属性,以便于被其他代码加载
2696            $("img[loading='lazy']").on('load', function () {
2697                $(this).removeAttr('loading')
2698            }).each(function () {
2699                if (this.complete) {
2700                   $(this).removeAttr('loading')
2701                }
2702            })
2703
2704            $("img.lazyload").lazyload({ skip_invisible: false, effect: "fadeIn", failure_limit: 15, threshold: 100 });
2705            // 推后到OnAdjustFinished 中开启动画
2706            // 非响应式正常初始化
2707            if (typeof (LayoutConverter) === "undefined") {
2708                $('.animated').smanimate();
2709                // 轮播图除了第一页,控制其他页第二次再次播放时处于停止状态
2710                $('[ctype="slideset"]').each(function () {
2711                    $(this).find('.content-box:gt(0) .animated').smanimate('stop');
2712                })
2713            }
2714            $('.smartRecpt').smrecompute();
2715            setCurrentPageTitle('Home Page', 1);
2716            xwezhan.initWz();
2717            
2718            recordPageAccess(
2719                14466,
2720                54153232,
2721                '14466',
2722                '0');
2723            
2724
2725            if ($("#txtDeviceSwitchEnabled").val() == "hide") {
2726                $(".m-deviceSwitch").css("display", "none");
2727            }
2728
2729            // 隐藏备案信息展示
2730            $('div[ctype=companyinfo]').find('.company-info-title').each(function (i, it) {
2731                if ($(it).text().indexOf('备案') > -1 || $(it).next().text().toLowerCase().indexOf('icp') > -1) {
2732                    $(it).parent().parent().css('display', 'none');
2733                }
2734            })
2735            var info = {
2736                icp: "",
2737                ga: '',
2738                copyright: 'Beijing Hopebo New Materials Co., Ltd' != "" ? 'All rights reserved© ' + 'Beijing Hopebo New Materials Co., Ltd' : "",
2739                color: '#989898',
2740                background: '#ffffff',
2741                powerby: 'Powered by ' + '万网',
2742                ipv6: 'False' == 'True',
2743                ali: "True" == "True",
2744                style: 'style1',
2745                align: 'center',
2746                fontsize:12
2747        };
2748
2749            _initData()
2750            _initShow()
2751
2752            function _initData() {
2753                var linkUrl = "http://www.beian.gov.cn/portal/registerSystemInfo?recordcode="
2754                if (info.ga != "") {
2755                    linkUrl = linkUrl + info.ga.substring(5, 19);
2756                }
2757                $('.ga_link').attr('href', linkUrl);
2758                $('.bottom-content').css({ 'text-align': info.align })
2759                $('.icp-area .icp-words').text(info.icp)
2760                $('.ga-area .ga-words').text(info.ga)
2761                $('.copyright-area').text(info.copyright)
2762                $('.powerby-area').find('span').text(info.powerby)
2763                $('.page-bottom--area').css({ background: info.background })
2764                $('.bottom-words').css({ color: info.color })
2765                $('.bottom-border').css({ background: info.color })
2766                $('.ipv6-box').css({ 'border-color': info.color })
2767                $('.ali-area').find('svg g').css({ 'fill': info.color, height: info.fontsize, width: parseInt(info.fontsize * 55 / 13 + 'px') })
2768                $('.ga-area').find('img').css({ width: info.fontszie + 'px' })
2769
2770                $('.ipv-area').css({ 'line-height': info.fontsize + 'px' })
2771                $('.ali-area').find('svg g').css({ 'fill': info.color })
2772                $('.divider').css({ height: info.fontsize + 'px' })
2773                $('.ali-area').find('svg').css({ height: info.fontsize, width: parseInt(info.fontsize * 55 / 13 + 'px') })
2774                $('.ga-area').find('img').css({ width: info.fontsize + 'px', height: info.fontsize + 'px' })
2775                $('.page-bottom--area').find('.common-style').css({ fontSize: info.fontsize + 'px' })
2776            }
2777
2778            function _initShow() {
2779                if ("False" == "False") {
2780                    $('.top-area').css('display', 'none');
2781                }
2782                if (info.style === 'style1') {
2783                    $('#b_style1').css('display', 'block');
2784                    if (!info.ga) {
2785                        $('.ga-area').hide()
2786                        $('.ga-area')
2787                            .prev('.divider')
2788                            .hide()
2789                    }
2790                    if (!info.icp) {
2791                        $('.icp-area').hide()
2792                        $('.icp-area')
2793                            .next('.divider')
2794                            .hide()
2795                    }
2796                }
2797                if (info.style === 'style2') {
2798                    $('#b_style2').css('display', 'block');
2799                    if (!info.ga) {
2800                        $('.ga-area').hide()
2801                        $('.ga-area')
2802                            .next('.divider')
2803                            .hide()
2804                    }
2805                    if (!info.icp) {
2806                        $('.icp-area').hide()
2807                        $('.icp-area')
2808                            .prev('.divider')
2809                            .hide()
2810                    }
2811                }
2812                if (info.style === 'style3') {
2813                    $('#b_style3').css('display', 'block');
2814                    if (!info.ga) {
2815                        $('.ga-area').hide()
2816                        $('.ga-area')
2817                            .next('.divider')
2818                            .hide()
2819                    }
2820                    if (!info.copyright) {
2821                        $('.copyright-area').hide()
2822                        $('.copyright-area')
2823                            .prev('.divider')
2824                            .hide()
2825                    }
2826                    if (!info.icp) {
2827                        $('.icp-area').hide()
2828                        $('.icp-area')
2829                            .prev('.divider')
2830                            .hide()
2831                        $('.copyright-area').hide()
2832                        $('.copyright-area')
2833                            .prev('.divider')
2834                            .hide()
2835                    }
2836                    if (!info.ga && !info.copyright) {
2837                        $('.copyright-area').hide()
2838                        $('.copyright-area')
2839                            .next('.divider')
2840                            .hide()
2841                    }
2842                }
2843                if (info.style === 'style4') {
2844                    $('#b_style4').css('display', 'block');
2845                    if (!info.icp) {
2846                        $('.icp-area').hide()
2847                        $('.icp-area')
2848                            .prev('.divider')
2849                            .hide()
2850                        $('.copyright-area').hide()
2851                        $('.copyright-area')
2852                            .next('.divider')
2853                            .hide()
2854                    }
2855                    if (!info.copyright) {
2856                        $('.copyright-area').hide()
2857                        $('.copyright-area')
2858                            .next('.divider')
2859                            .hide()
2860                    }
2861                    if (!info.ga) {
2862                        $('.ga-area').hide()
2863                        $('.ga-area')
2864                            .prev('.divider')
2865                            .hide()
2866                    }
2867                    if (!info.icp && !info.copyright) {
2868                        $('.icp-area').hide()
2869                        $('.icp-area')
2870                            .next('.divider')
2871                            .hide()
2872                    }
2873                }
2874                if ("True".toLowerCase() == "false") {
2875                    $('.ali-area').hide()
2876                    $('.ali-area')
2877                        .next('.divider')
2878                        .hide()
2879                }
2880                if ("False".toLowerCase() == "false") {
2881                    $('.ipv-area').hide()
2882                    $('.ipv-area')
2883                        .prev('.divider')
2884                        .hide()
2885                }
2886                if ("True".toLowerCase() == "false") {
2887                    $('.powerby-area').hide()
2888                    $('.powerby-area')
2889                        .prev('.divider')
2890                        .hide()
2891                }
2892                if ("True".toLowerCase() == "false" && "False".toLowerCase() == "false") {
2893                    $('.ipv-area').hide()
2894                    $('.ipv-area')
2895                        .next('.divider')
2896                        .hide()
2897                }
2898                if ((!info.ga && !info.icp) || ("True".toLowerCase() == "false" && "False".toLowerCase() == "false" && "True".toLowerCase() == "false")) {
2899                    $('.top-area').css({ 'margin-bottom': 0 })
2900                }
2901                if (!info.ga && !info.icp && "True".toLowerCase() == "false" && "False".toLowerCase() == "false" && "True".toLowerCase() == "false") {
2902                    $('#all-icp-bottom').css({ 'display': 'none' });
2903                }
2904            }
2905        });
2906    </script>
2906
2907
2908    <div id="systemDialogLayer" style="position:relative;z-index:999999"></div>
2909
2910
2911        <!--CDN限流-->
2912        
2912<script type="text/javascript">
2913            $.get('/Designer/Common/IsShowVerificationCode', function (res) {
2914                if (res.IsSuccess && res.IsShowVerificationCode) {
2915                    var script = document.createElement('script')
2916                    script.src = "https://img.website.xin" + "/Scripts/sliderCaptcha/slider-captcha.min.js?_version=20250613165900"
2917                    script.onload = function () {
2918                        createSliderCaptcha()
2919                    }
2920                    document.head.appendChild(script)
2921                }
2922            })
2923        </script>
2923
2924
2925<script src="https://img.website.xin/Designer/Scripts/Responsive/Plugins/polyfill.min.js?_version=20250709210034" type="text/javascript"></script>
2925<link href="https://img.website.xin/Designer/Scripts/Responsive/Plugins/slicknav.css?_version=20250709210034" rel="stylesheet" type="text/css"/>
2925<script src="https://img.website.xin/Designer/Scripts/Responsive/Plugins/jquery.slicknav.min.js?_version=20250709210034" type="text/javascript"></script>
2925<script src="https://img.website.xin/Designer/Scripts/Responsive/Plugins/modernizr.min.js?_version=20250709210034" type="text/javascript"></script>
2925            
2925<script type="text/javascript" src="https://img.website.xin/Designer/Scripts/Responsive/CtrlAdjuster/ResponsiveJsLoader.js?_version=20250528162138&nonce=d8b098" DynamicLoadPath="https://img.website.xin/Designer/Scripts/Responsive/CtrlAdjuster/Core-Babeled.js?_version=20250929102031"></script>
2925
2926</body>
2927</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.