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

提交

Browse Source
liudan
liudan 2 years ago
parent 79194ede82
commit 884db7978c
3 changed files with 195 additions and 19 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. 89
      css/index.css
  2. 0
      images/电子信.png
  3. 125
      test.html

89
css/index.css
Unescape View File

@ -125,4 +125,91 @@
.logocontent img{
width:100%;
}
.footer .title {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 72px;
text-align: center;
}
.footer a{
font-size: 15px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #777777 !important;
line-height: 30px;
}
.footer ul{
text-align: center;
}
/* 第三屏 */
.section3{
position:relative;
}
.contentContainer{
display: flex;
justify-content: space-between;
position:absolute;
width:100%;
bottom: 0;
}
.contentContainer>.row{
margin:0 !important;
}
.contentContainer>.row>div{
margin:0 !important;
padding: 0 !important;
}
.contentContainer:first-child .electricItem{
border:none;
}
.electricItem{
text-align: center;
border-left:1px solid rgba(255,255,255,0.3);
padding:34px 0 20px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.electricItem .imgContainer{
width: 70px;
height: 52px;
}
.imgContainer img{
width:100%;
height:100%;
}
.electricItem p{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
margin:20px 0;
}
.electricItem button{
border: 1px solid #FFFFFF;
border-radius: 20px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
background-color: transparent;
padding:6px 24px;
display: none;
}
.addIon{
font-size: 28px;
}
.electricItem:hover{
background: rgba(19,75,161,0.8);
}
.electricItem:hover .addIon{
display: none;
}
.electricItem:hover button{
display: block;
}

0
images/电子信息@2x.png → images/电子信.png
Unescape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

125
test.html
Unescape View File

@ -130,15 +130,15 @@
<div class="section section1">
<!-- p1 -->
<!-- <header>
<header>
<div class="top_logo">
<div class="logo_wrap"> <a href="/"><img src="images/logo2.png" class="logo" alt=""/></a> </div>
</div> -->
</div>
<!-- Fixed navbar -->
<!-- <nav id="top_nav" class="navbar navbar-default navbar-static-top">
<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>
@ -153,11 +153,11 @@
<li class="dropdown"> <a href="talent/talent01.html">人才发展</a> </li>
<li class="dropdown"> <a href="form/form.html">投资申请</a> </li>
</ul>
</div> -->
</div>
<!--/.nav-collapse -->
<!-- </div>
</div>
</nav>
</header> -->
</header>
<!-- Swiper -->
<div class="swiper mySwiper">
@ -216,11 +216,17 @@
</div>
</div>
<!-- 电子信息 交互 -->
<div class="section section3">
<!-- 电子信息 交互 -->
<div class="elec_box" style="width: 100%!important;">
<div class="container">
<div class="container">
<div class="second3Title">
<div class="title">电子信息</div>
<p>ELECTRONIC<br/>INFORMATION</p>
<div>重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域</div>
</div>
<!-- <div class="elec_box1">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 number_text" >
<p class="line_1">电子信息</p>
@ -230,7 +236,7 @@
<div class="container elec_wrap">
<div class="col-sm-4 col-md-3 elec_list">
<div class=""><img src="images/电子信息.png"></div>
<div class=""><img src="images/电子信.png"></div>
<p class="text">电子信息</p>
<a href="#" class="more_white">探索更多</a>
</div>
@ -251,6 +257,42 @@
</div>
</div>
</div>
</div> -->
</div>
<div class="contentContainer">
<div class="row" style="width:100%">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
<div class="electricItem" style="border:none">
<div class="imgContainer"><img src="images/电子信.png"></div>
<p class="text">电子信息</p>
<button>探索更多</button>
<div class="addIon">+</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
<div class="electricItem">
<div class="imgContainer"><img src="images/电子信.png"></div>
<p class="text">电子信息</p>
<button>探索更多</button>
<div class="addIon">+</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
<div class="electricItem">
<div class="imgContainer"><img src="images/电子信.png"></div>
<p class="text">电子信息</p>
<button>探索更多</button>
<div class="addIon">+</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
<div class="electricItem">
<div class="imgContainer"><img src="images/电子信.png"></div>
<p class="text">电子信息</p>
<button>探索更多</button>
<div class="addIon">+</div>
</div>
</div>
</div>
</div>
@ -393,12 +435,59 @@
<div class="section section6">
<!-- 底部目录 -->
<div class="cate_box" style="width: 100%!important;height: 400px;">
<div class="container">
<div class="container">
<div class="footer">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2">
<div class="title">关于我们</div>
<ul>
<li><a href="about/about01.html" target="_blank">集团介绍</a></li>
<li><a href="about/about02.html" target="_blank">董事长致辞</a></li>
<li><a href="about/about03.html" target="_blank">核心能力</a></li>
<li><a href="about/about04.html" target="_blank">企业文化</a></li>
<li><a href="about/about05.html" target="_blank">组织构架</a></li>
<li><a href="about/about06.html" target="_blank">合作伙伴</a></li>
<li><a href="about/about07.html" target="_blank">联系我们</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2">
<div class="title">业务版图</div>
<ul>
<li><a href="service/service01.html" target="_blank">基金集群</a></li>
<li><a href="service/service11.html" target="_blank">产业地图</a></li>
<li><a href="service/service03.html" target="_blank">投贷联动</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2">
<div class="title">新闻中心</div>
<ul>
<li><a href="news/news01.html" target="_blank">集团要闻</a></li>
<li><a href="news/news02.html" target="_blank">行业动态</a></li>
<li><a href="news/news03.html" target="_blank">媒体聚焦</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2">
<div class="title">党建工作</div>
<ul>
<li><a href="work/work.html" target="_blank">党建工作</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2">
<div class="title">人才发展</div>
<ul>
<li><a href="talent/talent01.html" target="_blank">人才理念</a></li>
<li><a href="talent/talent02.html" target="_blank">人才招聘</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2">
<div class="title">投资申请</div>
<ul>
<li><a href="form/form.html" target="_blank">投资申请</a></li>
</ul>
</div>
<div class="container wrap">
<div class="col-sm-4 col-md-2 list">
<!-- <div class="col-sm-4 col-md-2 list">
<div class="title">关于我们</div>
<ul>
<li><a href="about/about01.html" target="_blank">集团介绍</a></li>
@ -409,8 +498,8 @@
<li><a href="about/about06.html" target="_blank">合作伙伴</a></li>
<li><a href="about/about07.html" target="_blank">联系我们</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-2 list">
</div> -->
<!-- <div class="col-sm-4 col-md-2 list">
<div class="title">业务版图</div>
<ul>
<li><a href="service/service01.html" target="_blank">基金集群</a></li>
@ -444,7 +533,7 @@
<ul>
<li><a href="form/form.html" target="_blank">投资申请</a></li>
</ul>
</div>
</div> -->
</div>
</div>

Write Preview
Loading…
Cancel
Save