"/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>