|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<title>苏州创新投资集团有限公司</title>
|
|
|
|
|
<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/swiper-bundle.min.css" rel="stylesheet">
|
|
|
|
|
<link rel="stylesheet" href="css/animate.min.css">
|
|
|
|
|
<link rel="stylesheet" href="css/index.css">
|
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
|
|
<script src="js/bxslider.min.js"></script>
|
|
|
|
|
<script src="js/common.js"></script>
|
|
|
|
|
<script src="js/bootstrap.js"></script>
|
|
|
|
|
<script src="js/jquery.leoTextAnimate.js"></script>
|
|
|
|
|
<script src="js/wow.min.js"></script>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
/* overflow: hidden; */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.container-pro {
|
|
|
|
|
width: 100%;
|
|
|
|
|
/* height: 500%; */
|
|
|
|
|
height:100%;
|
|
|
|
|
/* position: absolute; */
|
|
|
|
|
/* top: 0; */
|
|
|
|
|
position: relative;
|
|
|
|
|
transition: all 0.3s ease;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.section1 {
|
|
|
|
|
/* background-color: rebeccapurple;
|
|
|
|
|
background: url(images/首页-第四页bg.jpg);*/
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.section2 {
|
|
|
|
|
background-color: skyblue;
|
|
|
|
|
background: url(images/首页-第二页bg.jpg) center top no-repeat;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.section3 {
|
|
|
|
|
background-color: red;
|
|
|
|
|
background: url(images/电子信息-bg.jpg) center top no-repeat;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.section4 {
|
|
|
|
|
background-color: orange;
|
|
|
|
|
background: url(images/首页-第三页bg.jpg) center top no-repeat;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.section5 {
|
|
|
|
|
background-color: lightgreen;
|
|
|
|
|
background: url(images/首页-第四页bg.jpg) center top no-repeat;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.section6 {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
/*background: url(images/首页-第四页bg.jpg);*/
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.section {
|
|
|
|
|
width: 100%;
|
|
|
|
|
/* height: 20%; */
|
|
|
|
|
height:calc(100vh);
|
|
|
|
|
/* display: flex; */
|
|
|
|
|
color: white;
|
|
|
|
|
/*justify-content: center;*/
|
|
|
|
|
align-items: center;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.controls {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 50%;
|
|
|
|
|
right: 20px;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
list-style: none;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.controls li {
|
|
|
|
|
width: 27px;
|
|
|
|
|
height: 27px;
|
|
|
|
|
font: bold 22px/50px '宋体';
|
|
|
|
|
text-align: center;
|
|
|
|
|
/* background-color: #000; */
|
|
|
|
|
border:1px solid #ffffff;
|
|
|
|
|
border-radius:50;
|
|
|
|
|
color: white;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.controls li+li {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.controls li.active {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 36px;
|
|
|
|
|
height: 36px;
|
|
|
|
|
}
|
|
|
|
|
.controls li.active::after {
|
|
|
|
|
width: 10px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
content: '';
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 12px;
|
|
|
|
|
top: 12px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*add*/
|
|
|
|
|
.swiper-slide img{ width: 100%;height: 100%; }
|
|
|
|
|
.text{
|
|
|
|
|
color:#333333;
|
|
|
|
|
}
|
|
|
|
|
body::-webkit-scrollbar { width: 0 !important }
|
|
|
|
|
body { -ms-overflow-style: none; }
|
|
|
|
|
body { overflow: -moz-scrollbars-none; }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container-pro">
|
|
|
|
|
|
|
|
|
|
<div class="section section1">
|
|
|
|
|
|
|
|
|
|
<!-- p1 -->
|
|
|
|
|
<header>
|
|
|
|
|
|
|
|
|
|
<div class="top_logo">
|
|
|
|
|
<div class="logo_wrap"> <a href="/"><img src="images/logo2.png" class="logo" alt=""/></a> </div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Fixed navbar -->
|
|
|
|
|
|
|
|
|
|
<nav id="top_nav" class="navbar navbar-default navbar-static-top">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">导航菜单</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
|
|
|
|
|
<span id="small_search" class="glyphicon glyphicon-search" aria-hidden="true"></span> <a class="navbar-brand" href="#">导航菜单</a> </div>
|
|
|
|
|
<div id="navbar" class="navbar-collapse collapse">
|
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
|
<li><a href="#">首页</a></li>
|
|
|
|
|
<li class="dropdown"><a href="about/about01.html">关于我们</a> </li>
|
|
|
|
|
<li class="dropdown"> <a href="service/service01.html">业务版图</a> </li>
|
|
|
|
|
<li class="dropdown"> <a href="news/news01.html">新闻中心</a> </li>
|
|
|
|
|
<li class="dropdown"> <a href="work/work.html">党建工作</a> </li>
|
|
|
|
|
<li class="dropdown"> <a href="talent/talent01.html">人才发展</a> </li>
|
|
|
|
|
<li class="dropdown"> <a href="form/form.html">投资申请</a> </li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<!-- Swiper -->
|
|
|
|
|
<div class="swiper mySwiper">
|
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<img src="images/首页-banner1.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<img src="images/首页-banner2.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<img src="images/首页-banner3.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<img src="images/首页-banner4.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<img src="images/首页-banner5.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<img src="images/首页-banner6.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="section section2">
|
|
|
|
|
|
|
|
|
|
<!-- 数字展示 -->
|
|
|
|
|
<div class="number_box" style="width: 100%!important;">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 number_text wow fadeInUp" data-wow-delay="0.3s" data-move-y="140px">
|
|
|
|
|
<p>苏创投立足苏州市创新型城市发展战略，以数字经济时代下产业创新集群的建设为使命，以全周期科技投资业务为支柱，发挥国有金融资本的引领带动作用，织精织密全市创新资本网络，推动产业链和创新链深度融合。</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-4 col-md-4 counter-wrap wow fadeInUp" data-wow-delay="0.6s">
|
|
|
|
|
<div class="counter"><span class="number1">180</span> 亿元</div>
|
|
|
|
|
<p class="text">注册资本</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-4 col-md-4 counter-wrap wow fadeInUp" data-wow-delay="0.9s">
|
|
|
|
|
<div class="counter"><span class="number2">237</span> 亿元</div>
|
|
|
|
|
<p class="text">总资产</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-4 col-md-4 counter-wrap wow fadeInUp" wow fadeInUp data-wow-delay="1.2s">
|
|
|
|
|
<div class="counter"><span class="number3">1400</span> 亿元</div>
|
|
|
|
|
<p class="text">管理规模</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 wow fadeInUp" data-wow-delay="1.5s">
|
|
|
|
|
<a href="http://sct.njrenzhou.cn/about/about01.html " class="about_more">探索更多</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 电子信息 交互 -->
|
|
|
|
|
<div class="section section3">
|
|
|
|
|
<div class="container" style="margin-top:-16%;">
|
|
|
|
|
<div class="second3Title wow fadeInUp" data-wow-delay=".6s">
|
|
|
|
|
<div class="title">电子信息</div>
|
|
|
|
|
<p>ELECTRONIC<br/>INFORMATION</p>
|
|
|
|
|
<div class="textsecond3">重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <div class="elec_box1">
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 number_text" >
|
|
|
|
|
<p class="line_1">电子信息</p>
|
|
|
|
|
<p class="line_2">Electronic information</p>
|
|
|
|
|
<p class="line_3">重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="container elec_wrap">
|
|
|
|
|
<div class="col-sm-4 col-md-3 elec_list">
|
|
|
|
|
<div class=""><img src="images/电子信.png"></div>
|
|
|
|
|
<p class="text">电子信息</p>
|
|
|
|
|
<a href="#" class="more_white">探索更多</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-4 col-md-3 elec_list">
|
|
|
|
|
<div class=""><img src="images/装备制造.png"></div>
|
|
|
|
|
<p class="text">装备制造</p>
|
|
|
|
|
<a href="#" class="more_white">探索更多</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-4 col-md-3 elec_list">
|
|
|
|
|
<div class=""><img src="images/生物医药.png"></div>
|
|
|
|
|
<p class="text">医药生物</p>
|
|
|
|
|
<a href="#" class="more_white">探索更多</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-sm-4 col-md-3 elec_list">
|
|
|
|
|
<div class=""><img src="images/先进材料.png"></div>
|
|
|
|
|
<p class="text">先进材料</p>
|
|
|
|
|
<a href="#" class="more_white">探索更多</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="contentContainer">
|
|
|
|
|
<div class="row electricContainer" style="width:100%">
|
|
|
|
|
<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=".6s">
|
|
|
|
|
<div class="electricItem" style="border:none" dataset-text="elect">
|
|
|
|
|
<div class="imgContainer"><img src="images/电子信.png"></div>
|
|
|
|
|
<p class="text">电子信息</p>
|
|
|
|
|
<button>探索更多</button>
|
|
|
|
|
<div class="addIon">+</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<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.9s">
|
|
|
|
|
<div class="electricItem">
|
|
|
|
|
<div class="imgContainer"><img src="images/zhuangbei.png"></div>
|
|
|
|
|
<p class="text">装备制造</p>
|
|
|
|
|
<button>探索更多</button>
|
|
|
|
|
<div class="addIon">+</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<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="1.2s">
|
|
|
|
|
<div class="electricItem">
|
|
|
|
|
<div class="imgContainer"><img src="images/生物医药.png"></div>
|
|
|
|
|
<p class="text">医药生物</p>
|
|
|
|
|
<button>探索更多</button>
|
|
|
|
|
<div class="addIon">+</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<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="1.5s">
|
|
|
|
|
<div class="electricItem">
|
|
|
|
|
<div class="imgContainer"><img src="images/先进材料.png"></div>
|
|
|
|
|
<p class="text">先进材料</p>
|
|
|
|
|
<button>探索更多</button>
|
|
|
|
|
<div class="addIon">+</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="section section4">
|
|
|
|
|
|
|
|
|
|
<!-- 新闻动态 -->
|
|
|
|
|
<div style="width: 100%!important;">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row news_Container">
|
|
|
|
|
<!-- left -->
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 news_left_container wow fadeInUp" data-wow-delay="0.3s">
|
|
|
|
|
<div class="newsLeftContent">
|
|
|
|
|
<h2>最新动态</h2>
|
|
|
|
|
<p>NEWS<br>INFORMATION</p>
|
|
|
|
|
<button>探索更多</button>
|
|
|
|
|
</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="titleContent">
|
|
|
|
|
<div class="titleItem titleItemActive">集团要闻</div>
|
|
|
|
|
<div class="titleItem">企业动态</div>
|
|
|
|
|
<div class="titleItem">媒体聚焦</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="middleContent">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
|
|
|
|
|
<div class="imgcontainer">
|
|
|
|
|
<img src="images/电子信息-bg.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="contentText">
|
|
|
|
|
<div class="contenttitle">加强党规党纪培训 推动党史学习教育-简阳工投党支部开展党规党纪专项活动</div>
|
|
|
|
|
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
|
|
|
|
|
<div class="time">2021-4-26</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="imgcontainer">
|
|
|
|
|
<img src="images/电子信息-bg.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="contentText">
|
|
|
|
|
<div class="contenttitle">加强党规党纪培训 推动党史学习教育-简阳工投党支部开展党规党纪专项活动</div>
|
|
|
|
|
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
|
|
|
|
|
<div class="time">2021-4-26</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="imgcontainer">
|
|
|
|
|
<img src="images/电子信息-bg.jpg" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="contentText">
|
|
|
|
|
<div class="contenttitle">加强党规党纪培训 推动党史学习教育-简阳工投党支部开展党规党纪专项活动</div>
|
|
|
|
|
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
|
|
|
|
|
<div class="time">2021-4-26</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <div class="col-xs-12 col-sm-8 col-md-12 news_wrap">
|
|
|
|
|
<div class="list_box">
|
|
|
|
|
<h2 class="left_h2 news_title">集团要闻 企业动态 媒体聚焦</h2>
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-4 col-md-4 col-mm-6 news_list">
|
|
|
|
|
<a href="/"> <img src="images/首页-第四页bg.jpg" class="img-thumbnail" alt=""/> </a>
|
|
|
|
|
<p class="line_1"><a href="news/detail.html" title="">世界杯第11日！</a></p>
|
|
|
|
|
<p class="line_2">2022卡塔尔世界杯，迎来了第11个比赛日，在C组的比赛中，阿根廷队以2-0击败了波兰队，拿到了小组第一名出线</p>
|
|
|
|
|
<p class="line_3">2022-12-01</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-4 col-md-4 col-mm-6 news_list">
|
|
|
|
|
<a href="/"> <img src="images/首页-第四页bg.jpg" class="img-thumbnail" alt=""/> </a>
|
|
|
|
|
<p class="line_1"><a href="news/detail.html" title="">世界杯第11日！</a></p>
|
|
|
|
|
<p class="line_2">2022卡塔尔世界杯，迎来了第11个比赛日，在C组的比赛中，阿根廷队以2-0击败了波兰队，拿到了小组第一名出线</p>
|
|
|
|
|
<p class="line_3">2022-12-01</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-4 col-md-4 col-mm-6 news_list">
|
|
|
|
|
<a href="/"> <img src="images/首页-第四页bg.jpg" class="img-thumbnail" alt=""/> </a>
|
|
|
|
|
<p class="line_1"><a href="news/detail.html" title="">世界杯第11日！</a></p>
|
|
|
|
|
<p class="line_2">2022卡塔尔世界杯，迎来了第11个比赛日，在C组的比赛中，阿根廷队以2-0击败了波兰队，拿到了小组第一名出线</p>
|
|
|
|
|
<p class="line_3">2022-12-01</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="section section5">
|
|
|
|
|
|
|
|
|
|
<!-- 上市企业 -->
|
|
|
|
|
<div class="conpanyBrand" style="width: 100%!important;">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<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="companyLeftContent">
|
|
|
|
|
<h2 class="wow fadeInUp" data-wow-delay="0.6s">上市企业</h2>
|
|
|
|
|
<p class="wow fadeInUp" data-wow-delay="0.9s">LISTED<br>ENTERPRISE</p>
|
|
|
|
|
<a href="http://sct.njrenzhou.cn/service/service14.html" class="wow fadeInUp" data-wow-delay="1.2s"><button>探索更多</button></a>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 wow fadeInUp" data-wow-delay="1.5s">
|
|
|
|
|
<div class="logocontent">
|
|
|
|
|
<img src="images/logo.png">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- left -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="col-xs-12 col-sm-4 col-md-2 enterprise_left">
|
|
|
|
|
<div class="enterprise_left_wrap">
|
|
|
|
|
<h2 class="left_h2">上市企业</h2>
|
|
|
|
|
<p>LISTED<br>ENTERPRISES</p>
|
|
|
|
|
<button>探索更多</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-xs-12 col-sm-8 col-md-12 enterprise_wrap">
|
|
|
|
|
<div class="list_box">
|
|
|
|
|
<img src="images/logo.png">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="section section6">
|
|
|
|
|
|
|
|
|
|
<!-- 底部目录 -->
|
|
|
|
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="footer">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 wow fadeInUp" data-wow-delay=".3s">
|
|
|
|
|
<div class="title">关于我们</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="about/about01.html" target="_blank">集团介绍</a></li>
|
|
|
|
|
<li><a href="about/about02.html" target="_blank">董事长致辞</a></li>
|
|
|
|
|
<li><a href="about/about03.html" target="_blank">核心能力</a></li>
|
|
|
|
|
<li><a href="about/about04.html" target="_blank">企业文化</a></li>
|
|
|
|
|
<li><a href="about/about05.html" target="_blank">组织构架</a></li>
|
|
|
|
|
<li><a href="about/about06.html" target="_blank">合作伙伴</a></li>
|
|
|
|
|
<li><a href="about/about07.html" target="_blank">联系我们</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 wow fadeInUp" data-wow-delay=".6s">
|
|
|
|
|
<div class="title">业务版图</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="service/service01.html" target="_blank">基金集群</a></li>
|
|
|
|
|
<li><a href="service/service11.html" target="_blank">产业地图</a></li>
|
|
|
|
|
<li><a href="service/service03.html" target="_blank">投贷联动</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 wow fadeInUp" data-wow-delay="0.9s">
|
|
|
|
|
<div class="title">新闻中心</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="news/news01.html" target="_blank">集团要闻</a></li>
|
|
|
|
|
<li><a href="news/news02.html" target="_blank">行业动态</a></li>
|
|
|
|
|
<li><a href="news/news03.html" target="_blank">媒体聚焦</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 wow fadeInUp" data-wow-delay="1.2s">
|
|
|
|
|
<div class="title">党建工作</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="work/work.html" target="_blank">党建工作</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 wow fadeInUp" data-wow-delay="1.5s">
|
|
|
|
|
<div class="title">人才发展</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="talent/talent01.html" target="_blank">人才理念</a></li>
|
|
|
|
|
<li><a href="talent/talent02.html" target="_blank">人才招聘</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 wow fadeInUp" data-wow-delay="1.8s">
|
|
|
|
|
<div class="title">投资申请</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="form/form.html" target="_blank">投资申请</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="registerContainer">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 col-xxl-7">
|
|
|
|
|
<div class="leftContent">
|
|
|
|
|
<img src="./images/code.png" alt="">
|
|
|
|
|
<img src="./images/电话@2x.png" style="margin:0 15px 0 22px" alt="">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="kefu">
|
|
|
|
|
客服热线
|
|
|
|
|
</div>
|
|
|
|
|
<div class="phone">
|
|
|
|
|
0512-80782207
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="contactUs">
|
|
|
|
|
©2015-2022 苏州创新投资集团有限公司 苏ICP备10219514号-1 苏公网安备 4401060342
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5 selectContainer">
|
|
|
|
|
<select placeholder="相关链接" class="select">
|
|
|
|
|
<option value ="volvo">Volvo</option>
|
|
|
|
|
<option value ="saab">Saab</option>
|
|
|
|
|
<option value="opel">Opel</option>
|
|
|
|
|
<option value="audi">Audi</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="controls">
|
|
|
|
|
<li class="active"></li>
|
|
|
|
|
<li></li>
|
|
|
|
|
<li></li>
|
|
|
|
|
<li></li>
|
|
|
|
|
<li></li>
|
|
|
|
|
<li></li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
|
|
|
|
|
<!-- Initialize Swiper -->
|
|
|
|
|
<script>
|
|
|
|
|
var swiper = new Swiper(".mySwiper", {
|
|
|
|
|
loop : true, //环路，让Swiper看起来是循环的
|
|
|
|
|
pagination: {
|
|
|
|
|
el: ".swiper-pagination",
|
|
|
|
|
// dynamicBullets: true,
|
|
|
|
|
},
|
|
|
|
|
autoplay : true, //自动切换
|
|
|
|
|
autoplay : {
|
|
|
|
|
delay : 3000, //自动切换的时间间隔，单位ms
|
|
|
|
|
disableOnInteraction : false //用户操作swiper之后，是否禁止autoplay
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
//实现滚动效果
|
|
|
|
|
const container = document.querySelector('.container-pro')
|
|
|
|
|
const lis = document.querySelectorAll('.controls li')
|
|
|
|
|
var viewHeight = null //声明页面高度
|
|
|
|
|
|
|
|
|
|
var index = 0; //当前索引
|
|
|
|
|
var flag = true; //节流开关
|
|
|
|
|
document.addEventListener('mousewheel', function (e) {
|
|
|
|
|
e = e || window.event
|
|
|
|
|
console.log(e);
|
|
|
|
|
// 获取整屏的高度
|
|
|
|
|
viewHeight = document.body.clientHeight;
|
|
|
|
|
if (flag) { //节流阀
|
|
|
|
|
flag = false
|
|
|
|
|
if (e.wheelDelta > 0) {
|
|
|
|
|
index--
|
|
|
|
|
if (index < 0) {
|
|
|
|
|
index = 0
|
|
|
|
|
}
|
|
|
|
|
container.style.top = -index * viewHeight+index*100 + 'px'
|
|
|
|
|
} else {
|
|
|
|
|
index++;
|
|
|
|
|
if (index > lis.length - 1) {
|
|
|
|
|
index = lis.length - 1
|
|
|
|
|
}
|
|
|
|
|
container.style.top = -index * viewHeight+index*100 + 'px'
|
|
|
|
|
}
|
|
|
|
|
console.log(index,"--==")
|
|
|
|
|
if(index%2==0){
|
|
|
|
|
$('.logo_wrap img').attr('src','images/logo2.png')
|
|
|
|
|
$('.nav li a').css('color','#ffffff')
|
|
|
|
|
}else if(index%2==1){
|
|
|
|
|
$('.logo_wrap img').attr('src','images/logo1.png')
|
|
|
|
|
$('.nav li a').css('color','#333333')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// container.style.top = -index * viewHeight + 'px'
|
|
|
|
|
changeColor(index)
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
flag = true
|
|
|
|
|
}, 500)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
//绑定点击事件
|
|
|
|
|
for (let i = 0; i < lis.length; i++) {
|
|
|
|
|
lis[i].onclick = function () {
|
|
|
|
|
viewHeight = document.body.clientHeight
|
|
|
|
|
index = i
|
|
|
|
|
changeColor(index)
|
|
|
|
|
container.style.top = -index * viewHeight + 'px'
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
//改变小li颜色
|
|
|
|
|
function changeColor(index) {
|
|
|
|
|
for (var j = 0; j < lis.length; j++) {
|
|
|
|
|
lis[j].className = ''
|
|
|
|
|
}
|
|
|
|
|
lis[index].className = 'active'
|
|
|
|
|
}
|
|
|
|
|
$($('.electricItem>button')[0]).css('display','block')
|
|
|
|
|
$($('.electricItem>.addIon')[0]).css('display','none')
|
|
|
|
|
$($('.electricItem')[0]).css('background','rgba(19,75,161,0.8)')
|
|
|
|
|
$('.electricItem').mouseenter(function(){
|
|
|
|
|
console.log($(this).parent().siblings().children().children('.addIon'))
|
|
|
|
|
$(this).css('background','rgba(19,75,161,0.8)')
|
|
|
|
|
$(this).parent().siblings().children().css('background','transparent')
|
|
|
|
|
$($(this).children()[3]).css('display','none')
|
|
|
|
|
$($(this).children()[2]).css('display','block')
|
|
|
|
|
$($(this).parent().siblings().children().children('button')).css('display','none')
|
|
|
|
|
$($(this).parent().siblings().children().children('.addIon')).css('display','block')
|
|
|
|
|
|
|
|
|
|
if($(this).children()[1].innerText=='先进材料'){
|
|
|
|
|
$('.section3').css ('background','url(images/先进材料-bg.jpg) center top no-repeat')
|
|
|
|
|
$('.second3Title>.title')[0].innerText = '先进材料'
|
|
|
|
|
$('.second3Title>p')[0].innerHTML = 'ADVANCED<br>MATERIALS'
|
|
|
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域'
|
|
|
|
|
}
|
|
|
|
|
if($(this).children()[1].innerText=='装备制造'){
|
|
|
|
|
$('.second3Title>.title')[0].innerText = '装备制造'
|
|
|
|
|
$('.section3').css ('background','url(images/装备制造-bg.jpg) center top no-repeat')
|
|
|
|
|
$('.second3Title>.title')[0].innerText = '装备制造'
|
|
|
|
|
$('.second3Title>p')[0].innerHTML = 'EQUIPMENT<br>MAFUFACTURING'
|
|
|
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注高端装备、新能源、汽车及零部件、航空航天等领域'
|
|
|
|
|
}
|
|
|
|
|
if($(this).children()[1].innerText=='电子信息'){
|
|
|
|
|
$('.second3Title>.title')[0].innerText = '电子信息'
|
|
|
|
|
$('.section3').css ('background','url(images/电子信息-bg.jpg) center top no-repeat')
|
|
|
|
|
$('.second3Title>.title')[0].innerText = '电子信息'
|
|
|
|
|
$('.second3Title>p')[0].innerHTML = 'ELECTRONIC<br>INFORMATION'
|
|
|
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域'
|
|
|
|
|
}
|
|
|
|
|
if($(this).children()[1].innerText=='医药生物'){
|
|
|
|
|
$('.second3Title>.title')[0].innerText = '医药生物'
|
|
|
|
|
$('.section3').css ('background','url(images/医药生物-bg.jpg) center top no-repeat')
|
|
|
|
|
$('.second3Title>.title')[0].innerText = '医药生物'
|
|
|
|
|
$('.second3Title>p')[0].innerHTML = 'PHARMACEUTICAL<br>BIOLOGY'
|
|
|
|
|
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注创新医药、高端医疗器械、CXO（合同研发生产组织）、BT（生物技术）+IT（信息技术）融合、产业链配套、商贸供应链、医'
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$('.number1').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'});
|
|
|
|
|
$('.number2').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'});
|
|
|
|
|
$('.number3').leoTextAnimate({delay:0,autorun:true,fixed:[',',':','.'],start:'-'});
|
|
|
|
|
var wow = new WOW({
|
|
|
|
|
boxClass: 'wow',
|
|
|
|
|
animateClass: 'animated',
|
|
|
|
|
offset: 0,
|
|
|
|
|
mobile: true,
|
|
|
|
|
live: true
|
|
|
|
|
});
|
|
|
|
|
wow.init();
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
