pzct/view/about/index.html

{layout name="layout" /}

<div class="fixed-height"></div>

<section class="inner-banenr">
    <img src="__STATIC__/web/images/banner-zj.jpg" alt="">
</section>

<section class="inner-nav">
    <div class="wrap">
        <div class="left">
            <img src="__STATIC__/web/img/home.png" alt="">
            <div>
                您当前位置：<a href="/">首页</a> | <span>走进产投</span>
            </div>
        </div>

        {include file="public/search"}
    </div>
</section>

<section class="inner-nav2 mt30">
    <div class="wrap">
        <a href="#into1"  class="curr">集团简介</a>
        <a href="#into2">集团领导</a>
        <a href="#into3">发展战略</a>
        <a href="#into4">集团荣誉</a>
        <a href="#into5">组织架构</a>
        <a href="#into6">业务板块</a>
    </div>
</section>

<!-- 集团简介 -->
<div class="zjct-content mt40 pr" id="into1">
    <div class="wrap">
        <div class="top-list">
            <div class="left">
                {$blocks['company_desc']['value']|raw}
            </div>

            <div class="right">
                <div class="img"><img src="__STATIC__/web/img/zj-img.jpg" alt=""></div>
            </div>
        </div>

        <div class="bottom-list">
            {foreach $companyList as $company}
            <div class="boxs wow fadeInUp">
                <h3>{$company.title}</h3>
                <div class="st">
                    {$company.content|raw}
                </div>
            </div>
            {/foreach}
        </div>
    </div>
</div>

<!-- 集团领导 -->
<div class="leader-content mt80" id="into2">
    <div class="wrap">
        <div class="title2"><span>集团领导</span></div>
        <div class="list mt40">
            <div class="swiper-container swiper">
                <div class="swiper-wrapper">
                    {foreach $leaderList as $leader}
                    <div class="swiper-slide">
                        <div class="img">
                            <div class="link-href">
                                    <span class="v-img">
                                        <span class="v-img-cover">
                                            <img src="{$leader.src}" alt="{$leader.title}">
                                        </span>
                                    </span>
                            </div>
                        </div>

                        <div class="text">{$leader.title}</div>
                    </div>
                    {/foreach}
                </div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
</div>

<!-- 发展战略 -->
<div class="grow-content mt80" id="into3">
    <div class="title2"><span>发展战略</span></div>
    <div class="list mt40"><img src="{$blocks['about_develop']['value']}" alt="发展战略"></div>
</div>

<!-- 集团荣誉 -->
<div class="honor-content mt80" id="into4">
    <div class="wrap">
        <div class="title2"><span>集团荣誉</span></div>
        <div class="list mt40">

            {foreach $honorList as $honor}
            <div class="boxs">
                <div class="img">
                    <div class="link-href">
                            <span class="v-img">
                                <span class="v-img-cover">
                                    <img src="{$honor.src}" alt="{$honor.title}">
                                </span>
                            </span>
                    </div>
                </div>

                <div class="text">
                    {$honor.title}
                    <br>{$honor.summary}
                </div>
            </div>
            {/foreach}

        </div>
    </div>
</div>


<!-- 组织架构  -->
<div class="plan-content mt80" id="into5">
    <div class="title2"><span>组织架构</span></div>
    <div class="list mt40">
        <h3><img src="__STATIC__/web/img/plan-text.jpg" alt=""></h3>
        <div class="img" id="layer-photo"><img  layer-src="__STATIC__/web/img/plan-img.jpg" src="__STATIC__/web/img/plan-img.jpg" alt=""></div>
    </div>
</div>

<!-- 业务板块 -->
<div class="business-content mt80" id="into6">
    <div class="wrap">
        <div class="title2"><span>业务板块</span></div>
        <div class="int mt40">
            产投集团根据发展需要，以及县委.县政府对产投集团的功能定位，重点聚焦我县一、二、三产业的投资、开发、建设.营运。主要从事国有资本营运管理。产业资本营运管理、产业金融服务，农业综合开发、产业园区开发、旅游资源开发、文化体育及相关领域投资，推动国有经济战略布局调整、产业结构优化、产业转型升级。
        </div>
    </div>
    <div class="list pr">

        <div class="bd">
            <div class="boxs">
                <div class="img" style="background-image: url('__STATIC__/web/img/zj-img3.jpg');"></div>
            </div>

            <div class="boxs">
                <div class="img" style="background-image: url('__STATIC__/web/img/zj-img2.jpg');"></div>
            </div>

            <div class="boxs">
                <div class="img" style="background-image: url('__STATIC__/web/img/zj-img3.jpg');"></div>
            </div>

            <div class="boxs">
                <div class="img" style="background-image: url('__STATIC__/web/img/zj-img2.jpg');"></div>
            </div>

            <div class="boxs">
                <div class="img" style="background-image: url('__STATIC__/web/images/banner.jpg');"></div>
            </div>
        </div>

        <div class="hd">
            <ul>
                <li class="on"><a href="/news/index.html?category_id=20">农业板块</a></li>
                <li><a href="/news/index.html?category_id=21">工业板块</a></li>
                <li><a href="/news/index.html?category_id=22">商贸文旅板块</a></li>
                <li><a href="/news/index.html?category_id=23">金融板块</a></li>
                <li><a href="/news/index.html?category_id=24">其他板块</a></li>
            </ul>
        </div>
    </div>
</div>

<script>
    var swiper10 = new Swiper(".leader-content .swiper-container", {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        breakpoints: {
            319: {  //当屏幕宽度大于等于1023
                slidesPerView: 2,
                spaceBetween: 20,
            },
            750: {  //当屏幕宽度大于等于1023
                slidesPerView: 3,
                spaceBetween: 20,
            },
            1200: {  //当屏幕宽度大于等于1540
                slidesPerView: 3,
                spaceBetween: 30,
            },
            1600:{
                slidesPerView: 4,
                spaceBetween: 40,
            }
        },
    });

    $(".inner-nav2 a").click(function() {
        $(this).addClass("curr").siblings().removeClass("curr");
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top - 130 + "px"
        }, 1000);
        return false;
    });

    $("#into5").click(function(){
        layer.photos({
            photos: '#layer-photo'
            ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
        });
    })
</script>