<style>
.g-bg-black-opacity-0_25 {
    background-color: <?php echo $neopacity; ?> !important;
}
</style>
    <!-- Header Toggle Button -->
    <button class="btn u-btn-white u-header-toggler u-header-toggler--top-right g-pa-0" id="header-toggler" aria-haspopup="true" aria-expanded="false" aria-controls="js-header" aria-label="Toggle Header" data-target="#js-header">
      <span class="hamburger hamburger--collapse">
    <span class="hamburger-box">
      <span class="hamburger-inner"></span>
      </span>
      </span>
    </button>
    <!-- End Header Toggle Button -->

    <!-- Sidebar Navigation -->
    <div id="js-header" class="u-header u-header--side" aria-labelledby="header-toggler" data-header-behavior="overlay" data-header-position="<?php echo $navp; ?>" data-header-breakpoint="lg" data-header-classes="g-transition-0_5" data-header-overlay-classes="g-bg-black-opacity-0_25 g-transition-0_5">
      <div class="u-header__sections-container g-py-10 g-py-40--lg g-px-14--lg" style="background-color: <?php echo $ocwrgba; ?>;">
        <div class="u-header__section u-header__section--light">
          <nav class="navbar navbar-expand-lg">
            <div class="js-mega-menu container">
              <!-- Responsive Toggle Button -->
              <button class="navbar-toggler navbar-toggler-right btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-right-0" type="button" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
                <span class="hamburger hamburger--slider">
              <span class="hamburger-box">
                <span class="hamburger-inner"></span>
                </span>
                </span>
              </button>
              <!-- End Responsive Toggle Button -->
              <!-- Logo -->
              <a href="" class="navbar-brand g-mb-40--lg">
                <img src="<?php echo $image; ?>" alt="logo">
              </a>
              <!-- End Logo -->

              <!-- Navigation -->
              <div class="collapse navbar-collapse align-items-center flex-sm-row w-100 g-mt-20 g-mt-0--lg g-mb-40" id="navBar">
                <ul class="navbar-nav ml-auto text-uppercase g-font-weight-600 u-sub-menu-v1">
                  <?php foreach ($services as $service) { ?>
				  <?php if ($service['link']) { ?>
				  <li class="nav-item g-my-5">
                    <a href="<?php echo $service['link']; ?>" class="nav-link" style="color: <?php echo $titlecss; ?>;"><?php echo $service['title']; ?></a>
                  </li>
				  <?php } else { ?>
				  <li class="nav-item g-my-5">
                    <a class="nav-link" style="color: <?php echo $titlecss; ?>;"><?php echo $service['title']; ?></a>
                  </li>
				  <?php } ?>
				  <?php } ?>
				  <?php if ($blog): ?>
				  <li class="nav-item g-my-5">
					<a class="nav-link" style="color:<?php echo $titlecss; ?>;" href="index.php?route=blog/all" target="_blank"><?php echo $blog; ?></a>
                  </li><?php endif ?>
                </ul>
              </div>
              <!-- End Navigation -->

              <div class="text-center g-hidden-lg-down">
                <ul class="list-inline g-mb-10">
                  <?php if ($nsqq): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="<?php echo $nsqq; ?>">
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<?php echo $nsqq; ?>&site=qq&menu=yes" style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-qq"></i>
                    </a>
                  </li><?php endif ?>
                  <?php if ($nsalww): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="<?php echo $nsalww; ?>">
                    <a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=<?php echo $nsalww; ?>&siteid=cntaobao&status=2&charset=utf-8" ><img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid=<?php echo $nsalww; ?>&site=cntaobao&s=2&charset=utf-8" alt="点击这里给我发消息" /></a>
                  </li><?php endif ?>
                  <?php if ($nsweibo): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="新浪微博">
                    <a target="_blank" href="http://<?php echo $nsweibo; ?>" style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-weibo"></i>
                    </a>
                  </li><?php endif ?>
                  <?php if ($nsweixin): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="<?php echo $nsweixin; ?>">
                    <a style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-weixin"></i>
                    </a>
                  </li><?php endif ?>
                  <?php if ($nstele): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="电话 ：<?php echo $nstele; ?>">
                    <a style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-phone-square"></i>
                    </a>
                  </li><?php endif ?>
                  <?php if ($nsemal): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="邮箱 : <?php echo $nsemal; ?>">
                    <a style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-envelope-open"></i>
                    </a>
                  </li><?php endif ?>
                  <?php if ($nsapple): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="下载苹果客户端">
                    <a target="_blank" href="http://<?php echo $nsapple; ?>" style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-apple"></i>
                    </a>
                  </li><?php endif ?>
                  <?php if ($nsanzhuo): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="下载安卓客户端">
                    <a target="_blank" href="http://<?php echo $nsanzhuo; ?>" style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-android"></i>
                    </a>
                  </li><?php endif ?>
                  <?php if ($nsweb): ?><li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="" data-original-title="网址">
                    <a target="_blank" href="http://<?php echo $nsweb; ?>" style="color:<?php echo $nciconc; ?>;">
                      <i class="fa fa-chain"></i>
                    </a>
                  </li><?php endif ?>
                </ul>
                <p class="mb-0"  style="color:<?php echo $nspowerc; ?>;"><?php echo $nspower; ?></p>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </div>
    <!-- End Sidebar Navigation -->
  <!-- JS Plugins Init. -->
  <script>

    $(window).on('load', function () {
      // initialization of header
      $.HSCore.components.HSHeaderSide.init($('#js-header'));
      $.HSCore.helpers.HSHamburgers.init('.hamburger');

      // initialization of HSMegaMenu component
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        direction: 'vertical',
        breakpoint: 991
      });
	  
    });
  </script>
  <script src="catalog/view/assets/js/components/hs.header-side.js"></script>
  <script src="catalog/view/assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>