westdc-zf1/application/default/views/scripts/index/index.phtml

<?php
$this->headTitle($this->config->title->site);
$this->headTitle('首页');
$this->headTitle()->setSeparator(' - ');
$auth = Zend_Auth::getInstance();
$this->headLink()->appendStylesheet('/static-sanji-v2/css/index.css');
//$this->headLink()->appendStylesheet('/static-sanji-v2/css/number.css');
?>
<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <?php foreach($this->news as $k=>$v) { ?>
            <?php
            $description = "";
            if (mb_strlen($v['description'])>100)
            {
                $description = mb_substr($v['description'],0,100,'utf-8').'...';
            }else{
                $description = $v['description'];
            }
            ?>
            <div class="item item<?= $k + 1 ?> <?= $k == 0 ? 'active':''?>" style="background-image: url('<?php echo $v['image']; ?>');"></div>
        <?php } ?>
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><img src="/static-sanji-v2/img/left.png" alt="" /></span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><img src="/static-sanji-v2/img/right.png" alt="" /></span>
    </a>
</div>
<!--专题数据-->
<div class="features features-hotnews ">
    <h3 class="navigation">
        <span>专题数据</span>
        <dl></dl>
    </h3>
    <div class="container">
        <div class="moreBox">
            <a href="" class="more"></a>
        </div>
        <div class="row">
            <div class="block-box col-md-12">
                <div class="row">
                    <div class="col-sm-6 col-md-4 hoverBox">
                        <div class="zhuantiBox">
                            <a target="_blank" href="">
                                <div class="hot-im-wrapper"><img class="" alt="图片加载中" src="/static-sanji-v2/img/data1.png" /></div>
                                <div class="infobox">
                                    <p>南极200米分辨率冰盖表面高程模型是我国自主生产的南极遥感地形数据，该图利用2003-2009年间的ICESat/GLAS星载激光雷达数据和EnviSatRA-2雷达高度计数据，通过对ICESat/GLAS数据进行质量控制、饱和度纠正和对EnviSatRA-2高度计数据进行基于地形特征的相对纠正等关键技术处理，将两种不同的测高数据融合，增加了测高数据的采样密度。利用航空激光雷达和实测GPS数据验证，显示该数据的精度为3.21-27.84米，相比国际最新的DEM该数据在地形复杂区域精度有所提高。该数据将为我国南极科考提供基础数据，服务于我国南极科学研究。</p>
                                </div>
                            </a>
                        </div>
                        <div class="hotnews-box1">
                            <p>南极200米分辨率冰盖表面高程模型是我国自主生产的南极遥感地形数据，该图利用2003-2009年间的ICESat/GLAS星载激光雷达数据和EnviSatRA-2雷达高度计数据，通过对ICESat/GLAS数据进行质量控制、饱和度纠正和对EnviSatRA-2高度计数据进行基于地形特征的相对纠正等关键技术处理，将两种不同的测高数据融合，增加了测高数据的采样密度。利用航空激光雷达和实测GPS数据验证，显示该数据的精度为3.21-27.84米，相比国际最新的DEM该数据在地形复杂区域精度有所提高。该数据将为我国南极科考提供基础数据，服务于我国南极科学研究。</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4 hoverBox">
                        <div class="zhuantiBox">
                            <a target="_blank" href="">
                                <div class="hot-im-wrapper"><img class="" src="/static-sanji-v2/img/data2.gif" /></div>
                                <div class="infobox">
                                    <p>北极地区是对气候变化最为敏感的地区之一，长期以来受到了气候变化研究的极大关注。尽管最近一段时间，全球暖化出现了一定程度的减缓甚至停滞的迹象，但北极地区的气候变化在过去几十年间却出现了明显的加速：一方面北极夏秋季的海冰覆盖正在加速融化（如图1），北极海冰覆盖面积历史低值被不断刷新，2012年九月份的海冰覆盖面积仅相当于1979到2000年多年平均海冰面积的51%，相对于上世纪八十年代初，已经有超过一半的海冰在夏天消失了，2002-2011年间海冰面积减少速度是1979-2006年间减少速度的两倍还多...</p>
                                </div>
                            </a>
                        </div>
                        <div class="hotnews-box1">
                            <p>北极地区是对气候变化最为敏感的地区之一，长期以来受到了气候变化研究的极大关注。尽管最近一段时间，全球暖化出现了一定程度的减缓甚至停滞的迹象，但北极地区的气候变化在过去几十年间却出现了明显的加速：一方面北极夏秋季的海冰覆盖正在加速融化（如图1），北极海冰覆盖面积历史低值被不断刷新，2012年九月份的海冰覆盖面积仅相当于1979到2000年多年平均海冰面积的51%，相对于上世纪八十年代初，已经有超过一半的海冰在夏天消失了，2002-2011年间海冰面积减少速度是1979-2006年间减少速度的两倍还多...</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4 hoverBox">
                        <div class="zhuantiBox">
                            <a target="_blank" href="">
                                <div class="hot-im-wrapper"><img  src="/static-sanji-v2/img/data3.png" /></div>
                                <div class="infobox">
                                    <p>被誉为地球上的"三极"的青藏高原，因其是驱动全球环境变化研究的重要区域，对整个地球的生态、环境、气候产生深刻的调控作用，一直是国际社会关注的热点。全球变暖背景下三极冰川、冻土、冻融湖等冰冻圈要素已经发生了显著变化，冰川快速退缩、冻土活动层增厚。长期以来，我国在以青藏高原为主体的世界第三极开展了系统的、多学科的研究，形成了丰富的研究积累。相对于青藏高原研究，我国目前在南北极地区科学研究的水平较低，尤其存在研究基础薄弱、研究方向分散且不系统、水平低等问题。随着气候变暖的影响...</p>
                                </div>
                            </a>
                        </div>
                        <div class="hotnews-box1">
                            <p>被誉为地球上的"三极"的青藏高原，因其是驱动全球环境变化研究的重要区域，对整个地球的生态、环境、气候产生深刻的调控作用，一直是国际社会关注的热点。全球变暖背景下三极冰川、冻土、冻融湖等冰冻圈要素已经发生了显著变化，冰川快速退缩、冻土活动层增厚。长期以来，我国在以青藏高原为主体的世界第三极开展了系统的、多学科的研究，形成了丰富的研究积累。相对于青藏高原研究，我国目前在南北极地区科学研究的水平较低，尤其存在研究基础薄弱、研究方向分散且不系统、水平低等问题。随着气候变暖的影响...</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--数据统计-->
<div class="backBg">
    <h3 class="navigation">
        <span>数据统计</span>
        <dl></dl>
    </h3>
    <div class="contactUs" >
        <div class="contactUsContent">
            <div id="mindex" data-options-ease="Expo.easeInOut" data-options-speed="1" data-options-sscreen="0"></div>
            <style type="text/css">
                .module.mcounter.mm98043 ul.content_list li {
                    width: 25%
                }

                .module.mcounter.mm98043 ul.content_list li div {
                    border-color: rgba(63, 86, 110, .08);
                }

                .module.mcounter.mm98043 ul.content_list li p {
                    font-family: 'HelveticaNeuefcbed078a1b793'!important;
                }

                .module.mcounter.mm98043 ul.content_list li p.number .counterDX {
                    color: rgba(63, 86, 110,  1);
                }
                .module.mcounter.mm98043 ul.content_list li p.number .unit {
                    color: rgba(63, 86, 110,  1);
                }
            </style>
            <div class="mcounter module mm98043">
                <div class="bgmask"></div>
                <div class="content backBg">
                    <div class="container">
                        <div class="row">
                            <div class="module-content fw">
                                <div class="wrapper">
                                    <ul class="content_list">
                                        <li>
                                            <div>
                                                <p class="number"><span class="counterDX" data-counter-value="<?php echo $this->metanum; ?>" id="projectNum"><?php echo $this->metanum; ?></span></p>
                                                <p class="title">元数据个数</p>
                                            </div>
                                        </li>

                                        <li>
                                            <div>
                                                <p class="number"><span class="counterDX" data-counter-value="<?php echo number_format($this->onlinesize/1000,2,'.',''); ?>" id="buildingNum"><?php echo number_format($this->onlinesize/1000,2,'.',''); ?></span></p>
                                                <p class="title">在线数据(GB)</p>
                                            </div>
                                        </li>

                                        <li>
                                            <div>
                                                <p class="number"><span class="counterDX" data-counter-value="<?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?>" id="managementNum"><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?></span></p>
                                                <p class="title">总数据(GB)</p>
                                            </div>
                                        </li>

                                        <li>
                                            <div>
                                                <p class="number"><span class="counterDX" data-counter-value="<?php echo $this->usernum; ?>" id="allMoneyNum"><?php echo $this->usernum; ?></span></p>
                                                <p class="title">总注册用户(人)</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--典型数据-->
<h3 class="navigation">
    <span>典型数据</span>
    <dl></dl>
</h3>
<div class="container newData">
    <div class="row">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="hotnews-box imgBox">
                        <img src="/static-sanji-v2/img/data_product_1.gif" style="margin-top: 80px;margin-bottom: 80px;"/>
                        <p>基于微波辐射计的南极冰盖融化面积和持续时间变化(1978-2014)</p>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="hotnews-box imgBox">
                        <img src="/static-sanji-v2/img/data_product_2.gif" alt="" style="margin: 30px 0;"/>
                        <p>基于微波辐射计的格陵兰冰盖融化面积和持续时间变化(1979-2014)</p>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="hotnews-box imgBox">
                        <a href="/static-sanji-v2/html/video.html" style="display: block;" target="_blank">
                            <video autoplay="" muted="" loop="" class="video">
                                <source src="/static-sanji-v2/img/tpe_1.mp4" type="video/mp4">
                            </video>
                            <p style="height: 60px;">基于MODIS的2003年高亚洲积雪覆盖变化</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--热门数据-->
<div class="backBg">
    <h3 class="navigation">
        <span>热门数据</span>
        <dl></dl>
    </h3>
    <div class="container">
        <div class="moreBox">
            <a href="/data" class="more">查看更多</a>
        </div>
        <div class="row">
            <?php foreach($this->mdtop as $i=>$md) : ?>
            <div class="col-sm-3 col-md-3">
                <a href="/data/<?php echo $md->uuid; ?>">
                    <div class="science p-box">
                        <img src="/service/thumb/id/<?php echo $md->id; ?>" alt="">
                        <div class="p-title">
                            <p><?php echo $md->title; ?></p>
                        </div>
                    </div>
                </a>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<!--新闻动态-->
<h3 class="navigation">
    <span>新闻动态</span>
    <dl></dl>
</h3>
<div class="newsBox" >
    <div class="container">
        <div class="moreBox">
            <a href="/archives/news/localnews" class="more">查看更多</a>
        </div>
        <div class="row">
            <div class="col-sm-5">
                <div class="newsBoxL">
                    <img src="<?= $this->list_news[0] && $this->list_news[0]['image'] && $this->list_news[0]['image'] != '' ? $this->list_news[0]['image']:'/static-sanji-v2/img/20180206161540_37955.png' ?>" alt="">
                    <div class="newsBoxLTxt">
                        <div class="newsBoxLTxtL">
                            <i><?= date('d',strtotime($this->list_news[0]['ts_published']))  ?></i>
                            <span><?= date('Y-m',strtotime($this->list_news[0]['ts_published']))  ?></span>
                        </div>
                        <div class="newsBoxLTxtR">
                            <a href="<?= $this->list_news[0]['url'] ?>">
                                <h6><?= $this->list_news[0]['title'] ?></h6>
                                <p><?= $this->list_news[0]['description'] ?></p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-7">
                <div class="newsBoxR">
                    <ul>
                        <li>
                            <a href="<?= $this->list_news[1]['url'] ?>">
                                <div class="newsTop">
                                    <div class="newsTopLeft">
                                        <p><?= $this->list_news[1]['title'] ?></p>
                                        <div class="borBottom"></div>
                                    </div>
                                    <div class="rihgtTop">
                                        <span><?= date('d',strtotime($this->list_news[1]['ts_published']))  ?></span>
                                        <i><?= date('Y-m',strtotime($this->list_news[1]['ts_published']))  ?></i>
                                    </div>
                                </div>
                                <div class="newsBottom">
                                    <p><?= $this->list_news[1]['description'] ?></p>
                                    <img src="/static-sanji-v2/img/rightArrow.png">
                                </div>
                            </a>
                        </li>
                        <li style="height: 5px;"></li>
                        <li>
                            <a href="<?= $this->list_news[2]['url'] ?>">
                                <div class="newsTop">
                                    <div class="newsTopLeft">
                                        <p><?= $this->list_news[2]['title'] ?></p>
                                        <div class="borBottom"></div>
                                    </div>
                                    <div class="rihgtTop">
                                        <span><?= date('d',strtotime($this->list_news[2]['ts_published']))  ?></span>
                                        <i><?= date('Y-m',strtotime($this->list_news[2]['ts_published']))  ?></i>
                                    </div>
                                </div>
                                <div class="newsBottom">
                                    <p><?= $this->list_news[2]['description'] ?></p>
                                    <img src="/static-sanji-v2/img/rightArrow.png">
                                </div>
                            </a>
                        </li>
                        <li style="height: 5px;"></li>
                        <li>
                            <a href="<?= $this->list_news[3]['url'] ?>">
                                <div class="newsTop">
                                    <div class="newsTopLeft">
                                        <p><?= $this->list_news[3]['title'] ?></p>
                                        <div class="borBottom"></div>
                                    </div>
                                    <div class="rihgtTop">
                                        <span><?= date('d',strtotime($this->list_news[3]['ts_published']))  ?></span>
                                        <i><?= date('Y-m',strtotime($this->list_news[3]['ts_published']))  ?></i>
                                    </div>
                                </div>
                                <div class="newsBottom">
                                    <p><?= $this->list_news[3]['description'] ?></p>
                                    <img src="/static-sanji-v2/img/rightArrow.png">
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--最新数据-->
<div class="backBg">
    <h3 class="navigation">
        <span>最新数据</span>
        <dl></dl>
    </h3>
    <div class="container">
        <div class="moreBox">
            <a href="" class="more">查看更多</a>
        </div>
        <div class="row">
            <?php foreach($this->offlinemdtop as $i=>$md) : ?>
            <div class="col-sm-3 col-md-3">
                <a href="/data/<?php echo $md->uuid; ?>" target="_blank">
                    <div class="science p-box">
                        <img src="/service/thumb/id/<?php echo $md->id; ?>" alt="">
                        <div class="p-title">
                            <p><?php echo $md->title; ?></p>
                        </div>
                    </div>
                </a>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<!--合作单位-->
<h3 class="navigation">
    <span>合作单位</span>
    <dl></dl>
</h3>
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <div id="myCarouse2" class="carousel carouse2 slide pad_010 b_k" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#myCarouse2" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarouse2" data-slide-to="1"></li>
                    <li data-target="#myCarouse2" data-slide-to="2"></li>
                    <li data-target="#myCarouse2" data-slide-to="3"></li>
                    <li data-target="#myCarouse2" data-slide-to="4"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner bor_btm">
                    <div class="item active" >
                        <div class="pic">
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator32.jpg"><p>中国科学院青藏高原研究所</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator34.png"><p>中国科学院西北生态环境资源研究院</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator35.jpg"><p>中国科学院遥感与数字地球研究所</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator26.jpg"><p>中国科学院大气物理研究所</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator25.png"><p>中国科学院测量与地球物理研究所</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator28.jpg"><p>中国科学院地理科学与资源研究所</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator29.jpg"><p>中国科学院地质与地球物理研究所</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator30.jpg"><p>中国科学院东北地理与农业生态研究所</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator27.jpg"><p>中国科学院大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator33.jpg"><p>中国科学院上海天文台</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator2.jpg"><p>北京师范大学</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator23.jpg"><p>中国地质大学(武汉)</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator36.jpg"><p>中国科学院植物研究所</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator31.jpg"><p>中国科学院南京地理与湖泊研究所</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator19.jpg"><p>西北大学</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator20.png"><p>西南大学</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator18.png"><p>上海师范大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator3.jpg"><p>成都高原气象研究所</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator37.jpg"><p>中国气象科学研究院</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator22.jpg"><p>香港中文大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator24.jpg"><p>中国极地研究中心</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator16.png"><p>清华大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator4.jpg"><p>成都信息工程大学</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator21.jpg"><p>香港大学</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator14.jpg"><p>南方科技大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator9.jpg"><p>兰州大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator7.jpg"><p>西南科技大学</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator10.jpg"><p>美国德克萨斯大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>北京林业大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator8.png"><p>华东师范大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator12.jpg"><p>美国加州大学洛杉矶分校</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator11.jpg"><p>美国华盛顿大学</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator13.png"><p>美国犹他大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator15.png"><p>挪威南森环境遥感中心</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator17.png"><p>瑞士苏黎世大学</p>
                            </div>
                            <div class="col-md-3 lastOne">
                                <img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator5.jpg"><p>俄罗斯莫斯科州立大学</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/static-sanji/images/cooperator/cooperator6.png"><p>芬兰气象研究所</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>