               <section id="<?php echo $sectiontab; ?>" class="g-pt-<?php echo $rrp; ?> g-pb-<?php echo $rrb; ?>" style="background-image: linear-gradient(33deg, <?php echo $bgcolor; ?>, <?php echo $bgcolorcss; ?>);">
               <div class="<?php echo $main; ?>">
              <div class="row justify-content-center text-center g-mb-0">
               <div class="col-lg-6">
                <?php if ($titlename): ?><h1 class="h4 g-font-weight-600 mb-2" style="color:<?php echo $titlecss; ?>;"><?php echo $titlename; ?></h1><?php endif ?>
                <?php if ($rfourlh): ?><div class="d-inline-block mb-2" style="width:<?php echo $rfourlw; ?>px;height:<?php echo $rfourlh; ?>px;background-color:<?php echo $rfourlc; ?>;"></div><?php endif ?>
                <?php if ($describe): ?><p class="g-mb-50" style="color:<?php echo $titlesmcss; ?>;"><?php echo $describe; ?></p><?php endif ?>
               </div>
               </div>
                  <div class="row align-items-stretch no-gutters">
                    <div class="col-lg-<?php echo $wgdlg1; ?> g-mb-0 g-mb-0--lg  align-self-center text-<?php echo $rrption; ?>">
					<div class="g-px-<?php echo $layoutpx; ?> g-py-<?php echo $layoutpy; ?>">
					<?php if ($namebig): ?>
                      <div class="g-py-20">
                        <h2 class="h4 text-uppercase g-font-weight-600" style="color:<?php echo $titlezwzc; ?>;"><?php echo $namebig; ?></h2>
                      </div>
                       <?php endif ?>
                       <?php if ($section1): ?><p class="g-mb-<?php echo $paddingbottom; ?>" style="color:<?php echo $tccolor; ?>;"><?php echo $section1; ?></p><?php endif ?>
                       <?php if ($section2): ?><p class="g-mb-0" style="color:<?php echo $pricecolor; ?>;"><?php echo $section2; ?></p><?php endif ?>
        
			  <!-- Products Block -->
              <div class="g-mx-minus-15">
                <div id="carouse<?php echo $sectionid; ?>" class="js-carousel" data-infinite="true" data-fade="<?php echo $fade; ?>" data-autoplay="<?php echo $autoplay; ?>" data-speed="<?php echo $speed; ?>" data-slides-scroll="<?php echo $scroll; ?>" data-slides-show="<?php echo $column; ?>"  data-rows="<?php echo $rrsrow; ?>">
					 <?php foreach ($services as $service) { ?>
                        <div class="js-slide g-px-15">
                          <div class="g-mb-<?php echo $rrmtp; ?> text-<?php echo $rmaxwidth; ?>">
                            <?php if ($service['icon1']): ?>
                              <span class="g-mb-10 u-icon-v3 g-bg-<?php echo $hoverbj; ?>--hover g-color-<?php echo $hovertit; ?>--hover g-font-size-<?php echo $miconsize; ?> g-rounded-<?php echo $miconround; ?>" style="background-image: linear-gradient(-33deg, <?php echo $miconbj; ?>, <?php echo $miconjbbj; ?>);color:<?php echo $miconcolor; ?>;border:<?php echo $miconborder; ?>px solid <?php echo $miconbc; ?>;width:<?php echo $miconwidth; ?>px;height:<?php echo $miconheight; ?>px;">
                                <i class="<?php echo $service['icon1']; ?>"></i>
                              </span>
                            <?php endif ?>
					  <!-- Article Image -->
                      <?php if ($service['image']): ?>
					  <div class="g-mb-10 ">
					  <img class="d-inline-block img-fluid g-rounded-<?php echo $imground; ?> u-shadow-v<?php echo $imgshadow; ?> <?php echo $imgthumb; ?>" style="padding:<?php echo $imgpadding; ?>px; border:<?php echo $imgborder; ?>px solid <?php echo $imgcolor; ?>;" src="<?php echo $service['image']; ?>" alt="Image Description" >
					  </div>
					  <?php endif ?>
                      <!-- End Article Image -->

                              <?php if ($service['title1']): ?>
							  <h3 class="g-font-weight-700 g-font-size-15 g-font-size-<?php echo $rfontsize; ?>--md g-mb-0" style="color:<?php echo $rrbigt; ?>;">
                                <?php echo $service['title1']; ?>
                              </h3><?php endif ?>
                              <?php if ($service['text1']): ?><p style="color:<?php echo $rrsmt; ?>;"><?php echo $service['text1']; ?></p><?php endif ?>

                          </div>
                      </div>
                  <?php } ?> 
                </div>
				</div>
					   <?php if ($section3): ?><p class="g-mb-<?php echo $paddingbottom; ?>" style="color:<?php echo $pricetitleicolor; ?>;"><?php echo $section3; ?></p><?php endif ?>
 					   <?php if ($section4): ?><p class="g-mb-<?php echo $paddingbottom; ?>" style="color:<?php echo $pricetitleicolor; ?>;"><?php echo $section4; ?></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>
              <!-- End Products Block -->
					</div>
                    <div class="col-lg-<?php echo $wgdlg2; ?> align-self-center text-center text-lg-center u-block-hover">
                      <?php if ($image): ?><div class="g-ml-20">
					  <img class="img-fluid u-in-viewport <?php echo $imagepicstyle; ?>" src="<?php echo $image; ?>" alt="Image Description" data-animation="<?php echo $imganimation; ?>" data-animation-delay="0" data-animation-duration="1000"> 
                      </div><?php endif ?> 
<?php if ($video): ?>
<div class="g-px-20">
<div class="embed-responsive embed-responsive-16by9">
  <video preload="auto" controls="controls" poster="">
    <source src="" type="video/webm;">
      <source src="<?php echo $video; ?>" type="video/mp4;">
  </video>
</div>
</div>
<?php endif ?> 
					</div>
                  </div>
                </div>
                </section>	

                  <!-- JS Plugins Init. -->
                  <script >
                    $(document).ready(function () {

                      $('#carouse<?php echo $sectionid; ?>').slick('setOption', 'responsive', [{
                        breakpoint: 992,
                        settings: {
                          slidesToShow: 2
                        }
                      }, {
                        breakpoint: 576,
                        settings: {
                          slidesToShow: 1
                        }
                      }], true);
                    });
                  </script>		
<script >
  $(document).on('ready', function () {
    // initialization of scroll animation
    $.HSCore.components.HSOnScrollAnimation.init('[data-animation]');
  });
</script>		