{include file=comm/head.html}

<!-- 幻灯片 -->
<div class="swiper-container">
    <div class="swiper-wrapper">
    	{pboot:slide num=5 gid=1}
        	<div class="swiper-slide">
        		<a href="[slide:link]">
        			<img src="[slide:src]" class="d-block w-100" >
        		</a>
        		<div class="container">
			    	<div class="position-absolute text-light" style="top:30%;">
						<h2 class="fs-20 fs-sm-32 wow slideInUp">[slide:title]</h2>
					 	<h4 class="fs-14 fs-sm-20 wow slideInUp">[slide:subtitle]</h4>
					</div>
			    </div>
        	</div>
        {/pboot:slide} 
    </div>
    <div class="swiper-button-prev d-none d-md-block"></div><!--左箭头-->
    <div class="swiper-button-next d-none d-md-block"></div><!--右箭头-->
    <div class="swiper-pagination"></div>
</div>

<!--产品推荐-->
<div class="bg-white py-5">
    <div class="container">
    
      {pboot:sort scode=5}
      	<div class="text-center fs-26 fs-sm-28 text-success wow fadeInDown">[sort:name]</div>
      	<div class="text-center fs-14 fs-sm-16 mb-4 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
      {/pboot:sort}
      
      <div class="row">
       {pboot:list scode=5 num=8 order=date}
        <div class="col-12 col-sm-6 col-lg-3 wow zoomIn" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
              <div class="card">
                  <div class="card-img-150"><a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a></div>
                  <div class="card-body">
                    <h5 class="card-title"><a href="[list:link]">[list:title lencn=12]</a></h5>
                    <p class="card-text">
	                    {pboot:if([list:istop]==1)}
	                		<span class="badge badge-danger">置顶</span>
	                	{/pboot:if}
	                	{pboot:if([list:isrecommend]==1)}
	                		<span class="badge badge-warning">推荐</span>
	                	{/pboot:if}
	                	{pboot:if([list:isheadline]==1)}
	                		<span class="badge badge-info">头条</span>
	                	{/pboot:if}
	                	[list:content drophtml=1 dropblank=1 len=50]
                	</p>
                  </div>
               </div>
         </div>
        {/pboot:list}
      </div>
	  {pboot:sort scode=5}
			<div class="text-center mt-4 wow fadeInDown" data-wow-delay="1s"><h4><a href="[sort:link]" class="text-secondary fs-14 fs-sm-16">查看更多</a></h4></div>
	  {/pboot:sort}
    </div>
</div>

<!-- 关于我们 -->
<div class="bg-light py-5">
    <div class="container">
      {pboot:sort scode=1}
      	<div class="text-center fs-26 fs-sm-28 text-info wow fadeInDown">[sort:name]</div>
      	<div class="text-center fs-14 fs-sm-16 mb-4 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
      {/pboot:sort}
      
      {pboot:content id=1}
      	<div class="row text-secondary mb-5 px-3 lh-2 wow fadeInDown" data-wow-delay="500ms" style="text-indent:30px;">
            [content:content drophtml=1 dropblank=1 len=442 more='']
      	</div>
     	<div class="text-center wow fadeInDown" data-wow-delay="1s"><h4><a href="[content:link]" class="text-secondary fs-14 fs-sm-16">查看更多</a></h4></div>
      {/pboot:content}
    </div>
</div>

<!-- 南游优势 -->

     
      <div class="index-question">
      <div class="index-choose">
        <div class="container">
          <div class="row">
            <div class="col-xs-12">
              <div class="new-sec-title">
                <h2 class="title">为什么选择<span>南游电缆</span></h2>
                <p class="subtitle">Why choose NANYOU CABLE</p>
              </div>
              <div class="index-choose-adv-title">
                南游电缆 <span class="primary-color"><span class="large">4</span>大优势</span>
              </div>
              <div class="index-choose-adv-list">
                <div class="item layout-left wow zoomIn">
                  <img class="lazyload" src="https://jpg.nanyoudianlan.com/a1.png" alt="优势一：专注于移动电缆领域制造">
                  <div class="info">
                    <div class="title">优势一：专注于移动电缆领域制造</div>
                    <p>我们只做移动电缆，专注于移动电缆领域，<span>与多所大学及研究院合作</span>，<span>匠心打磨研发新产品</span>，只为客户有更好的产品体验。</p>
                  </div>
                </div>
                <div class="item layout-right wow zoomIn">
                  <div class="info hidden-xs hidden-sm">
                    <div class="title">优势二：生产机制灵活</div>
                    <p>最大程度上能满足各类<span>客户多样化定制需求</span>。亦可根据客户样品定制，可打样。生产机制灵活，能短时间解决重点客户交货问题。</p>
                  </div>
                  <img class="lazyload" src="https://jpg.nanyoudianlan.com/20230907a2.png" alt="优势二：生产机制灵活">
                 
                  
                </div>
                <div class="item layout-left wow zoomIn">
                  <img class="lazyload" src="https://jpg.nanyoudianlan.com/20230907a3.png" alt="优势三：使用寿命长达2年以上">
                  <div class="info">
                    <div class="title">优势三：使用寿命长达2年以上</div>
                    <p>优选进口原材料，引进德国工艺技术，确保电缆至少<span>2年的使用寿命</span>，电缆出厂前，经过<span>严格的技术检测</span>，测试满意后交付客户，原材料质量稳定。</p>
                  </div>
                </div>
                <div class="item last layout-right wow zoomIn">
                  <div class="info hidden-xs hidden-sm">
                    <div class="title">1年质保，免费更换</div>
                    <p><span>南游电缆承诺一年质保</span>，一年内非人为操作损坏，免费更换,售后服务快速响应，<span>24小时全天候服务</span>，合作客户终身维护。</p>
                  </div>
                  <img class="lazyload" src="https://jpg.nanyoudianlan.com/20230907a4.png" alt="1年质保，免费更换">
                  
                </div>
              </div>
            </div>
          </div>
        </div>        </div>        </div>        

<!-- 新闻动态 -->
<div class="bg-white py-5">
    <div class="container">
      {pboot:sort scode=2}
      	<div class="text-center fs-26 fs-sm-28 text-warning wow fadeInDown">[sort:name]</div>
      	<div class="text-center fs-14 fs-sm-16 mb-5 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
      {/pboot:sort}
      
      <div class="row">
      	{pboot:list scode=2 num=8 order=date}
            <div class="col-12 col-lg-6 mb-3 wow fadeInUp" data-wow-delay="500ms">
                <div class="media mb-3">
                  <div class="media-body">
                     <h5><a href="[list:link]" title="[list:title]">[list:title lencn=20]</a></h5>
                     <p><a href="[list:link]" class="text-secondary lh-2">[list:content drophtml=1 dropblank=1 lencn=60] [list:date style=Y-m-d]</a></p>
                  </div>
                </div>
            </div>
        {/pboot:list}
      </div>
	  {pboot:sort scode=2}
		<div class="text-center wow fadeInDown" data-wow-delay="1s"><h4><a href="[sort:link]" class="text-secondary fs-14 fs-sm-16">查看更多</a></h4></div>
	  {/pboot:sort}
    </div>
</div>


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


{include file=comm/foot.html}