").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>