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