		<div id="NewsBox"<?# newsStyle ?>>
			<div class="workframe">
				<h2 class="title" data-aos="fade-down"><?# indexNTitle ?></h2>
				<ul id="newList" data-aos="fade-up">
					<php:repeater id="listN">
					<template>
					<li>
						<div class="newImg"><a class="photo" href="<?# link ?>" title="<?# Title ?>" style="background-image:url(<?# Image ?>);"><img src="/images/book-blank.png" alt="<?# Title ?>" /></a><a class="category" href="<?# linkC ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a></div>
						<div class="info">
							<a href="<?# link ?>" title="<?# Title ?>"></a>
							<h3 class="text-clamp"><?# Title ?></h3>
							<article class="text-clamp"><?# Introduction ?></article>
							<p class="time"><?# OnlineDate ?></p>
							<p class="more"><a href="<?# link ?>" title="<?# Title ?>"><font>VIEW</font><span></span></a></p>
						</div>
					</li>
					</template>
					</php:repeater>
				</ul>
				<p class="more"><a href="<?# indexNMLink ?>" title="<?# indexNMLinkTitle ?>"><font><?# indexNMLinkTitle ?></font><span></span></a></p>
			</div>
		</div>
<script>
	$(function(){
		$('#NewsBox ul').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			autoplaySpeed: 5000,
			slidesToShow: 3,
			responsive: [{
				breakpoint: 1025,
				settings: { slidesToShow: 2 }
			},{
				breakpoint: 641,
				settings: { slidesToShow: 1, centerMode: true, centerPadding: '10%' }
			}]
		});
	});
</script>