苏州创新投资
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
suzhou/about/about.html

320 lines
13 KiB

2 years ago
<!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="applicable-device"content="pc,mobile">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!--css3动画库-->
<link rel="stylesheet" href="../css/animate.css">
<!--banner大图基础样式-->
<link rel="stylesheet" href="../css/slick.css">
<link rel="stylesheet" href="../css/owl.carousel.min.css">
<!--页面滚动基础样式-->
<link rel="stylesheet" href="../css/jquery.fullPage.css" />
<!--导航样式-->
<link rel="stylesheet" href="../css/head.css" />
<!--图片和滚屏样式-->
<link rel="stylesheet" href="../css/about3.css">
</head>
<body>
<!-- 导航 -->
<header class="header on">
<div class="container clearfix headerOut">
<div class="fl left">
<a href="#" ><img src="../images/logo2.png" alt="" class="img1" /></a>
<a href="#" ><img src="../images/logo1.png" alt="" class="img2" /></a>
</div>
<div class="fr nav">
<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
<li>
<a href="javascript:void(0)">首页</a>
</li>
<li class="mainactive dropdown">
<a href="javascript:void(0)">关于我们</a>
<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>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)">业务版图</a>
<div class="dropdown_menu">
<a href="#">基金集群</a>
<a href="#">产业地图</a>
<a href="#">投贷联动</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)">新闻中心</a>
<div class="dropdown_menu">
<a href="#">集团要闻</a>
<a href="#">行业动态</a>
<a href="#">媒体聚焦</a>
</div>
</li>
<li>
<a href="javascript:void(0)">党建工作</a>
</li>
<li class="dropdown">
<a href="javascript:void(0)">人才发展</a>
<div class="dropdown_menu">
<a href="#">人才理念</a>
<a href="#">人才招聘</a>
</div>
</li>
<li>
<a href="javascript:void(0)">投资申请</a>
</li>
</ul>
</div>
<a href="javascript:void(0)" id="navToggle">
<span></span>
</a>
</div>
</header>
<!--移动端的导航-->
<div class="m_nav">
<div class="top clearfix">
<img src="../images/closed.png" alt="" class="closed" />
</div>
<div class="logo">
<img src="../images/logo1.png" alt="" />
</div>
<ul class="ul" data-in="fadeInDown" data-out="fadeOutUp">
<li class="active">
<a href="javascript:void(0)">首页</a>
</li>
<li class="dropdown">
<a href="javascript:void(0)">
关于我们
</a>
<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>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)">业务版图</a>
<div class="dropdown_menu">
<a href="#">基金集群</a>
<a href="#">产业地图</a>
<a href="#">投贷联动</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)">新闻中心</a>
<div class="dropdown_menu">
<a href="#">集团要闻</a>
<a href="#">行业动态</a>
<a href="#">媒体聚焦</a>
</div>
</li>
<li>
<a href="javascript:void(0)">党建工作</a>
</li>
<li class="dropdown">
<a href="javascript:void(0)">人才发展</a>
<div class="dropdown_menu">
<a href="#">人才理念</a>
<a href="#">人才招聘</a>
</div>
</li>
<li>
<a href="javascript:void(0)">投资申请</a>
</li>
</ul>
</div>
<!-- 内容 -->
<div id="about_main" class="index_main">
<div class="section section1 fp-auto-height fp-section">
<div class="topcontainer">
<img src="../images/banner.png" alt="">
<div class="selectedContainer">
<div class="title">核心能力</div>
<div class="subtitle">Core competence</div>
</div>
<div class="selectItemContainer">
<a href="about01.html">
<div class="selectItem">
<h5>集团简介</h5>
<div>ABOUT US</div>
</div>
</a>
<div class="line"></div>
<a href="about02.html">
<div class="selectItem">
<h5>董事长致辞</h5>
<div>CHAIRMAN'S SPEECH</div>
</div>
</a>
<div class="line"></div>
<a href="about03.html">
<div class="selectItem selected">
<h5>核心能力</h5>
<div>CORE COMPETENCE</div>
</div>
</a>
<div class="line"></div>
<a href="about04.html">
<div class="selectItem">
<h5>企业文化</h5>
<div>CORPORATE CULTURE</div>
</div>
</a>
<div class="line"></div>
<a href="about05.html">
<div class="selectItem">
<h5>组织架构</h5>
<div>ORGANIZATIONAL STRUCTURE</div>
</div>
</a>
<div class="line"></div>
<a href="about06.html">
<div class="selectItem">
<h5>合作伙伴</h5>
<div>COOPERATIVE PARTNER</div>
</div>
</a>
<div class="line"></div>
<a href="about07.html">
<div class="selectItem">
<h5>联系我们</h5>
<div>CONTACT US</div>
</div>
</a>
</div>
</div>
</div>
<div class="section section2">
<div class="xietong">
<div class="devide"></div>
<div class="title">协同创新</div>
<div class="subtitle">Collaborative innovation</div>
</div>
<img src="../images/xietong.png" alt="">
</div>
<div class="section section3">
<div class="yaosu">
<div class="devide"></div>
<div class="title">要素资源</div>
<div class="subtitle">Element resources</div>
</div>
<div class="middleContent container">
<div class="row brand__slider owl-carousel">
<div class="brand__thumb category__item transition-3">
<div class="business-effect">
<div class="e-img-l"><img alt="" src="../images/section4-hover01.png"></div>
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
</div>
<div class="imgcontainer transition-3">
<img src="../images/科研机构@2x.png">
</div>
<div class="contentText transition-3">
<div class="contenttitle">科研机构</div>
<p>联合各研究机构、院所助力科技 成果转化</p>
</div>
<a href="#">查看详情</a>
</div>
<div class="brand__thumb category__item transition-3">
<div class="business-effect">
<div class="e-img-l"><img alt="" src="../images/section4-hover01.png"></div>
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
</div>
<div class="imgcontainer transition-3">
<img src="../images/金融支持@2x.png">
</div>
<div class="contentText transition-3">
<div class="contenttitle">金融支持</div>
<p>以金融 “活水”灌溉产业创新集群</p>
</div>
<a href="#">查看详情</a>
</div>
<div class="brand__thumb category__item transition-3">
<div class="business-effect">
<div class="e-img-l"><img alt="" src="../images/section4-hover01.png"></div>
<div class="e-img-r"><img alt="" src="../images/section4-hover02.png"></div>
</div>
<div class="imgcontainer transition-3">
<img src="../images/服务保障@2x.png">
</div>
<div class="contentText transition-3">
<div class="contenttitle">服务保障</div>
<p>赋能企业优化创新服务生态</p>
</div>
<a href="#">查看详情</a>
</div>
</div>
</div>
</div>
<div class="section section4">
<img src="../images/bg.png" class="bg" alt="">
<div class="yaosu">
<div class="devide"></div>
<div class="title">强链补链</div>
<div class="subtitle">Strong chain complement</div>
</div>
<div class="container">
<div class="contentContainer">
<h5>资本招商重大龙头项目落地苏州</h5>
<div class="contentList">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<div class="contentItem">
<div>引进创新</div>
<div>人才入驻</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<div class="contentItem">
<div>促进创新</div>
<div>项目落地</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<div class="contentItem">
<div>培育创新</div>
<div>企业成长</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.fullPage.min.js"></script>
<script src="../js/SuperSlide.2.1.3.js"></script>
<script src="../js/index_slick.js"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/about03.js"></script>
<script type="text/javascript">
$(function(){
$("#footer").load("../public/footer.html");
});
</script>
</body>
</html>