main
liudan 2 years ago
parent b233663bf9
commit 6e385b5e26
  1. 162
      css/work.css
  2. BIN
      images/NEW.png
  3. BIN
      images/arrow.png
  4. 6
      js/work.js
  5. 168
      work/work.html

@ -0,0 +1,162 @@
.topcontent{
width:100%;
position: relative;
margin-top:100px;
}
.topcontent img{
width:100%;
}
.titleContent{
position:absolute;
top:30%;
left:14%;
}
.titleContent .title{
font-size: 48px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
text-shadow: 0px 2px 6px rgba(9,30,52,0.22);
}
.titleContent .subtitle{
font-size: 36px;
font-family: Arial;
font-weight: 400;
color: #FFFFFF;
}
.leftcontent>img{
width:100%;
}
.details{
padding:20px 20px 40px 20px;
background: #F8F8F8;
}
.contentContainer{
margin-top:70px;
}
.toptitle{
display: flex;
justify-content: space-between;
}
.details .toptitle h5{
display: flex;
align-items: center;
}
.toptitle span{
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
}
.details .toptitle h5 span{
font-size: 16px;
font-family: Microsoft YaHei;
color: #124AA0;
font-weight: bold;
}
.details .toptitle h5 img{
width:20px;
height:17px;
margin-left:11px;
}
.details p{
padding:0;
margin:0;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
margin-top:24px;
}
.more{
display: flex;
align-items: center;
margin-top:55px;
}
.more span{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #124AA0;
}
.more img{
width:8px;
height:14px;
margin-left:11px;
}
.items{
display: flex;
align-items: center;
position: relative;
background: #FFFFFF;
border: 1px solid #EAEAEA;
margin-bottom:6px;
flex: 1;
}
.itemcontainer{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
}
.itemcontainer>:last-child{
margin-bottom:0px;
}
.items .left{
width:190px;
height:100%;
}
.items .left img{
width:100%;
height:100%;
}
.items .right{
flex:1;
margin-left:10px;
padding:0 9px;
}
.right h5{
font-size: 16px;
font-family: Microsoft YaHei;
color: #222222;
font-weight: bold;
}
.right .time{
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
margin:16px 0;
}
.right p{
margin:0;
padding:0;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.zhiding{
position:absolute;
right:8px;
top:10px;
background: #F6F6F6;
border-radius: 2px;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
padding:5px 10px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 369 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 339 B

@ -0,0 +1,6 @@
$(function(){
$("#header").load("../public/header1.html",function(){
$('.header').addClass('on')
});
// $("#footer").load("../public/footer.html");
});

@ -9,18 +9,14 @@
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="applicable-device"content="pc,mobile">
<link href="../css/bootstrap.css" rel="stylesheet">
<link href="../css/bxslider.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/animate.css" rel="stylesheet" >
<link rel="stylesheet" href="../css/work.css">
<!--导航样式-->
<link rel="stylesheet" href="../css/head.css" />
<script src="../js/jquery.min.js"></script>
<!-- <script src="http://www.jeendo.com/script/wow/wow.min2.js"></script> -->
<script src="../js/subpage.js"></script>
<!-- <script src="../js/common.js"></script> -->
<script src="../js/bootstrap.js"></script>
<style>
</style>
</head>
<body>
@ -28,78 +24,82 @@
<div id="header"></div>
<!-- part0 -->
<div class="page_bg top_box" style="background: url(../images/banner-党建工作@2x.png) center top no-repeat;">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 number_text" data-move-y="140px">
<p class="line_1">党建工作</p>
<p class="line_2">PARTY BUILDING</p>
<div class="topcontent">
<img src="../images/banner-党建工作@2x.png" alt="">
<div class="titleContent">
<div class="title">党建工作</div>
<div class="subtitle">PARTY BUILDING</div>
</div>
</div>
<div class="container contentContainer">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 leftcontent">
<img src="../images/work-fig.png">
<div class="details">
<div class="toptitle">
<h5>
<span>苏创投党委组织全系统深入学习贯彻党的二十大精神</span>
<img src="../images/NEW.png" alt="">
</h5>
<span>2022-09-22</span>
</div>
<p>10月16日,中国共产党第二十次全国代表大会在北京人民大会堂隆重开幕。苏创投迅速掀起了学习贯彻党的二十大精神热潮。习近平总书记的报告高屋建瓴、思想深邃,字字铿锵、催人奋进,是我们党团结带领全国各族人民在新时代新征程坚持和发展中国特色社会主义的政治宣言和行动纲领。
党的二十大报告在公司党员干部、团员青年中引发热烈反响,公司上下广大党员干部采取多种形式认真聆听学习了习近平总书记所作的报告,深受鼓舞,倍感振奋,畅谈心得体会。</p>
<div class="more">
<span>了解更多</span>
<img src="../images/arrow.png" alt="">
</div>
</div>
</div>
</div>
<!-- part1 -->
<div class="work_11">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 wrap wrap-left wow fadeInDown">
<ul>
<li class="list">
<img src="../images/work-fig.png">
<div class="text">
<a href="detail.html" target="_blank">江苏省财政厅相关领导莅临苏创投调研指导</a>
<p class="date-left">2022-09-22</p>
<p>10月16日,中国共产党第二十次全国代表大会在北京人民大会堂隆重开幕。苏创投迅速掀起了学习贯彻党的二十大精神热潮。习近平总书记的报告高屋建瓴、思想深邃,字字铿锵、催人奋进,是我们党团结带领全国各族人民在新时代新征程坚持和发展中国特色社会主义的政治宣言和行动纲领。党的二十大报告在公司党员干部、团员青年中引发热烈反响,公司上下广大党员干部采取多种形式认真聆听学习了习近平总书记所作的报告,深受鼓舞,倍感振奋,畅谈心得体会。</p>
<a href="detail.html" target="_blank">了解更多 ></a>
</div>
</li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 wrap wrap-right">
<ul>
<li class="col-xs-12 col-sm-12 col-md-12 list wow fadeInDown">
<div class="thumb"><img src="../images/首页-第四页bg.jpg"></div>
<div class="text">
<a href="detail.html" target="_blank">苏州大数据集团莅临苏创投洽谈交流</a>
<b>置顶</b>
<p>2022-09-22</p>
<p>近日,苏州大数据集团董事长徐健一行莅临苏创投集团洽谈交流合作,苏创投党委副书记、总裁闵文军率相关负责同志参加会议。 徐健董事长</p>
</div>
</li>
<li class="col-xs-12 col-sm-12 col-md-12 list wow fadeInDown">
<div class="thumb"><img src="../images/首页-第四页bg.jpg"></div>
<div class="text">
<a href="detail.html" target="_blank">苏创投旗下天使母基金首次以数字...</a>
<p>2022-09-22</p>
<p>9月20日,苏创投旗下天使母基金联合农业银行首次以数字人民币向子基金--太仓智汇科创基金出资2900万元。这标志着数字人民币在苏创投集团的首次应用实践。苏州市委书记曹路宝19日在“第二届长三角数字金融产业创新周开幕式暨苏州市金融支持产业创新集群发展大会”上表示,苏州将加快全市推广数字人民币试点,积极在C端、B端、G端搭建更多应用场景,加快形成产业化优势;持续招引优质资源,推动数字人民币产业链纵向延伸和横向拓展,将试点优势转化为数字金融产业... 新集群发展优势。本次苏州天使母基金以数字人民币对子基金进行投资,是数字人民币助力天使基金发展的重要探索,也是数字人民币在投资领域这一特殊B端搭建应用场景的重要尝试</p>
</div>
</li>
<li class="col-xs-12 col-sm-12 col-md-12 list wow fadeInDown">
<div class="thumb"><img src="../images/首页-第四页bg.jpg"></div>
<div class="text">
<a href="detail.html" target="_blank">苏创投旗下天使母基金首次以数字...</a>
<p>2022-09-22</p>
<p>9月20日,苏创投旗下天使母基金联合农业银行首次以数字人民币向子基金--太仓智汇科创基金出资2900万元。这标志着数字人民币在苏创投集团的首次应用实践。苏州市委书记曹路宝19日在“第二届长三角数字金融产业创新周开幕式暨苏州市金融支持产业创新集群发展大会”上表示,苏州将加快全市推广数字人民币试点,积极在C端、B端、G端搭建更多应用场景,加快形成产业化优势;持续招引优质资源,推动数字人民币产业链纵向延伸和横向拓展,将试点优势转化为数字金融产业... 新集群发展优势。本次苏州天使母基金以数字人民币对子基金进行投资,是数字人民币助力天使基金发展的重要探索,也是数字人民币在投资领域这一特殊B端搭建应用场景的重要尝试</p>
</div>
</li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 rightcontent">
<div class="itemcontainer">
<div class="items">
<div class="left">
<img src="../images/首页-第四页bg.jpg">
</div>
<div class="right">
<h5>江苏省财政厅相关领导莅临苏创投调研指导</h5>
<div class="time">2022-09-22</div>
<p>10月21日下午,江苏省财政厅基金管理处处长熊洁、副处长张锐一行带队莅临苏创投调研指导。苏州市财政局金融和基金管理处处长程乾、</p>
</div>
<div class="zhiding">置顶</div>
</div>
<div class="items">
<div class="left">
<img src="../images/首页-第四页bg.jpg">
</div>
<div class="right">
<h5>江苏省财政厅相关领导莅临苏创投调研指导</h5>
<div class="time">2022-09-22</div>
<p>10月21日下午,江苏省财政厅基金管理处处长熊洁、副处长张锐一行带队莅临苏创投调研指导。苏州市财政局金融和基金管理处处长程乾、</p>
</div>
</div>
<div class="items">
<div class="left">
<img src="../images/首页-第四页bg.jpg">
</div>
<div class="right">
<h5>江苏省财政厅相关领导莅临苏创投调研指导</h5>
<div class="time">2022-09-22</div>
<p>10月21日下午,江苏省财政厅基金管理处处长熊洁、副处长张锐一行带队莅临苏创投调研指导。苏州市财政局金融和基金管理处处长程乾、</p>
</div>
</div>
<div class="items">
<div class="left">
<img src="../images/首页-第四页bg.jpg">
</div>
<div class="right">
<h5>江苏省财政厅相关领导莅临苏创投调研指导</h5>
<div class="time">2022-09-22</div>
<p>10月21日下午,江苏省财政厅基金管理处处长熊洁、副处长张锐一行带队莅临苏创投调研指导。苏州市财政局金融和基金管理处处长程乾、</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_box">
<!-- <div class="page_box">
<div class="container">
<div class="row">
<nav class="col-xs-12 col-sm-12 col-md-12 col-md-offset-1 page-wrap">
@ -115,17 +115,13 @@
</div>
</div>
</div>
</div> -->
<div id="footer"></div>
<script type="text/javascript">
$(function(){
$("#header").load("../public/header1.html");
$("#footer").load("../public/footer.html");
});
</script>
<script src="../js/jquery.min.js"></script>
<!-- <script src="http://www.jeendo.com/script/wow/wow.min2.js"></script> -->
<!-- <script src="../js/subpage.js"></script> -->
<!-- <script src="../js/common.js"></script> -->
<script src="../js/bootstrap.js"></script>
<script src="../js/work.js"></script>
</body>
</html>

Loading…
Cancel
Save