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

提交

Browse Source
main
liudan 2 years ago
parent 6b124ed1c4
commit 42570c37dd
5 changed files with 176 additions and 32 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. 13
      css/index.css
  2. 75
      css/service12.css
  3. 6
      index.html
  4. 4
      js/index.js
  5. 110
      service/service12.html

13
css/index.css
Unescape View File

@ -1016,20 +1016,23 @@ a:active{
color:#ffffff;
display: none;
}
.newsLeftContent{
.newsLeftContent,.companyLeftContent{
display: flex;
align-items: center;
margin-top:10px;
justify-content: space-between;
}
.newsLeftContent h2{
.newsLeftContent h2,.companyLeftContent h2{
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #124AA0;
padding-bottom:1px;
}
.newsLeftContent button{
.companyLeftContent h2{
color:#ffffff
}
.newsLeftContent button,.companyLeftContent button{
padding:4px 20px;
border: 1px solid #134BA1;
border-radius: 30px;
@ -1100,4 +1103,8 @@ a:active{
#fp-nav{
display: none;
}
.section3Titlecontainer{
position: absolute;
top:25%;
}
}

75
css/service12.css
Unescape View File

@ -199,9 +199,9 @@ a:active{
color: #FFFFFF;
}
.zhuangbeiContainer{
margin:80px 20px 0 20px;
margin:30px 20px 0 20px;
flex: 1;
margin-bottom: 30px;
/* margin-bottom: 30px; */
}
.zhuanbeiItem{
border-right: 2px solid #1574CA;
@ -228,16 +228,26 @@ a:active{
width:100%;
top: 40%;
}
.intro1{
position: absolute;
bottom: 20%;
width: 100%;
text-align: center;
height: 60%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.activeimg{
visibility: visible !important;
}
.zhuanbeiItem .intro p{
.zhuanbeiItem .intro p,.zhuanbeiItem .intro1 p{
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.intro ul{
.intro ul,.intro1 ul{
margin:0;
padding:0;
font-size: 18px;
@ -245,7 +255,7 @@ a:active{
font-weight: 400;
color: #FFFFFF;
}
.intro ul li{
.intro ul li,.intro1 ul li{
list-style: none;
}
@ -259,7 +269,7 @@ a:active{
margin:50px auto;
}
.shengwu img{
width:100%;
width:90%;
}
.section4{
background: url('../images/要素资源-bg@2x.png');
@ -268,11 +278,62 @@ a:active{
.swiperItemContent{
}
.intro p{
.intro p,.intro1 p{
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
margin-top:30px;
}
.inswiper{
display: flex !important;
}
.brand__slider{
display: none !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.inswiper{
display: none !important;
}
.brand__slider{
display: block !important;
}
}
@media (max-width: 575px) {
.section2{
overflow: hidden;
/* display: none !important; */
}
.electricContent{
width:90%;
}
.section1info .list>img{
width:80px;
height:80px;
}
.electricContent p{
font-size:14px;
}
.backImg{
visibility: visible;
}
.inswiper{
display: none !important ;
}
.brand__slider{
display: block !important;
}
.imgcontent{
margin-left:10px;
}
.section4 .container .swiper-button-next,.section4 .container .swiper-button-prev{
display: none;
}
}

6
index.html
Unescape View File

@ -217,7 +217,7 @@
</div>
</section>
<div class="section section3 dianxixinxi">
<div class="container">
<div class="container section3Titlecontainer">
<div class="second3Title">
<div class="title">电子信息</div>
<p>ELECTRONIC<br/>INFORMATION</p>
@ -298,13 +298,13 @@
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3 sliderContainer1">
<div class="companyLeftContent">
<h2>上市企业</h2>
<p>LISTED<br>ENTERPRISE</p>
<p class="d-none d-md-block">LISTED<br>ENTERPRISE</p>
<a href="http://sct.njrenzhou.cn/service/service14.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 sliderContainer" style="background-color: rgba(0,0,0,0.4);border-radius:10px;">
<div style="background:#ffffff;overflow: hidden;">
<div style="background:#ffffff;overflow: hidden;padding-top: 18px;">
<div class="g1 scrollItem">
<ul>

4
js/index.js
Unescape View File

@ -359,8 +359,8 @@ function news01_render(categoryId){
url: 'https://suzhou.njrenzhou.cn/api.php/index/articleList',
data:{
category_id:categoryId,
order:'asc',
sort:'weigh'
order:'desc',
sort:'publish_time'
},
dataType: 'json',
success: function (res) {

110
service/service12.html
Unescape View File

@ -19,6 +19,7 @@
<link rel="stylesheet" href="../css/service12.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/owl.carousel.min.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>
@ -79,15 +80,15 @@
</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">
<a href="service01.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 col-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">
<a href="service11.html" class="navaction col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 col-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">
<a href="service03.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 col-4 navitem">
<div class="navtitle">投贷联动</div>
<div class="navsubtitle">INVESTMENT AND LOAN LINKAGE</div>
</a>
@ -146,12 +147,12 @@
<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 class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4 col-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 col-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 col-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 col-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 col-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 col-4 list"><img src="../images/service11/人工智能@2x.png"><p>人工智能</p></div>
<!-- </div> -->
</div>
</div>
@ -173,13 +174,13 @@
<div class="subtitle">EQUIPMENT MANUFACTURING</div>
</div>
<div class="container zhuangbeiContainer">
<div class="row ">
<div class="row inswiper">
<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">
<div class="intro1">
<p>高端装备</p>
<ul>
<li>高档数控机床</li>
@ -195,7 +196,7 @@
<img class="backImg" src="../images/service11/汽车及零部件@2x.png">
</div>
<div class="intro">
<div class="intro1">
<p>汽车及零部件</p>
<ul>
<li>整车</li>
@ -212,7 +213,7 @@
<img class="backImg" src="../images/service11/新能源@2x.png">
</div>
<div class="intro">
<div class="intro1">
<p>新能源</p>
<ul>
<li>光伏</li>
@ -228,7 +229,7 @@
<img class="backImg" src="../images/service11/航空航天@2x.png">
</div>
<div class="intro">
<div class="intro1">
<p>航空航天</p>
<ul>
<li>大飞机</li>
@ -239,7 +240,72 @@
</div>
</div>
</div>
<div class="row brand__slider owl-carousel">
<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="intro1">
<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="intro1">
<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="intro1">
<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="intro1">
<p>航空航天</p>
<ul>
<li>大飞机</li>
<li>航天</li>
<li>通用航空</li>
<li>航空功能服务</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
@ -329,11 +395,11 @@
$("#footer").load("../public/footer.html");
});
</script>
<script src="../js/jquery.min.js"></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 src="../js/owl.carousel.min.js"></script>
<script>
$(function(){
// $("#header").load("../public/header1.html","",function(){
@ -363,7 +429,17 @@
prevEl: '.swiper-button-prev',
},
});
$('.brand__slider').owlCarousel({
loop:true,
margin:30,
autoplay:false,
autoplayTimeout:3000,
smartSpeed:500,
items:1,
navText:['<button><i class="fal fa-angle-left"></i></button>','<button><i class="fal fa-angle-right"></i></button>'],
nav:false,
dots:false,
})
</script>
</body>
</html>

Write Preview
Loading…
Cancel
Save