add new static files, update index template
This commit is contained in:
jack
parent
6e24442758
commit
cddfc46982
|
|
@ -2712,26 +2712,26 @@ group by m.uuid,m.title,m.description) md ON md.uuid=v.uuid
|
|||
$this->db->query($sql,array($u_id,$id));
|
||||
|
||||
//email to admin & author
|
||||
// $mail=new WestdcMailer($this->view->config->smtp);
|
||||
// $mail->setFrom($this->view->config->service->email,'西部数据中心服务组');
|
||||
// $mailtp=new EmailText($this->db,"metadata-release",array(
|
||||
// 'user' => $user->username,
|
||||
// 'uuid' => $row['uuid'],
|
||||
// 'email'=> $user->email,
|
||||
// //元数据标题
|
||||
// 'title'=> $row['title'],
|
||||
// 'changelog'=>$changelog,
|
||||
// ));
|
||||
// $mail->setBodyText($mailtp->getBody());
|
||||
// $mail->setSubject($mailtp->getSubject());
|
||||
// if($this->debug==0)
|
||||
// {
|
||||
// $mail->addTo($this->view->config->service->email);
|
||||
// $mail->addCc($this->view->config->service->email);
|
||||
// }else{
|
||||
// $mail->addTo($this->debug_email);
|
||||
// }
|
||||
// @$mail->send();
|
||||
$mail=new WestdcMailer($this->view->config->smtp);
|
||||
$mail->setFrom($this->view->config->service->email,'时空三极大数据平台');
|
||||
$mailtp=new EmailText($this->db,"metadata-release",array(
|
||||
'user' => $user->username,
|
||||
'uuid' => $row['uuid'],
|
||||
'email'=> $user->email,
|
||||
//元数据标题
|
||||
'title'=> $row['title'],
|
||||
'changelog'=>$changelog,
|
||||
));
|
||||
$mail->setBodyText($mailtp->getBody());
|
||||
$mail->setSubject($mailtp->getSubject());
|
||||
if($this->debug==0)
|
||||
{
|
||||
$mail->addTo($this->view->config->service->email);
|
||||
$mail->addCc($this->view->config->service->email);
|
||||
}else{
|
||||
$mail->addTo($this->debug_email);
|
||||
}
|
||||
@$mail->send();
|
||||
|
||||
$data = array("commited"=>1,"error"=>'该版本已经成功发布!');
|
||||
$this->jsonexit($data);
|
||||
|
|
|
|||
|
|
@ -0,0 +1,407 @@
|
|||
<?php
|
||||
$this->headTitle($this->config->title->site);
|
||||
$this->headTitle('首页');
|
||||
$this->headTitle()->setSeparator(' - ');
|
||||
$auth = Zend_Auth::getInstance();
|
||||
?>
|
||||
<section class="panel home" data-section-name="首页">
|
||||
<div class="swiper-container banner">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide" style="background:url('<?php echo $this->news[0]['image']; ?>') no-repeat center;background-size:cover">
|
||||
<span class="cdate"><!-- [<?php echo date("Y-m-d",strtotime($this->news[0]['ts_published'])) ?>] --></span>
|
||||
<h2 class="btitle"><a href="javascript:void(0);" data-rel="<?php echo $this->news[0]['url']; ?>"><?php echo $this->news[0]['title']; ?></a></h2>
|
||||
<?php
|
||||
$description = "";
|
||||
if (mb_strlen($this->news[0]['description'])>100)
|
||||
{
|
||||
$description = mb_substr($this->news[0]['description'],0,100,'utf-8').'...';
|
||||
}else{
|
||||
$description = $this->news[0]['description'];
|
||||
}
|
||||
?>
|
||||
<h4 class="bstitle"><?php echo $description; ?></h4>
|
||||
</div>
|
||||
<div class="swiper-slide" id="video_silder">
|
||||
<video autoplay muted loop>
|
||||
<source src="/upload/media/tpe_1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<h2 class="video_cover"><a href="javascript:void(0);">基于MODIS的2003年高亚洲积雪覆盖变化</a></h2>
|
||||
</div>
|
||||
<?php foreach($this->news as $k=>$v) { ?>
|
||||
<?php
|
||||
if($k < 1) continue;
|
||||
$description = "";
|
||||
if (mb_strlen($v['description'])>100)
|
||||
{
|
||||
$description = mb_substr($v['description'],0,100,'utf-8').'...';
|
||||
}else{
|
||||
$description = $v['description'];
|
||||
}
|
||||
?>
|
||||
<div class="swiper-slide" style="background:url('<?php echo $v['image']; ?>') no-repeat center;background-size:cover">
|
||||
<span class="cdate"><!-- [<?php echo date("Y-m-d",strtotime($v['ts_published'])) ?>] --></span>
|
||||
<h2 class="btitle"><a href="javascript:void(0);" data-rel="<?php echo $v['url']; ?>"><?php echo $v['title']; ?></a></h2>
|
||||
<h4 class="bstitle"><?php echo $description; ?></h4>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="direction">
|
||||
<div class="swiper-button-prev c-prev"></div>
|
||||
<div class="swiper-button-next c-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel panel1" data-section-name="数据共享">
|
||||
<div class="container topic">
|
||||
<div class="row">
|
||||
<span class="all"><a href="/data">全部 》</a></span>
|
||||
<h1 class="data">专题数据</h1>
|
||||
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
||||
</ol>
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<h3 class="text-center">南极</h3>
|
||||
<div>
|
||||
<div class="col-md-4 text-center data-image">
|
||||
<img src="/static-sanji/images/index/dataset_1.png">
|
||||
</div>
|
||||
<div class="col-md-8 data-wrapper">
|
||||
<p class="heihe-desc">南极200米分辨率冰盖表面高程模型是我国自主生产的南极遥感地形数据，该图利用2003-2009年间的ICESat/GLAS星载激光雷达数据和EnviSatRA-2雷达高度计数据，通过对ICESat/GLAS数据进行质量控制、饱和度纠正和对EnviSatRA-2高度计数据进行基于地形特征的相对纠正等关键技术处理，将两种不同的测高数据融合，增加了测高数据的采样密度。利用航空激光雷达和实测GPS数据验证，显示该数据的精度为3.21-27.84米，相比国际最新的DEM该数据在地形复杂区域精度有所提高。该数据将为我国南极科考提供基础数据，服务于我国南极科学研究。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h3 class="text-center">北极</h3>
|
||||
<div>
|
||||
<div class="col-md-4 text-center data-image">
|
||||
<img src="/static-sanji/images/index/dataset_2.gif">
|
||||
</div>
|
||||
<div class="col-md-8 data-wrapper">
|
||||
<p class="heihe-desc">北极地区是对气候变化最为敏感的地区之一，长期以来受到了气候变化研究的极大关注。尽管最近一段时间，全球暖化出现了一定程度的减缓甚至停滞的迹象，但北极地区的气候变化在过去几十年间却出现了明显的加速：一方面北极夏秋季的海冰覆盖正在加速融化（如图1），北极海冰覆盖面积历史低值被不断刷新，2012年九月份的海冰覆盖面积仅相当于1979到2000年多年平均海冰面积的51%，相对于上世纪八十年代初，已经有超过一半的海冰在夏天消失了，2002-2011年间海冰面积减少速度是1979-2006年间减少速度的两倍还多...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h3 class="text-center">第三极</h3>
|
||||
<div>
|
||||
<div class="col-md-4 text-center data-image">
|
||||
<img src="/static-sanji/images/index/dataset_3.png">
|
||||
</div>
|
||||
<div class="col-md-8 data-wrapper">
|
||||
<p class="heihe-desc">被誉为地球上的"三极"的青藏高原，因其是驱动全球环境变化研究的重要区域，对整个地球的生态、环境、气候产生深刻的调控作用，一直是国际社会关注的热点。全球变暖背景下三极冰川、冻土、冻融湖等冰冻圈要素已经发生了显著变化，冰川快速退缩、冻土活动层增厚。长期以来，我国在以青藏高原为主体的世界第三极开展了系统的、多学科的研究，形成了丰富的研究积累。相对于青藏高原研究，我国目前在南北极地区科学研究的水平较低，尤其存在研究基础薄弱、研究方向分散且不系统、水平低等问题。随着气候变暖的影响...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6 hot-data">
|
||||
<p class="data-title">
|
||||
<em class="text-left"><span class="glyphicon glyphicon-play"></span>热门下载数据</em>
|
||||
<span class="data-more"><a href="/data">更多 > ></a></span>
|
||||
</p>
|
||||
<ul>
|
||||
<?php foreach($this->mdtop as $i=>$md) : ?>
|
||||
<li>
|
||||
<a href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 down_right hot-data">
|
||||
<p class="data-title">
|
||||
<em class="text-left"><span class="glyphicon glyphicon-play"></span>最近更新数据</em>
|
||||
<span class="data-more"><a href="/data">更多 > ></a></span>
|
||||
</p>
|
||||
<ul>
|
||||
<?php foreach($this->offlinemdtop as $i=>$md) : ?>
|
||||
<li>
|
||||
<a href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel panel5" data-section-name="数据成果">
|
||||
<div class="container topic">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6 hot-data text-center">
|
||||
<p class="data-title">
|
||||
<em class="text-left"><span class="glyphicon glyphicon-play"></span>基于微波辐射计的南极冰盖融化面积和持续时间变化(1978-2014)</em>
|
||||
</p>
|
||||
<img src="/static-sanji/images/index/data_product_1.gif" width="100%">
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 down_right hot-data text-center">
|
||||
<p class="data-title">
|
||||
<em class="text-left"><span class="glyphicon glyphicon-play"></span>基于微波辐射计的格陵兰冰盖融化面积和持续时间变化(1979-2014)</em>
|
||||
</p>
|
||||
<img src="/static-sanji/images/index/data_product_2.gif" width="77%">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel panel2" data-section-name="新闻">
|
||||
<div class="container news">
|
||||
<div class="row">
|
||||
<div class="col-xs-12"><span class="all"><a href="">全部 》</a></span></div>
|
||||
<div class="col-xs-12"><h1>新闻</h1></div>
|
||||
<div class="col-xs-6 news-con">
|
||||
<?php for($i = 0; $i <= 3; $i++){ ?>
|
||||
<div class="news-wrapper">
|
||||
<div class="col-xs-2" style="background: url('<?= $this->list_news[$i]['image'] ?>') no-repeat center;background-size:contain;height: 75px"></div>
|
||||
<div class="col-xs-10">
|
||||
<h5><a href="<?= $this->list_news[$i]['url'] ?>"><?php
|
||||
if (mb_strlen($this->list_news[$i]['title'])>40)
|
||||
{
|
||||
echo mb_substr($this->list_news[$i]['title'],0,40,'utf-8').'...';
|
||||
}else{
|
||||
echo $this->list_news[$i]['title'];
|
||||
}
|
||||
?></a></h5>
|
||||
<p>
|
||||
<?php
|
||||
$description = "";
|
||||
if (mb_strlen($this->list_news[$i]['description'])>80)
|
||||
{
|
||||
$description = mb_substr($this->list_news[$i]['description'],0,80,'utf-8').'...';
|
||||
}else{
|
||||
$description = $this->list_news[$i]['description'];
|
||||
}
|
||||
echo $description; ?>
|
||||
</p>
|
||||
</div>
|
||||
<p style="clear: both"></p>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="col-xs-6 news-con">
|
||||
<?php for($i = 4; $i <= 7; $i++){ ?>
|
||||
<div class="news-wrapper">
|
||||
<div class="col-xs-2" style="background: url('<?= $this->list_news[$i]['image'] ?>') no-repeat center;background-size:contain;height: 75px"></div>
|
||||
<div class="col-xs-10">
|
||||
<h5><a href="<?= $this->list_news[$i]['url'] ?>">
|
||||
<?php
|
||||
if (mb_strlen($this->list_news[$i]['title'])>30)
|
||||
{
|
||||
echo mb_substr($this->list_news[$i]['title'],0,40,'utf-8').'...';
|
||||
}else{
|
||||
echo $this->list_news[$i]['title'];
|
||||
}
|
||||
?>
|
||||
</a></h5>
|
||||
<p>
|
||||
<?php
|
||||
$description = "";
|
||||
if (mb_strlen($this->list_news[$i]['description'])>80)
|
||||
{
|
||||
$description = mb_substr($this->list_news[$i]['description'],0,80,'utf-8').'...';
|
||||
}else{
|
||||
$description = $this->list_news[$i]['description'];
|
||||
}
|
||||
echo $description; ?>
|
||||
</p>
|
||||
</div>
|
||||
<p style="clear: both"></p>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel panel3" data-section-name="帮助">
|
||||
<div class="container news">
|
||||
<div class="row clear">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<span class="all"><a href="">全部 》</a></span>
|
||||
<h3 id="help"><a href="">帮助</a></h3>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<span class="hicon contact"></span>
|
||||
<h4>联系我们</h4>
|
||||
<p>时空三极环境大数据平台</p>
|
||||
<p>中国科学院寒区环境与工程研究院 6#1102</p>
|
||||
<p>E-mail:westdc@lzb.ac.cn</p>
|
||||
<p>电话：+86-931-4967287</p>
|
||||
<p>邮编：730000</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<span class="hicon data-server"></span>
|
||||
<h4>数据服务</h4>
|
||||
<p>最近20条离线数据服务记录（共5742）</p>
|
||||
<p><a href="">如何申请数据</a></p>
|
||||
<p><a href="">如何发布数局</a></p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<span class="hicon statistics"></span>
|
||||
<h4>统计</h4>
|
||||
<ul>
|
||||
<li>
|
||||
元数据 <span><?php echo $this->metanum; ?></span>条
|
||||
</li>
|
||||
<li>
|
||||
在线数据 <span><?php echo number_format($this->onlinesize/1000,2,'.',''); ?></span>GB
|
||||
</li>
|
||||
<li>
|
||||
总数据 <span><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?></span>GB
|
||||
</li>
|
||||
<li>
|
||||
总注册用户 <span><?php echo $this->usernum; ?></span>人
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 help-wrapper">
|
||||
<dl class="help">
|
||||
<dd><a></a></dd>
|
||||
<dd><a href="/data/request">如何申请数据</a></dd>
|
||||
<dd><a href="/data/submit">如何提交数据</a></dd>
|
||||
<dd><a href="/archives/help/platform/archive-23.html">科学数据引用建议</a></dd>
|
||||
<dt><a href="/archives/help/platform/archive-7.html">在线数据的下载问题</a></dt>
|
||||
<dd><a href="/about/legal">隐私政策</a></dd>
|
||||
<dd><a href="/about/terms">使用条款和免责申明</a></dd>
|
||||
<dd><a href="/about/contact">联系我们</a></dd>
|
||||
<button id="help-btn">帮助</button>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel panel4" data-section-name="合作单位">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<span class="all"><a href="">全部</a></span>
|
||||
<h1>合作单位</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-container cooperation">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator32.jpg"><p>中国科学院青藏高原研究所</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator25.png"><p>中国科学院测量与地球物理研究所</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator34.png"><p>中国科学院西北生态环境资源研究院</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator28.jpg"><p>中国科学院地理科学与资源研究所</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator35.jpg"><p>中国科学院遥感与数字地球研究所</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator29.jpg"><p>中国科学院地质与地球物理研究所</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator26.jpg"><p>中国科学院大气物理研究所</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator30.jpg"><p>中国科学院东北地理与农业生态研究所</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator27.jpg"><p>中国科学院大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator36.jpg"><p>中国科学院植物研究所</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator33.jpg"><p>中国科学院上海天文台</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator31.jpg"><p>中国科学院南京地理与湖泊研究所</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator2.jpg"><p>北京师范大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator19.jpg"><p>西北大学</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator23.jpg"><p>中国地质大学(武汉)</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator20.png"><p>西南大学</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator18.png"><p>上海师范大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator24.jpg"><p>中国极地研究中心</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator3.jpg"><p>成都高原气象研究所</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator16.png"><p>清华大学</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator37.jpg"><p>中国气象科学研究院</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator4.jpg"><p>成都信息工程大学</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator22.jpg"><p>香港中文大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator21.jpg"><p>香港大学</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator14.jpg"><p>南方科技大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>北京林业大学</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator9.jpg"><p>兰州大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator8.png"><p>华东师范大学</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator7.jpg"><p>西南科技大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator12.jpg"><p>美国加州大学洛杉矶分校</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator10.jpg"><p>美国德克萨斯大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator11.jpg"><p>美国华盛顿大学</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator13.png"><p>美国犹他大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator5.jpg"><p>俄罗斯莫斯科州立大学</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator15.png"><p>挪威南森环境遥感中心</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator6.png"><p>芬兰气象研究所</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator17.png"><p>瑞士苏黎世大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
|
||||
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button-prev"><span class="glyphicon glyphicon-chevron-left"></span></div>
|
||||
<div class="swiper-button-next"><span class="glyphicon glyphicon-chevron-right"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script src="/static-sanji/js/Swiper-4.1.0/swiper-4.1.0.min.js"></script>
|
||||
<script src="/static-sanji/js/bootstrap.min.js"></script>
|
||||
<script src="/static-sanji/js/index.js"></script>
|
||||
<script src="/static-sanji/js/jquery.scrollify.js"></script>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,45 +1,40 @@
|
|||
<div class="container" id="layout-page-header">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<img class="header-logo" src="/static-sanji/images/logo_2.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-default">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse sanji-header" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav" id="main-menu">
|
||||
<li><a href="/">首页</a></li>
|
||||
<li><a href="/data">数据产品</a></li>
|
||||
<li><a href="/archives/news/localnews">新闻动态</a></li>
|
||||
<li><a href="/about">关于本站</a></li>
|
||||
<li><a href="/author">数据提交</a></li>
|
||||
<?php
|
||||
$auth = Zend_Auth::getInstance();
|
||||
if($auth->hasIdentity())
|
||||
{
|
||||
$user = $auth->getIdentity();
|
||||
echo '<li class="pull-right"><a href="/account">'.$user->username.'</a></li>';
|
||||
if ($user->usertype=="administrator") echo '<li class="pull-right"><a href="/admin"><i class="icon-cog"></i>后台</a></li>';
|
||||
echo '<li class="pull-right"><a href="/data/order"><i class="icon-shopping-cart"></i> 数据篮</a></li><li class="pull-right"><a href="/account/logout">注销</a></li>';
|
||||
} else {
|
||||
echo '<li class="user pull-right"><a href="/account/login"></a></li>';
|
||||
} ?>
|
||||
<li class="search pull-right"><a href="/search"></a></li>
|
||||
</ul>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-fluid -->
|
||||
<!--顶部导航-->
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-inverse" role="navigation">
|
||||
<div class="navbar-header">
|
||||
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
|
||||
<span class="sr-only"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a href="#" class="navbar-brand scroll-top logo"><img src="/static-sanji-v2/img/logo_white.png" alt="" /><b>时空三级环境大数据平台</b></a>
|
||||
</div>
|
||||
<div id="main-nav" class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav" id="mainNav">
|
||||
<li class="active"><a href="/">首页</a></li>
|
||||
<li><a href="/data" class="scroll-link">数据产品</a></li>
|
||||
<li><a href="/archives/news/localnews" class="scroll-link">新闻动态</a></li>
|
||||
<li><a href="/about" class="scroll-link">关于本站</a></li>
|
||||
<li><a href="/author" class="scroll-link">数据提交</a></li>
|
||||
<li class="search">
|
||||
<input type="text" class="form-control" placeholder="搜索">
|
||||
<i></i>
|
||||
</li>
|
||||
<?php
|
||||
$auth = Zend_Auth::getInstance();
|
||||
if($auth->hasIdentity())
|
||||
{
|
||||
$user = $auth->getIdentity();
|
||||
echo '<li class="pull-right"><a href="/account">'.$user->username.'</a></li>';
|
||||
if ($user->usertype=="administrator") echo '<li class="pull-right"><a href="/admin"><i class="icon-cog"></i>后台</a></li>';
|
||||
echo '<li class="pull-right"><a href="/data/order"><i class="icon-shopping-cart"></i> 数据篮</a></li><li class="pull-right"><a href="/account/logout">注销</a></li>';
|
||||
} else {
|
||||
echo '<li id="login">登录</li>';
|
||||
} ?>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -4,12 +4,14 @@
|
|||
<?= $this->headTitle() ?>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<link rel="stylesheet" href="/static-sanji/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="/static-sanji/js/Swiper-4.1.0/swiper-4.1.0.min.css">
|
||||
<link rel="stylesheet" href="/js/lib/bootstrap/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="/static-sanji/css/common.css">
|
||||
<script src="/static-sanji/js/jquery.min.js"></script>
|
||||
<script src="/static-sanji/js/navi.js"></script>
|
||||
<link rel="stylesheet" href="/static-sanji-v2/css/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" href="/static-sanji-v2/css/top.css" />
|
||||
<link rel="stylesheet" href="/static-sanji-v2/css/index.css" />
|
||||
<link rel="stylesheet" href="/static-sanji-v2/css/bottom.css" />
|
||||
<link rel="stylesheet" href="/static-sanji-v2/css/number.css" />
|
||||
<script src="/static-sanji-v2/js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/static-sanji-v2/js/org.min.js" data-main="indexMain"></script>
|
||||
<script src="/static-sanji-v2/js/bootstrap.min.js"></script>
|
||||
<?= $this->headScript() ?>
|
||||
<?= $this->headLink() ?>
|
||||
<?= $this->headStyle() ?>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,342 @@
|
|||
.timeline-ul {
|
||||
width: 98%;
|
||||
max-width: 1170px;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.timeline-ul::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
height: 101%;
|
||||
width: 3px;
|
||||
background-color: #00a0de
|
||||
}
|
||||
|
||||
.timeline-ul::after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both
|
||||
}
|
||||
|
||||
.timeline-ul li {
|
||||
list-style: none;
|
||||
vertical-align: bottom
|
||||
}
|
||||
|
||||
.timeline-ul li time {
|
||||
color: #00a0de
|
||||
}
|
||||
|
||||
.timeline-ul li p {
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
margin-top: 6px;
|
||||
line-height: 28px
|
||||
}
|
||||
|
||||
.timeline-ul li .li-content {
|
||||
position: relative;
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.timeline-ul li .li-content:hover .icon-event {
|
||||
transition: all .3s;
|
||||
transform: scale(1.5, 1.5)
|
||||
}
|
||||
|
||||
.timeline-ul li .icon-img {
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
background-size: 60px 60px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
bottom: -12px
|
||||
}
|
||||
|
||||
.timeline-ul li .icon-point {
|
||||
position: absolute;
|
||||
bottom: -7px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: #fff;
|
||||
border: 1px solid #00a0de;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.timeline-ul li.time-wrapper {
|
||||
position: relative;
|
||||
margin-left: 50%;
|
||||
text-align: left;
|
||||
padding-left: 20px;
|
||||
margin-top: 50px
|
||||
}
|
||||
|
||||
.timeline-ul li.time-wrapper .time-span {
|
||||
position: relative;
|
||||
top: -5px;
|
||||
display: inline-block;
|
||||
background: #00a0de;
|
||||
text-align: center;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 80px;
|
||||
color: #fff;
|
||||
border-radius: 16px
|
||||
}
|
||||
.timeline-ul li.time-wrapper .time-span.leftOne{
|
||||
left: -120px;
|
||||
}
|
||||
.timeline-ul li.time-wrapper .time-point {
|
||||
position: absolute;
|
||||
top: -1.5%;
|
||||
left: -1.5%;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #00a0de;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.timeline-ul li.time-wrapper .time-point:hover {
|
||||
transition: all .3s;
|
||||
transform: scale(1.5, 1.5)
|
||||
}
|
||||
|
||||
.timeline-ul li.time-wrapper .time-point .time-point-blue {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
background-color: #00a0de;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.timeline-ul li.left {
|
||||
position: relative;
|
||||
text-align: right;
|
||||
width: 50%
|
||||
}
|
||||
|
||||
.timeline-ul li.left .info-div {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
max-width: 420px;
|
||||
padding-right: 10px;
|
||||
padding-left: 20px;
|
||||
margin-left: 0;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #00a0de
|
||||
}
|
||||
|
||||
.timeline-ul li.left .icon-point-left {
|
||||
right: 100%
|
||||
}
|
||||
|
||||
.timeline-ul li.left .icon-point-right {
|
||||
right: -7px
|
||||
}
|
||||
|
||||
.timeline-ul li.left .icon-img {
|
||||
left: 5px
|
||||
}
|
||||
|
||||
.timeline-ul li.right {
|
||||
position: relative;
|
||||
margin-left: 50%;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.timeline-ul li.right .info-div {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
max-width: 460px;
|
||||
padding-left: 20px;
|
||||
padding-right: 10px;
|
||||
margin-right: 0px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #00a0de;
|
||||
}
|
||||
|
||||
.timeline-ul li.right .icon-point-left {
|
||||
left: -4px
|
||||
}
|
||||
|
||||
.timeline-ul li.right .icon-point-right {
|
||||
left: 100%
|
||||
}
|
||||
|
||||
.timeline-ul li.right .icon-img {
|
||||
right: -45px
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.timeline-ul li {
|
||||
padding-top: 20px
|
||||
}
|
||||
.timeline-ul li.right {
|
||||
margin-left: 0
|
||||
}
|
||||
.timeline-ul::before {
|
||||
left: 0
|
||||
}
|
||||
.timeline-ul li.time-wrapper .time-span {
|
||||
top: -27px
|
||||
}
|
||||
.timeline-ul li.time-wrapper .time-point {
|
||||
left: -7px
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.timeline-ul li.right .info-div {
|
||||
padding-left: 20px
|
||||
}
|
||||
.timeline-ul li.right .icon-img {
|
||||
right: -30px
|
||||
}
|
||||
.welcome-page-company .timeline {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
.welcome-page-company .intro h2.title {
|
||||
font-size: 23px;
|
||||
text-align: center
|
||||
}
|
||||
.timeline-ul li.time-wrapper {
|
||||
margin-top: 60px
|
||||
}
|
||||
}
|
||||
ul,li{
|
||||
list-style: none;
|
||||
}
|
||||
.leftTab{
|
||||
border: 1px solid #CCCCCC;
|
||||
padding: 0;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.leftTab p{
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
background: #3d97e3;
|
||||
color: #FFFFFF;
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
font-family: 'Pacifico', cursive;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
.leftTab li{
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
padding-left: 20px;
|
||||
background: url(../img/rightArrow.png) no-repeat 90% center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.leftTab li.active{
|
||||
color:#3d97e3;
|
||||
}
|
||||
.leftTab li:last-of-type{
|
||||
border: none;
|
||||
}
|
||||
.leftTab li:hover{
|
||||
color:#3d97e3;
|
||||
}
|
||||
.leftTab span{
|
||||
display: block;
|
||||
padding-left: 20px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.leftTab span:last-of-type{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.box1{
|
||||
margin-top: 20px;
|
||||
display: none;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box1{
|
||||
border: 1px solid #CCCCCC;
|
||||
border-top: 3px solid #3d97e3;
|
||||
padding: 20px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.box1 p{
|
||||
line-height: 25px;
|
||||
}
|
||||
.box1 h4 i{
|
||||
display: block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background:#3d97e3 ;
|
||||
float: left;
|
||||
margin-top: 8px;
|
||||
margin-right: 10px;
|
||||
border-radius:50% ;
|
||||
}
|
||||
.box1 h4{
|
||||
line-height: 30px;
|
||||
}
|
||||
.timeline{
|
||||
margin-top: -50px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.box2 p{
|
||||
text-indent: 28px;
|
||||
}
|
||||
.tabOne{
|
||||
border: 1px solid #DDDDDD;
|
||||
border-top:none ;
|
||||
padding: 10px 10px 10px 20px;
|
||||
}
|
||||
.tabOne p i{
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background:#3d97e3 ;
|
||||
float: left;
|
||||
margin-top: 8px;
|
||||
margin-right: 10px;
|
||||
border-radius:50% ;
|
||||
}
|
||||
.pagination{
|
||||
float: right;
|
||||
}
|
||||
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
|
||||
z-index: 3;
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
background-color:#3d97e3;
|
||||
border-color:#3d97e3;
|
||||
}
|
||||
|
||||
.pagination>li>a, .pagination>li>span {
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 6px 12px;
|
||||
margin-left: -1px;
|
||||
line-height: 1.42857143;
|
||||
color:#3d97e3;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.box3 ul{
|
||||
padding: 0;
|
||||
}
|
||||
.box3 ul a{
|
||||
color: #333333;
|
||||
}
|
||||
.box3 ul a:hover{
|
||||
color:#3d97e3;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,78 @@
|
|||
.copyright{
|
||||
height: 280px;
|
||||
background: #303848;
|
||||
overflow: hidden;
|
||||
}
|
||||
.copyrightContent{
|
||||
height: 250px;
|
||||
color:#b4b5bc;
|
||||
font-size: 12px;
|
||||
padding-top:20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.copyrightContentL{
|
||||
float: left;
|
||||
}
|
||||
.copyrightContentL p{
|
||||
font-size: 16px;
|
||||
}
|
||||
.copyrightContentL p.little{
|
||||
font-size: 12px;
|
||||
}
|
||||
.copyrightContentL span{
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.copyrightContentL span img{
|
||||
margin-right: 10px;
|
||||
}
|
||||
.copyrightContentR{
|
||||
float: right;
|
||||
}
|
||||
.copyrightContentR p{
|
||||
}
|
||||
.copyrightContentR span a{
|
||||
display: block;
|
||||
color:#b4b5bc ;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.copyrightContentR p.p3{
|
||||
margin-left: 0;
|
||||
}
|
||||
.copyrightContentR p a{
|
||||
font-size: 14px;
|
||||
color: #b4b5bc;
|
||||
}
|
||||
|
||||
.copyrightContentR p a:hover{
|
||||
color:#2b91f1 ;
|
||||
}
|
||||
.copyrightContent p.title{
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.borderOne{
|
||||
clear: both;
|
||||
border-bottom: 1px solid #b4b5bc;
|
||||
}
|
||||
.copyrightContent .bottomDiv{
|
||||
overflow: hidden;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.copyrightContent .bottomDiv p a{
|
||||
color: #858585;
|
||||
}
|
||||
.bottomDiv p.left{
|
||||
float: left;
|
||||
}
|
||||
.bottomDiv p.right{
|
||||
float: right;
|
||||
}
|
||||
.copyrightContent .bottomDiv p a:hover{
|
||||
color:#3d97e3 ;
|
||||
}
|
||||
.copyrightContentR span a:hover{
|
||||
color:#3d97e3 ;
|
||||
}
|
||||
|
|
@ -0,0 +1,333 @@
|
|||
a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
}
|
||||
.bigImg{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background: url(../img/banner1.jpg) no-repeat center;
|
||||
background-size:100%;
|
||||
}
|
||||
.searchBox{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.searchBox .form-group{
|
||||
width: 90%;
|
||||
float: left;
|
||||
}
|
||||
.form-control{
|
||||
border-radius:0;
|
||||
outline: none;
|
||||
}
|
||||
.searchBox i{
|
||||
display: block;
|
||||
float: left;
|
||||
height: 34px;
|
||||
background: #3d97e3 url(../img/search2.png) center no-repeat;
|
||||
background-size: 30%;
|
||||
width: 10%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.searchBox i:hover{
|
||||
background: #51aefc url(../img/search2.png) center no-repeat;
|
||||
background-size: 30%;
|
||||
}
|
||||
.dataBox{
|
||||
overflow: hidden;
|
||||
border: 1px solid #E6E6E6;
|
||||
height: 120px;
|
||||
padding: 5px 10px;
|
||||
border-left: 5px solid #303848;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.dataBox:hover{
|
||||
border-left: 5px solid #3d97e3;
|
||||
}
|
||||
.dataBox:hover .rightBox h6{
|
||||
color: #3d97e3;
|
||||
}
|
||||
.fixTab a.a_noHover:hover{
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.dataBox img {
|
||||
float: left;
|
||||
width: 100px;
|
||||
margin-right: 5%;
|
||||
margin-top: 14px;
|
||||
height: 80px;
|
||||
}
|
||||
.dataBox .rightBox{
|
||||
float: left;
|
||||
width:75% ;
|
||||
}
|
||||
.dataBox .rightBox h6{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 16px;
|
||||
color: #303848;
|
||||
}
|
||||
.dataBox .rightBox p{
|
||||
width:100% ;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
}
|
||||
.dataBox .rightBox span{
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
.searchOne a{
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
background: #f3f3f3;
|
||||
border:1px solid #ccc;
|
||||
color: #333333;
|
||||
font-size: 12px;
|
||||
margin-right: 5px;
|
||||
border-radius:4px ;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.searchOne a:hover{
|
||||
text-decoration: none;
|
||||
background: #3d97e3;
|
||||
color: #FFFFFF;
|
||||
border: 1px solid #3d97e3;
|
||||
}
|
||||
#myTabContent{
|
||||
border: 1px solid #CCCCCC;
|
||||
border-top: none;
|
||||
padding: 10px 15px;
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.btn-default{
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#myTabContent .col-sm-2{
|
||||
width: 10%;
|
||||
}
|
||||
.btn-default:hover{
|
||||
border: 1px solid #3d97e3;
|
||||
color: #3d97e3;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
#myTab a{
|
||||
color: #333333;
|
||||
}
|
||||
#myTab .active a{
|
||||
color: #3d97e3;
|
||||
}
|
||||
.searchBox1{
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 9999999999;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #303848;
|
||||
margin: 0;
|
||||
padding-top: 20px;
|
||||
display: none;
|
||||
}
|
||||
.addOne{
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.addOne a{
|
||||
display: block;
|
||||
}
|
||||
.addOne a.a1{
|
||||
height: 60px;
|
||||
line-height:60px;
|
||||
background: url(../img/icon1_1.png) no-repeat 30px center;
|
||||
background-size:10%;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
}
|
||||
.addOne a.a1:hover{
|
||||
color: #3d97e3;
|
||||
background: url(../img/icon1.png) no-repeat 30px center;
|
||||
background-size:10%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.addOne a.a2{
|
||||
height: 60px;
|
||||
line-height:60px;
|
||||
background: url(../img/icon2_1.png) no-repeat 30px center;
|
||||
background-size:10%;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
}
|
||||
.addOne a.a2:hover{
|
||||
color: #3d97e3;
|
||||
background: url(../img/icon2.png) no-repeat 30px center;
|
||||
background-size:10%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.addOne a.a3{
|
||||
height: 60px;
|
||||
line-height:60px;
|
||||
background: url(../img/icon3_1.png) no-repeat 30px center;
|
||||
background-size:10%;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
}
|
||||
.addOne a.a3:hover{
|
||||
color: #3d97e3;
|
||||
background: url(../img/icon3.png) no-repeat 30px center;
|
||||
background-size:10%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.fixTab{
|
||||
padding: 8px 15px;
|
||||
margin-top: 20px;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.searchBox2{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.fixTab a{
|
||||
color: #333333;
|
||||
}
|
||||
.fixTab a:hover{
|
||||
color: #3d97e3;
|
||||
}
|
||||
.fixTab span{
|
||||
color: #999999;
|
||||
}
|
||||
.pagination{
|
||||
float: right;
|
||||
}
|
||||
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
|
||||
z-index: 3;
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
background-color:#3d97e3;
|
||||
border-color:#3d97e3;
|
||||
}
|
||||
|
||||
.pagination>li>a, .pagination>li>span {
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 6px 12px;
|
||||
margin-left: -1px;
|
||||
line-height: 1.42857143;
|
||||
color:#3d97e3;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.newsList{
|
||||
height: 810px;
|
||||
background: #FFFFFF;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.newsListContent{
|
||||
margin: 20px auto 0;
|
||||
position: relative;
|
||||
height: 810px;
|
||||
}
|
||||
.newUlList{
|
||||
padding: 0;
|
||||
}
|
||||
.newUlList li{
|
||||
overflow: hidden;
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.newUlList li:last-of-type{
|
||||
border: none;
|
||||
}
|
||||
.newUlList li .newsImgBox{
|
||||
width: 270px;
|
||||
height: 135px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
.newUlList li img{
|
||||
width: 270px;
|
||||
height: 135px;
|
||||
-webkit-transition:all 0.4s ease-in-out;
|
||||
-moz-transition:all 0.4s ease-in-out;
|
||||
-o-transition:all 0.4s ease-in-out;
|
||||
-ms-transition:all 0.4s ease-in-out;
|
||||
transition:all 0.4s ease-in-out;
|
||||
}
|
||||
.newUlList li:hover img{
|
||||
transform: scale(1.3,1.3);
|
||||
-webkit-transform:scale(1.3,1.3);
|
||||
-moz-transform:scale(1.3,1.3);
|
||||
-ms-transform:scale(1.3,1.3);
|
||||
-o-transform:scale(1.3,1.3);
|
||||
}
|
||||
.newUlList li .newRight{
|
||||
float: right;
|
||||
width: 800px;
|
||||
}
|
||||
.newTopTitle{
|
||||
overflow: hidden;
|
||||
margin: 15px 0;
|
||||
}
|
||||
.newTopTitle span{
|
||||
display: block;
|
||||
float: left;
|
||||
color: #555555;
|
||||
font-size: 14px;
|
||||
}
|
||||
.newTopTitle i{
|
||||
display: block;
|
||||
float: right;
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
.newRight p{
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
.newRight a{
|
||||
float: right;
|
||||
display: block;
|
||||
width: 90px;
|
||||
height:30px;
|
||||
line-height: 30px;
|
||||
text-indent:27px ;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #9f9f9f;
|
||||
font-size: 12px;
|
||||
margin-top: 15px;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
background: url(../img/rihgtLittle.png) no-repeat 57px center;
|
||||
}
|
||||
.newRight a:hover{
|
||||
border: 1px solid #3d97e3;
|
||||
color: #FFFFFF;
|
||||
background:#3d97e3 url(../img/rihgtLittleBlue.png) no-repeat 57px center;
|
||||
}
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
.rightBox{
|
||||
float: right;
|
||||
}
|
||||
.leftBox h5{
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.leftBox p.englishTitle{
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
text-indent: 0;
|
||||
}
|
||||
.leftBox .smallSize{
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
overflow: hidden;
|
||||
}
|
||||
.leftBox .smallSize span{
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.dataContent img{
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.leftBox p{
|
||||
font-size: 14px;
|
||||
text-indent: 28px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.leftBox #myTabContent p{
|
||||
text-indent: 0;
|
||||
}
|
||||
.leftBox h6{
|
||||
font-size: 14px;
|
||||
color:#FFFFFF ;
|
||||
background:url(../img/titleBg.jpg) no-repeat center;
|
||||
background-size: 100%;
|
||||
padding:8px 10px;
|
||||
border-radius:4px ;
|
||||
width: 120px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.topMap{
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
border: 1px solid #CCCCCC;
|
||||
}
|
||||
.topMap img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.rightBox h6{
|
||||
border-bottom: 2px solid #3d97e3;
|
||||
color: #333;
|
||||
padding: 5px 0;
|
||||
width: 90px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
border-radius:4px ;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.addBtn{
|
||||
display: block;
|
||||
background: #3d97e3;
|
||||
color: #FFFFFF;
|
||||
padding: 5px 10px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.addBtn:hover{
|
||||
color: #FFFFFF;
|
||||
background: #54adfa;
|
||||
}
|
||||
.rightBox ul{
|
||||
padding-left: 20px;
|
||||
}
|
||||
.rightBox ul li{
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.rightBox ul li a{
|
||||
color: #3d97e3;
|
||||
}
|
||||
.rightBox p a{
|
||||
color: #3d97e3;
|
||||
}
|
||||
.rightBox p a:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -0,0 +1,633 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Source Sans Pro', sans-serif;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
}
|
||||
li,ul{
|
||||
list-style: none;
|
||||
}
|
||||
body {
|
||||
font-size: 14px;
|
||||
font-family: 'Source Sans Pro', sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background: #fff;
|
||||
}
|
||||
.backBg{
|
||||
background:#F7F8F9;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #303848;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #303848;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #858585;
|
||||
line-height:22px;
|
||||
}
|
||||
|
||||
.pDark h3 {
|
||||
color: #BEBEBE;
|
||||
}
|
||||
|
||||
.btn, .form-control, .team-socials i {
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
.button-outline {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
color: #fff;
|
||||
padding: 10px 25px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 0px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
background: rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
.button-outline:hover {
|
||||
color: #fff;
|
||||
background: rgba(255,255,255,0.35);
|
||||
}
|
||||
|
||||
a {
|
||||
color: #303848;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
-moz-transition: all 0.2s linear;
|
||||
-ms-transition: all 0.2s linear;
|
||||
-o-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #DF3927;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.btn:hover {
|
||||
background: #E24040;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #303848;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.mrgn30 {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
color: #6D6D6D;
|
||||
background: #E9E9E9;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#top {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.topHome {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
z-index: 5;
|
||||
background: #303848;
|
||||
}
|
||||
.topHome .fa-2x {
|
||||
font-size: 20px;
|
||||
color:#fff;
|
||||
margin: 4px;
|
||||
}
|
||||
/* Header
|
||||
----------------------------------------------*/
|
||||
|
||||
.carousel{
|
||||
height: 500px;
|
||||
margin-top: 70px;
|
||||
}
|
||||
.carousel-inner .item h4{
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.carousel-inner .item1{
|
||||
height: 500px;
|
||||
background: url(../img/banner1.jpg) no-repeat center;
|
||||
background-size:100% ;
|
||||
}
|
||||
.carousel-inner .item2{
|
||||
height: 500px;
|
||||
background: url(../img/banner2.jpg) no-repeat center;
|
||||
background-size:100%
|
||||
}
|
||||
.carousel-inner .item3{
|
||||
height: 500px;
|
||||
background: url(../img/banner3.jpg) no-repeat center;
|
||||
background-size:100% ;
|
||||
}
|
||||
.carousel-inner .item4{
|
||||
height: 500px;
|
||||
background: url(../img/banner4.jpg) no-repeat center;
|
||||
background-size:100%
|
||||
}
|
||||
.glyphicon-chevron-left:before{
|
||||
content: "";
|
||||
}
|
||||
.glyphicon-chevron-right:before{
|
||||
content: "";
|
||||
}
|
||||
.carousel-control.left{
|
||||
background: none;
|
||||
}
|
||||
.carousel-control.right{
|
||||
background: none;
|
||||
}
|
||||
.features-hotnews .zhuantiBox .hot-im-wrapper {
|
||||
height: 240px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #E6E6E6;
|
||||
}
|
||||
.zhuantiBox{
|
||||
border:1px solid #E6E6E6;
|
||||
margin-top: 20px;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
}
|
||||
.features-hotnews .zhuantiBox .infobox {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.features-hotnews .zhuantiBox .infobox p {
|
||||
word-wrap: break-word;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 5;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
height: 140px;
|
||||
}
|
||||
.features-hotnews .zhuantiBox img{
|
||||
-webkit-transition:all 0.25s ease-in-out;
|
||||
-moz-transition:all 0.25s ease-in-out;
|
||||
-o-transition:all 0.25s ease-in-out;
|
||||
-ms-transition:all 0.25s ease-in-out;
|
||||
transition:all 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.hoverBox:hover img{
|
||||
opacity: 1;
|
||||
transform: scale(1.15,1.15);
|
||||
-webkit-transform:scale(1.15,1.15);
|
||||
-moz-transform:scale(1.15,1.15);
|
||||
-ms-transform:scale(1.15,1.15);
|
||||
-o-transform:scale(1.15,1.15);
|
||||
}
|
||||
.hoverBox{
|
||||
position: relative;
|
||||
}
|
||||
.hoverBox:hover .hotnews-box1{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.features-hotnews time {
|
||||
color: #97989c;
|
||||
font-size: 0.12rem;
|
||||
display: block;
|
||||
margin-bottom: 0.10rem
|
||||
}
|
||||
|
||||
.features-hotnews p {
|
||||
color: #000;
|
||||
font-size: 14px;
|
||||
line-height: 28px
|
||||
}
|
||||
|
||||
.features-custom-function {
|
||||
background: #F7F8F9
|
||||
}
|
||||
.moreBox{
|
||||
overflow: hidden;
|
||||
}
|
||||
.more{
|
||||
display: block;
|
||||
background: url(../img/more_right.jpg) no-repeat right center;
|
||||
padding-right: 15px;
|
||||
color: #333;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
}
|
||||
.more:hover{
|
||||
color:#3d97e3;
|
||||
}
|
||||
.navigation{display:block; overflow:hidden; width:100%; margin-bottom:0;padding:20px 0px 0px 0;}
|
||||
.navigation span{font-family: 'Pacifico', cursive;margin-bottom:20px;display:block; height:40px; line-height:40px;font-size:32px;text-align:center;color:#333;font-weight:400; padding:10px 0px; }
|
||||
.navigation span.ys{color:#fff;}
|
||||
.navigation dl{ display:block; height:42px; background:url(../img/png_06.png) no-repeat center bottom;}
|
||||
.intro{
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
margin-top: 40px;
|
||||
background: url(../img/png_06.png) no-repeat center;
|
||||
}
|
||||
.intro h2{
|
||||
color: #3d97e3;
|
||||
font-family: 'Pacifico', cursive;
|
||||
float: left;
|
||||
font-size: 24px;
|
||||
border-bottom: 2px solid #3d97e3;
|
||||
margin-bottom: -1px;
|
||||
line-height: 50px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
width: 100px;
|
||||
}
|
||||
.intro a{
|
||||
display: block;
|
||||
background: url(../img/more_right.jpg) no-repeat right center;
|
||||
padding-right: 15px;
|
||||
margin-right: 12px;
|
||||
color: #333;
|
||||
float: right;
|
||||
margin-top: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sponsor{
|
||||
width:180px;
|
||||
height:180px;
|
||||
float:left;
|
||||
margin:4px;
|
||||
|
||||
/* Giving the sponsor div a relative positioning: */
|
||||
position:relative;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.sponsorFlip{
|
||||
/* The sponsor div will be positioned absolutely with respect
|
||||
to its parent .sponsor div and fill it in entirely */
|
||||
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:1px solid #ddd;
|
||||
background:url("img/background.jpg") no-repeat center center #f9f9f9;
|
||||
}
|
||||
|
||||
.sponsorFlip:hover{
|
||||
border:1px solid #999;
|
||||
|
||||
/* CSS3 inset shadow: */
|
||||
-moz-box-shadow:0 0 30px #999 inset;
|
||||
-webkit-box-shadow:0 0 30px #999 inset;
|
||||
box-shadow:0 0 30px #999 inset;
|
||||
}
|
||||
|
||||
.sponsorFlip{
|
||||
/* Centering the logo image in the middle of the sponsorFlip div */
|
||||
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin:-70px 0 0 -70px;
|
||||
}
|
||||
|
||||
.sponsorData{
|
||||
/* Hiding the .sponsorData div */
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.newsBoxL {
|
||||
width: 475px;
|
||||
height: 415px;
|
||||
margin-right: 60px;
|
||||
float: left;
|
||||
}
|
||||
.newsBoxL img {
|
||||
display: block;
|
||||
height: 245px;
|
||||
width: 100%;
|
||||
}
|
||||
.newsBoxL .newsBoxLTxt {
|
||||
height: 165px;
|
||||
background: #004490;
|
||||
color: #FFFFFF;
|
||||
padding: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.newsBoxLTxtL {
|
||||
text-align: center;
|
||||
width: 60px;
|
||||
margin-right: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.newsBoxLTxtR{
|
||||
float: left;
|
||||
width: 340px;
|
||||
}
|
||||
.newsBoxLTxtR a{
|
||||
display: block;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.newsBoxLTxtR h6{
|
||||
font-size: 14px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #065ec0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.newsBoxLTxtR p{
|
||||
font-size: 12px;
|
||||
line-height: 22px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
width: 340px;
|
||||
height: 40px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.newsBoxLTxtL i{
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
font-size: 30px;
|
||||
}
|
||||
.newsBoxLTxtL span{
|
||||
font-size: 14px;
|
||||
}
|
||||
.newsBox{
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.newsBoxR{
|
||||
width: 630px;
|
||||
float: right;
|
||||
}
|
||||
.newsBoxR li{
|
||||
height: 90px;
|
||||
margin-bottom: 20px;
|
||||
transition: all .3s ease 0s;
|
||||
transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
clear: both;
|
||||
}
|
||||
.newsBoxR li:hover .newsTop p{
|
||||
transform: translate3d(10px, 0, 0);
|
||||
-moz-transform: translate3d(10px, 0, 0);
|
||||
-webkit-transform: translate3d(10px, 0, 0);
|
||||
transition: all .3s ease-out 0s;
|
||||
color: #2b91f1;
|
||||
}
|
||||
.newsBoxR li:hover .newsBottom img{
|
||||
transform: translate3d(10px, 0, 0);
|
||||
-moz-transform: translate3d(10px, 0, 0);
|
||||
-webkit-transform: translate3d(10px, 0, 0);
|
||||
transition: all .3s ease-out 0s;
|
||||
}
|
||||
.newsTop{
|
||||
overflow: hidden;
|
||||
}
|
||||
.newsTopLeft{
|
||||
width: 490px;
|
||||
float: left;
|
||||
}
|
||||
.newsTop p{
|
||||
width: 490px;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
padding-bottom: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
.newsTop .borBottom{
|
||||
width: 490px;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
.newsTop .rihgtTop{
|
||||
float: right;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
.newsTop .rihgtTop span{
|
||||
display: block;
|
||||
font-size: 30px;
|
||||
color: #4d4d4d;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.newsTop .rihgtTop i{
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: #a5a5a5;
|
||||
}
|
||||
.newsBottom p{
|
||||
width: 490px;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
line-height: 20px;
|
||||
}
|
||||
.newsBottom img{
|
||||
float: right;
|
||||
margin-top: 20px;
|
||||
margin-right:20px ;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 1px;
|
||||
text-indent: -999px;
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
background: #EEEEEE;
|
||||
margin: 0;
|
||||
}
|
||||
.carouse2{
|
||||
height: 250px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.carousel-indicators .active {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background:#3d97e3;
|
||||
}
|
||||
.pic .col-md-3{
|
||||
overflow: hidden;
|
||||
margin-right: 1%;
|
||||
border: 1px solid #E6E6E6;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
height: 80px;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
}
|
||||
.pic .col-md-3.lastOne{
|
||||
margin-right: 0;
|
||||
}
|
||||
.pic img{
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.pic p{
|
||||
float: left;
|
||||
width: 140px;
|
||||
color: #333333;
|
||||
margin-top: 8px;
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.col-md-3 {
|
||||
width: 24%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.backBg .col-md-3 {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
.imgBox img{
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.imgBox{
|
||||
border: 1px solid #E6E6E6;
|
||||
margin-right: 1%;
|
||||
margin-top: 30px;
|
||||
padding: 0 10px;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
}
|
||||
.imgBox p{
|
||||
margin: 0 -10px;
|
||||
padding: 5px 10px;
|
||||
color: #333;
|
||||
line-height: 25px;
|
||||
border-top: 1px solid #E6E6E6;
|
||||
}
|
||||
.imgBox video{
|
||||
width: 100%;
|
||||
margin-top:166px;
|
||||
margin-bottom:166px;
|
||||
}
|
||||
.hotnews-box:hover {
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
transform: scale(1.02, 1.02);
|
||||
-webkit-box-shadow: 0 0 0 #EFEFEF, 0.02rem 0.02rem 0.20rem #B9B9B9;
|
||||
-moz-box-shadow: 0 0 0 #EFEFEF, 0.02rem 0.02rem 0.20rem #B9B9B9;
|
||||
box-shadow: 0 0 0 #EFEFEF, 0.02rem 0.02rem 0.20rem #B9B9B9
|
||||
}
|
||||
.hotnews-box1{
|
||||
background: rgba(0,0,0,0.7);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-left:15px;
|
||||
margin-right: 15px;
|
||||
height: 400px;
|
||||
padding:20px;
|
||||
-webkit-transition:all 0.5s ease-in-out;
|
||||
-moz-transition:all 0.5s ease-in-out;
|
||||
-o-transition:all 0.5s ease-in-out;
|
||||
-ms-transition:all 0.5s ease-in-out;
|
||||
transition:all 0.5s ease-in-out;
|
||||
opacity: 0;
|
||||
margin-top: 20px;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
}
|
||||
.features{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.hotnews-box1 p{
|
||||
color: #FFFFFF;
|
||||
line-height: 25px;
|
||||
}
|
||||
.p-box{
|
||||
border: 1px solid #CCCCCC;
|
||||
margin-top: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.p-box img{
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
-webkit-transition:all 0.25s ease-in-out;
|
||||
-moz-transition:all 0.25s ease-in-out;
|
||||
-o-transition:all 0.25s ease-in-out;
|
||||
-ms-transition:all 0.25s ease-in-out;
|
||||
transition:all 0.25s ease-in-out;
|
||||
}
|
||||
.p-box img:hover{
|
||||
opacity: 1;
|
||||
transform: scale(1.15,1.15);
|
||||
-webkit-transform:scale(1.15,1.15);
|
||||
-moz-transform:scale(1.15,1.15);
|
||||
-ms-transform:scale(1.15,1.15);
|
||||
-o-transform:scale(1.15,1.15);
|
||||
}
|
||||
.p-title {
|
||||
height: 30px;
|
||||
background-color: rgba(0,0,0,.6);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom:0;
|
||||
z-index: 999;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
width: calc(100% - 30px);
|
||||
margin-left: 15px;
|
||||
}
|
||||
.p-title p{
|
||||
color: #FFFFFF;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
@charset "utf-8";
|
||||
.fw {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.content{
|
||||
height: 200px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
ul.content_list:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.module.mcounter ul.content_list {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.module.mcounter ul.content_list li {
|
||||
width: 25%;
|
||||
height: 108px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.module.mcounter ul.content_list li p {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #9e9e9e;
|
||||
}
|
||||
|
||||
.module.mcounter ul.content_list li p.number {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.module.mcounter ul.content_list li p.number .counterDX {
|
||||
font-size: 60px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.module.mcounter ul.content_list li p.title {
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
color: rgba(63, 86, 110, 1)
|
||||
}
|
||||
.contactUsContent h1 {
|
||||
font-size: 28px;
|
||||
line-height: 160px;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
|
@ -0,0 +1,266 @@
|
|||
.header {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
background: #303848;
|
||||
z-index: 99999;
|
||||
border-radius: 0;
|
||||
top: 0px;
|
||||
border-bottom: 1px solid #303848;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle {
|
||||
border-color: #3d97e3;
|
||||
background-color: #3d97e3;
|
||||
}
|
||||
.header .navbar {
|
||||
margin: 0;
|
||||
background: transparent !important;
|
||||
}
|
||||
.navbar-inverse .navbar-toggle .icon-bar {
|
||||
/*background-color: #303848;*/;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
|
||||
background: #3d97e3;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
|
||||
color: #3d97e3;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-toggle:hover .icon-bar {
|
||||
background: #fff;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
|
||||
color: #3d97e3;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
|
||||
color: #3d97e3;
|
||||
background: none;
|
||||
}
|
||||
.navbar-toggle {
|
||||
}
|
||||
|
||||
/*----Nav ----*/
|
||||
.header .navbar-brand {
|
||||
float: left;
|
||||
padding: 16px 15px;
|
||||
line-height: 18px;
|
||||
height: 50px;
|
||||
/*color:#303848;*/;
|
||||
}
|
||||
|
||||
.navbar-brand b {
|
||||
color: #fff;
|
||||
font-family: 'Pacifico', cursive;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 2.2em;
|
||||
text-shadow: none;
|
||||
}
|
||||
.logo img{
|
||||
width: 40px;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.logo:hover {
|
||||
color: #5A5A5A;
|
||||
}
|
||||
|
||||
.header .navbar {
|
||||
margin: 0;
|
||||
background: #fff;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
font-size: 1.2em;
|
||||
line-height: normal;
|
||||
margin: 17px;
|
||||
padding: 6px 10px !important;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
|
||||
color: #3d97e3;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.navbar-nav > li:hover > a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.header .navbar-nav > li > a {
|
||||
padding: 25px 18px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#navigation {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 200px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 10px 10px -10px #000000;
|
||||
}
|
||||
|
||||
#navigation > li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#navigation > li > a {
|
||||
margin: 1px;
|
||||
color: #000000;
|
||||
background: #cccccc;
|
||||
display: block;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
transition: all 400ms;
|
||||
}
|
||||
|
||||
#navigation > li > a.current,
|
||||
#navigation > li:hover > a {
|
||||
background: #999999;
|
||||
}
|
||||
.search{
|
||||
width: 160px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-top: 20px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.search .form-control{
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 130px;
|
||||
border: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
.search i{
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 30px;
|
||||
background: #FFFFFF url(../img/search.png) center no-repeat;
|
||||
background-size:85%;
|
||||
width: 30px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.search i:hover{
|
||||
background: #FFFFFF url(../img/search1.png) center no-repeat;
|
||||
background-size:85%;
|
||||
}
|
||||
#login{
|
||||
color: #FFFFFF;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
border: 1px solid #FFFFFF;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
border-radius: 4px;
|
||||
margin-top: 20px;
|
||||
margin-left: 10px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
}
|
||||
#login:hover{
|
||||
color:#3d97e3;
|
||||
border: 1px solid #3d97e3;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.header .navbar-brand {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
padding: 5px 12px !important;
|
||||
border-radius: 5px;
|
||||
margin: 19px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.header .navbar-nav > li > a {
|
||||
padding: 25px 12px;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
font-size: 1em;
|
||||
padding: 5px 7px !important;
|
||||
border-radius: 5px;
|
||||
margin: 19px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:760px) {
|
||||
.header .navbar-nav > li > a {
|
||||
padding: 7px 12px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||
border-color: #A8A8A8;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
font-size: 0.9em;
|
||||
padding: 5px 7px !important;
|
||||
margin: 2px 0px;
|
||||
}
|
||||
.navbar-toggle {
|
||||
margin: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 320px) {
|
||||
nav#filter li {
|
||||
display: inline-block;
|
||||
margin: 7px;
|
||||
}
|
||||
}
|
||||
.intro1{
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.intro1 h2{
|
||||
color: #3d97e3;
|
||||
font-family: 'Pacifico', cursive;
|
||||
font-size: 24px;
|
||||
border-bottom: 2px solid #3d97e3;
|
||||
margin-bottom: -1px;
|
||||
line-height: 50px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
width: 180px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.intro1 a{
|
||||
display: block;
|
||||
background: url(../img/more_right.jpg) no-repeat right center;
|
||||
padding-right: 15px;
|
||||
margin-right: 12px;
|
||||
color: #333;
|
||||
float: right;
|
||||
margin-top: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 890 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 421 B |
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 969 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 396 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 493 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
Binary file not shown.
|
After Width: | Height: | Size: 258 B |
Binary file not shown.
|
After Width: | Height: | Size: 335 B |
Binary file not shown.
|
After Width: | Height: | Size: 497 B |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 515 B |
Binary file not shown.
|
After Width: | Height: | Size: 176 B |
Binary file not shown.
|
After Width: | Height: | Size: 172 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 924 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 858 KiB |
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue