{template "content","header"}

<div class="main">

	<div class="ins-main">

		<div class="ins-ad">

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

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

		</div>

		<div class="ins-box container">

			<div class="ins-nav">

				<ul>

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

					{php $catid=$catid==24?25:$catid;}

					{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-app">

				<ul>

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

					{loop $data $r}

					<li>

						<div class="box">

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

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

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

						</div>

					</li>

					{/loop}

					{/pc}





				</ul>

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

			</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>