{include file=head.html}
    <!-- homeShowBox start -->
    <div class="homeShowBox">
        <!-- banner -->
        <div id="middle" class="main">
            <div id="company">
                <ul id="main_thum">
                    
					            <li class="on">
						    <a id="visual_01" href="javascript:;">
							    <dl>
								    <dt><img src="{pboot:sitetplpath}/images/nav/1-1.png" alt="" class="bounceInLeft" /></dt>
								    <dd><img src="{pboot:sitetplpath}/images/nav/1.jpg" alt=""></dd>
							    </dl>
						    </a>

						    <div class="visual">

							    <img src="{pboot:sitetplpath}/images/nav/1.jpg" style="opacity: 1;" class="maxbaner" alt="" />

							    <div class="wrap"><img src="{pboot:sitetplpath}/images/nav/1-2.png" class="moveimg" alt="" style="display: block;"></div>

						    </div>
					    </li>
					    

					    <li class="">
						    <a id="visual_02" href="javascript:;">

							    <dl>
								    <dt><img src="{pboot:sitetplpath}/images/nav/2-1.png" alt="" class="bounceInLeft" /></dt>
								    <dd><img src="{pboot:sitetplpath}/images/nav/2.jpg" alt=""></dd>
							    </dl>
						    </a>
						    <div class="visual" style="opacity: 1;">

							    <img src="{pboot:sitetplpath}/images/nav/2.jpg" style="opacity: 1;" class="maxbaner" alt="" />

							    <div class="wrap"><img src="{pboot:sitetplpath}/images/nav/2-2.png" class="moveimg" alt="" style="display: block;"></div>

						    </div>
					    </li>
                             

					    <li class="">
						    <a id="visual_02" href="javascript:;">

							    <dl>
								    <dt><img src="{pboot:sitetplpath}/images/nav/3-1.png" alt="" class="bounceInLeft" /></dt>
								    <dd><img src="{pboot:sitetplpath}/images/nav/3.jpg" alt=""></dd>
							    </dl>
						    </a>
						    <div class="visual" style="opacity: 1;">

							    <img src="{pboot:sitetplpath}/images/nav/3.jpg" style="opacity: 1;" class="maxbaner" alt="" />

							    <div class="wrap"><img src="{pboot:sitetplpath}/images/nav/3-2.png" class="moveimg" alt="" style="display: block;"></div>

						    </div>
					    </li>
                             

					    <li class="">
						    <a id="visual_02" href="javascript:;">

							    <dl>
								    <dt><img src="{pboot:sitetplpath}/images/nav/4-1.png" alt="" class="bounceInLeft" /></dt>
								    <dd><img src="{pboot:sitetplpath}/images/nav/4.jpg" alt=""></dd>
							    </dl>
						    </a>
						    <div class="visual" style="opacity: 1;">

							    <img src="{pboot:sitetplpath}/images/nav/4.jpg" style="opacity: 1;" class="maxbaner" alt="" />

							    <div class="wrap"><img src="{pboot:sitetplpath}/images/nav/4-2.png" class="moveimg" alt="" style="display: block;"></div>

						    </div>
					    </li>
                             

					    <li class="">
						    <a id="visual_02" href="javascript:;">

							    <dl>
								    <dt><img src="{pboot:sitetplpath}/images/nav/5-1.png" alt="" class="bounceInLeft" /></dt>
								    <dd><img src="{pboot:sitetplpath}/images/nav/5.jpg" alt=""></dd>
							    </dl>
						    </a>
						    <div class="visual" style="opacity: 1;">

							    <img src="{pboot:sitetplpath}/images/nav/5.jpg" style="opacity: 1;" class="maxbaner" alt="" />

							    <div class="wrap"><img src="{pboot:sitetplpath}/images/nav/5-2.png" class="moveimg" alt="" style="display: block;"></div>

						    </div>
					    </li>
                             
                </ul>
            </div>
        </div>
        <!-- banner -->
        <!-- news -->
        <div class="newsShow">
            <div class="showBox marR90 showNews">
                <div class="showBoxTitle">
                    <span class="ch">热点新闻</span> <span class="en">Hot news</span> <a href="/list/news.html" class="moreLink01 moreLink"
                        target="_blank"></a>
                </div>
                <div class="h-newsList marT20" style=" background: #FFF;filter: alpha(Opacity=80); -moz-opacity: 0.5;opacity: 0.7;z-index: 100;background-color: #ffffff; -webkit-border-radius: 7px; -moz-border-radius: 7px;height: 132px;">
                    <ul>
                    {pboot:list scode=23 num=5 order=date}
                    <li  class="text-hide"><span>[list:date style=Y-m-d]</span><a href="[list:link]"  title="[list:title]">[list:title lencn=28]</a></li>
                    {/pboot:list}
      
                    </ul>
                </div>
            </div>
            <div class="showBox marR90 showLinks">
                <div class="showBoxTitle">
                    <span class="ch">快速链接</span> <span class="en">quick link</span>
                </div>
                <div class="h-qLink" style=" background: #FFF;filter: alpha(Opacity=80); -moz-opacity: 0.5;opacity: 0.7;z-index: 100;background-color: #ffffff; -webkit-border-radius: 7px; -moz-border-radius: 7px;height: 132px;">
                    <ul style="padding-top: 20px;">
                        <li>
	<a href="/about/message.html" target="_blank"> <span class="qLink01"></span> 
	<div>
		在线留言
	</div>
</a> 
</li>
<li>
	<a href="/about/contact.html" target="_blank"> <span class="qLink02"></span> 
	<div>
		联系方式
	</div>
</a> 
</li>
<li>
	<a href="/list/job.html" target="_blank"> <span class="qLink03"></span> 
	<div>
		招贤纳士
	</div>
</a> 
</li>

                    </ul>
                </div>
            </div>
            <div class="showBox showVideos">
                <div class="showBoxTitle">
                    <span class="ch">联系我们</span> <span class="en">Contact us</span>
                </div>
<div class="C-Link">
<div class="C-Link-L">
<ul>
<li>电话：{pboot:companyphone}({pboot:companycontact})</li>
<li>手机：{pboot:companymobile} </li>
<li>传真：{pboot:companyfax}</li>
<li>地址：{pboot:companyaddress}</li>
</div>
</ul>
<div  class="C-Link-r"><img src="{pboot:companyweixin}" alt="" class="bounceInLeft" style="width: 120px;"/></div>
</div>


            </div>
            <span class="cf"></span>
        </div>
        <!-- news -->
    </div>
    <!-- homeShowBox end -->
    <!-- solution start -->
    <div class="solution">
        <div class="so-title">
            <span class="ch">产品中心</span><span class="en">products</span></div>
        <div class="so-tab">
            <dl>
                {pboot:nav parent=8 }	
				            <dd><a href="[nav:link]" title="[nav:name]">[nav:name]</a></dd>
                {/pboot:nav}  
                     
            </dl>
            <span class="cf"></span>
        </div>
        <div class="so-con">
            <dl>
{pboot:nav parent=8 }
                         <dd style="display:none">
				                <div class="thisSpeak" style="display:none"><b>[nav:name]</b></div>
				                <div class="solutionShow marT30">
					                <div class="owl-carousel so-itemBox" id="solutionShow[nav:i]" >
{pboot:list scode=[nav:scode] order='isheadline'}  
            <div class="soItem">
							                        <div class="soImg">
							                        <table border="0" cellpadding="0" cellspacing="0" class="indextable" >
                        	                                <tr valign="middle">
                            	                                <td align="center">
							                                        <a href="[list:link]"><img src="	[list:ico]" alt="[list:title]" /></a>
							                                    </td></tr></table>
							                        </div>
							                        <div class="soText"><a href="[list:link]" title="[list:title]">[list:title]</a></div>
						                        </div>
  {/pboot:list}
					                </div>
					                <span class="cf"></span>
				                </div>                            
			                </dd>
{/pboot:nav} 
                       
            </dl>
        </div>
    </div>
    <!-- solution end -->
{include file=foot.html}
    <!-- include js start -->

    <script>
		$(document).ready(function() {
			$("#main_thum li a").eq(2).attr("id","visual_03");
			$("#main_thum li a").eq(3).attr("id","visual_04");
			$("#main_thum li a").eq(4).attr("id","visual_05");
			
			$(".so-tab dd").eq(0).addClass("curt");
			$(".so-con dd").eq(0).css("display","block");
		});
    </script>

    <script type="text/javascript" src="{pboot:sitetplpath}/js/lrscroll.js"></script>

    <script type="text/javascript" src="{pboot:sitetplpath}/js/custom.js"></script>

    <script type="text/javascript" src="{pboot:sitetplpath}/js/public.js"></script>

    <!-- video modal -->

    <script type="text/javascript" src="{pboot:sitetplpath}/js/moaModal.js"></script>

    <script type="text/javascript" src="{pboot:sitetplpath}/js/Sweefty.js"></script>

    <script>

		$(document).ready(function() {
			
			$("#main_thum li a").eq(2).addClass("visual_03");
			$("#main_thum li a").eq(3).addClass("visual_04");
			$("#main_thum li a").eq(4).addClass("visual_05");
			
			
			
			
			
			
			$('#popVideo').modal({  //触发的元素
                target: '#videoBox', //打开的弹出框
                speed: 200,  //动画时间
                easing: 'easeOutBack', //动画方式
                animation: 'zoom',   //动画方向
                position: 'center',  //位置 center 垂直居中 或 5%(水平) 5%(垂直)
                overlayClose: true, //是否点击外面关闭
                overlayColor:'#000', //遮罩的颜色 默认黑色半透明
                overlayOpacity:0.5, //遮罩的透明
                on: 'click',  //触发事件方式  'mouseenter' 
                close: '.none' //设置关闭弹出层的元素
            });

		});

    </script>

    <script src="{pboot:sitetplpath}/js/jquery.LoadImage.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(".so-con img").LoadImage(true, 285, 175, "{pboot:sitetplpath}/images/loading.gif");
        
       
    </script>

    <script type="text/javascript" src="{pboot:sitetplpath}/js/owl.carousel.js"></script>

    <script type="text/javascript">
            $(document).ready(function() {

		            $(".so-con .solutionShow").each(function(){


			            var thisid=$(this).find("div").eq(0).attr("id");


			            $('#'+thisid).owlCarousel({

	                        items:4,
	                        loop:true,
	                        margin:42,
	                        lazyLoad:true,
	           	            autoplay:true,
	                        autoplayTimeout:3000
            		 
		                });
		                  if($.browser.msie) {
		                  
	              if($(this).find(".owl-item").length<=3){
	           $(this).find(".owl-controls").hide();
	           }
	           }else {
	              if($(this).find(".owl-item").length<=1){
	           $(this).find(".owl-controls").hide();
	           }};
 
	            });
	            
	          
	            
	           })
    </script>

    <!-- include js end -->
</body>
</html>