<!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.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" / >
< script src = "../js/jquery.min.js" > < / script >
< 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 >
html, body {
position: relative;
height: 100%;
overflow: hidden !important;
}
header{
padding:0 !important;
}
body {
/*background: #eee;*/
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
.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: 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.8);
}
.swiper-slide-active,.swiper-slide-duplicate-active{
transform: scale(1);
}
.page_bg{
margin-top: 100px;
}
.top_box .wrap{
bottom:54px !important
}
< / style >
<!-- [if lt IE 9]>
< script src = "/Templates/skin_cn/js/html5shiv.min.js" > < / script >
< script src = "/Templates/skin_cn/js/respond.min.js" > < / script >
<![endif]-->
< / 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 = "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 mainactive" >
< 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" >
<!-- part0 -->
< div class = "page_bg top_box fp-auto-height section fp-section" style = "background: url(../images/业务版图-banner@2x.png) center top no-repeat;" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12 col-sm-12 col-md-12 number_text" >
< p class = "line_1 wow fadeInDown" > 产业地图< / p >
< p class = "line_2 wow fadeInDown" > INDUSTRIAL MAP< / p >
< / 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 = "navbar-collapse collapse service-next" >
< ul class = "nav navbar-nav" >
< li > < a href = "service11.html" > 全周期< / a > < / li >
< li > < a href = "service12.html" class = "active" > 全产业链< / a > < / li >
< li > < a href = "service13.html" > 投资体系< / a > < / li >
< li > < a href = "service14.html" > 明星项目< / a > < / li >
< / ul >
< / div >
< / div >
<!-- <div id="navbar" class="navbar - collapse collapse service - next">
< ul class = "nav navbar-nav" >
< li > < a href = "service11.html" > 全周期< / a > < / li >
< li > < a href = "service12.html" class = "active" > 全产业链< / a > < / li >
< li > < a href = "service13.html" > 投资体系< / a > < / li >
< li > < a href = "service14.html" > 明星项目< / a > < / li >
< / ul >
< / div > -->
<!-- part1 -->
< div class = "section service_121" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12 col-sm-12 col-md-12 title" >
< img src = "../images/line.png" >
< h2 class = "wow fadeInDown" > 电子信息< / h2 >
< h2 class = "wow fadeInDown" > ELECTRONIC INFORMATION< / h2 >
< / div >
< / div >
< / div >
< div class = "service_121" style = "background: url(../images/service11/电子信息@2x.png) center top no-repeat;width: 100%!important;height: 700px;margin-top: 0;" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12 col-sm-12 col-md-12 wrap" >
< div class = "col-sm-4 col-md-4 list wow fadeInDown" > < img src = "../images/service11/信息通信@2x.png" > < p > 科研机构< / p > < / div >
< div class = "col-sm-4 col-md-4 list wow fadeInDown" > < img src = "../images/service11/电子元器件与专用材料@2x.png" > < p > 电子元器件< br > 与专用材料< / p > < / div >
< div class = "col-sm-4 col-md-4 list wow fadeInDown" > < img src = "../images/service11/计算机与智能消费设备制造@2x.png" > < p > 计算机与智能< br > 消费设备制造< / p > < / div >
< div class = "col-sm-4 col-md-4 list wow fadeInDown" > < img src = "../images/service11/新型显示@2x.png" > < p > 新型显示< / p > < / div >
< div class = "col-sm-4 col-md-4 list wow fadeInDown" > < img src = "../images/service11/集成电路@2x.png" > < p > 集成电路< / p > < / div >
< div class = "col-sm-4 col-md-4 list wow fadeInDown" > < img src = "../images/service11/人工智能@2x.png" > < p > 人工智能< / p > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- part1 -->
<!-- part2 -->
< div class = "service_122 section" style = "background: url(../images/service11/装备制造-bg@2x.png) center top no-repeat;width: 100%!important;height: 800px;" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12 col-sm-12 col-md-12 title" >
< img src = "../images/line.png" >
< h2 class = "wow fadeInDown" > 装备制造< / h2 >
< h2 class = "wow fadeInDown" > EQUIPMENT MANUFACTURING< / h2 >
< / div >
< div class = "col-xs-12 col-sm-12 col-md-12 wrap" >
< div class = "col-sm-4 col-md-3 list list-sp" >
< img class = "backImg" src = "../images/service11/高端装备@2x.png" >
< div class = "intro wow fadeInDown" >
< p > 高端装备< / p >
< ul >
< li > 高档数控机床< / li >
< li > 增材制造装备< / li >
< li > 智能机器人< / li >
< li > 轨道交通装备< / li >
< li > 特色专用装备< / li >
< / ul >
< / div >
< / div >
< div class = "col-sm-4 col-md-3 list list-sp" >
< img class = "backImg" src = "../images/service11/汽车及零部件@2x.png" >
< div class = "intro wow fadeInDown" >
< p > 汽车及零部件< / p >
< ul >
< li > 整车< / li >
< li > 传统汽车零部件< / li >
< li > 新能源汽车零部件< / li >
< li > 汽车电子< / li >
< li > 智能网联汽车< / li >
< li > 燃料电池汽车< / li >
< / ul >
< / div >
< / div >
< div class = "col-sm-4 col-md-3 list list-sp" >
< img class = "backImg" src = "../images/service11/新能源@2x.png" >
< div class = "intro wow fadeInDown" >
< p > 新能源< / p >
< ul >
< li > 光伏< / li >
< li > 风电< / li >
< li > 氢能< / li >
< li > 智能电网< / li >
< li > 动力电池< / li >
< / ul >
< / div >
< / div >
< div class = "col-sm-4 col-md-3 list list-sp" >
< img class = "backImg" src = "../images/service11/航空航天@2x.png" >
< div class = "intro wow fadeInDown" >
< p > 航空航天< / p >
< ul >
< li > 大飞机< / li >
< li > 航天< / li >
< li > 通用航空< / li >
< li > 航空功能服务< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- part3 -->
< div class = "service_123 section" style = "background: url(../images/service11/生物医药@2x.png) center top no-repeat;width: 100%!important;height: 900px;" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12 col-sm-12 col-md-12 title" >
< img src = "../images/line.png" >
< h2 class = "wow fadeInDown" > 生物医药< / h2 >
< h2 class = "wow fadeInDown" > BIOMEDICINE< / h2 >
< / div >
< div class = "col-xs-12 col-sm-12 col-md-12 wrap wow fadeInDown" >
< img src = "../images/service11/生物医药@2x(1).png" >
< / div >
< / div >
< / div >
< / div >
<!-- part4 -->
< div class = "service_124 section" style = "background: url(../images/要素资源-bg@2x.png) center top no-repeat;width: 100%!important;height: 800px;" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12 col-sm-12 col-md-12 title" >
< img src = "../images/line.png" >
< h2 class = "wow fadeInDown" > 要素资源< / h2 >
< h2 class = "wow fadeInDown" > ELEMENT RESOURCES< / h2 >
< / div >
< div class = "col-xs-12 col-sm-12 col-md-12 wrap swiper swiper-container" >
< div class = "img_wrap swiper-wrapper" >
< div class = "col-sm-4 col-md-4 list swiper-slide wow fadeInDown" >
< img src = "../images/service11/先进石化 化工新材料bg@2x.png" >
< div class = "intro" >
< img src = "../images/service11/先进石化图标@2x.png" >
< p > 先进石化< br > 化工新材料< / p >
< / div >
< / div >
< div class = "col-sm-4 col-md-4 list 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 = "col-sm-4 col-md-4 list swiper-slide wow fadeInDown" >
< img src = "../images/service11/高性能纤维bg@2x.png" >
< div class = "intro" >
< img src = "../images/service11/高性能纤维@2x.png" >
< p > 高性能纤维< br > 及制品和< br > 复合材料< / p >
< / div >
< / div >
< div class = "col-sm-4 col-md-4 list swiper-slide wow fadeInDown" >
< img src = "../images/service11/前沿新材料@2x.png" >
< div class = "intro" >
< img src = "../images/service11/前沿新材料@2x(1).png" >
< p > 前沿新材料< / p >
< / div >
< / div >
< div class = "col-sm-4 col-md-4 list swiper-slide wow fadeInDown" >
< img src = "../images/service11/先进钢铁材料bg@2x.png" >
< div class = "intro" >
< img src = "../images/service11/钢铁@2x.png" >
< p > 先进钢铁材料< / p >
< / div >
< / div >
< div class = "col-sm-4 col-md-4 list swiper-slide wow fadeInDown" >
< 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 >
< / div >
< div id = "footer" > < / div >
< 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 >
<!-- Initialize Swiper -->
< script >
var swiper = new Swiper(".swiper-container", {
slidesPerView: 3,
spaceBetween: 30,
centeredSlides: true,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// 交互
$('body').on('click','.intro',function(){
// $(this).prev().addClass("active");
});
$('.list-sp').mouseenter(function(){
console.log($(this).find('.backImg'))
$('.backImg').css("opacity","0")
$(this).find('.backImg').css("opacity","1")
});
< / script >
< / body >
< / html >
