{dede:include filename="head.htm"/}

<link href="{dede:global.cfg_templets_skin/}/css/index.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="/en/css/avgrund.css">
<script src="/js/jquery.avgrund.js"></script> -->


<div>

    <div id="carousel-example-generic" class="carousel slide"><!--主页banner图-->
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <!-- <img src="{dede:global.cfg_templets_skin/}/images/banner.jpg" alt="第一张幻灯片"style="width: 100%;"> -->
                  <img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images/banner.jpg" alt="第一张幻灯片"style="width: 100%;">
                <div class="carousel-caption">
                    <!-- 此处添加旋转字母等-->
                    <div class="container-fluid row col-sm-12"style="padding-top: 0px;margin-top: 0px;padding-left: 0px;margin-left: 0px;">



                                <p id="banner_Title">DEFORMABLE ARMOR</p>
                                <!-- <div class="index_banner_text"> -->
                                <p id="banner_text">The innovative deformable battling Autobot, through the combination of the intelligent mobile game（iOS/Android）with the real (tangible) toy, we create all-new intelligent battling way integrating Virtual with the Reality.</p>
                                <!-- <div> -->
                                <button id="banner_button" onclick="window.location.href='http://en.jiaqi789.com/plus/view.php?aid=26';"> View Details</button>
                                 <a onclick="window.open('http://en.jiaqi789.com/plus/view.php?aid=100');" title="播放视频"><div type="button" id="bannerplay"></div></a>

                                 

                    </div>

                </div>
            </div>

            <div class="item">

                <img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images%2Fen%2Fbanner-1.jpg" alt="第二张幻灯片"style="width: 100%;">

                <!-- <div class="carousel-caption"onclick="window.open('/products-details/products-TT320S');"style="cursor: pointer;"title=" View Details">

                </div> -->
                <div class="carousel-caption">

                </div>
            </div>

            <div class="item">
                <img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images%2Fen%2Fbanner-2.jpg"style="width: 100%;">
                <div class="carousel-caption">

                </div>
            </div>

            <div class="item">
                <img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images%2Fen%2Fbanner-3.jpg"style="width: 100%;">
                <div class="carousel-caption">

                </div>
            </div>

            <div class="item">
                <img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images%2Fen%2Fbanner-4.jpg"style="width: 100%;">
                <div class="carousel-caption">

                </div>
            </div>

        </div>


        <!-- 左右旋转控制按钮-->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev" style="width: 5%;">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">上一页</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="width: 5%;">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">下一页</span>
        </a>
    </div><!--主页banner图-->

  <div class="">
      <div class="container product"style="align-content: center;padding: 64px 0 88px">

        <div class="container row">
            <div class="col-xs-3 visible-xs"></div>
            <div class="col-xs-1"></div>
            <div class="col-xs-3 hidden-xs"><hr style="height:2px;width: 100%; border:none;border-top:1px solid #00A9f1;" /></div>
            <div class="col-xs-4 hidden-xs">
                <center>
                    <img src="{dede:global.cfg_templets_skin/}/images/PRODUCTS.png" alt="佳奇科技" >
                </center>
                <center style="padding-top: 10px;">
                    <a href="/en/categories/productssort"style="font-size: 18px;color: #999999">All Products ></a>
                </center>
            </div>
            <div class="col-xs-4 visible-xs" style="width: 100%;">
                <center>
                    <img src="{dede:global.cfg_templets_skin/}/images/PRODUCTS.png" alt="佳奇科技" >
                </center>
                <center style="padding-top: 10px;">
                    <a href="/en/categories/productssort"style="font-size: 18px;color: #999999">All Products ></a>
                </center>
            </div>

            <div class="col-xs-3 hidden-xs"><hr style="height:2px;width: 100%;border:none;border-top:1px solid #00A9f1;" /></div>
            <div class="col-xs-1"></div>
            <div class="col-xs-3 visible-xs"></div>
        </div>


              <div class="container-fluid"style="padding-top: 20px">
                  <div class="col-sm-4">
                      <a href="http://en.jiaqi789.com/plus/list.php?tid=12"><img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images/产品图1.png" alt="ROBOT series" class="img-responsive center"style="width: 100%"></a>
                      <!--<img src="images/产品图1.png" alt="ROBOT系列" class="img-responsive">-->
                      <p class="product_p1_1 text-center">ROBOT</p>
                      <p class="product_p1_2">The intelligent R/C Robot is quite hot-selling all over the world, which is the perfect combination of modern high-tech with the human personality! It is full of wisdom and humanity, intelligent conversation, knowledge enlightenment, memory program, etc. </p>
                  </div>

                  <div class="col-sm-4">
                      <a href="http://en.jiaqi789.com/plus/list.php?tid=13"><img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images/产品图2.png" alt="ROBOT series" class="img-responsive"style="width: 100%"></a>
                      <p class="product_p1_1  text-center">TRANSFORMER</p>
                      <p class="product_p1_2">The extremely popular deformable Autobot has high-simulated mechanic shape, one-key transformation, both two states of automobile and Autobot can be battling with realistic dynamic sound effect, which let you feel vividly on the scene.</p>
                  </div>

                  <div class="col-sm-4">
                      <a href="http://en.jiaqi789.com/plus/list.php?tid=14"><img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images/产品图3.png" alt="智能恐龙系列" class="img-responsive"style="width: 100%"></a>
                      <p class="product_p1_1  text-center">DINOSAUR</p>
                      <p class="product_p1_2">Intelligent the dinosaur, it is realistic in shape and equipped with many functions such as program mode, intelligent conversation, singing & dancing, history teaching , touch induction, etc., which realizes your baby’s “dinosaur dream”.</p>
                  </div>
              </div><!--row-->
      </div><!--container product-->


      <div class="laboratory container-fluid">
             <div class="col-sm-4"></div><!--占位-->
             <div class="col-sm-8">
                  <!-- <div class="Robot_background">

                  </div> -->
             </div>
          <!--<img src="images/Robot_background.svg"style="z-index: -5;">-->
          <div class="row col-sm-12">
              <div class="container">
                  <div class="laboratory-p col-sm-5">
                      <p class="laboratory-p1">Jaki Scientific & Technical Lab</p>
                      <div class="laboratory-img">
                      <img style="padding-top: 14px;width: 100%;" src="/en/images/Intelligent_Toys.png">
                      </div>
                      <!-- <div class="visible-xs">
                      <img style="padding-top: 14px; width:100%;" src="images/高科技玩具.svg">
                      </div> -->
                      <p class="laboratory-p2" >Since establishment of Jaki Technology, product safety has been put as the top priority in terms of production and design. Take education and interaction as the key direction of R&D. Our company has been dedicating in R& D. Under the leadership of our first-class talent team of R&D, we have launched a range of high-tech intelligent products such as Robot.</p>

                      <button class="Know_more_button" onclick="window.location.href='/products';">More Information</button>
                  </div>

                  <div class="indexrobot col-sm-7">
                     <!-- <img src="{dede:global.cfg_templets_skin/}/images/big_Robot.png"style="z-index:5;width: 100%; "> -->
                        <img src="{dede:global.cfg_templets_skin/}/images/big_Robot.png"style="z-index:5;width: 100%; ">
                  </div>
              </div>
          </div>

      </div><!--laboratory-->



      <div class="news container-fluid">
          <!--news-->

          <div class="container"style="padding-top: 64px">

            <div class="container row">
                <div class="col-xs-3 visible-xs"></div><!--手机屏幕占位-->
                <div class="col-xs-1"></div><!--占位-->
                <div class="col-xs-3 hidden-xs"><hr style="height:2px;width: 100%; border:none;border-top:1px solid #00A9f1;" /></div>
                <div class="col-xs-4 hidden-xs">
                    <center>
                      <img src="{dede:global.cfg_templets_skin/}/images/news.png" alt="News" >
                    </center>
                    <center style="padding-top: 10px;">
               {dede:channelartlist row='1' typeid='3'  }			
			<a href="{dede:field name='typeurl'/}"style="font-size: 18px;color: #00A9F1">View All ></a>
		{/dede:channelartlist}
                        
                    </center>
                </div>
                <div class="col-xs-4 visible-xs" style="width: 100%;">
                    <center>
                        <img src="{dede:global.cfg_templets_skin/}/images/news.png" alt="News" >
                    </center>
                    <center style="padding-top: 10px;">
                          {dede:channelartlist row='1' typeid='3'  }			
			<a href="{dede:field name='typeurl'/}"style="font-size: 18px;color: #00A9F1">View All ></a>
		{/dede:channelartlist}
                    </center>
                </div>

                <div class="col-xs-3 hidden-xs"><hr style="height:2px;width: 100%;border:none;border-top:1px solid #00A9f1;" /></div>
                <div class="col-xs-1"></div><!--占位-->
                <div class="col-xs-3 visible-xs"></div><!--手机屏幕占位-->
            </div>





             <div class="news col-sm-12 row">
                 <!--下面视频三栏目-->
{dede:arclist row='1' typeid='20' titlelen='80' }
<div class="col-xs-12 col-sm-12 col-md-4" style="padding-top: 30px">
	<img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images/cnpic.png" onclick="window.location.href='[field:typeurl/]';" alt="公司新闻" class="img-responsive" width="100%" height="100%">
	<div style="margin-top: -40px">
		<img src="/en/images/news_label.png" alt="新闻标签" class="img-responsive" style="z-index: 5;">
		<p class="new_p1_1">
			<a href="[field:typeurl/]" style="color: #ffffff; text-decoration: none;">Company News</a>
		</p>
	</div>
	<div class="news_background-color">
		
		<p class="new_p1_2">
			<a href="[field:arcurl/]">[field:title/]</a>
		</p>
		<p class="new_p1_3">[field:description function="cn_substr(@me,168)"/]...
		</p>
		<p class="new_p1_4" style="margin-top:20px;">[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>
		
	</div>
</div>

 {/dede:arclist}
 
  
 {dede:arclist row='1' typeid='21' titlelen='80' }
 
                 <div class="col-xs-12 col-sm-12 col-md-4" style="padding-top: 30px">
                     <img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images/inpic.png" onclick="window.location.href='[field:typeurl/]';" alt="行业新闻" class="img-responsive"width="100%"height="100%">
                     <div style="margin-top: -40px">
                         <img src="/en/images/news_label.png" alt="新闻标签" class="img-responsive"style="z-index: 5">
                         <p class="new_p1_1"><a href="[field:typeurl/]" style="color: #ffffff; text-decoration: none;">Industry News</a></p>
                     </div>
                     <div class="news_background-color">
						
						<p class="new_p1_2">
							<a href="[field:arcurl/]">[field:title/]</a>
						</p>
						<p class="new_p1_3">[field:description function="cn_substr(@me,168)"/]...
						</p>
						<p class="new_p1_4" style="margin-top:20px;">[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>
						
                         <!--<p class="new_p1_2"><a href="/en/industrynews-details/news-20160318">The robot will be leading the mainstream education or Chinese children learning</a></p>
                         <p class="new_p1_3">This year's Gala, a program of Guangzhou branch field to win the domestic and foreign media "a piece of applause"...</p>
                         <p class="new_p1_4">2016-03-18</p>-->
                     </div>
                 </div>
                 
                 {/dede:arclist}
                 
                 
          {dede:arclist row='1' typeid='22' titlelen='80'   orderby ='rand'}        

                 <div class="col-xs-12 col-sm-12 col-md-4"style="padding-top: 30px">
                 	
                 	
                     <img src="http://jiaqi.oss-cn-hangzhou.aliyuncs.com/images/vpic.png" onclick="window.location.href='[field:typeurl/]';" alt="视频中心" class="img-responsive"width="100%"height="100%">
                     <div style="margin-top: -40px">
                         <img src="/en/images/news_label.png" alt="新闻标签" class="img-responsive"style="z-index: 5">
                         <p class="new_p1_1"><a href="[field:typeurl/]" style="color: #ffffff; text-decoration: none;">Videos</a></p>
                     </div>
                     <div class="news_background-color">
                    
					<p class="new_p1_2">
						<a href="[field:arcurl/]">[field:title/]</a>
					</p>
					<p class="new_p1_3">[field:description function="cn_substr(@me,168)"/]...
					</p>
					<p class="new_p1_4" style="margin-top:20px;">[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>
					
                         <!--<p class="new_p1_2" ><a href="/en/videoplay/videos-TT661-669/"; target=_blank>R/C Changing Car Serics</a></p>
                         <p class="new_p1_3">Time length:1 minutes and 59 seconds.</p>
                         <p class="new_p1_4">2016-02-02</p>-->
                     </div>                   
                                          
                 </div>
                 
                 {/dede:arclist}
                 
                 
             </div>

          </div>

      </div><!--news container-fluid-->
  </div>

</div>

<script>
    $('.carousel').carousel()
</script>

<!-- <script>
$('.carousel').carousel({
interval: 2000
})
</script> -->


{dede:include filename="footer.htm"/}



    </div>
    <nav id="mobile-nav">
  
</nav>
  </div>
</body>
</html>