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.
318 lines
15 KiB
318 lines
15 KiB
<!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 rel="icon" href="" type="image/x-icon">
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet">
|
|
<!--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">
|
|
<link rel="stylesheet" href="../css/style.css">
|
|
<link rel="stylesheet" href="../css/footer.css">
|
|
<style>
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="header"></div>
|
|
<!-- 内容 -->
|
|
<div id="about_main" class="index_main">
|
|
<div class="section section1 section-about 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 spe">
|
|
<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>
|
|
<div class="devide"></div>
|
|
<div class="title">协同创新</div>
|
|
<div class="subtitle">COLLABORATIVE INNOVATION</div>
|
|
</div>
|
|
<!-- <img src="../images/xietong.png" alt=""> -->
|
|
<div class="xietongbottom">
|
|
<!-- <img src="../images/xietongbg.png" class="xietongbg" alt=""> -->
|
|
<img src="../images/mapxietong.png" class="xietongimg" alt="">
|
|
<img src="../images/xietongcontent.png" class="xietongContent" alt="">
|
|
</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" id="ziyuan">
|
|
|
|
<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>
|
|
</div>
|
|
<div class="maskContainer">
|
|
<div class="contenttitle">科研机构</div>
|
|
<p>联合各研究机构、院所助力科技成果转化</p>
|
|
</div>
|
|
</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>
|
|
|
|
</div>
|
|
<div class="maskContainer">
|
|
<div class="contenttitle">金融支持</div>
|
|
<p>以金融 “活水”灌溉产业创新集群</p>
|
|
</div>
|
|
</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/yaosu3.png">
|
|
</div>
|
|
<div class="contentText transition-3">
|
|
<div class="contenttitle">服务保障</div>
|
|
|
|
</div>
|
|
<div class="maskContainer">
|
|
<div class="contenttitle">服务保障</div>
|
|
<p>赋能企业<br>优化创新服务生态</p>
|
|
</div>
|
|
</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/zhengfu.png">
|
|
</div>
|
|
<div class="contentText transition-3">
|
|
<div class="contenttitle">政府引导</div>
|
|
|
|
</div>
|
|
<div class="maskContainer">
|
|
<div class="contenttitle">政府引导</div>
|
|
<p>主动融入地方发展大局<br>担当政府专业化抓手</p>
|
|
</div>
|
|
</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/chanye.png">
|
|
</div>
|
|
<div class="contentText transition-3">
|
|
<div class="contenttitle">产业背景</div>
|
|
|
|
</div>
|
|
<div class="maskContainer">
|
|
<div class="contenttitle">产业背景</div>
|
|
<p>深耕产业链上下游<br>以产业集聚促进创新链产业链融合</p>
|
|
</div>
|
|
</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/yaosu5.png">
|
|
</div>
|
|
<div class="contentText transition-3">
|
|
<div class="contenttitle">学术专家</div>
|
|
|
|
</div>
|
|
<div class="maskContainer">
|
|
<div class="contenttitle">学术专家 </div>
|
|
<p>所投企业和基金拥有大量各行业专家<br>人才基金储备大量相关行业顶尖人才</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section section4">
|
|
<img src="../images/bg@2x.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 class="section section5 fp-auto-height fp-section">
|
|
<div id="footer"></div>
|
|
</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 getAbility(){
|
|
var content='';
|
|
$.ajax({
|
|
type: 'post',
|
|
url: 'https://suzhou.njrenzhou.cn/api.php/about/ability',
|
|
data:{
|
|
},
|
|
dataType: 'json',
|
|
success: function (res) {
|
|
if(res.code==200){
|
|
var item = res.data.ziyuan;
|
|
// 要素资源
|
|
// $.each(item,function(index){
|
|
// content += "<div class='brand__thumb category__item transition-3'>";
|
|
// content += "<div class='business-effect'>";
|
|
// content += "<div class='e-img-l'><img alt='' src='../images/section4-hover01.png'></div>";
|
|
// content += "<div class='e-img-r'><img alt='' src='../images/section4-hover02.png'></div>";
|
|
// content += "</div>";
|
|
// content += "<div class='imgcontainer transition-3'>";
|
|
// content += "<img src='../images/科研机构@2x.png'>";
|
|
// content += "</div>";
|
|
// content += "<div class='contentText transition-3'>";
|
|
// content += "<div class='contenttitle'>"+ item[index].title + "</div>";
|
|
// content += "</div>";
|
|
// content += "<div class='maskContainer'>";
|
|
// content += "<div class='contenttitle'>科研机构</div>";
|
|
// content += "<p>联合各研究机构、院所助力科技成果转化</p>";
|
|
// content += "</div>";
|
|
// content += "</div>";
|
|
// })
|
|
// $('#ziyuan').append(content);
|
|
}
|
|
},
|
|
error: function (err) {
|
|
console.log(err);
|
|
}
|
|
});
|
|
}
|
|
getAbility();
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |