adicn/phpcms/templates/default/content/index.html.back

{template "content","header"}
<link rel="stylesheet" href="{MY_PATH}swiper/swiper.min.css" />
<script src="{MY_PATH}swiper/swiper.jquery.min.js"></script>
<div id="fullpage">
	<div class="section active y1">
		<div class="mousehover arrowGo">&nbsp;</div>
		<div class="sec-scale">
			<!-- 图片切换开始 -->
			<div class="i_picchange">
				<div class="swiper-container home-swiper">
					<div class="swiper-wrapper">
						{pc:content action="lists" catid="9" num="5" order="listorder desc"}
						{loop $data $v}
						<a  {if $v[islink]==1}href="{$v[url]}"{/if}  class="swiper-slide" style="background-image:url('{$v[thumb]}')">
							<div class="conver_div">&nbsp;</div>
							<img src="{$v[thumb]}" alt="{$v[title]}" style="max-width:100%; height:auto" />
						</a>
						{/loop}
						{/pc}
					</div>
					<!-- Add Navigation -->
					<div class="swiper-pagination home-pagination"></div>
					<!--<div class="swiper-button-next home_next"></div>
					<div class="swiper-button-prev home_prev"></div>-->
				</div>
				<script>
					var swiper = new Swiper('.home-swiper', {
						pagination: {
							el: '.home-pagination',
							dynamicBullets: false,
							clickable: true
						},
						autoplay: true,
						speed: 1000,
						/*nextButton: '.home_next',
		                prevButton: '.home_prev',*/
					});
				</script>
			</div>
			<!--图片切换结束-->
		</div>
	</div>
	<div class="section y2">
		<div class="mousehover arrowGo">&nbsp;</div>
		<div class="sec-scale">
			<div class="bg" style="background-image:url({MY_PATH}images/bg1.jpg);"></div>
			<div class="i_content">
				<div class="i_content_c">
					<div class="i_box1">
						<div class="i_box1_bottom">
							<div class="yan1"><img src="{MY_PATH}images/tb_4.png"></div>
							<div class="yan2">&nbsp;</div>
							<div class="yan3">
								<img src="{MY_PATH}images/tb_3.png"><br>
								加入我们
							</div>
						</div>
						<ul class="i_box1_top">
							<li>
								<a href="{$CATEGORYS[63]['url']} ">
									<div class="img">
										<img class="" src="{MY_PATH}images/ab_tb1.png">
										<i class="icon" style="background: url({MY_PATH}images/ab_tb1s.png) no-repeat center center; background-size: 100% 100%;"></i>
									</div>
									<div class="txt">{$CATEGORYS[63]['catname']} </div>
								</a>
							</li>
							<li>
								<a href="{$CATEGORYS[12]['url']}">
									<div class="img">
										<img class="" src="{MY_PATH}images/ab_tb2.png">
										<i class="icon" style="background: url({MY_PATH}images/ab_tb2s.png) no-repeat center center; background-size: 100% 100%;"></i>
									</div>
									<div class="txt">{$CATEGORYS[12]['catname']}</div>
								</a>
							</li>
							<li>
								<a href="{$CATEGORYS[98]['url']}">
									<div class="img">
										<img class="" src="{MY_PATH}images/ab_tb3.png">
										<i class="icon" style="background: url({MY_PATH}images/ab_tb3s.png) no-repeat center center; background-size: 100% 100%;"></i>
									</div>
									<div class="txt">{$CATEGORYS[98]['catname']}</div>
								</a>
							</li>
							<li>
								<a href="{$CATEGORYS[4]['url']}">
									<div class="img">
										<img class="" src="{MY_PATH}images/ab_tb4.png">
										<i class="icon" style="background: url({MY_PATH}images/ab_tb4s.png) no-repeat center center; background-size: 100% 100%;"></i>
									</div>
									<div class="txt">{$CATEGORYS[4]['catname']}</div>
								</a>
							</li>
							<li>
								<a href="{$CATEGORYS[119]['url']}">
									<div class="img">
										<img class="" src="{MY_PATH}images/ab_tb5.png">
										<i class="icon" style="background: url({MY_PATH}images/ab_tb5s.png) no-repeat center center; background-size: 100% 100%;"></i>
									</div>
									<div class="txt">{$CATEGORYS[119]['catname']}</div>
								</a>
							</li>
							<li>
								<a href="{$CATEGORYS[39]['url']}">
									<div class="img">
										<img class="" src="{MY_PATH}images/ab_tb6.png">
										<i class="icon" style="background: url({MY_PATH}images/ab_tb6s.png) no-repeat center center; background-size: 100% 100%;"></i>
									</div>
									<div class="txt">{$CATEGORYS[39]['catname']}</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="section y3">
		<div class="mousehover arrowGo">&nbsp;</div>
		<div class="sec-scale">
			<div class="bg" style="background-image:url({MY_PATH}images/bg2.jpg);"></div>
			<div class="i_content">
				<div class="i_content_c">
					<div class="i_con">
						<div class="i_box2">
							<div class="i_box2_t fl">
								<span class="s1 bigzm">{$CATEGORYS[12]['catdir']}</span><br>
								{$CATEGORYS[12]['catname']}
							</div>
							<div class="i_box2_c fl">
								<ul class="i_box2_cl fl">
									{pc:content action="lists" catid="12" num="8" order="listorder desc,id desc"}
									{loop $data $v}
									<li>
										<a href="javascript:void(0);" title="{$v[title]}">{$v[title]}</a>
									</li>
									{/loop}
									{/pc}
								</ul>
								<div class="i_box2_cr fr">
									<div class="i_box2_cr_con">
										{pc:content action="lists" catid="12" num="8" order="listorder desc,id desc"}
										{loop $data $v}
										<div class="i_box2_cr_con1">
											<div class="i_box2_cr_con1_t fl">
												{$v[title]}
											</div>
											<div class="i_box2_cr_con1_c fl">
												{$v[description]}
											</div>
											<a href="{$v[url]}" class="i_box2_cr_con1_b fl">
												详细了解 >>
											</a>
											<div class="clearboth"></div>
										</div>
										{/loop}
										{/pc}
									</div>
								</div>
								<div class="clearboth"></div>
							</div>
							<div class="clearboth"></div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	
	
	<!-- <div class="section y4">
		<div class="mousehover arrowGo" style="background-image:url({MY_PATH}images/tb_01sa.png);">&nbsp;</div>
		<div class="sec-scale">
			<div class="i_content">
				<div class="i_content_c">
					<div class="i_box3">
						<div class="i_box3_l fl">
							<div class="i_box3_l_t fl">
								<span class="s1 bigzm">{$CATEGORYS[42][catdir]}</span><br>
								{$CATEGORYS[42][catname]}
							</div>
							<div class="fl i_box3_l_c fl">
								{pc:content action="lists" catid="54" num="1" order="id ASC"}
								{loop $data $v}
								<div class="i_box3_l_con">
									{$v[description]}
								</div>
								{/loop}
								{/pc}
								{pc:content action="lists" catid="69" num="1" order="id ASC"}
								{loop $data $v}
								<div class="i_box3_l_con">
									{$v[description]}
								</div>
								{/loop}
								{/pc}
								{pc:content action="lists" catid="55" num="1" order="id ASC"}
								{loop $data $v}
								<div class="i_box3_l_con">
									{$v[description]}
								</div>
								{/loop}
								{/pc}
							</div>
							<div class="i_box3_l_b fl">
								<a href="javascript:void(0);" class="a1">{$CATEGORYS[54][catname]}</a>
								<a href="javascript:void(0);" class="a1">{$CATEGORYS[69][catname]}</a>
								<a href="javascript:void(0);" class="a1">{$CATEGORYS[55][catname]}</a>
								<a href="{$CATEGORYS[70][url]}">{$CATEGORYS[70][catname]}</a>
								<div class="clearboth"></div>
							</div>
							<div class="clearboth"></div>
						</div>
						<ul class="i_box3_r fr">
							<li>
								<a href="" class="a_img Amplification">
									<img src="{$CATEGORYS[85][image]}">
									<div class="div1 bigzm onebox1">
										<span class="s1">{$CATEGORYS[85][catdir]}</span><br>
										<span class="s2">{$CATEGORYS[85][catname]}</span><br>
										{$CATEGORYS[85][description]}
									</div>
								</a>
							</li>
							<li>
								<a href="{$CATEGORYS[57][url]}" class="a_img Amplification">
									<img src="{$CATEGORYS[57][image]}">
									<div class="div1 bigzm">
										<span class="s1">{$CATEGORYS[57][catdir]}</span><br>
										<span class="s2">{$CATEGORYS[57][catname]}</span><br>
										{$CATEGORYS[57][description]}
									</div>
								</a>
							</li>
						</ul>
						<div class="clearboth"></div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	
	
	<div class="section y5">
		<div class="mousehover arrowGo">&nbsp;</div>
		<div class="sec-scale">
			<div class="bg" style="background-image:url({MY_PATH}images/bg3.jpg);"></div>
			<div class="i_content">
				<div class="i_content_c">
					<div class="i_box4">
						<div class="i_box4_t fl">
							<div class="s1 bigzm">{$CATEGORYS[41][catdir]}</div>
							<div class="s2">{$CATEGORYS[41][catname]}</div>
						</div>
						<div class="i_box4_t1 fl">
							{$CATEGORYS[41][description]}
						</div>
						<div class="i_box4_c fl">
							<div class="swiper-container sjs-swiper">
								<div class="swiper-wrapper">
									{pc:content action="lists" catid="41" num="10" order="id ASC" moreinfo=1}
									{loop $data $v}
									<div class="swiper-slide" data-url="{$v[dp_video]}">
										<img src="{$v[thumb]}">
										<div class="zc">&nbsp;</div>
										<div class="zc_title">{$v[title]}</div>
									</div>
									{/loop}
									{/pc}
								</div>
								<!-- Add Navigation -->
								<!--<div class="swiper-pagination sjs-pagination"></div>-->
								<div class="swiper-button-next sjs-next"></div>
								<div class="swiper-button-prev sjs-prev"></div>
							</div>
							<link rel="stylesheet" href="{MY_PATH}swiper1/swiper.min.css" />
							<script src="{MY_PATH}swiper1/swiper.jquery.min.js"></script>
							<script type="text/javascript">
								setTimeout(function() {
									var swiper1 = new Swiper('.sjs-swiper', {
										pagination: '.sjs-pagination',
										paginationClickable: true,
										autoplay: 3000,
										speed: 1000,
										slidesPerView: 2,
										prevButton: '.sjs-prev',
										nextButton: '.sjs-next',
										autoplayDisableOnInteraction: false,
										loop: true,
										centeredSlides: true,
										breakpoints: {
											767: {
												slidesPerView: 1,
											}
										}
									});
								}, 200);
							</script>
						</div>
						<div class="clearboth"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="section y6">
		<div class="sec-scale">
			{template "content","footer"}
		</div>
	</div>
</div>
</body>
</html>
<!--弹出视频播放-->
<div class="video_div">
	<div class="video_div_closebtv"><img src="{MY_PATH}images/video_btn.png" width="30" height="30"></div>
	<div class="video_div_center">
		<video poster="" loop="" controls="controls" autoplay="autoplay" src="" width="100%" height="100%" id="video_yscj">
			不支持video
		</video>

	</div>
</div>
<a href="javascript:void(0);" class="wx_top"><img src="{MY_PATH}images/top.png"></a>
<script type="text/javascript" src="{MY_PATH}stylejs/main.js"></script>
<script src="{MY_PATH}stylejs/wow.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var wow = new WOW({
		boxClass: 'wow',
		animateClass: 'animated',
		offset: 0,
		mobile: true,
		live: true
	});
	wow.init();
</script>