$(function(){
    //header HTML
    var headerHtmls='<div class="header-inner">' +
        '<div class="container">' +
        '<div class="row">' +
        '<div class="col-md-4 col-sm-2 col-xs-2">' +
        '<div class="logo">' +
        '<a href="index.html">' +
        '<img src="images/logo.png" alt="logo.png" style="margin-right: 16px;">' +
        '<img src="images/logoname.png" alt="logoname.png" style="margin-right: 26px;">' +
        '<img src="images/logotitle.png" alt="logotitle.png">' +
        '</a>' +
        '</div>' +
        '</div>' +
        '<div class="col-md-8 col-sm-8">' +
        '<div class="mobile-menu"></div>' +
        '<nav class="navbar navbar-default">' +
        '<div class="collapse navbar-collapse">' +
        '<ul id="nav" class="nav navbar-nav">' +
        '<li class="current"><a href="index.html">首页</a></li>' +
        '<li><a href="portfolio.html">产品介绍</a></li>' +
        '<li><a href="services.html">服务</a></li>' +
        '<li><a href="contact.html">关于我们</a></li>' +
        '</ul>' +
        '</div>' +
        '</nav>' +
        '</div>' +
        '</div>' +
        '<</div>' +
        '</div>';

    //footer HTML
    var footHtmls='<div class="container">' +
        '        <div class="row">' +
        '            <div class="col-md-3 col-xs-6">' +
        '                <div class="footer">' +
        '                    <div class="footer-title">公司介绍</div>' +
        '                    <ul class="footer-links">' +
        '                        <li><a href="#">企业文化</a></li>' +
        '                        <li><a href="#">加入我们</a></li>' +
        '                        <li><a href="#">发展历程</a></li>' +
        '                        <li><a href="#">资质</a></li>' +
        '                    </ul>' +
        '                </div>' +
        '            </div>' +
        '            <div class="col-md-3 col-xs-6">' +
        '                <div class="footer">' +
        '                    <div class="footer-title">产品介绍</div>' +
        '                    <ul class="footer-links">' +
        '                        <li><a href="#">企业云</a></li>' +
        '                        <li><a href="#">任你停</a></li>' +
        '                        <li><a href="#">大数据</a></li>' +
        '                    </ul>' +
        '                </div>' +
        '            </div>' +
        '            <div class="col-md-3 col-xs-6">' +
        '                <div class="footer">' +
        '                    <div class="footer-title">联系我们</div>' +
        '                    <ul class="footer-links">' +
        '                        <li>电话:(0510) 66055077</li>' +
        '                        <li style="height: 36px;line-height: 18px;margin-bottom: 16px;">地址:江苏省无锡新区菱湖大道200号<br> &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;中国传感网国际创新园A座6层</li>' +
        '                        <li>E-mail:info@zte-its.com</li>' +
        '                    </ul>' +
        '                </div>' +
        '            </div>' +
        '            <div class="col-md-3 col-xs-6">' +
        '                <div class="footer">' +
        '                    <div class="footer-media">官方媒体</div>' +
        '                    <ul class="footer-links">' +
        '                        <span class="links_wechatIco rnt_pos_rel">' +
        '                            <span class="rnt_wechat rnt_pos_abs"></span>' +
        '                        </span>' +
        '                        <a href="http://www.weibo.com"><span class="links_weiboIco"></span></a>' +
        '                    </ul>' +
        '                </div>' +
        '            </div>' +
        '        </div>' +
        '    </div>' +
        '    <div id="bottom-footer" class="bottom-footer">' +
        '        <div class="container">' +
        '            <div class="row">' +
        '                <div class="col-md-12 text-center" style="padding-top: 27px">' +
        '<span class="copyright">' +
        'Copyright © 2018. ZTE ITS LIMITED.<a style="color:rgba(255,255,255,.5);display: inline-block;text-align: center;" href="http://www.miitbeian.gov.cn/">苏ICP备17052208号-1</a>' +
        '<!--<script>document.write(new Date().getFullYear());</script>-->' +
        '</span>' +
        '                </div>' +
        '            </div>' +
        '        </div>' +
        '    </div>';
    $('#header').html(headerHtmls);
    $('#footer').html(footHtmls);
    /**
     *弹窗切换
     **/
    $('#nav li').on('click', function () {
        var _index = $(this).index();
        $('#nav>li').eq(_index).addClass('current').siblings().removeClass('current');

    });
});