{layout name="layout" /}
<!-- 轮播 -->
<div class="banner w100">
    <div class="banner-swiper swiper">
        <div class="swiper-wrapper">
            {foreach $slide as $slideItem}
            <div class="swiper-slide">
                <a href="">
                    <img src="{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
                    <img src="{$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
                    <div class="banner-txt w1360">
                        <p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">{$slideItem['font1']}</p>
                        <p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">{$slideItem['font2']}</p>
                        <p class="info ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">{$slideItem['font3']}</p>
                        <p class="english-info uppercase font-helvetica ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">{$slideItem['font4']}</p>
                    </div>
                </a>
            </div>
            {/foreach}
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>

{if $isMobile}
<!-- 走进中正 -->
<div class="index-about wap-show wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="title">
    <p class="font-helvetica wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['know_zz_title']['value']}</p>
    <strong class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['know_zz_desc']['value']}</strong>
</div>
<div class="txt bg-col-white">
    <h2>{$blocks['company_desc_title']['value']}</h2>
    <div class="rich-txt color-66">
        <p>{$blocks['company_desc_content']['value']}</p>
    </div>
    <div class="about-history flex wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
        {foreach $companyHistoryList as $history}
        <div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
            <p class="color-66"><strong class="color-blue">{$history.year}</strong>年</p>
            <span class="color-66 clips1">{$history.desc}</span>
        </div>
        {/foreach}
    </div>
    <a href="{$blocks['company_history_more']['link'] ?? ''}" class="about-more color-66 flex">{$blocks['company_history_more']['value'] ?? ''}</a>
    <img src="{$blocks['company_profile_mobile']['value'] ?? ''}" alt="{$blocks['company_profile_mobile']['alt'] ?? ''}" class="wap-img">
</div>
{/if}

<!-- 新闻资讯&物业服务 -->
<div class="pull-section news-service-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
    <div class="news-service flex w1360">
        <!-- 新闻资讯 -->
        <div class="index-news">
            <!-- 标题 -->
            <div class="index-news-title pc-show"><img src="__STATIC__/web/images/public/news-title.png" alt="project case"></div>
            <!-- navTab -->
            <div class="index-news-nav flex">
                <span data-url="news.html">总部新闻</span>
                <span data-url="news.html">区域动态</span>
            </div>
            <a href="news.html" class="news-more uppercase color-66 font-helvetica wap-show">News ></a>
            <!-- 资讯列表 -->
            <div class="new-list">
                <!-- 新闻列表 -->
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="color-blue wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="color-blue wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="color-blue wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="color-blue wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="color-blue wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <!-- 动态列表 -->
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="color-blue wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="color-blue wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="color-blue wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="color-blue wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <div class="color-blue wap-show"><img src="__STATIC__/web/images/news-wap.jpg" alt="还山川秀丽 建绿色矿山"></div>
                            <a href="newsDetail.html">
                                <em class="wap-show">2022.09.12</em>
                                <div class="title color-blue clips1">还山川秀丽 建绿色矿山</div>
                                <p class="info color-66 clips4">为现固提升矿山企业综合整治成果，提升矿产资源开发利用平，进一步改善矿山自然生态环境，促进我市进我市矿业经济与生态环境和谐发展全市召开推进绿色矿山建设现场观摩会，并在我集团纳源煤矿设观摩点...</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <!-- 物业服务 -->
        <div class="index-service flex">
            <a href="{$blocks['home_service_img']['link'] ?? 'javascript:;'}" class="left-service color-white">
                <img src="{$blocks['home_service_img']['value'] ?? ''}" alt="{$blocks['home_service_img']['alt'] ?? ''}">
                <div class="txt">
                    <p class="font-helvetica">{$blocks['home_service_img']['summary'] ?? ''}</p>
                    <span>{$blocks['home_service_img']['title'] ?? ''}</span>
                </div>
                <em class="font-helvetica pc-show">Learn more +</em>
            </a>
            <div class="right-service flex">
                <a href="{$blocks['business_service']['link'] ?: 'javascript:;'}">
                    <p class="font-helvetica">{$blocks['business_service']['value'] ?? ''}</p>
                    <span>{$blocks['business_service']['title'] ?? ''}</span>
                </a>
                <a href="{$blocks['park_service']['link'] ?: 'javascript:;'}">
                    <p>{$blocks['park_service']['value'] ?? ''}</p>
                    <span>{$blocks['park_service']['title'] ?? ''}</span>
                </a>
                <a href="{$blocks['community_service']['link'] ?: 'javascript:;'}">
                    <p class="font-helvetica">{$blocks['community_service']['value'] ?? ''}</p>
                    <span>{$blocks['community_service']['title'] ?: ''}</span>
                </a>
                <a href="{$blocks['toujishi_service']['link'] ?: 'javascript:;'}">
                    <p class="font-helvetica">{$blocks['toujishi_service']['value'] ?? ''}</p>
                    <span>{$blocks['toujishi_service']['title'] ?? ''}</span>
                </a>
            </div>
        </div>
    </div>
</div>

<!-- 项目案例 -->
<div class="pull-section project-case-bg pc-show w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
    <div class="project-case w1360">
        <div class="project-case-title flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
            <div class="txt">
                <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="{$blocks['project_case_en']['value'] ?? ''}" alt="{$blocks['project_case_en']['alt'] ?? ''}"></p>
                <span class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['project_case_title']['value'] ?? ''}</span>
            </div>
            <a href="{$blocks['project_case_more']['link'] ?: 'javascript:;'}" class="more color-66">{$blocks['project_case_more']['value'] ?? ''}</a>
        </div>
        <div class="project-case-list flex">
            <a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
                <div class="img"><img src="__STATIC__/web/images/case-01.jpg" alt="成都领地环金广场"></div>
                <div class="txt bg-col-white flex">
                    <p class="clips1">成都领地环金广场</p>
                    <span>+</span>
                </div>
            </a>
            <a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
                <div class="img"><img src="__STATIC__/web/images/case-02.jpg" alt="成都领地环金广场"></div>
                <div class="txt bg-col-white flex">
                    <p class="clips1">成都领地环金广场</p>
                    <span>+</span>
                </div>
            </a>
            <a href="redPropertDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
                <div class="img"><img src="__STATIC__/web/images/case-03.jpg" alt="成都领地环金广场"></div>
                <div class="txt bg-col-white flex">
                    <p class="clips1">成都领地环金广场</p>
                    <span>+</span>
                </div>
            </a>
            <a href="topQualityDetail.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
                <div class="img"><img src="__STATIC__/web/images/case-04.jpg" alt="成都领地环金广场"></div>
                <div class="txt bg-col-white flex">
                    <p class="clips1">成都领地环金广场</p>
                    <span>+</span>
                </div>
            </a>
        </div>
    </div>
</div>