<div id="NewsBox">
	<div class="bg"<?# newsStyle ?>></div>
	<div class="workframe">		
		<div class="bgTxt title"><?# indexNTitle ?><h3>最新消息</h3></div>
		<ul data-aos="fade-up">
			<php:repeater id="listN">
			<template>
			<li>
				<div class="lineBox date"><font><?# OnlineDate ?></font></div>
				<div class="news-block">
					<a class="photo" href="<?# link ?>" title="<?# Title ?>" style="background-image:url(<?# Image ?>);"><img src="/images/42/index-news-img.png" alt="<?# Title ?>" /></a>					                                      
                    <div class="info">
                        <p><?# CategoryName ?></p>
                        <h3 class="text-clamp"><?# Title ?></h3>
						<article class="text-clamp"><?# Introduction ?></article>
                    </div>				
				</div>
				<div class="lineBox"><a href="<?# link ?>" title="Learn More">Learn More</a></div>
			</li>
			</template>
			</php:repeater>
		</ul>		
	</div>
	<p class="more"><a href="<?# indexNMLink ?>" title="<?# indexNMLinkTitle ?>"><font><?# indexNMLinkTitle ?></font><span></span></a></p>
</div>
<script>
	$(function(){
		$('#NewsBox ul').slick({			
			dots: false,
			autoplay: true,
			infinite: true,
			slidesToShow: 3,
			slidesToScroll: 3,
			speed: 500,			
			responsive: [{
				breakpoint: 1280,
				settings: { slidesToShow: 2 , slidesToScroll: 2 }
			},{
				breakpoint: 980,
				settings: { slidesToShow: 1 , slidesToScroll: 1 }
			}]
		});
	});
</script>