<!DOCTYPE html>
<html lang="zh-CN">
<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.min.css" rel="stylesheet">
<!-- <link href="../css/bxslider.css" rel="stylesheet"> -->
<!-- <link href="../css/style.css" rel="stylesheet"> -->
<link href="../css/swiper.min.css" rel="stylesheet">
<!-- <link href="../css/animate.css" rel="stylesheet" > -->
<link rel="stylesheet" href="../css/head.css" />
<link rel="stylesheet" href="../css/jquery.fullPage.css" />
<link rel="stylesheet" href="../css/service12.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/footer.css">
<!-- <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>
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.6);
}
.swiper-slide-prev,.swiper-slide-next{
transform: scale(0.8) !important;
/* margin:0 100px; */
}
.swiper-slide-active,.swiper-slide-duplicate-active{
transform: scale(1);
position: relative;
z-index: 999;
}
.section4 .container{ padding: 0; }
.section4 .container .swiper{ padding: 0 0 0 5px; width: 105%;}
.section4 .container .swiper-button-prev{ left:0; }
.section4 .container .swiper-button-next{ right:-2px; }
</style>
</head>
<body>
<div id="header"></div>
<div id="about_main" class="index_main">
<!-- part0 -->
<div class="section section0 fp-auto-height fp-section">
<div style="position: relative;">
<img src="../images/yewubanner.png" class="bgimage" alt="">
<div class="titlecontent">
<p class="title1">产业地图</p>
<p class="subtitle">INDUSTRIAL MAP</p>
</div>
<div class="container navcontent">
<div class="row">
<a href="service01.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">基金集群</div>
<div class="navsubtitle">FUND CLUSTER</div>
</a>
<a href="service11.html" class="navaction col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">产业地图</div>
<div class="navsubtitle">INDUSTRIAL MAP</div>
</a>
<a href="service03.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">投贷联动</div>
<div class="navsubtitle">INVESTMENT AND LOAN LINKAGE</div>
</a>
</div>
</div>
</div>
<!-- <div class="container wrap service_top">
<div class="col-sm-4 col-md-4 list"><a href="service01.html">
<p class="line_1">基金集群</p>
<p class="line_2">FUND CLUSTER</p></a>
</div>
<div class="col-sm-4 col-md-4 list active"><a href="service11.html">
<p class="line_1">产业地图</p>
<p class="line_2">INDUSTRIAL MAP</p></a>
</div>
<div class="col-sm-4 col-md-4 list"><a href="service03.html">
<p class="line_1">投贷联动</p>
<p class="line_2">INVESTMENT AND LOAN LINKAGE</p></a>
</div>
</div> -->
<!-- 二级菜单 -->
<div id="navbar" class="service-next ">
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<ul style="margin:0">
<li><a href="service11.html">全 周 期</a></li>
<li>
<a href="service12.html" class="active">全产业链</a>
<div>
<img src="../images/bottom-to.png" alt="">
</div>
</li>
<li><a href="service13.html">投资体系</a> </li>
<li><a href="service14.html">明星项目</a> </li>
</ul>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
</div>
</div>
</div>
</div>
<!-- part1 -->
<div class="section section1">
<div class="innerHtml">
<div class="yaosu">
<div class="devide"></div>
<div class="title">电子信息</div>
<div class="subtitle">ELECTRONIC INFORMATION</div>
</div>
<div class="section1info">
<div class="electricContent">
<div class="row">
<!-- <div class="col-xs-12 col-sm-12 col-md-12 wrap"> -->
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4 list"><img src="../images/service11/信息通信@2x.png"><p>科研机构</p></div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4 list"><img src="../images/service11/电子元器件与专用材料@2x.png"><p>电子元器件<br>与专用材料</p></div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4 list"><img src="../images/service11/计算机与智能消费设备制造@2x.png"><p>计算机与智能<br>消费设备制造</p></div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4 list"><img src="../images/service11/新型显示@2x.png"><p>新型显示</p></div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4 list"><img src="../images/service11/集成电路@2x.png"><p>集成电路</p></div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4 list"><img src="../images/service11/人工智能@2x.png"><p>人工智能</p></div>
<!-- </div> -->
</div>
</div>
</div>
</div>
</div>
<!-- part1 -->
<!-- part2 -->
<div class="section2 section">
<div class="section12">
<div class="zhuangbei">
<div class="devide"></div>
<div class="title">装备制造</div>
<div class="subtitle">EQUIPMENT MANUFACTURING</div>
</div>
<div class="container zhuangbeiContainer">
<div class="row ">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 zhuanbeiItem">
<div class="imgcontent">
<img class="backImg activeimg" src="../images/service11/高端装备@2x.png">
</div>
<div class="intro">
<p>高端装备</p>
<ul>
<li>高档数控机床</li>
<li>增材制造装备</li>
<li>智能机器人</li>
<li>轨道交通装备</li>
<li>特色专用装备</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 zhuanbeiItem">
<div class="imgcontent">
<img class="backImg" src="../images/service11/汽车及零部件@2x.png">
</div>
<div class="intro">
<p>汽车及零部件</p>
<ul>
<li>整车</li>
<li>传统汽车零部件</li>
<li>新能源汽车零部件</li>
<li>汽车电子</li>
<li>智能网联汽车</li>
<li>燃料电池汽车</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 zhuanbeiItem">
<div class="imgcontent">
<img class="backImg" src="../images/service11/新能源@2x.png">
</div>
<div class="intro">
<p>新能源</p>
<ul>
<li>光伏</li>
<li>风电</li>
<li>氢能</li>
<li>智能电网</li>
<li>动力电池</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 zhuanbeiItem">
<div class="imgcontent">
<img class="backImg" src="../images/service11/航空航天@2x.png">
</div>
<div class="intro">
<p>航空航天</p>
<ul>
<li>大飞机</li>
<li>航天</li>
<li>通用航空</li>
<li>航空功能服务</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- part3 -->
<div class="section3 section">
<div class="yaosu">
<div class="devide"></div>
<div class="title">生物医药</div>
<div class="subtitle">BIOMEDICINE</div>
</div>
<div class="shengwu">
<img src="../images/service11/生物医药@2x(1).png">
</div>
</div>
<!-- part4 -->
<div class="section4 section">
<div class="yaosu">
<div class="devide"></div>
<div class="title">先进材料</div>
<div class="subtitle">ADVANCED MATERIALS</div>
</div>
<div class="container">
<div class="swiper swiper-container">
<div class="img_wrap swiper-wrapper">
<div class="swiperItemContent swiper-slide">
<img src="../images/service11/先进石化 化工新材料bg@2x.png">
<div class="intro">
<img src="../images/service11/先进石化图标@2x.png">
<p>先进石化<br>化工新材料</p>
</div>
</div>
<div class="swiperItemContent swiper-slide">
<img src="../images/service11/先进无机 非金属材料bg@2x.png">
<div class="intro">
<img src="../images/service11/无机@2x.png">
<p>先进无机<br>非金属材料</p>
</div>
</div>
<div class="swiperItemContent swiper-slide">
<img src="../images/service11/高性能纤维bg@2x.png">
<div class="intro">
<img src="../images/service11/高性能纤维@2x.png">
<p>高性能纤维<br>及制品和<br>复合材料</p>
</div>
</div>
<div class="swiperItemContent swiper-slide">
<img src="../images/service11/前沿新材料@2x.png">
<div class="intro">
<img src="../images/service11/前沿新材料@2x(1).png">
<p>前沿新材料</p>
</div>
</div>
<div class="swiperItemContent swiper-slide">
<img src="../images/service11/先进钢铁材料bg@2x.png">
<div class="intro">
<img src="../images/service11/钢铁@2x.png">
<p>先进钢铁材料</p>
</div>
</div>
<div class="swiperItemContent swiper-slide">
<img src="../images/service11/金属材料bg@2x.png">
<div class="intro">
<img src="../images/service11/金属材料@2x.png">
<p>先进有色<br>金属材料</p>
</div>
</div>
</div>
<!-- <div class="swiper-pagination"></div> -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></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 type="text/javascript">
$(function(){
$("#footer").load("../public/footer.html");
});
</script>
<script src="../js/jquery.fullPage.min.js"></script>
<script src="../js/service12.js"></script>
<script type="text/javascript" src="../js/swiper.min.js"></script>
<script>
$(function(){
// $("#header").load("../public/header1.html","",function(){
// $('.header').addClass('on');
// });
$("#footer").load("../public/footer.html");
});
var swiper = new Swiper(".swiper-container", {
slidesPerView: 5,
spaceBetween: 10,
centeredSlides: true,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
autoplay : true, //自动切换
autoplay : {
delay : 1000, //自动切换的时间间隔，单位ms
disableOnInteraction : false //用户操作swiper之后，是否禁止autoplay
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</body>
</html>