<style>
.g-bg-bluegray-opacity-0_<?php echo $sectionnum; ?>--before::before, .g-bg-bluegray-opacity-0_<?php echo $sectionnum; ?>--after::after{
background:  rgba(0, 0, 0, 0) linear-gradient(to right, <?php echo $bgcolor; ?> 0%, <?php echo $bgcolorcss; ?> 100%) repeat scroll 0 0;	
}
.g-bg-primary-opacity-0_<?php echo $boxnum; ?> {
    background-color: <?php echo $boxbg; ?> !important;
}
.<?php echo $slidename; ?>{
   border-radius: <?php echo $slideradiustwo; ?>px;
   background: <?php echo $slidebackgroundtwo; ?>;
   border: <?php echo $sliderbordertwo; ?>px solid <?php echo $sliderhkctwo; ?>;
   color: <?php echo $slidecolortwo; ?>;
}
</style>
          <section id="<?php echo $sectiontab; ?>" class="g-pt-<?php echo $ptduotuwen; ?> g-pb-<?php echo $pbduotuwen; ?> g-bg-img-hero g-bg-pos-top-center g-bg-size-cover g-bg-cover g-bg-bluegray-opacity-0_<?php echo $sectionnum; ?>--after" style="background-image: url(<?php echo $image; ?>);">
          <div class="<?php echo $main; ?> g-pos-rel g-z-index-1">
              <div class="row justify-content-center text-center g-mb-0">
               <div class="col-lg-9">
                <?php if ($duotuwenname): ?><h1 class="h4 g-font-weight-600 mb-2" style="color:<?php echo $titlecss; ?>;"><?php echo $duotuwenname; ?></h1><?php endif ?>
                <?php if ($duotuwenlineh): ?><div class="d-inline-block mb-2" style="width:<?php echo $duotuwenlinew; ?>px;height:<?php echo $duotuwenlineh; ?>px;background-color:<?php echo $duotuwenlinec; ?>;"></div><?php endif ?>
                <?php if ($describe): ?><p class="g-mb-30" style="color:<?php echo $boxtitlecss; ?>;"><?php echo $describe; ?></p><?php endif ?>
               </div>
               </div>
                <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 $rows; ?>" data-arrows-classes="u-arrow-v1 <?php echo $slidename; ?> g-absolute-centered--y g-width-<?php echo $slidewidthtwo; ?> g-height-<?php echo $slideheighttwo; ?>" data-arrow-left-classes="fa fa-chevron-left g-left-<?php echo $slideformtwo; ?>" data-arrow-right-classes="fa fa-chevron-right g-right-<?php echo $slideformtwo; ?>">
                 <?php foreach ($services as $service) { ?>
				 <div class="js-slide g-pa-<?php echo $boxmagin; ?>">
                      <!-- Figure -->
                      <figure class="g-pa-<?php echo $boxpd; ?> u-block-hover mb-0 g-transition-0_3 g-bg-<?php echo $boxbjhover; ?>--hover g-color-<?php echo $boxcolorhover; ?>--hover u-shadow-v<?php echo $boxshadow; ?> u-shadow-v<?php echo $boxshadowhover; ?>--hover g-rounded-<?php echo $boxround; ?> text-<?php echo $boxposition; ?>" style="border:<?php echo $boxborder; ?>px solid <?php echo $boxcolor; ?>">
                        <!-- Figure Image -->
						<div class="g-pb-<?php echo $boxpadding; ?> g-pt-<?php echo $boxptpadding; ?>" style="background: <?php echo $imgcbj; ?>;">
                        <img class="img-fluid d-inline-block <?php echo $imagepicstyle; ?> g-rounded-<?php echo $imground; ?> u-shadow-v<?php echo $imgshadow; ?> <?php echo $imgthumb; ?>" src="<?php echo $service['image']; ?>" style="padding:<?php echo $imgpadding; ?>px; border:<?php echo $imgborder; ?>px solid <?php echo $imgcolor; ?>;" src="<?php echo $service['image']; ?> alt="Image Description">
                        <?php if ($service['text']): ?><figcaption class="u-ribbon-v1 g-bg-<?php echo $service['color']; ?> g-font-weight-700 g-font-size-11 text-uppercase g-top-20 g-left-10 rounded" style="color:<?php echo $boxzhiwei; ?>;"><?php echo $service['text']; ?></figcaption><?php endif ?>
						<div class="g-px-<?php echo $boxwzbj; ?> g-py-20">
						<?php if ($service['title']): ?><font class="g-font-size-15 g-font-weight-600" style="color:<?php echo $boxtitle; ?>;"><?php echo $service['title']; ?></font><?php endif ?>
						</div>
						</div>
						<!-- End Figure Image -->

                        <!-- Figure Caption -->
                        <figcaption class="g-font-weight-200">
                          <div class="g-bg-primary-opacity-0_<?php echo $boxnum; ?> <?php echo $imagetext; ?> g-flex-middle">
                            <div class="g-flex-middle-item g-px-<?php echo $boxwzbj; ?> g-pt-10">
                        <?php if ($service['text']): ?><figcaption class="u-ribbon-v1 g-bg-<?php echo $service['color']; ?> g-font-weight-700 g-font-size-11 text-uppercase g-top-20 g-left-10 rounded" style="color:<?php echo $boxzhiwei; ?>;"><?php echo $service['text']; ?></figcaption><?php endif ?>
                              <!-- Figure Info -->
                              <?php if ($service['introduce']): ?><p style="color:<?php echo $boxdescribe; ?>;"><?php echo $service['introduce']; ?></p><?php endif ?>
                              <!-- End Info -->
			  <?php if ($service['boxbottonn1']): ?><a target="_blank" href="<?php echo $service['weblink']; ?>" 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 $service['boxbottonn1']; ?></a><?php endif ?>
			  <?php if ($service['boxbottonn2']): ?><a target="_blank" href="<?php echo $service['weibolink']; ?>" 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 $buttoncolor2; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php if ($icons1): ?><i class="<?php echo $icons2; ?> g-mr-5"></i><?php endif ?><?php echo $service['boxbottonn2']; ?></a><?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-<?php echo $buttoncolor2; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php if ($icons1): ?><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-<?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-<?php echo $buttoncolor2; ?> g-rounded-<?php echo $buttonround; ?> g-mr-10 g-mb-15"><?php echo $buttonname2; ?></a><?php endif ?>	
                            </div>
                          </div>
                        </figcaption>
                        <!-- End Figure Caption-->
                      </figure>
                      <!-- End Figure -->
					  </div>
				  <?php } ?>
                </div>
			   
                </div>
                </section>
                
                  <!-- JS Plugins Init. -->
                  <script >
                    $(document).ready(function () {

                      $('#carouse<?php echo $sectionid; ?>').slick('setOption', 'responsive', [{
					  breakpoint: 1200,
                        settings: {
                          slidesToShow: 4
                        }
                      }, {  
                        breakpoint: 992,
                        settings: {
                          slidesToShow: 3
                        }
                      }, {
                        breakpoint: 768,
                        settings: {
                          slidesToShow: 2
                        }
                      }, {
                        breakpoint: 480,
                        settings: {
                          slidesToShow: <?php echo $wapcolumn; ?>
                        }
                      }], true);
                    });
                  </script>	
				  
				  