er-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">6</td><td class="et2" x:num="48" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">48</td><td class="et3" width="113" x:num="72" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">72</td></tr><tr height="19" style="height:19px;"><td class="et2" height="19" x:num="8" width="95" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">8</td><td class="et2" width="109" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">M8</td><td class="et2" x:num="11" width="116" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">11</td><td class="et2" x:num="8" width="100" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">8</td><td class="et2" x:num="56" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">56</td><td class="et2" x:num="86" width="113" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">86</td></tr><tr height="19" style="height:19px;"><td class="et3" height="19" width="95" x:num="10" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">10</td><td class="et3" width="109" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">M10</td><td class="et3" width="116" x:num="12" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">12</td><td class="et2" x:num="9" width="100" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">9</td><td class="et2" x:num="63" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">63</td><td class="et3" width="113" x:num="96" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">96</td></tr><tr height="19" style="height:19px;"><td class="et2" height="19" x:num="12" width="95" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">12</td><td class="et2" width="109" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">M12</td><td class="et2" x:num="14" width="116" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">14</td><td class="et2" x:num="12" width="100" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">12</td><td class="et2" x:num="80" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">80</td><td class="et2" x:num="122" width="113" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">122</td></tr><tr height="19" style="height:19px;"><td class="et3" height="19" width="95" x:num="14" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">14</td><td class="et2" width="109" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">M14</td><td class="et3" width="116" x:num="15" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">15</td><td class="et2" x:num="12" width="100" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">12</td><td class="et2" x:num="90" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">90</td><td class="et3" width="113" x:num="126" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">126</td></tr><tr height="19" style="height:19px;"><td class="et2" height="19" x:num="16" width="95" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">16</td><td class="et2" width="109" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">M16</td><td class="et2" x:num="17" width="116" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">17</td><td class="et2" x:num="16" width="100" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">16</td><td class="et2" x:num="100" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">100</td><td class="et2" x:num="155" width="113" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">155</td></tr><tr height="19" style="height:19px;"><td class="et2" height="19" x:num="18" width="95" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">18</td><td class="et2" width="109" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">M18</td><td class="et3" width="116" x:num="20" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">20</td><td class="et2" x:num="18" width="100" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">18</td><td class="et2" x:num="119" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">119</td><td class="et3" width="113" x:num="175" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">175</td></tr><tr height="19" style="height:19px;"><td class="et2" height="19" x:num="20" width="95" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">20</td><td class="et2" width="109" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">M20</td><td class="et2" x:num="20" width="116" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">20</td><td class="et2" x:num="19" width="100" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">19</td><td class="et2" x:num="119" width="123" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">119</td><td class="et2" x:num="175" width="113" style="margin:0px;border-color:transparent;word-break:break-all;padding-right:5px;padding-left:5px;">175</td></tr></tbody></table><p><br /></p>            </div>

            <div class="show-con">
                            </div>
        <div class="contact" id="mob">
            <p>Contact Us</p>
            <ul class="tel-left">
                <li>
                    <img src="/views/template/images/tel.png" alt="turnbuckle,snap hook,link chain,wire rope,stainless steel,Decorstainless International Co., Ltd."/>
                    　<span>0086-532-66885839</span>
                </li>

                <li>
                    <img src="/views/template/images/fax.png" alt="turnbuckle,snap hook,link chain,wire rope,stainless steel,Decorstainless International Co., Ltd."/>
                    　<span>0086-532-66885809</span>
                </li>

                <li>
                    <img src="/views/template/images/email.png" alt="turnbuckle,snap hook,link chain,wire rope,stainless steel,Decorstainless International Co., Ltd."/>
                    　<span>sales@decorstainless.com</span>
                </li>

                <li>
                    <img src="/views/template/images/wz.png" alt="turnbuckle,snap hook,link chain,wire rope,stainless steel,Decorstainless International Co., Ltd."/>
                    　<span>www.decorstainless.com / www.decorstainless.com.cn</span>
                </li>

                <li>
                    <img src="/views/template/images/add.png" alt="turnbuckle,snap hook,link chain,wire rope,stainless steel,Decorstainless International Co., Ltd."/>
                    　<span>Room 908, Tower A, NO. 177, Tailiu Road, Qingdao, China</span>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>
        </div>
    </section>
    <script type="text/javascript">
        (function ($) {
            $.fn.albumSlider = function (j) {
                return this.each(function () {
                    var b = $.extend({
                        step: 2,
                        imgContainer: 'div.fullview',
                        listContainer: 'ul.imglist',
                        event: 'mouseover',
                        direction: 'v'
                    }, j || {});
                    var c = $(b.imgContainer, this), $list = $(b.listContainer, this), currId = 0, currPage = 0, size = $list.children().length - 1, pageSize = Math.floor(size / b.step);
                    var f = b.direction == 'v';
                    var g = f ? 'top' : 'left';
                    var h = (size >= b.step) ? $('li', $list).eq(b.step).offset()[g] - $('li', $list).eq(0).offset()[g] : 0;
                    var i = function () {
                        var a = $(this);
                        if (a.is('.current')) {
                            return false
                        }
                        $('img', c).fadeOut(800, function () {
                            $(this).remove()
                        });
                        $('<img>').hide().attr('src', $('a', a).attr('href')).appendTo(c).fadeIn(800);
                        a.addClass('current').siblings().removeClass('current');
                        return false
                    };
                    $.proxy(i, $('li', $list).eq(0))();
                    $list.delegate('li', b.event, $.proxy(i)).bind('moveforward movebackward', function (e) {
                        var a = e.type == 'moveforward';
                        if (a) {
                            currId += b.step;
                            if (currId > size) {
                                currId = size
                            }
                            if (++currPage > pageSize) {
                                currPage = pageSize;
                                return false
                            }
                        } else {
                            currId -= b.step;
                            if (currId < 0) {
                                currId = 0
                            }
                            if (--currPage < 0) {
                                currPage = 0;
                                return false
                            }
                        }
                        ;
                        var d = (a ? '-=' : '+=') + h;
                        $(this).stop(true, true).animate(f ? {top: d} : {left: d}, 500, function () {
                            $.proxy(i, $('li', $list).eq(currId))()
                        })
                    });
                    $('div.button', this).click(function () {
                        $list.trigger($(this).is('.moveforward') ? 'moveforward' : 'movebackward')
                    })
                })
            }
        })(jQuery);
        $(function(){
            //纵向，默认，移动间隔2
            $('div.albumSlider').albumSlider();
            //横向设置
            $('div.albumSlider-h').albumSlider({direction:'h',step:3});
        });
    </script>
    <script>
        $(".list-banner img").eq(0).show().siblings("img").hide();
        window.onload = function() {
            var b = $(".mbx a").eq(2).text();

            if(b == 'Swageless terminal' || b == 'Wire rope' || b == 'Link chain')
            {
                $(".list-banner img").eq(0).show().siblings("img").hide();

            }else if(b == 'Turnbuckle'){
                $(".list-banner img").eq(1).show().siblings("img").hide();

            }else if(b == 'Rigging hardware'){

                $(".list-banner img").eq(2).show().siblings("img").hide();

            }else if(b == 'Handrail fitting'){

                $(".list-banner img").eq(3).show().siblings("img").hide();

            }else if(b == 'Marine hardware'){

                $(".list-banner img").eq(4).show().siblings("img").hide();
            }
        }

    </script>
</artivle>
<footer>

    <section class="foot" style="background: #0e3966;padding: 14px 15px;">
        <div class="uk-container uk-container-center">
            <div class="uk-width-large-2-5 uk-width-medium-1-2 uk-width-1-1 f-fl foot-left">
                <p class="f-fl">Decorstainless International Co., Ltd.</p>
              <div class="f-fr">
                <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274869643'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274869643%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
              </div>
            </div>
            <div class="uk-width-large-3-5 uk-width-medium-1-2 uk-width-1-1 f-fr foot-right">
                <img class="f-fr" src="/views/template//images/link.png" width="303" height="26" usemap="#Map" border="0">
                <map name="Map">
                    <area shape="rect" coords="-3,0,26,26" href="#">
                    <area shape="rect" coords="39,0,66,25" href="#">
                    <area shape="rect" coords="79,1,105,25" href="#">
                    <area shape="rect" coords="119,0,143,24" href="#">
                    <area shape="rect" coords="155,0,184,25" href="#">
                    <area shape="rect" coords="201,1,302,25" href="#">
                </map>
            </div>
        </div>
    </section>


    <section class="side">
        <ul>
            <li>
                <div class="sidebox">
                    <img src="/views/template/images/float-icon/zuoji01.png">0086-532-66885839                </div>
            </li>


            <li>
                <div class="sidebox">
                    <img src="/views/template/images/float-icon/fax01.png">0086-532-66885809                </div>
            </li>

            <li>
                <div class="sidebox">
                    <img src="/views/template/images/float-icon/email01.png">sales@decorstainless.com                </div>
            </li>


            <li style="border:none;">
                <a href="javascript:goTop();" class="sidetop">
                    <img src="/views/template/images/float-icon/to-top.png">
                </a>
            </li>
        </ul>
    </section>



    <script>
        var wow = new WOW({
			boxClass: 'wow',
			animateClass: 'magictime',
			offset: 0,
			mobile: true,
			live: true
		});
		wow.init();
		//float qq
        $(document).ready(function(){

            $(".side ul li").hover(function(){
                $(this).find(".sidebox").stop().animate({"width":"280px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#004177"})
            },function(){
                $(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})
            });

        });
        //to-top
        function goTop(){
            $('html,body').animate({'scrollTop':0},600);
        }
    </script>
</footer>
</body>
</html>