renzhou
/
suzhou
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

Browse Source
main
liudan 2 years ago
parent d9bd5b2042
commit abedaa067e
4 changed files with 188 additions and 227 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 5
      css/index.css
  2. 340
      index.html
  3. 54
      js/index.js
  4. 16
      js/service12.js

5
css/index.css
Unescape View File

@ -207,26 +207,31 @@ a:active{
background: url('../images/电子信息-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
/* transition: all 1.5s !important; */
}
.dianxixinxi{
background: url('../images/电子信息-bg.jpg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
transition: background 0.5s ease-in !important
}
.xianjincailiao{
background: url('../images/先进材料-bg.jpg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
transition: background 0.5s ease-in !important
}
.zhuangbeizhizao{
background: url('../images/装备制造-bg.jpg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
transition: background 0.5s ease-in !important
}
.yiyaoshengwu{
background: url('../images/医药生物-bg.jpg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
transition: background 0.5s ease-in !important
}
.section3{
position:relative;

340
index.html
Unescape View File

@ -20,132 +20,130 @@
<!--图片和滚屏样式-->
<link rel="stylesheet" href="css/index.css">
<style>
/* body,html{
overflow: hidden !important;
} */
.g1,.g2,.g3,.g4{width:100%; height:116px; float:left; margin:0 5px 5px 0}
</style>
</head>
<body>
<!-- 导航 -->
<header class="header">
<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 class="active">
<a href="/index.html">首页</a>
</li>
<li class="dropdown">
<a href="/about/about01.html">关于我们</a>
<div class="dropdown_menu">
<a href="/about/about01.html">集团介绍</a>
<a href="/about/about02.html">董事长致辞</a>
<a href="/about/about03.html">核心能力</a>
<a href="/about/about04.html">企业文化</a>
<a href="/about/about05.html">组织构架</a>
<a href="/about/about06.html">合作伙伴</a>
<a href="/about/about07.html">联系我们</a>
</div>
</li>
<li class="dropdown">
<a href="/service/service01.html">业务版图</a>
<div class="dropdown_menu">
<a href="/service/service01.html">基金集群</a>
<a href="/service/service11.html">产业地图</a>
<a href="/service/service03.html">投贷联动</a>
</div>
</li>
<li class="dropdown">
<a href="/news/news01.html">新闻中心</a>
<div class="dropdown_menu">
<a href="/news/news01.html">集团要闻</a>
<a href="/news/news02.html">行业动态</a>
<a href="/news/news03.html">媒体聚焦</a>
</div>
</li>
<li>
<a href="/work/work.html">党建工作</a>
</li>
<li class="dropdown">
<a href="/talent/talent01.html">人才发展</a>
<div class="dropdown_menu">
<a href="/talent/talent01.html">人才理念</a>
<a href="/talent/talent02.html">人才招聘</a>
</div>
</li>
<li>
<a href="/form/form.html">投资申请</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="/index.html">首页</a>
</li>
<li class="dropdown">
<a href="javascript:void(0)">
关于我们
</a>
<div class="dropdown_menu">
<a href="about/about01.html">集团介绍</a>
<a href="about/about02.html">董事长致辞</a>
<a href="about/about03.html">核心能力</a>
<a href="about/about04.html">企业文化</a>
<a href="about/about05.html">组织构架</a>
<a href="about/about06.html">合作伙伴</a>
<a href="about/about07.html">联系我们</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)">业务版图</a>
<div class="dropdown_menu">
<a href="service/service01.html">基金集群</a>
<a href="service/service11.html">产业地图</a>
<a href="service/service03.html">投贷联动</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)">新闻中心</a>
<div class="dropdown_menu">
<a href="news/news01.html">集团要闻</a>
<a href="news/news02.html">行业动态</a>
<a href="news/news03.html">媒体聚焦</a>
</div>
</li>
<li>
<a href="work/work.html">党建工作</a>
</li>
<li class="dropdown">
<a href="javascript:void(0)">人才发展</a>
<div class="dropdown_menu">
<a href="talent/talent01.html">人才理念</a>
<a href="talent/talent02.html">人才招聘</a>
</div>
</li>
<li>
<a href="form/form.html">投资申请</a>
</li>
</ul>
</div>
<div id="header"></div>
<!-- 导航 -->
<!-- <header class="header">
<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 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>
<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="index_main" class="index_main">
<!--导航-->
@ -221,7 +219,7 @@
</div>
</div>
</section>
<div class="section section3">
<div class="section section3 dianxixinxi">
<div class="container">
<div class="second3Title">
<div class="title">电子信息</div>
@ -232,10 +230,10 @@
<div class="contentContainer">
<div class="row electricContainer">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
<div class="electricItem" style="border:none" dataset-text="elect">
<div class="electricItem section3active">
<div class="imgContainer"><img src="images/电子信.png"></div>
<p class="text">电子信息</p>
<button><a href="http://sct.njrenzhou.cn/service/service12.html">探索更多</a></button>
<button><a href="http://sct.njrenzhou.cn/service/service12.html?id=1">探索更多</a></button>
<div class="addIon">+</div>
</div>
</div>
@ -243,7 +241,7 @@
<div class="electricItem">
<div class="imgContainer"><img src="images/zhuangbei.png"></div>
<p class="text">装备制造</p>
<button><a href="http://sct.njrenzhou.cn/service/service12.html">探索更多</a></button>
<button><a href="http://sct.njrenzhou.cn/service/service12.html?id=2">探索更多</a></button>
<div class="addIon">+</div>
</div>
</div>
@ -251,7 +249,7 @@
<div class="electricItem">
<div class="imgContainer"><img src="images/生物医药.png"></div>
<p class="text">医药生物</p>
<button><a href="http://sct.njrenzhou.cn/service/service12.html">探索更多</a></button>
<button><a href="http://sct.njrenzhou.cn/service/service12.html?id=3">探索更多</a></button>
<div class="addIon">+</div>
</div>
</div>
@ -259,7 +257,7 @@
<div class="electricItem">
<div class="imgContainer"><img src="images/先进材料.png"></div>
<p class="text">先进材料</p>
<button><a href="http://sct.njrenzhou.cn/service/service12.html">探索更多</a></button>
<button><a href="http://sct.njrenzhou.cn/service/service12.html?id=4">探索更多</a></button>
<div class="addIon">+</div>
</div>
</div>
@ -276,7 +274,7 @@
<div class="newsLeftContent">
<h2>最新动态</h2>
<p class="d-none d-md-block">NEWS<br>INFORMATION</p>
<button>探索更多</button>
<a href="http://sct.njrenzhou.cn/news/news01.html"><button>探索更多</button></a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 news_middle_container">
@ -288,10 +286,6 @@
<div class="middleContent">
<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/电子信息-bg.jpg" alt="">
</div>
@ -300,13 +294,12 @@
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
<div class="time">2021-4-26</div>
</div>
<a href="#">查看详情</a>
</div>
<div class="brand__thumb category__item transition-3">
<div class="business-effect">
<!-- <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> -->
<div class="imgcontainer transition-3">
<img src="images/电子信息-bg.jpg" alt="">
</div>
@ -315,13 +308,10 @@
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
<div class="time">2021-4-26</div>
</div>
<a href="#">查看详情</a>
<!-- <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/电子信息-bg.jpg" alt="">
</div>
@ -330,7 +320,6 @@
<p>为进一步增强公司全体党员干部增强党纪法规意识，树牢对法律的敬畏之心，结合当前正在深入开展的</p>
<div class="time">2021-4-26</div>
</div>
<a href="#">查看详情</a>
</div>
</div>
</div>
@ -344,7 +333,7 @@
<div class="conpanyBrand" style="width: 100%!important;">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 sliderContainer">
<div class="companyLeftContent">
<h2>上市企业</h2>
<p>LISTED<br>ENTERPRISE</p>
@ -352,71 +341,10 @@
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-9 col-xl-9 col-xxl-9 sliderContainer">
<!-- <div class="logocontent">
<img src="images/logo.png">
</div> -->
<!-- <div class="groupSlide">
<div class="groupSlide-item">
<div class="picMarquee-left1">
<div class="bd">
<div class="tempWrap" style="overflow:hidden; position:relative; width:2930px">
<ul class="clearfix" style="width: 6153px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -1177px;">
<li class="clone" style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/i1.png" >
<span class="zz"></span>
</li>
<li style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/i2.png">
<span class="zz"></span>
</li>
<li style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/i3.png">
<span class="zz"></span>
</li>
<li style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/i4.png">
<span class="zz"></span>
</li>
<li style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/i5.png">
<span class="zz"></span>
</li>
<li style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/6.png">
<span class="zz"></span>
</li>
<li style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/7.png">
<span class="zz"></span>
</li><li style="float: left; width: 293px;">
<img style="cursor:hand" border="0" src="images/8.png">
<span class="zz"></span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="groupSlide-item">
<div class="picMarquee-right1">
<div class="bd">
<div class="tempWrap" style="overflow:hidden; position:relative; width:2930px"><ul class="clearfix" style="width: 6153px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -2337px;"><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/zydj/djdt/webinfo/2019/12/1578877736850894.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1578877737484125.png" title="国投集团党建思想政治课题研究再获佳绩"></a><span class="zz"></span></li>
<li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/03/1619353444436662.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1616931837271524-1616931837378755.jpg" title="华夏电力女工许卫宁被评为福建省红旗手标兵"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/03/1619353444611962.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1618229120376441-1618229121753992.jpg" title="改革行动派：改革中的国投“加速度”"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/04/1619353444492948.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1618834500006925-1618834500066618.jpeg" title="​国投人力与张家港市联合举办首届全球数字经济创新创业大赛"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/02/1619353444766558.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1615980493323066-1615980493418825.jpg" title="国投集团在京举办党组织书记贯彻落实党的十九届五中全会精神专题研讨班"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/01/1619353444583448.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1613299378421859-1613299378656514.jpg" title="共克“石”艰：新闻联播报道国投创合直投企业核酸检测车驰援河北"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/01/1619353444589725.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1612175048475781-1612175048580907.jpg" title="华夏电力：四台机组开足马力 迎峰度冬多措并举"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/01/1619353444782180.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1611396686996236-1611396687106052.png" title="国投卓越党建领航经验入选《国有企业党建发展报告(2020)》蓝皮书"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444594447.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1610272298065035-1610272298259653.png" title="国投健康板块举办第二届养老护理员职业技能竞赛"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444599933.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1609666969984805-1609666970178245.jpg" title="国投创新举办“新药临床与注册审批座谈会”"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/zydj/djdt/webinfo/2019/12/1578877736850894.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1578877737484125.png" title="国投集团党建思想政治课题研究再获佳绩"></a><span class="zz"></span></li>
<li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/03/1619353444436662.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1616931837271524-1616931837378755.jpg" title="华夏电力女工许卫宁被评为福建省红旗手标兵"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/03/1619353444611962.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1618229120376441-1618229121753992.jpg" title="改革行动派：改革中的国投“加速度”"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/04/1619353444492948.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1618834500006925-1618834500066618.jpeg" title="​国投人力与张家港市联合举办首届全球数字经济创新创业大赛"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/02/1619353444766558.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1615980493323066-1615980493418825.jpg" title="国投集团在京举办党组织书记贯彻落实党的十九届五中全会精神专题研讨班"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/01/1619353444583448.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1613299378421859-1613299378656514.jpg" title="共克“石”艰：新闻联播报道国投创合直投企业核酸检测车驰援河北"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/01/1619353444589725.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1612175048475781-1612175048580907.jpg" title="华夏电力：四台机组开足马力 迎峰度冬多措并举"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2021/01/1619353444782180.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1611396686996236-1611396687106052.png" title="国投卓越党建领航经验入选《国有企业党建发展报告(2020)》蓝皮书"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444594447.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1610272298065035-1610272298259653.png" title="国投健康板块举办第二届养老护理员职业技能竞赛"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444599933.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1609666969984805-1609666970178245.jpg" title="国投创新举办“新药临床与注册审批座谈会”"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/zydj/djdt/webinfo/2019/12/1578877736850894.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1578877737484125.png" title="国投集团党建思想政治课题研究再获佳绩"></a><span class="zz"></span></li></ul></div>
</div>
</div>
</div>
<div class="groupSlide-item">
<div class="picMarquee-left2">
<div class="bd">
<div class="tempWrap" style="overflow:hidden; position:relative; width:2930px"><ul class="clearfix" style="width: 6153px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -1174px;"><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/gtvs/tzqyfc/webinfo/2019/12/1577714031392256.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1577714031409237.jpg" title=" 手指舞"></a><span class="zz"></span></li>
<li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444886893.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1609061562309738-1609061562404326.jpg" title="国投洋浦油储一期工程荣获“2020-2021年度国家优质工程奖”"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444892260.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1609061562887435-1609061562989719.jpg" title="国投资本、中投保荣获2020年上市公司百强高峰论坛多个奖项"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444896832.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1607850755573803-1607850755720278.jpg" title="亚投行赴国投洋浦油储调研"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444902957.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1607779449989937-1607779450149311.jpg" title="国投招商党支部参与共同设立苏州“新能汇·央地党建合作共同体”"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444910201.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1606726422482860-1606726422632971.jpg" title="国家卫生健康委党组成员、全国老龄办常务副主任王建军调研国投健康广州嘉栖长者公寓"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444916643.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1606553430932084-1606553432862171.jpg" title="国投创业投资企业​荣昌生物成功登陆香港联交所主板"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444921550.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1606380461271571-1606380461427966.jpg" title="扶起新梦想|​张政：我的“兴民”村"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/10/1619353444928695.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1604823704719816-1604823705043952.png" title="扶起新梦想|​陈渝：当好群众脱贫致富的“穿针引线”人"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2019/12/1580023064454387.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1578212724110359.jpg" title="雅砻江水电"></a><span class="zz"></span></li><li style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/gtvs/tzqyfc/webinfo/2019/12/1577714031392256.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1577714031409237.jpg" title=" 手指舞"></a><span class="zz"></span></li>
<li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444886893.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1609061562309738-1609061562404326.jpg" title="国投洋浦油储一期工程荣获“2020-2021年度国家优质工程奖”"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/12/1619353444892260.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1609061562887435-1609061562989719.jpg" title="国投资本、中投保荣获2020年上市公司百强高峰论坛多个奖项"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444896832.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1607850755573803-1607850755720278.jpg" title="亚投行赴国投洋浦油储调研"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444902957.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1607779449989937-1607779450149311.jpg" title="国投招商党支部参与共同设立苏州“新能汇·央地党建合作共同体”"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444910201.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1606726422482860-1606726422632971.jpg" title="国家卫生健康委党组成员、全国老龄办常务副主任王建军调研国投健康广州嘉栖长者公寓"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444916643.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1606553430932084-1606553432862171.jpg" title="国投创业投资企业​荣昌生物成功登陆香港联交所主板"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/11/1619353444921550.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1606380461271571-1606380461427966.jpg" title="扶起新梦想|​张政：我的“兴民”村"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2020/10/1619353444928695.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1604823704719816-1604823705043952.png" title="扶起新梦想|​陈渝：当好群众脱贫致富的“穿针引线”人"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/xwzx/jtfc/webinfo/2019/12/1580023064454387.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1578212724110359.jpg" title="雅砻江水电"></a><span class="zz"></span></li><li class="clone" style="float: left; width: 293px;"><a href="https://www.sdic.com.cn/cn/rmtzx/gtvs/tzqyfc/webinfo/2019/12/1577714031392256.htm" target="_blank"><img style="cursor:hand" border="0" src="./国家开发投资集团有限公司_files/1577714031409237.jpg" title=" 手指舞"></a><span class="zz"></span></li></ul></div>
</div>
</div>
</div>
</div> -->
<div class="g1 scrollItem">
<ul>
<li><img src="images/i1.png"></li>
@ -446,8 +374,6 @@
</div>
</div>
</div>
</div>
</div>
@ -543,10 +469,8 @@
<script src="js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="js/SuperSlide.2.1.3.js"></script>
<script src="js/jquery.imgscroll.min.js"></script>
<!-- <script src="js/wow.min.js"></script> -->
<script src="js/index_slick.js"></script>
<script src="js/owl.carousel.min.js"></script>
<!-- <script src="js/jquery.leoTextAnimate.js"></script> -->
<script src="js/index.js"></script>

54
js/index.js
Unescape View File

@ -89,28 +89,52 @@ $(function(){
$('.electricItem').mouseenter(function(){
$(this).addClass('section3active').parent().siblings().children().removeClass('section3active')
if($(this).children()[1].innerText=='先进材料'){
$('.section3').addClass('xianjincailiao').removeClass('zhuangbeizhizao dianxixinxi yiyaoshengwu')
$('.second3Title>.title')[0].innerText = '先进材料'
$('.second3Title>p')[0].innerHTML = 'ADVANCED<br>MATERIALS'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域'
$('.section3').addClass('xianjincailiao').fadeIn().removeClass('zhuangbeizhizao dianxixinxi yiyaoshengwu');
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
$('.second3Title>.title').html('先进材料').animate({'opacity': 1}, 500);
})
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
$('.second3Title>p').html('ADVANCED<br>MATERIALS').animate({'opacity': 1}, 500);
})
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
$('.second3Title>.textsecond3').html('重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域').animate({'opacity': 1}, 500);
})
}
if($(this).children()[1].innerText=='装备制造'){
$('.section3').addClass('zhuangbeizhizao').removeClass('xianjincailiao dianxixinxi yiyaoshengwu')
$('.second3Title>.title')[0].innerText = '装备制造'
$('.second3Title>p')[0].innerHTML = 'EQUIPMENT<br>MAFUFACTURING'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注高端装备、新能源、汽车及零部件、航空航天等领域'
$('.section3').addClass('zhuangbeizhizao').removeClass('xianjincailiao dianxixinxi yiyaoshengwu');
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
$('.second3Title>.title').html('装备制造').animate({'opacity': 1}, 500);
})
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
$('.second3Title>p').html('EQUIPMENT<br>MAFUFACTURING').animate({'opacity': 1}, 500);
})
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
$('.second3Title>.textsecond3').html('重点关注高端装备、新能源、汽车及零部件、航空航天等领域').animate({'opacity': 1}, 500);
})
}
if($(this).children()[1].innerText=='电子信息'){
$('.section3').addClass('dianxixinxi').removeClass('xianjincailiao zhuangbeizhizao yiyaoshengwu')
$('.second3Title>.title')[0].innerText = '电子信息'
$('.second3Title>p')[0].innerHTML = 'ELECTRONIC<br>INFORMATION'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域'
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
$('.second3Title>.title').html('电子信息').animate({'opacity': 1}, 500);
})
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
$('.second3Title>p').html('ELECTRONIC<br>INFORMATION').animate({'opacity': 1}, 500);
})
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
$('.second3Title>.textsecond3').html('重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域').animate({'opacity': 1}, 500);
})
}
if($(this).children()[1].innerText=='医药生物'){
$('.section3').addClass('yiyaoshengwu').removeClass('xianjincailiao zhuangbeizhizao dianxixinxi')
$('.second3Title>.title')[0].innerText = '医药生物'
$('.second3Title>p')[0].innerHTML = 'PHARMACEUTICAL<br>BIOLOGY'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注创新医药、高端医疗器械、CXO（合同研发生产组织）、BT（生物技术）+IT（信息技术）融合、产业链配套、商贸供应链、医'
$('.section3').addClass('yiyaoshengwu').removeClass('xianjincailiao zhuangbeizhizao dianxixinxi');
$('.second3Title>.title').animate({'opacity': 0}, 400, function(){
$('.second3Title>.title').html('医药生物').animate({'opacity': 1}, 500);
})
$('.second3Title>p').animate({'opacity': 0}, 400, function(){
$('.second3Title>p').html('PHARMACEUTICAL<br>BIOLOGY').animate({'opacity': 1}, 500);
})
$('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
$('.second3Title>.textsecond3').html('重点关注创新医药、高端医疗器械、CXO（合同研发生产组织）、BT（生物技术）+IT（信息技术）融合、产业链配套、商贸供应链、医疗健康服务等领域').animate({'opacity': 1}, 500);
})
}
})
$('.titleContent .titleItem').click(function(){

16
js/service12.js
Unescape View File

@ -1,10 +1,18 @@
//banner
$(function(){
$('#header').load('../public/header1.html')
setTimeout(function(){
$('.header').addClass('on')
},100);
let url = window.location.href;
if(url.split('?').length!=0&&url.split('?')[1]){
$(`.section${url.split('?')[1].slice(3)}`).addClass('active')
$('header').css('display','none !important')
}
$('#header').load('../public/header1.html',function(){
$('.header').addClass('on');
if(url.split('?').length!=0&&url.split('?')[1]){
$('header').css('display','none')
}
})
//移动端展开nav
$('#navToggle').on('click',function(){
$('.m_nav').addClass('open');

Write Preview
Loading…
Cancel
Save