<style>
.g-bg-bluegray-opacity-0_27--before::before, .g-bg-bluegray-opacity-0_27--after::after {
    background-color: <?php echo $octrgba; ?> !important;
}
.g-bg-bluegray-opacity-0_77--after{
    background: rgba(0, 0, 0, 0) linear-gradient(to right, <?php echo $bannerbgc; ?> 0%,<?php echo $bannerbgcjb; ?> 100%) repeat scroll 0 0 !important;
}
</style>
           
          <div id="<?php echo $sectiontab; ?>" class="g-pt-<?php echo $topmagin; ?> g-pb-<?php echo $btmagin; ?> g-bg-img-hero g-bg-pos-top-center g-bg-size-cover g-bg-cover g-bg-bluegray-opacity-0_27--after g-bg-bluegray-opacity-0_77--after" style="background-image: url(<?php echo $image; ?>);">
            <div class="container g-pos-rel g-z-index-1">
          <div class="row align-items-center">
            <div class="col-lg-<?php echo $wgdlg1; ?> g-mb-30 text-<?php echo $dpl; ?> g-max-width-<?php echo $maxwidth; ?> mx-auto g-mb-0--lg">
              <?php if ($titlename): ?><h2 class="h3 text-<?php echo $titleposition; ?>  text-uppercase g-mb-30" style="color:<?php echo $bgcolorcss; ?>;">
                  <span class="g-px-5 g-font-weight-700 g-font-size-20 g-font-size-<?php echo $titlefontsize; ?>--md"><?php echo $titlename; ?></span>
                </h2><?php endif ?>
                      <?php if ($describe): ?><p class="g-font-size-15 g-font-size-<?php echo $msonefontsize; ?>--md g-mb-30" style="color:<?php echo $titlecss; ?>;"><?php echo $describe; ?></p><?php endif ?>
                      <?php if ($section2): ?><p class="g-font-size-15 g-font-size-<?php echo $mstwofontsize; ?>--md g-mb-30" style="color:<?php echo $titlecsstwo; ?>;"><?php echo $section2; ?></p><?php endif ?>
			  <?php if ($link1): ?><a target="_blank" href="<?php echo $link1; ?>" class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v1-<?php echo $buttonhover; ?> u-btn-<?php echo $buttoncolor1; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php if ($icons1): ?><i class="<?php echo $icons1; ?> g-mr-5"></i><?php endif ?><?php echo $buttonname1; ?></a><?php endif ?>
              <?php if ($link2): ?><a target="_blank" href="<?php echo $link2; ?>" class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v1-<?php echo $buttonhover; ?> u-btn-outline-<?php echo $buttoncolor2; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php if ($icons2): ?><i class="<?php echo $icons2; ?> g-mr-5"></i><?php endif ?><?php echo $buttonname2; ?></a><?php endif ?>
			  <?php if ($qq1): ?><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<?php echo $qq1; ?>&site=qq&menu=yes" class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v1-<?php echo $buttonhover; ?> u-btn-<?php echo $buttoncolor1; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php echo $buttonname1; ?></a><?php endif ?>
              <?php if ($qq2): ?><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<?php echo $qq2; ?>&site=qq&menu=yes" class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v1-<?php echo $buttonhover; ?> u-btn-outline-<?php echo $buttoncolor2; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php echo $buttonname2; ?></a><?php endif ?>
			  <?php if ($alww1): ?><a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=<?php echo $alww1; ?>&siteid=cntaobao&status=2&charset=utf-8" class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v1-<?php echo $buttonhover; ?> u-btn-<?php echo $buttoncolor1; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php echo $buttonname1; ?></a><?php endif ?>
              <?php if ($alww2): ?><a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=<?php echo $alww2; ?>&siteid=cntaobao&status=2&charset=utf-8" class="btn btn-<?php echo $buttonsize; ?> g-brd-<?php echo $buttonborder; ?> u-btn-<?php echo $buttond; ?>d u-btn-<?php echo $buttoninset; ?> u-btn-hover-v1-<?php echo $buttonhover; ?> u-btn-outline-<?php echo $buttoncolor2; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php echo $buttonname2; ?></a><?php endif ?>	
            </div>
            <div class="col-lg-<?php echo $wgdlg1; ?>" text-center>
                  <!-- Carousel - Image -->
                  <div id="carouselCus2" class=" js-carousel g-pos-rel" data-infinite="true" data-autoplay="<?php echo $autoplay; ?>" data-speed="<?php echo $speed; ?>" data-fade="<?php echo $fade; ?>" data-nav-for="#carouselCus1">
                    <?php foreach ($services as $service) { ?>
					 <?php if ($service['link1']) { ?>
					 <a target="_blank" href="<?php echo $service['link1']; ?>">
					<div class="js-slide">
					<?php if ($service['image']): ?>
	                <div class="text-center mx-auto u-block-hover">
					<img class="img-fluid d-inline-block u-in-viewport <?php echo $imagepicstyle; ?>" src="<?php echo $service['image']; ?>" alt="Image Description" data-animation="<?php echo $imganimation; ?>" data-animation-delay="0" data-animation-duration="1000">
					</div>
					<?php endif ?>	
					</div>
					</a>
					<?php } else { ?>
					<div class="js-slide">
					<?php if ($service['image']): ?>
	                <div class="text-center mx-auto u-block-hover">
					<img class="img-fluid d-inline-block u-in-viewport <?php echo $imagepicstyle; ?>" src="<?php echo $service['image']; ?>" alt="Image Description" data-animation="<?php echo $imganimation; ?>" data-animation-delay="0" data-animation-duration="1000">
					</div>
					<?php endif ?>	
					</div>
					<?php } ?>
                    <?php } ?>
				  </div>
                  <!-- End Carousel - Image -->
            </div>
          </div>
            </div>
          </div>
