<!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" >
< 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%;
}
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);
}
< / 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 = "top_oth" >
< div class = "top_logo" >
< div class = "logo_wrap" > < a href = "/" > < img src = "../images/logo1.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 = "../index.html" > 首页< / a > < / li >
< li class = "dropdown" > < a href = "../about/about01.html" > 关于我们< / a > < / li >
< li class = "dropdown actived" > < 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 >
<!-- /.nav - collapse -->
< / div >
< / nav >
< / header >
<!-- part0 -->
< div class = "page_bg top_box" 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 >
<!-- 二级菜单 -->
< 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 = "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 >
<!-- part1 -->
< 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 >
<!-- part2 -->
< div class = "service_122" 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" 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" 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 id = "footer" > < / div >
< nav class = "navbar navbar-default navbar-fixed-bottom footer_nav" >
< div class = "foot_nav btn-group dropup" > < a class = "dropdown-toggle" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" href = "#" > < span class = "glyphicon glyphicon-share btn-lg" aria-hidden = "true" > < / span > 分享< / a >
< div class = "dropdown-menu webshare" >
<!-- JiaThis Button BEGIN -->
< div class = "jiathis_style_32x32" >
< a class = "jiathis_button_qzone" > < / a >
< a class = "jiathis_button_tsina" > < / a >
< a class = "jiathis_button_tqq" > < / a >
< a class = "jiathis_button_weixin" > < / a >
< a class = "jiathis_button_renren" > < / a >
< a href = "http://www.jiathis.com/share" class = "jiathis jiathis_txt jtico jtico_jiathis" target = "_blank" > < / a >
< / div >
< script type = "text/javascript" src = "http://v3.jiathis.com/code/jia.js" charset = "utf-8" > < / script >
<!-- JiaThis Button END -->
< / div >
< / div >
< div class = "foot_nav" > < a href = "tel:13770555127 17701589205" > < span class = "glyphicon glyphicon-phone btn-lg" aria-hidden = "true" > < / span > 手机< / a > < / div >
< div class = "foot_nav" aria-hidden = "true" data-toggle = "collapse" data-target = "#navbar" aria-expanded = "false" aria-controls = "navbar" > < span class = "glyphicon glyphicon-th-list btn-lg" > < / span > 分类< / div >
< div class = "foot_nav" > < a id = "gototop" href = "#" > < span class = "glyphicon glyphicon-circle-arrow-up btn-lg" aria-hidden = "true" > < / span > 顶部< / a > < / div >
< / nav >
< script type = "text/javascript" >
$(function(){
$("#footer").load("../public/footer.html");
});
< / 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 >
