		<div id="aboutBox" style="background-image:url(<?# aboutImage ?>);">
			<h2><?# indexAboutTitle1 ?></h2>
			<div class="workframe">
				<div class="customBox">
					<php:repeater id="listC">
					<template>
					<div class="list">
						<h3><?# CustomTitle ?></h3>
						<article><?# CustomContent ?></article>
					</div>
					</template>
					</php:repeater>
				</div>
				<div class="pictureBox">
					<php:repeater id="listP">
					<template>
					<div class="list">
						<div><a class="photo" style="background-image:url(<?# Image ?>);" title="<?# Title ?>"><img src="/images/img-serchBg.png" alt="<?# Title ?>" /></a></div>
						<p><a class="more" href="<?# Link ?>" title="<?# Title ?>"><?# Title ?></a></p>
					</div>
					</template>
					</php:repeater>
				</div>
			</div>
			<div class="aboutInfo">
				<div class="workframe">
					<article><?# aboutIntroduction ?></article>
					<?# GoogleSearch ?>
					<p class="more"<?# indexAboutLinkStyle ?>><a href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>"><font><?# indexAboutLinkT ?></font><span></span></a></p>
				</div>
			</div>
		</div>
<script>
	$(function(){
		$('#aboutBox .customBox').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			autoplaySpeed: 5000,
			speed: 800,
			slidesToShow: 3,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 1281,
				settings: { slidesToShow: 2  }
			},{
				breakpoint: 681,
				settings: { slidesToShow: 1  }
			}]
		});
		$('#aboutBox .pictureBox').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 300,
			slidesToShow: 4,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 1166,
				settings: { slidesToShow: 3  }
			},{
				breakpoint: 681,
				settings: { slidesToShow: 2  }
			},{
				breakpoint: 501,
				settings: { slidesToShow: 1  }
			}]
		});
	});
</script>