<div id="NewsBox">
	<div class="bg"<?# newsStyle ?>></div>
	<div class="workframe">
		<div class="bgTxt stitle my-element" data-paroller-factor="0.1" data-paroller-type="foreground"><?# indexNTitle ?></div>
		<div class="bgTxt title">最新消息</div>
		<ul>
			<php:repeater id="listN">
			<template>
			<li>
				<div class="img"><a class="photo" href="<?# link ?>" title="<?# Title ?>" style="background-image:url(<?# Image ?>);"><img src="/images/34/img-productPhoto.png" alt="<?# Title ?>" /></a></div>
				<div class="info">
					<p><a href="<?# linkC ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a><font><?# OnlineDate ?></font></p>
					<h3><a class="text-clamp" href="<?# link ?>" title="<?# Title ?>"><?# Title ?></a></h3>
				</div>
			</li>
			</template>
			</php:repeater>
		</ul>
		<div class="btn">
			<a id="prevBtn" href="javascript:void(0);" title="PREV"><i class="fas fa-chevron-left"></i></a>
			<font>/</font>
			<a id="nextBtn" href="javascript:void(0);" title="NEXT"><i class="fas fa-chevron-right"></i></a>
		</div>
	</div>
	<p class="more"><a href="<?# indexNMLink ?>" title="<?# indexNMLinkTitle ?>"><font><?# indexNMLinkTitle ?></font><span></span></a></p>
</div>
<script>
	$(function(){
		$('#NewsBox ul').slick({
			autoplay: true,
			infinite: true,
			speed: 500,
			fade: true,
			cssEase: 'linear',
			prevArrow:$("#prevBtn"),
			nextArrow:$("#nextBtn")
		});
	});
</script>