<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<!--{$page_charset}-->" />
<title><!--{$page_title}--></title>
<meta name="keywords" content="<!--{$page_keyword}-->" />
<meta name="description" content="<!--{$page_description}-->" />

<meta name="360-site-verification" content="5c8f97152136df1635fd3cc80574f3d3" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">


<link rel="stylesheet" type="text/css" href="<!--{$skinpath}-->style/base.css" />
<link rel="stylesheet" type="text/css" href="<!--{$skinpath}-->style/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="<!--{$skinpath}-->style/model.css" />
<link rel="stylesheet" type="text/css" href="<!--{$skinpath}-->style/main.css" />

<link rel="stylesheet" type="text/css" href="<!--{$skinpath}-->style/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="<!--{$skinpath}-->style/app.css">
<link rel="stylesheet" type="text/css" href="<!--{$skinpath}-->style/main1.css">


<script src="<!--{$skinpath}-->js/jquery-1.8.3.min.js"></script>
<script src="<!--{$skinpath}-->js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="<!--{$skinpath}-->js/owl.carousel.min.js"></script>
<script src="<!--{$skinpath}-->js/app.js"></script>

</head>
<body>
<!-- 公共头部包含 -->
<!--{include file="$tplpath/model/head_index.tpl"}-->
<!-- 首页banner -->
<!--{include file="$tplpath/model/index_banner.tpl"}-->


<div class="cont1">
    <div class="w1380">
        <div class="title_a1">
            <h2>产品中心</h2>
            <span>品质优良、众多客户的选择</span>
        </div>
        <div class="x-pro-list">
            <div class="owl-carousel">
                 <!--{foreach $sp.case11 as $volist}-->
                <div class="cp_list">
                  <a href="<!--{$volist.url}-->" class="img">
                    <div class="img fang"><img src="<!--{$volist.uploadfiles}-->" alt="<!--{$volist.title}-->" /></div>
                    <div class="wz">
                        <h3><!--{$volist.title}--></h3>
                        <p>了解更多</p>
                    </div>
                  </a>
                </div>
                <!--{/foreach}-->
            </div>
        </div>
    </div>
</div>




<div class="cont3">
    <div class="title_a1">
            <h2>我们的优势</h2>
            <span>专注于各种散热器设计、生产制作，赢来企业对我们的信任</span>
    </div>
    <div class="a3_v1">
        <ul class="af_wehhj">
             <!--{foreach $ads_zone7 as $volist}-->
                    <li class="tab">
                    <i class="img">
                          <img src="<!--{$volist.uploadfiles}-->" alt="<!--{$volist.adsname}-->" class="img2"/>
                    </i>
                    <div class="wnz_fz">
                        <div class="w1380">
                            <h2><a href="<!--{$volist.url}-->"><!--{$volist.adsname}--></a></h2>
                            <p><!--{$volist.content|truncate:185:'...'}--></p>
                            <a href="<!--{$volist.url}-->" class="more_aa">了解更多</a>
                        </div>
                    </div>
                    </li>
              <!--{/foreach}-->
        </ul>
        <div class="a3_b1">
            <ul class="aff_ahh w1380">
              <!--{foreach $ads_zone8 as $volist}-->
                    <li>
                     <a href="<!--{$volist.url}-->" class="img">
                          <i><img src="<!--{$volist.uploadfiles}-->" alt="<!--{$volist.adsname}-->" class="img1"/></i>
                          <h2><!--{$volist.adsname}--></h2>
                     </a>
                    </li>
              <!--{/foreach}-->
            </ul>
        </div>
    </div> 
</div>




<script>
  $(".aff_ahh li").eq(0).addClass("cur");
  $(".tab").eq(0).show();
  $(".tab").eq(0).addClass("cur1");
  $(".aff_ahh li").hover(function(){
    var n=$(this).index();
    $(this).addClass("cur").siblings().removeClass("cur");
    $(".tab").eq(n).show().siblings(".tab").hide();
     $(".tab").eq(n).addClass("cur1").siblings(".tab").removeClass("cur1");
  });
</script>



<div class="cont4">
    <div class="w1380">
        <div class="title_a1">
            <h2>为科野金属事业作贡献</h2>
            <span>  <!--{$delimit_aa}--></span>
       </div>
       <ul class="sj_gd">
           <li>
               <h2><span>2004</span>年</h2>
               <p>公司成立于</p>
           </li>
           <li>
               <h2><span>10000</span>m²</h2>
               <p>厂区占地</p>
           </li>
           <li>
               <h2><span>2000</span>m²</h2>
               <p>生产面积</p>
           </li>
             <li>
               <h2><span>1000</span>m²</h2>
               <p>职工生活区</p>
           </li>                    
       </ul>


       <div class="a4_v1">
           <div class="a4_b1">
             <div class="abimg fl">
              <!--{$delimit_sysp1}-->
             </div>
          </div>
           <div class="a4_b2">
               <i class="fang"><a href="<!--{$url_index}-->about/ryzz4d8.html"><img src="<!--{$skinpath}-->images/hy1.jpg"></a></i>
               <div class="wehjh">
                   <b><img src="<!--{$skinpath}-->images/hy2.png"></b>
                   <h2>荣誉资质 <span>新型实用和发明</span></h2>
               </div>
           </div>
       </div>
    </div>
</div>




<div class="cont2">
    <div class="w1380">
       <div class="title_a1">
            <h2>聚焦新闻动态</h2>
            <span>在这里，了解科野金属的新闻动态</span>
        </div> 
        <div class="a2_v1">
            <div class="a2_b1">
                <div class="dhgg_ahhg">
                   <ul class="xw_list1 owl-carousel">
                      <!--{foreach $ads_zone9 as $volist}-->
                        <li>
                          <a href="<!--{$volist.url}-->" title="<!--{$volist.adsname}-->" class="img fang">
                             <img src="<!--{$volist.uploadfiles}-->" alt="<!--{$volist.adsname}-->" />
                            <h2><!--{$volist.adsname|truncate:30:'...'}--></h2>
                          </a>
                        </li>
                    <!--{/foreach}-->
                </ul>
                </div>
            </div>
            <div class="a2_b2">
                <ul class="xw_list2">
                     <!--{foreach $sp.news_company as $volist}--> 
                        <li>
                            <p><!--{$volist.cname}--></p>
                            <h2><a href="<!--{$volist.url}-->" title="<!--{$volist.title}-->"><!--{$volist.title|truncate:30:'...'}--></a></h2>
                            <h3><!--{$volist.summary|truncate:85:'...'}--></h3>
                            <span><!--{$volist.timeline|date_format:"%Y/%m/%d"}--></span>
                        </li>
                    <!--{/foreach}-->
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="cont5">
    <div class="w1380">
        <div class="title_a5">
            <h2>与科野同行</h2>
            <span>吸引多样人才，科学管理，加入我们成就梦想</span>
        </div>
        <a href="<!--{$url_job}-->" class="about_more">加入我们     →</a>
    </div>
</div>



<!--{include file="$tplpath/model/foot.tpl"}-->

<!--底部JS加载区域-->
<script type="text/javascript" src="<!--{$skinpath}-->js/common.js"></script>
<script type="text/javascript" src="<!--{$skinpath}-->js/message.js"></script>
<script type="text/javascript" src="<!--{$skinpath}-->js/main.js"></script>

   <script>
        $(document).ready(function () {
            // BANNER
            $(".x-banner .owl-carousel").owlCarousel({
                items: 1, // 显示个数
                loop: true, // 是否循环
                autoplay: false, // 是否自动播放
                navText: ['<i class="icon-font icon-left-arrow">',
                    '<i class="icon-font icon-right-arrow">'
                ], // 左右箭头
                responsive: {
                    0: {
                        nav: false, // 是否显示箭头
                    },
                    990: {
                        nav: true,
                    }
                }
            });

             // CASE
        $(".x-pro-list .owl-carousel").owlCarousel({
            loop:true,              // 是否循环
            dots: false,             // 是否有点
            //navText: ['<i class="icon-font icon-left-arrow">', '<i class="icon-font icon-right-arrow">'], // 左右箭头
            responsive: {
                0: {
                    items: 1,
                    nav: false,  
                },
                768: {
                    items: 2,
                    nav: true,
                },
                1024: {
                    items: 3,
                    nav: true,
                },
            }
        });

           $(".dhgg_ahhg .owl-carousel").owlCarousel({
            items: 1,               // 显示个数
            loop:true,              // 是否循环
            autoplay: true,         // 是否自动播放
            dots: false, 
           navText: ['<i class="icon-font icon-left-arrow">', '<i class="icon-font icon-right-arrow">'], // 左右箭头
            responsive: {
                0: {
                    nav: false,             
                },
                990: {
                    nav: true,
                }
            }
        });
        });
    </script>

    
<script>
window.onload=function(){
  var video=document.getElementById("myvideo"); 
video.play(); 
}
</script>

<script>
  $("a").attr("target","_blank");
</script>

</body>
</html>