{template "content","header"}



<div class="main">

	<div class="ins-main">

		<div class="ins-ad">

			<img class="pc-con" src="{SJMC_PATH}images/news-ad_02.jpg" alt="">

			<img class="mobile-con" src="{SJMC_PATH}images/news-ad2_03.jpg" alt="">

		</div>

		<div class="ins-box container">

			<div class="ins-nav">

				<ul>

					{pc:content action="category" catid="21" num="2" siteid="$siteid" order="listorder ASC"}

					{loop $data $r}

					<li class="sub-nav2 {if $catid==$r[catid] } active{/if}"><a href="{$r[url]}">{$r[catname]}</a></li>

					{/loop}

					{/pc}

				</ul>

			</div>

			<div class="ins-news">

				<div class="news-company">

					<ul>

						{pc:content action="lists" catid="$catid" num="6" siteid="$siteid" order="listorder ASC" page="$page"}



						{loop $data $r}

						{php $db = pc_base::load_model('hits_model');   $_r = $db->get_one(array('hitsid'=>'c-'.$modelid.'-'.$r[id])); $views = $_r[views]; }

						<li>

							<a href="{$r[url]}">

								<div class="box">

									<img src="{$r[thumb]}" alt="">

									<p>{$r[title]}</p>

									<span>{date('Y-m-d',$r[inputtime])}</span><span>{$views} </span>



								</div>

							</a>

						</li>

              {/loop}







					</ul>

				</div>

				<div style="clear: both"></div>

				<div class="page-num">

					{if $pages}{$pages}{/if}

				</div>

				{/pc}

			</div>

		</div>



	</div>







	<!--  <div class="container">

              <div class="row">

                  <div class="col-md-6 col-sm-6 col-xs-12 lf">



                  </div>

              </div>

          </div>-->



</div>



{template "content","footer"}

<script>

	window.sr = ScrollReveal({ reset: true });

	sr.reveal( '.foo0', { reset: false,scale:1, distance: '100px',delay: 0,duration :1000,easing:'ease-out' } );

	sr.reveal( '.foo1', { reset: false,scale:1,distance: '100px',delay: 200,duration : 1000,easing:'ease-out'} );

	sr.reveal( '.foo2', {reset: false,scale:1,distance: '100px',delay: 400,duration : 1000,easing:'ease-out'} );

	sr.reveal( '.foo3', {reset: false,scale:1,distance: '100px',delay: 600,duration : 1000,easing:'ease-out'} );

	sr.reveal( '.foo4', { reset: false,origin  : 'bottom',distance: '100px',duration : 1800,easing:'ease-in-out'} );

	sr.reveal( '.foo5', { reset: false,origin  : 'top',distance: '100px',duration : 1000,easing:'ease-in-out'} );

	sr.reveal( '.foo6', { reset: false,origin  : 'left',distance: '100px',duration : 1000,easing:'ease-in-out'} );

	sr.reveal( '.foo7', {reset: false, origin  : 'right',distance: '100px',duration : 1000,easing:'ease-in-out'} );

	sr.reveal( '.foo8', {reset: false, origin  : '0',delay:'0', rotate  : { x: 0, y: 180, z: 0 },duration : 1000,easing:'ease-in-out'} );

	sr.reveal( '.foo9', {reset: false, origin  : 'top',delay:'0', rotate  : { x: 0, y: 180, z: 0 },duration : 1200,easing:'ease-in-out'} );

	sr.reveal( '.foo10', {reset: false, origin  : 'top',delay:'200', rotate  : { x: 0, y: 180, z: 0 },duration : 1000,easing:'ease-in-out'} );

	sr.reveal( '.foo11', {reset: false,delay:'200',distance: '30px',duration : 600,easing:'ease-in-out'} );

	sr.reveal( '.foo12', {reset: false,delay:'400',distance: '30px',duration : 600,easing:'ease-in-out'} );

	sr.reveal( '.foo13', {reset: false,delay:'800',distance: '30px',duration : 600,easing:'ease-in-out'} );

	sr.reveal( '.foo14', {reset: false,delay:'1200',distance: '30px',duration : 600,easing:'ease-in-out'} );

</script>



<script>

	$(function(){

		$(".btn2").click(function(){

			if($(this).next().is(":hidden")){

				$(this).next().slideDown();

			} else {

				$(this).next().slideUp();

			}

		})

	})

</script>



<script>

	var swiper = new Swiper('.swiper-container4', {

		pagination: '.swiper-pagination',

		paginationClickable: true,

		spaceBetween: 0,

		centeredSlides: true,

		autoplay: 4000,

		loop:true,

		observer:true,//修改swiper自己或子元素时，自动初始化swiper

		observeParents:true,//修改swiper的父元素时，自动初始化swiper

		autoplayDisableOnInteraction: false

	});

</script>



<script>

	$('.carousel').carousel({

		pause: 'null'

	});

</script>



</body>



</html>