{include file=comm/head.html}

<div class="swiper-container">
    <video width="100%" controls="controls" loop="loop"  style=" border:0px;">
  <source src="asd.mp4" type="video/ogg" />
  <source src="asd.mp4" type="video/mp4" />
  <source src="asd.mp4" type="video/webm" />
  <object data="asd.mp4" width="320" height="240">
  <embed width="320" height="240" src="/i/movie.swf" />
  </object>
</div>

<!--产品-->
<script src="{pboot:sitetplpath}/js/jquery-1.12.4.min.js">//轮显</script>
<link href="{pboot:sitetplpath}/css/index.css" rel="stylesheet"/>
<div class="text-center  my-5 itema fs-26 fs-sm-28 text-success wow fadeInDown"><img src="{pboot:sitetplpath}/images/cp.jpg"></div>
<div class="container">
<div class="i_pro_bg2">
    <div id="owl-demo2" class="owl-carousel anim anim-2">
	
        {pboot:list scode=5 num=30 order=date  isrecommend=1}<div class="item">
                <dd class="not-animated">
                    <a href="[list:link]"><div class="imgs"><img src="[list:ico]" alt="">
                        <p>&nbsp;</p></div></a> 
                    <h2><a href="[list:link]">[list:title lencn=12]</a></h2>               </dd>
            </div>
			
			{/pboot:list}
			
			
			
			   </div>
    <script src="{pboot:sitetplpath}/js/owl.carousel.js"></script>
    <script>
        $("#owl-demo2").owlCarousel({
            items: 3,
            lazyLoad: true,
            autoPlay: true,
            itemsDesktop: [1199, 3],
            itemsDesktopSmall: [979, 3],
            itemsTablet: [768, 2],
            itemsTabletSmall: false,
            itemsMobile: [479, 2],
            navigation: true
        });
    </script>
</div></div>
<!--关于我们begin-->
<div class="stats" style="margin-top:3%;">
	<div class="container">
		<h3 class="w3l-title stat-title" style="padding-top:10%; padding-bottom:10%;">
			<div class="text-center itema wow fadeInDown"><img src="{pboot:sitetplpath}/images/gx.png"><br/><br/>
			
			</div>
			<div class="text-left itema wow fadeInDown" style="padding-left:10%; padding-right:10%; "><span class="" style="font-size:16px; text-align:left; line-height:35px; color:#fff;">{pboot:content id=1}
    
          [content:description]
      	
      {/pboot:content}</span>
			</div>
		</h3>
		<div class="agileits_stats_grids" style="padding-bottom:5%;">
		<div class="row">
			<div class="col-md-3 col-xs-5 agileinfo_stats">
				<div class="agileinfo_stats_grid" style="margin-left:auto; margin-right:auto;">
					<p class="counter">5000</p>
					<h3><img src="{pboot:sitetplpath}/images/q.png"></h3>
				</div>
				<p class="w3l-par-st text-center">合计生产基地占地面积5000平米</p>
			</div>
			<div class="col-md-3 col-xs-5 agileinfo_stats">
				<div class="agileinfo_stats_grid" style="margin-left:auto; margin-right:auto;">
					<p class="counter">20</p>
					<h3><img src="{pboot:sitetplpath}/images/w.png"></h3>
				</div>
				<p class="w3l-par-st text-center">20年技术积累</p>
			</div>
			<div class="col-md-3 col-xs-5 agileinfo_stats">
				<div class="agileinfo_stats_grid" style="margin-left:auto; margin-right:auto;">
					<p class="counter">50</p>
					<h3><img src="{pboot:sitetplpath}/images/r.png"></h3>
				</div>
				<p class="w3l-par-st text-center">专业技术生产员工</p>
			</div>
			<div class="col-md-3 col-xs-5 agileinfo_stats">
				<div class="agileinfo_stats_grid" style="margin-left:auto; margin-right:auto;">
					<p class="counter">300</p>
					<h3><img src="{pboot:sitetplpath}/images/e.png"></h3>
				</div>
				<p class="w3l-par-st text-center">300多家专业客户</p>
			</div>
			<div class="clearfix"> </div></div>
		</div>
		
	</div>
</div>
<!--关于我们end-->



<div class="container" style="margin-top:5%;">

   
      <div class="row">
       
        <div class="col-12 col-sm-6 col-sm-6 col-lg-6 wow zoomIn" style="" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
              <video width="100%" controls="controls" loop autoplay style=" border:0px; height:600px;">
  <source src="{label:shipin}" type="video/ogg" />
  <source src="{label:shipin}" type="video/mp4" />
  <source src="{label:shipin}" type="video/webm" />
  <object data="{label:shipin}" width="320" height="640">
  <embed width="320" height="640" src="/i/movie.swf" /> 
  </object>
          </div>
		  <div class="col-12 col-sm-6 col-sm-6 col-lg-6 wow zoomIn" style="" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
		  	 <div class="row">
			 	<div class="col-12 col-sm-6 col-sm-6 col-lg-6 wow zoomIn" style="  " data-wow-delay="[list:i]00ms" data-wow-duration="1s">
					<img src="{label:tu}" class="card-img-top"><br/><br/><img src="{label:tuer}" class="card-img-top">
				</div>
				<div class="col-12 col-sm-6 col-sm-6 col-lg-6 wow zoomIn" style="" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
					<img src="{label:tusan}" class="card-img-top"><br/><br/><img src="{label:tupian}" class="card-img-top">
				</div>
			 </div>
		  </div>
      </div>
      
     

</div>


<!--application end-->
<!--资讯中心begin-->
<div class="i_news_bg" style="margin-top:5%;">
    <div style="padding-top:10%;">
		<div class="text-center itema fs-26 fs-sm-28 text-success wow fadeInDown"><img src="{pboot:sitetplpath}/images/new.png"></div>
	</div>
  <div class="i_news_con anim anim-3">
        <div class="i_news_div" style="display:block;">
            <!--公司资讯begin-->
            <div id="owl-demo3" class="owl-carousel">
                                <div class="item">
                    <dd class="not-animated">
                        <div class="i_news_l">
                            <ul>{pboot:list scode=2 num=3 order=date}
                                <li>
                                        <a href="[list:link]">
                                            <div class="four_date"><b>[list:date style=d]</b>[list:date style=Y-m]</div>
                                            <div class="four_txt">
                                                <h2>[list:title lencn=20]</h2>
                                                <p>
                                                   [list:description]                        </p>
                                            </div>
                                        </a>                              </li>
{/pboot:list}



                                    
                          </ul>
                      </div>
{pboot:list scode=2 num=1 order=date isrecommend=1}
                                    <a href="[list:link]">
                                            <div class="imgs"><img src="[list:ico]" alt="">

                                                <h2><em>[list:date style=Y-m-d]</em>[list:title lencn=20]</h2></div>
                      </a>      {/pboot:list}                          </dd>
                            </div>
            </div>
            <script>
                $("#owl-demo3").owlCarousel({
                    items: 1,
                    lazyLoad: true,
                    itemsDesktop: [1600, 1],
                    itemsDesktopSmall: [1279, 1],
                    itemsTablet: [768, 1],
                    itemsMobile: [479, 1],
                    autoPlay: true,
                    navigation: true
                });
            </script>
            <!--公司资讯end-->
        </div>
        <div class="dib">&nbsp;</div>
    </div>
	
    <script language="javascript">
        $('.i_news_a a').hover(function () {
            var linum = $(this).index();
            $(this).addClass('osel').siblings().removeClass('osel');
            $('.i_news_con .i_news_div').eq(linum).show().siblings('.i_news_div').hide()
        })
    </script>

</div>
<!--资讯中心end-->

  <script type="text/javascript" src="{pboot:sitetplpath}/js/jquery.min(1).js"></script> 
<script type="text/javascript" src="{pboot:sitetplpath}/js/common.js"></script>
<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    speed: 1500,
    autoplay : {
        delay:3500,
        disableOnInteraction: false
     },
     
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
   
  })        
</script>
  
<script src="{pboot:sitetplpath}/js/vendor/jquery-1.12.4.min.js"></script>
<script src="{pboot:sitetplpath}/js/bootstrap.min.js"></script>
<script src="{pboot:sitetplpath}/js/owl.carousel.min.js"></script>
<script src="{pboot:sitetplpath}/js/ajax-mail.js"></script> 
<script src="{pboot:sitetplpath}/js/imagesloaded.pkgd.min.js"></script> 
<script src="{pboot:sitetplpath}/js/isotope.pkgd.min.js"></script>  
<script src="{pboot:sitetplpath}/js/jquery.magnific-popup.js"></script>  
<script src="{pboot:sitetplpath}/js/plugins.js"></script>
<script src="{pboot:sitetplpath}/js/main.js"></script>
{include file=comm/foot.html}