main
liudan 2 years ago
parent 5c14ab846a
commit 3412270cde
  1. 27
      css/index.css
  2. 67
      index.html
  3. 480
      js/index.js

@ -647,18 +647,29 @@ a:active{
}
/* 底部 流动效果*/
.g1 li,.g2 li,.g3 li{list-style: none;margin:0 5px}
.sliderContainer{
overflow: hidden;
padding-top:30px;
padding-bottom: 30px;
}
.scrollItem{
overflow: visible !important;
}
.scrollItem ul{
display: flex;
flex-wrap: nowrap;
}
.scrollItem ul li:hover img {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
z-index: 99;
background-color: #ffffff;
position:relative;
}
@media only screen and (max-width: 1600px){
.index_main .section1 .index_banner .item .inner .block_txt h4{
font-size: 28px;

@ -344,7 +344,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 +352,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 +385,6 @@
</div>
</div>
</div>
</div>
</div>

@ -41,237 +41,267 @@ $(function(){
return !(w.scrollTop() > (of.top + o.outerHeight()) || (w.scrollTop() + w.height()) < of.top);
}
$('.index_banner').slick({
autoplay: true,
arrows: false,
dots:false,
infinite: true,
speed: 500,
autoplaySpeed: 1000,
pauseOnHover: false,
fade: true,
responsive: [
{
breakpoint: 992,
settings: {
dots: true
$('.index_banner').slick({
autoplay: true,
arrows: false,
dots:false,
infinite: true,
speed: 500,
autoplaySpeed: 1000,
pauseOnHover: false,
fade: true,
responsive: [
{
breakpoint: 992,
settings: {
dots: true
}
}
}
]
});
$('.brand__slider').owlCarousel({
loop:true,
margin:30,
autoplay:false,
autoplayTimeout:3000,
smartSpeed:500,
items:3,
navText:['<button><i class="fal fa-angle-left"></i></button>','<button><i class="fal fa-angle-right"></i></button>'],
nav:false,
dots:false,
responsive:{
0:{
items:1
},
576:{
items:2
},
767:{
items:3
},
}
});
$($('.electricItem>button')[0]).css('display','block')
$($('.electricItem>.addIon')[0]).css('display','none')
$($('.electricItem')[0]).css('background','rgba(19,75,161,0.8)')
$('.electricItem').mouseenter(function(){
// console.log($(this).parent().siblings().children().children('.addIon'))
$(this).css('background','rgba(19,75,161,0.8)')
$(this).parent().siblings().children().css('background','transparent center top no-repeat')
$($(this).children()[3]).css('display','none')
$($(this).children()[2]).css('display','block')
$($(this).parent().siblings().children().children('button')).css('display','none')
$($(this).parent().siblings().children().children('.addIon')).css('display','block')
$('.section3').css ('transition', '1s')
if($(this).children()[1].innerText=='先进材料'){
$('.section3').css ('background','url(images/先进材料-bg.jpg) center top no-repeat')
$('.second3Title>.title')[0].innerText = '先进材料'
$('.second3Title>p')[0].innerHTML = 'ADVANCED<br>MATERIALS'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域'
}
if($(this).children()[1].innerText=='装备制造'){
$('.second3Title>.title')[0].innerText = '装备制造'
$('.section3').css ('background','url(images/装备制造-bg.jpg) center top no-repeat','border')
$('.second3Title>.title')[0].innerText = '装备制造'
$('.second3Title>p')[0].innerHTML = 'EQUIPMENT<br>MAFUFACTURING'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注高端装备、新能源、汽车及零部件、航空航天等领域'
}
if($(this).children()[1].innerText=='电子信息'){
$('.second3Title>.title')[0].innerText = '电子信息'
$('.section3').css ('background','url(images/电子信息-bg.jpg) center top no-repeat')
$('.second3Title>.title')[0].innerText = '电子信息'
$('.second3Title>p')[0].innerHTML = 'ELECTRONIC<br>INFORMATION'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域'
}
if($(this).children()[1].innerText=='医药生物'){
$('.second3Title>.title')[0].innerText = '医药生物'
$('.section3').css ('background','url(images/医药生物-bg.jpg) center top no-repeat')
$('.second3Title>.title')[0].innerText = '医药生物'
$('.second3Title>p')[0].innerHTML = 'PHARMACEUTICAL<br>BIOLOGY'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注创新医药、高端医疗器械、CXO(合同研发生产组织)、BT(生物技术)+IT(信息技术)融合、产业链配套、商贸供应链、医'
]
});
$('.brand__slider').owlCarousel({
loop:true,
margin:30,
autoplay:false,
autoplayTimeout:3000,
smartSpeed:500,
items:3,
navText:['<button><i class="fal fa-angle-left"></i></button>','<button><i class="fal fa-angle-right"></i></button>'],
nav:false,
dots:false,
responsive:{
0:{
items:1
},
576:{
items:2
},
767:{
items:3
},
}
})
$('.index_banner').init(function(slick){
$('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active')
})
$('.index_banner').on('afterChange',function(slick,currentSlide){
$('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active');
var _index = $('.index_banner').slick('slickCurrentSlide')
$('.section1 .number span').eq(_index).addClass('active').siblings().removeClass('active')
})
$('.section1 .number span').click(function(){
var _index = $(this).index();
$('.index_banner').slick('slickGoTo',_index);
$(this).addClass("active").siblings().removeClass("active")
});
$('.section1 .prev').click(function(){
$('.index_banner').slick('slickPrev')
})
$('.section1 .next').click(function(){
$('.index_banner').slick('slickNext');
});
});
//导航
//超过一定高度导航添加类名
var nav=$("header"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
// if(sc.scrollTop()>=100){
// nav.addClass("on");
// }else{
// nav.removeClass("on");
// }
})
//移动端展开nav
$('#navToggle').on('click',function(){
$('.m_nav').addClass('open');
})
//关闭nav
$('.m_nav .top .closed').on('click',function(){
$('.m_nav').removeClass('open');
})
$($('.electricItem>button')[0]).css('display','block')
$($('.electricItem>.addIon')[0]).css('display','none')
$($('.electricItem')[0]).css('background','rgba(19,75,161,0.8)')
$('.electricItem').mouseenter(function(){
// console.log($(this).parent().siblings().children().children('.addIon'))
$(this).css('background','rgba(19,75,161,0.8)')
$(this).parent().siblings().children().css('background','transparent center top no-repeat')
$($(this).children()[3]).css('display','none')
$($(this).children()[2]).css('display','block')
$($(this).parent().siblings().children().children('button')).css('display','none')
$($(this).parent().siblings().children().children('.addIon')).css('display','block')
$('.section3').css ('transition', '1s')
if($(this).children()[1].innerText=='先进材料'){
$('.section3').css ('background','url(images/先进材料-bg.jpg) center top no-repeat')
$('.second3Title>.title')[0].innerText = '先进材料'
$('.second3Title>p')[0].innerHTML = 'ADVANCED<br>MATERIALS'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域'
}
if($(this).children()[1].innerText=='装备制造'){
$('.second3Title>.title')[0].innerText = '装备制造'
$('.section3').css ('background','url(images/装备制造-bg.jpg) center top no-repeat','border')
$('.second3Title>.title')[0].innerText = '装备制造'
$('.second3Title>p')[0].innerHTML = 'EQUIPMENT<br>MAFUFACTURING'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注高端装备、新能源、汽车及零部件、航空航天等领域'
}
if($(this).children()[1].innerText=='电子信息'){
$('.second3Title>.title')[0].innerText = '电子信息'
$('.section3').css ('background','url(images/电子信息-bg.jpg) center top no-repeat')
$('.second3Title>.title')[0].innerText = '电子信息'
$('.second3Title>p')[0].innerHTML = 'ELECTRONIC<br>INFORMATION'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域'
}
if($(this).children()[1].innerText=='医药生物'){
$('.second3Title>.title')[0].innerText = '医药生物'
$('.section3').css ('background','url(images/医药生物-bg.jpg) center top no-repeat')
$('.second3Title>.title')[0].innerText = '医药生物'
$('.second3Title>p')[0].innerHTML = 'PHARMACEUTICAL<br>BIOLOGY'
$('.second3Title>.textsecond3')[0].innerHTML = '重点关注创新医药、高端医疗器械、CXO(合同研发生产组织)、BT(生物技术)+IT(信息技术)融合、产业链配套、商贸供应链、医'
}
})
//二级导航 移动端
$(".m_nav .ul li").click(function() {
$(this).children("div.dropdown_menu").slideToggle('slow')
$(this).siblings('li').children('.dropdown_menu').slideUp('slow');
});
// 流动效果
function groupSlide(){
imgScroll.rolling({
name:'g1',
width:'198px',
height:'116px',
direction:'left',
speed:10,
addcss:true
$('.index_banner').init(function(slick){
$('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active')
})
$('.index_banner').on('afterChange',function(slick,currentSlide){
$('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active');
var _index = $('.index_banner').slick('slickCurrentSlide')
$('.section1 .number span').eq(_index).addClass('active').siblings().removeClass('active')
})
$('.section1 .number span').click(function(){
var _index = $(this).index();
$('.index_banner').slick('slickGoTo',_index);
$(this).addClass("active").siblings().removeClass("active")
});
imgScroll.rolling({
name:'g2',
width:'198px',
height:'116px',
direction:'right',
speed:10,
addcss:true
$('.section1 .prev').click(function(){
$('.index_banner').slick('slickPrev')
})
$('.section1 .next').click(function(){
$('.index_banner').slick('slickNext');
});
imgScroll.rolling({
name:'g3',
width:'198px',
height:'116px',
direction:'left',
speed:10,
addcss:true
//导航
//超过一定高度导航添加类名
var nav=$("header"); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
})
//移动端展开nav
$('#navToggle').on('click',function(){
$('.m_nav').addClass('open');
})
//关闭nav
$('.m_nav .top .closed').on('click',function(){
$('.m_nav').removeClass('open');
})
//二级导航 移动端
$(".m_nav .ul li").click(function() {
$(this).children("div.dropdown_menu").slideToggle('slow')
$(this).siblings('li').children('.dropdown_menu').slideUp('slow');
});
}
groupSlide()
//全屏滚动
$('#index_main').fullpage({
'navigation': true,
scrollBar: false,
slidesNavigation: true,
css3: true,
controlArrows: false,
continuousHorizontal:true,
scrollingSpeed:500,
showActiveTooltip :true,
anchors: ['hero', 'one', 'two', 'three','four','five'],
loopHorizontal: true,
afterLoad: function(anchorLink, index){
console.log(index)
if(index == 1){
$('header').removeClass('on').addClass("animation");
}
if(index == 2){
$('header').addClass('on').addClass("animation");
var _txt1 = $(".number1").attr('data-val');
var _txt2 = $(".number2").attr('data-val');
var _txt3 = $(".number3").attr('data-val');
$(".number1").numberRock({
lastNumber:_txt1,
duration:2000,
easing:'swing',
});
$(".number2").numberRock({
lastNumber:_txt2,
duration:2000,
easing:'swing',
});
$(".number3").numberRock({
lastNumber:_txt3,
duration:2000,
easing:'swing',
});
}
if(index == 3){
$('header').removeClass('on').addClass("animation");
}
if(index == 4){
$('header').addClass('on').addClass("animation");
}
if(index == 5){
$('header').removeClass('on').addClass("animation");
}
if(index == 6){
$('header').addClass('on').addClass("animation");
}
// var wow = new WOW({
// boxClass: 'wow',
// animateClass: 'animated',
// offset: 0,
// mobile: true,
// live: true
// });
// wow.init();
},
afterSlideLoad:function(){
},
afterRender: function(){
},
onLeave: function(index, direction){
if(index === 1){
$(".header").removeClass("animation");
}else if(index==2){
$(".number1")[0].innerHTML = 0
$(".number2")[0].innerHTML = 0
$(".number3")[0].innerHTML = 0;
$(".header").removeClass("animation");
}else{
$(".header").removeClass("animation");
// 流动效果
function groupSlide(){
imgScroll.rolling({
name:'g1',
width:'198px',
height:'116px',
direction:'left',
speed:10,
addcss:true
});
imgScroll.rolling({
name:'g2',
width:'198px',
height:'116px',
direction:'right',
speed:10,
addcss:true
});
imgScroll.rolling({
name:'g3',
width:'198px',
height:'116px',
direction:'left',
speed:10,
addcss:true
});
}
groupSlide()
//全屏滚动
$('#index_main').fullpage({
'navigation': true,
scrollBar: false,
slidesNavigation: true,
css3: true,
controlArrows: false,
continuousHorizontal:true,
scrollingSpeed:500,
showActiveTooltip :true,
anchors: ['hero', 'one', 'two', 'three','four','five'],
loopHorizontal: true,
afterLoad: function(anchorLink, index){
console.log(index)
if(index == 1){
$('header').removeClass('on').addClass("animation");
}
if(index == 2){
$('header').addClass('on').addClass("animation");
var _txt1 = $(".number1").attr('data-val');
var _txt2 = $(".number2").attr('data-val');
var _txt3 = $(".number3").attr('data-val');
$(".number1").numberRock({
lastNumber:_txt1,
duration:2000,
easing:'swing',
});
$(".number2").numberRock({
lastNumber:_txt2,
duration:2000,
easing:'swing',
});
$(".number3").numberRock({
lastNumber:_txt3,
duration:2000,
easing:'swing',
});
}
if(index == 3){
$('header').removeClass('on').addClass("animation");
}
if(index == 4){
$('header').addClass('on').addClass("animation");
}
if(index == 5){
$('header').removeClass('on').addClass("animation");
}
if(index == 6){
$('header').addClass('on').addClass("animation");
}
// var wow = new WOW({
// boxClass: 'wow',
// animateClass: 'animated',
// offset: 0,
// mobile: true,
// live: true
// });
// wow.init();
},
afterSlideLoad:function(){
},
afterRender: function(){
},
onLeave: function(index, direction){
if(index === 1){
$(".header").removeClass("animation");
}else if(index==2){
$(".number1")[0].innerHTML = 0
$(".number2")[0].innerHTML = 0
$(".number3")[0].innerHTML = 0;
$(".header").removeClass("animation");
}else{
$(".header").removeClass("animation");
}
}
})
$.ajax({
url: "https://suzhou.njrenzhou.cn/api.php/index/menuList",
type: "POST",
data: {
},
success: function (res) {
console.log(res,"999");
// if(res.code==200){
// let data = res.data;
// let html = ''
// data.forEach(item=>{
// if(item.children&&item.children.length==0){
// html+=`<li>
// <a href="javascript:void(0)">党建工作</a>
// </li>`
// }
// html+=`<li class="dropdown">
// <a href="javascript:void(0)">${item.title}</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>`
// })
// }
},
error: function (err) {
console.log(err);
}
}
})
})
})
Loading…
Cancel
Save