main
liudan 2 years ago
parent bb7731304f
commit a7854f75ca
  1. 3
      css/head.css
  2. 74
      index.html

@ -110,7 +110,7 @@ body{background-color: #1b1b1b}
} }
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{ .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
color: #fff; color: #fff;
background: red; background: #124AA0;
} }
/*白色背景的头部*/ /*白色背景的头部*/
.header.on{ .header.on{
@ -128,6 +128,7 @@ body{background-color: #1b1b1b}
} }
.header.on .navbar_nav li:hover a{ .header.on .navbar_nav li:hover a{
font-weight: bold; font-weight: bold;
color:#124AA0
} }
#navToggle{ #navToggle{
display: none; display: none;

@ -42,27 +42,41 @@
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)">关于我们</a> <a href="javascript:void(0)">关于我们</a>
<div class="dropdown_menu"> <div class="dropdown_menu">
<a href="#">子菜单</a> <a href="#">集团介绍</a>
<a href="#">子菜单</a> <a href="#">董事长致辞</a>
<a href="#">子菜单</a> <a href="#">核心能力</a>
<a href="#">企业文化</a>
<a href="#">组织构架</a>
<a href="#">合作伙伴</a>
<a href="#">联系我们</a>
</div> </div>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)">业务版图</a> <a href="javascript:void(0)">业务版图</a>
<div class="dropdown_menu"> <div class="dropdown_menu">
<a href="#">子菜单</a> <a href="#">基金集群</a>
<a href="#">子菜单</a> <a href="#">产业地图</a>
<a href="#">子菜单</a> <a href="#">投贷联动</a>
</div> </div>
</li> </li>
<li> <li class="dropdown">
<a href="javascript:void(0)">新闻中心</a> <a href="javascript:void(0)">新闻中心</a>
<div class="dropdown_menu">
<a href="#">集团要闻</a>
<a href="#">行业动态</a>
<a href="#">媒体聚焦</a>
</div>
</li> </li>
<li> <li>
<a href="javascript:void(0)">党建工作</a> <a href="javascript:void(0)">党建工作</a>
</li> </li>
<li> <li class="dropdown">
<a href="javascript:void(0)">人才发展</a> <a href="javascript:void(0)">人才发展</a>
<div class="dropdown_menu">
<a href="#">人才理念</a>
<a href="#">人才招聘</a>
</div>
</li> </li>
<li> <li>
<a href="javascript:void(0)">投资申请</a> <a href="javascript:void(0)">投资申请</a>
@ -154,10 +168,10 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1 col-xxl-1"></div> <div class="col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1 col-xxl-1"></div>
<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-xl-10 col-xxl-10"> <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-xl-10 col-xxl-10">
<p class="wow bounceInLeft secondtowText" data-wow-delay="0.5s" data-wow-duration="2">立足苏州市创新型城市发展战略,以数字经济时代下产业创新集群的建设为使命,以全周期科技投资业务为支柱,发挥国有金融资本的引领带动作用,织精织密全市创新资本网络,推动产业链和创新链深度融合。</p> <p class="wow bounceInLeft secondtowText" data-wow-delay="0.3s" data-wow-duration="2">立足苏州市创新型城市发展战略,以数字经济时代下产业创新集群的建设为使命,以全周期科技投资业务为支柱,发挥国有金融资本的引领带动作用,织精织密全市创新资本网络,推动产业链和创新链深度融合。</p>
<div class="numberContent row"> <div class="numberContent row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
<div class="numberItem wow fadeInUp" style="border:none;" data-wow-delay="0.3s"> <div class="numberItem wow fadeInUp" style="border:none;" data-wow-delay="0.5s">
<div class="num"> <div class="num">
<div class="number1">180</div> <div class="number1">180</div>
<span>亿元</span> <span>亿元</span>
@ -166,7 +180,7 @@
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
<div class="numberItem wow fadeInUp" data-wow-delay="0.3s"> <div class="numberItem wow fadeInUp" data-wow-delay="0.7s">
<div class="num"> <div class="num">
<div class="number2">237</div> <div class="number2">237</div>
<span>亿元</span> <span>亿元</span>
@ -175,7 +189,7 @@
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
<div class="numberItem wow fadeInUp" data-wow-delay="0.3s"> <div class="numberItem wow fadeInUp" data-wow-delay="0.9s">
<div class="num"> <div class="num">
<div class="number3">1400</div> <div class="number3">1400</div>
<span>亿元</span> <span>亿元</span>
@ -187,7 +201,7 @@
</div> </div>
<div class="searchMore wow bounceInUp" data-wow-delay="1.0s"><a href="http://sct.njrenzhou.cn/about/about01.html">探索更多</a></div> <div class="searchMore wow bounceInUp" data-wow-delay="1.0s"><a href="http://sct.njrenzhou.cn/about/about01.html">探索更多</a></div>
<img src="images/鼠标2@2x.png" class="shubiao wow bounce d-none d-lg-block" data-wow-delay="0.8s" alt=""> <img src="images/鼠标2@2x.png" class="shubiao wow bounce d-none d-lg-block" data-wow-delay="0.6s" alt="">
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1 col-xxl-1"></div> <div class="col-xs-12 col-sm-12 col-md-1 col-lg-1 col-xl-1 col-xxl-1"></div>
</div> </div>
@ -196,14 +210,14 @@
<div class="section section3"> <div class="section section3">
<div class="container"> <div class="container">
<div class="second3Title"> <div class="second3Title">
<div class="title wow lightSpeedIn" data-wow-delay=".6s" data-wow-duration="1s">电子信息</div> <div class="title wow bounceInDown" data-wow-delay=".3s" data-wow-duration="0.6">电子信息</div>
<p class="wow lightSpeedIn" data-wow-delay="1s" data-wow-duration="1s">ELECTRONIC<br/>INFORMATION</p> <p class="wow lightSpeedIn" data-wow-delay="0.6s" data-wow-duration="0.6s">ELECTRONIC<br/>INFORMATION</p>
<div class="textsecond3 wow lightSpeedIn" data-wow-delay="1.5s" data-wow-duration="1s">重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域</div> <div class="textsecond3 wow bounceInLeft" data-wow-delay=".9s" data-wow-duration="0.6s">重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域</div>
</div> </div>
</div> </div>
<div class="contentContainer"> <div class="contentContainer">
<div class="row electricContainer"> <div class="row electricContainer">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay=".6s"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay=".3s">
<div class="electricItem" style="border:none" dataset-text="elect"> <div class="electricItem" style="border:none" dataset-text="elect">
<div class="imgContainer"><img src="images/电子信.png"></div> <div class="imgContainer"><img src="images/电子信.png"></div>
<p class="text">电子信息</p> <p class="text">电子信息</p>
@ -211,7 +225,7 @@
<div class="addIon">+</div> <div class="addIon">+</div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="0.9s"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="0.6s">
<div class="electricItem"> <div class="electricItem">
<div class="imgContainer"><img src="images/zhuangbei.png"></div> <div class="imgContainer"><img src="images/zhuangbei.png"></div>
<p class="text">装备制造</p> <p class="text">装备制造</p>
@ -219,7 +233,7 @@
<div class="addIon">+</div> <div class="addIon">+</div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="1.2s"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="0.9s">
<div class="electricItem"> <div class="electricItem">
<div class="imgContainer"><img src="images/生物医药.png"></div> <div class="imgContainer"><img src="images/生物医药.png"></div>
<p class="text">医药生物</p> <p class="text">医药生物</p>
@ -227,7 +241,7 @@
<div class="addIon">+</div> <div class="addIon">+</div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="1.5s"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="1s">
<div class="electricItem"> <div class="electricItem">
<div class="imgContainer"><img src="images/先进材料.png"></div> <div class="imgContainer"><img src="images/先进材料.png"></div>
<p class="text">先进材料</p> <p class="text">先进材料</p>
@ -246,9 +260,9 @@
<!-- left --> <!-- left -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 news_left_container" data-wow-delay=".6s" data-wow-duration="1s"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 news_left_container" data-wow-delay=".6s" data-wow-duration="1s">
<div class="newsLeftContent"> <div class="newsLeftContent">
<h2 class="wow lightSpeedIn" data-wow-delay=".6s" data-wow-duration="1s">最新动态</h2> <h2 class="wow bounceInUp" data-wow-delay=".3s" data-wow-duration="1s">最新动态</h2>
<p class="wow lightSpeedIn d-none d-md-block" data-wow-delay="1s" data-wow-duration="1s">NEWS<br>INFORMATION</p> <p class="wow lightSpeedIn d-none d-md-block" data-wow-delay="0.6s" data-wow-duration="1s">NEWS<br>INFORMATION</p>
<button class="wow fadeInUp" data-wow-delay="1.3s">探索更多</button> <button class="wow fadeInUp" data-wow-delay="1s">探索更多</button>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 news_middle_container wow fadeInUp" data-wow-delay="0.6s"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 news_middle_container wow fadeInUp" data-wow-delay="0.6s">
@ -259,7 +273,7 @@
</div> </div>
<div class="middleContent"> <div class="middleContent">
<div class="row brand__slider owl-carousel"> <div class="row brand__slider owl-carousel">
<div class="brand__thumb wow fadeInUp category__item transition-3" data-wow-delay="0.3s"> <div class="brand__thumb wow bounceInUp category__item transition-3" data-wow-delay="0.3s">
<div class="imgcontainer transition-3"> <div class="imgcontainer transition-3">
<img src="images/电子信息-bg.jpg" alt=""> <img src="images/电子信息-bg.jpg" alt="">
</div> </div>
@ -269,7 +283,7 @@
<div class="time">2021-4-26</div> <div class="time">2021-4-26</div>
</div> </div>
</div> </div>
<div class="brand__thumb wow fadeInUp category__item transition-3" data-wow-delay="0.6s"> <div class="brand__thumb wow bounceInUp category__item transition-3" data-wow-delay="0.6s">
<div class="imgcontainer transition-3"> <div class="imgcontainer transition-3">
<img src="images/电子信息-bg.jpg" alt=""> <img src="images/电子信息-bg.jpg" alt="">
</div> </div>
@ -279,7 +293,7 @@
<div class="time">2021-4-26</div> <div class="time">2021-4-26</div>
</div> </div>
</div> </div>
<div class="brand__thumb wow fadeInUp category__item transition-3" data-wow-delay="0.9s"> <div class="brand__thumb wow bounceInUp category__item transition-3" data-wow-delay="0.9s">
<div class="imgcontainer transition-3"> <div class="imgcontainer transition-3">
<img src="images/电子信息-bg.jpg" alt=""> <img src="images/电子信息-bg.jpg" alt="">
</div> </div>
@ -303,13 +317,13 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="0.3s"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 wow fadeInUp" data-wow-delay="0.3s">
<div class="companyLeftContent"> <div class="companyLeftContent">
<h2 class="wow lightSpeedIn" data-wow-delay=".6s" data-wow-duration="1s">上市企业</h2> <h2 class="wow bounceInRight" data-wow-delay=".3s" data-wow-duration="1s">上市企业</h2>
<p class="wow lightSpeedIn" data-wow-delay="1s" data-wow-duration="1s">LISTED<br>ENTERPRISE</p> <p class="wow lightSpeedIn" data-wow-delay="0.6s" data-wow-duration="1s">LISTED<br>ENTERPRISE</p>
<a href="http://sct.njrenzhou.cn/service/service14.html" class="wow fadeInUp" data-wow-delay="1.3s"><button>探索更多</button></a> <a href="http://sct.njrenzhou.cn/service/service14.html" class="wow fadeInUp" data-wow-delay="0.9s"><button>探索更多</button></a>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 wow lightSpeedIn" data-wow-delay="1.5s"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 wow flipInX" data-wow-delay="1.2s">
<div class="logocontent"> <div class="logocontent">
<img src="images/logo.png"> <img src="images/logo.png">
</div> </div>

Loading…
Cancel
Save