{extend name="default::base"}
{block name="body"}
<section class="index-company index-section1">
    <div class="container">
        <div class="id-com-all">
            <div class="id-com-en">WELCOME TO HUADE</div>
            <h1 class="id-com-tit">旨在成为质优的仓储货架制造商并为客户提供全方面的重型仓库货架设计服务</h1>
            <div class="id-com-txt">
                <span>{$site_name}成立于2004年3月，主要从事仓储货架,重型货架,仓库货架,重型仓储货架,阁楼货架,轻型-中型货架规划设计、销售、安装调试及相关技术服务。公司主要产品有：阁楼式货架轻型货架、中型货架、重型钢层板货架系统；电动移动货架系统、AS/RS自动化立体库电动货架系统；穿梭车货架系统；阁楼式货架系统；抽屉式、悬臂式、流利式等特殊用途货架系统；汽配库房移动货架系统；工位器具、托盘、堆垛架、仓储笼等仓储配套产品。</span>
            </div>
            <div class="id-com-more-tel">
                <a href="/gsjj" class="id-com-more">more+</a>
            </div>
        </div>
    </div>
</section>

<!--------------------------------------------------拦腰------------------------------------------->
<section class="index-middle">
    <div class="container id-middle-fix">
        <div class="id-middle-box">
            <div class="id-mid-tit">还在犹豫仓储货架设备的选择，立刻咨询</div>
            <span>+135 1165 7550</span>
        </div>
        <div class="id-middle-position">
            <img src="__INDEX__/upload/images/com-img-right.png" alt="">
        </div>
    </div>
</section>

<!--------------------------------------------------产品中心------------------------------------------->
<section class="index-product index-section">
    <div class="container clearfix">
        <div class="id-pro-left">
            <div class="id-pl-tit">
                <div class="id-pl-tit1">
                    <h1>产品中心</h1>
                    <span>仓储货架制造商</span>
                </div>
            </div>
            <ul class="id-pro-nav">
                {zd:navi parent_id="2"}
                <li class="id-pro-nav-first">
                    {eq name="i" value="1"}
                    <a href="{$v.url}" class="id-pl-nav-tit id-pl-nav-titon">{$v.name}</a>
                    {else/}
                    <a href="{$v.url}" class="id-pl-nav-tit">{$v.name}</a>
                    {/eq}
                     {eq name="i" value="1"}
                    <div class="id-pro-nav-ser id-pro-nav-seron">
                        {php}$p_id=$v['id'];{/php}
                        {zd:navi parent_id="$p_id" value="b" limit="8"}
                        <a href="{$b.url}">{$b.name}</a>
                        {/zd:navi}
                    </div>
                     {else/} 
                      <div class="id-pro-nav-ser">
                        {php}$p_id=$v['id'];{/php}
                        {zd:navi parent_id="$p_id" value="b" limit="8"}
                        <a href="{$b.url}">{$b.name}</a>
                        {/zd:navi}
                    </div>
                   {/eq}
                </li>
                {/zd:navi}
                <li><a href="/cpzx" class="id-pro-more">MORE&gt;</a></li>
            </ul>
        </div>
        <div class="id-pro-right">
            {zd:product limit="9"}
            <a href="{$v.url}" class="id-pro-box">
                <img src="{$v.main_image}" alt="">
                <div>{$v.title}</div>
            </a>
            {/zd:product}
        </div>
    </div>
</section>

<script>
    var windowWidth = $(window).width();
    if (windowWidth <= 992) {
        $(".id-pro-nav>li.id-pro-nav-first").mouseenter(function () {
            $(".id-pro-nav-ser").css("display", "none");
        })
    }
    if (windowWidth > 992) {
        $(".id-pro-nav>li.id-pro-nav-first").mouseenter(function () {
            $(".id-pro-nav-ser").css("display", "none");
            $(this).children().css("display", "block");

        })
    }


    $(".id-pro-nav li.id-pro-nav-first").mouseenter(function () {
            var x;
            x = $(this).index();
            $(".id-pl-nav-tit").css("background-color", "#fff")
            $(".id-pl-nav-tit").eq(x).css("background-color", "#015198");
        }
    )
    $(".id-pro-nav li.id-pro-nav-first").mouseenter(function () {
            var x;
            x = $(this).index();
            $(".id-pl-nav-tit").css("color", "#666")
            $(".id-pl-nav-tit").eq(x).css("color", "#fff");
        }
    )
</script>

<!---------------------------------------新闻中心------------------------------------------->
<section class="index-news index-section">
    <div class="container">
        <div class="index-title">
            <h1>新闻中心</h1>
            <div>第一时间了解仓储货架业内资讯</div>
        </div>
        <div class="id-news-all">
            <img src="__INDEX__/upload/images/id-news-img.jpg" alt="" class="id-news-left">
            <div class="id-news-right">
                {zd:article limit="10"}
             	<a href="{$v.url}" class="id-news-box">
					<div class="id-news-top">
						<div class="id-news-tit">{$v.title}</div>
						<div class="id-news-time">{$v.create_time | date = "Y-m-d",###}</div>
					</div>
					<div class="id-news-txt">{$v.summary}</div>
				</a>     
                {/zd:article}
            </div>
        </div>
    </div>
</section>
{/block}
{block name="bottom"}
<footer class="index-footer">
    <div class="container id-footer-container">
        <div class="id-footer-nav">
            <a href="/">华德首页</a>
            {zd:navi}
            <a href="{$v.url}">{$v.name}</a>
            {/zd:navi}
        </div>
        <div class="id-footer">
            <div class="id-footer-logo">
                <img src="__INDEX__/upload/images/logo.png" alt="" class="id-footer-logo-pic">
            </div>
            <div class="id-footer-beian">
                <a>地址：{$address}</a>
                <a>手机：{$mobilephone0}</a>
                <a>电话：{$telephone0}</a>
                <a>邮箱：{$email0}</a>
                <a>传真：{$fax0}</a>
                <a>网址：www.wxhuade.com</a>
                
                <a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">{$icp}</a>
                <a>Copyright©2019 无锡华德仓储设备有限公司 All rights reserve.</a>
            </div>
            <div class="id-footer-erweima">
                <img src="__INDEX__/upload/images/erweima.jpg" alt="">
                <div>扫码关注我们</div>
            </div>
        </div>
        <div class="id-pro-link">
          	<span>主要产品:</span>
          	<a href="http://www.wxhuade.cn/">仓储货架</a>
            <a href="http://www.wxhuade.cn/">重型货架</a>
            <a href="http://www.wxhuade.cn/">仓库货架</a>
            <a href="http://www.wxhuade.cn/">重型仓储货架</a>
        </div>  
    </div>
</footer>
<!--------------------------------------------------友情链接------------------------------------------->
<div class="index-yq">
	<div class="container clearfix">
		<div class="yq">
			<a>友情链接：</a>
    		{zd:friendly}<a href="{$v.url}" target="_blank">{$v.name}</a>{/zd:friendly}
		</div>
		<div class="yq-js" target="_blank"></div>
	</div>
</div>             
{/block}