Lee
/
snkcgw
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

pc页面完结

master
Lee-1203 2022-02-11 17:56:11 +08:00
parent a76e77b54d
commit d00c306266
21 changed files with 612 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
about.html
View File

@ -315,9 +315,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
business-02.html
View File

@ -146,9 +146,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
business.html
View File

@ -154,9 +154,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

14
contact.html
View File

@ -67,7 +67,7 @@
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="jion.html">联系方式</a></li>
<li><a href="jion.html">加入我们</a></li>
<li><a href="join.html">加入我们</a></li>
</ul>
</div>
<!-- 主体内容 -->
@ -84,7 +84,7 @@
<span>
<img src="imgs/icon-phone.png" alt="">
</span>
<p>028-12345678</p>
<p><a href="tel:028-12345678">028-12345678</a></p>
</li>
<li>
<span>
@ -130,6 +130,7 @@
<input type="email" name="email" placeholder="您的邮箱地址" value="" />
</div>
<textarea name="msg" placeholder="留言内容"></textarea>
<button class="contact-btn" type="button">提交</button>
</div>
</div>
</div>
@ -159,9 +160,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

146
css/style.css
View File

@ -251,6 +251,10 @@
background-image: url(../imgs/news-more.png);
background-size: 100%;
}
.index-news-left:hover .left-title{
color: #de0011;
transition: all .6s;
}
.index-news-item{
display: none;
@ -312,6 +316,7 @@
font-size: 15px;
line-height: 2;
margin: 10px 0;
cursor: pointer;
}
.index-news-list li>a{
width: 85%;
@ -332,6 +337,10 @@
.index-news-right{
width: calc(60% - 34px);
}
.index-news-list li:hover a{
color: #de0011;
transition: all .6s;
}
/* 主营业务 */
.index-information{
@ -425,7 +434,11 @@
margin: 30px auto 0;
text-align: center;
}
.index-business-txt .more:hover{
background-color: rgba(222,0,17,.6);
color: #FFFFFF;
transition: all .6s;
}
.index-business-item{
display: flex;
justify-content: space-between;
@ -523,6 +536,7 @@
margin-right: 2.75%;
border-radius: 2px;
text-align: center;
/* cursor: pointer; */
}
.index-about-bottom li:nth-of-type(3n){
margin-right: 0;
@ -544,6 +558,14 @@
margin: 10px 0;
opacity: .8;
}
.index-about-bottom li:hover{
box-shadow: 0 0 20px rgba(38,38,38,.3);
transition: all .6s;
}
/* .index-about-bottom li:hover h4{
color: #de0011;
transition: all .6s;
} */
/* 尾部 */
.footer{
@ -624,6 +646,28 @@
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
}
#wechat{
position: relative;
}
.wechat{
width: 0;
height: 0;
position: absolute;
top: -10px;
left: -45px;
transform: translateY(-100%);
overflow: hidden;
}
.wechat img{
width: 120px;
height: 120px;
}
#wechat:hover .wechat{
width: 120px;
height: 120px;
}
.follow{
display: flex;
justify-content: flex-end;
@ -1153,6 +1197,10 @@
.news-page .next .page-title{
text-align: right;
}
.news-page a:hover .page-title{
color: #de0011;
transition: all .6s;
}
/* 主营业务 */
.business-txt{
@ -1278,6 +1326,10 @@
line-height: 1.2;
font-weight: normal;
}
.area-list li:hover h4{
color: #de0011;
transition: all .6s;
}
.area-list li span{
display: block;
font-size: 15px;
@ -1299,6 +1351,10 @@
line-height: 2;
color: #868686;
}
.area-list li .more:hover{
color: #de0011;
transition: all .6s;
}
.area-list li .more>ins{
display: block;
width: 16px;
@ -1472,9 +1528,18 @@
width: 100%;
overflow: hidden;
}
.team-style-swiper .swiper-slide-active{
background-color: #FFFFFF;
}
.team-style-swiper .swiper-slide img{
width: 100%;
}
.team-style-swiper .swiper-slide p{
padding: 15px 20px;
font-size: 16px;
line-height: 1.8;
}
.team-list-other{
margin-top: 40px;
padding: 15px 25px 25px;
@ -1540,6 +1605,14 @@
line-height: 2;
text-align: justify;
}
.social-list li:hover .social-txt h4{
color: #de0011;
transition: all .6s;
}
.social-list li:hover .social-txt p{
opacity: .6;
transition: all .6s;
}
.social-img{
width: 50%;
height: 428px;
@ -1691,6 +1764,72 @@ textarea::-webkit-input-placeholder {
line-height: 1.8;
}
.contact-btn{
display: block;
width: 200px;
height: 58px;
background-color: #de0011;
border: 0;
border-radius: 0;
font-size: 20px;
color: #FFFFFF;
margin: 25px auto 10px;
}
/* 加入我们 */
.join-list{
margin-top: 12px;
}
.join-list li{
margin-top: 5px;
background-color: rgba(255,255,255,.6);
cursor: pointer;
}
.join-list li:first-child{
margin: 0;
cursor: auto;
}
.join-list li>div:nth-of-type(1){
display: flex;
justify-content: space-between;
padding: 0 30px;
}
.join-list li>div:nth-of-type(1)>strong,
.join-list li>div:nth-of-type(1)>span{
display: block;
width: 23%;
font-size: 16px;
line-height: 4;
text-align: center;
}
.join-list li>div:nth-of-type(1)>strong:first-child,
.join-list li>div:nth-of-type(1)>span:first-child{
width: 40%;
text-align: left;
}
.join-list li>div:nth-of-type(1)>strong:last-child,
.join-list li>div:nth-of-type(1)>span:last-child{
width: 14%;
}
.join-list li>div:nth-of-type(2){
background-color: #FFFFFF;
height: 0;
font-size: 14px;
line-height: 2;
overflow: hidden;
}
.join-list li.active>div:nth-of-type(1){
background-color: #de0011;
color: #FFFFFF;
}
.join-list li>div:nth-of-type(2) p{
margin-top: 30px;
}
.join-list li.active>div:nth-of-type(2){
height: auto;
padding: 0 30px 30px;
}
@media screen and (max-width:1690px){
.w1690{
@ -1731,6 +1870,9 @@ textarea::-webkit-input-placeholder {
.w1280{
width: 95%;
}
.footer{
width: 100%;
}
/* 头部 */
.header{
height: 70px;
@ -1972,7 +2114,7 @@ textarea::-webkit-input-placeholder {
}
.links{
width: 100%;
height: 36Wpx;
height: 36px;
}
.links .links-item{
top: 0;

9
culture.html
View File

@ -137,9 +137,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
guide.html
View File

@ -242,9 +242,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

BIN
imgs/team.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 KiB

11
index.html
View File

@ -83,7 +83,7 @@
<div class="swiper-pagination"></div>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="index-content w100" >
<!-- 新闻动态 -->
<div class="index-news-information w1690">
<div class="index-news">
@ -338,9 +338,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
information.html
View File

@ -116,9 +116,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
inspect-detail.html
View File

@ -132,9 +132,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
inspect.html
View File

@ -262,9 +262,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

316
join.html Normal file
View File

@ -0,0 +1,316 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>信息公开-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li class="active"><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/contact-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>Contact</h2>
<p>联系我们</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li><a href="contact.html">联系方式</a></li>
<li class="cur"><a href="join.html">加入我们</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news join w1280">
<div class="pull-title">
<h3>加入我们</h3>
<span>Join us</span>
</div>
<ul class="join-list">
<li>
<div class="join-item-first">
<strong>招聘职位</strong>
<strong>招聘人数</strong>
<strong>学历要求</strong>
<strong>展开详情</strong>
</div>
</li>
<li>
<div class="join-item">
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
</div>
<div class="join-txt">
<p>
岗位职责：<br />
1、参与编制完善材料扣电测试项目的测试方法SOP；<br />
2、负责在现有测试条件下对材料性能进行测试，包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈；<br />
3、负责实验室测试仪器设备的日常维护和保养工作；<br />
4、积极主动学习了解新能源电池材料行业的发展动态和技术进展，材料性能指标以及行业国家测试标准，提出想法和建议；<br />
5、完成部门安排的其他相关工作。
</p>
<p>
任职要求：<br />
1、材料、化学、化工、新能源等相关理工类专业，大专以上学历；<br />
2、有锂电池钠电池测试（特别是扣电制作）相关工作经验者优先；<br />
2、具备较强的动手操作能力、数据整理分析能力、持续学习能力；<br />
3、熟练使用常用的办公应用软件，Word、Excel、PPT制作及演示；<br />
4、诚实守信、积极主动、工作认真负责；<br />
5、细心，能吃苦耐劳，能适应工作需要偶尔加班。
</p> <p>
联系方式：028-12345678 王女士/杨女士<br />
简历投递地址：1111111111@163.com
</p>
</div>
</li>
<li>
<div class="join-item">
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
</div>
<div class="join-txt">
<p>
岗位职责：<br />
1、参与编制完善材料扣电测试项目的测试方法SOP；<br />
2、负责在现有测试条件下对材料性能进行测试，包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈；<br />
3、负责实验室测试仪器设备的日常维护和保养工作；<br />
4、积极主动学习了解新能源电池材料行业的发展动态和技术进展，材料性能指标以及行业国家测试标准，提出想法和建议；<br />
5、完成部门安排的其他相关工作。
</p>
<p>
任职要求：<br />
1、材料、化学、化工、新能源等相关理工类专业，大专以上学历；<br />
2、有锂电池钠电池测试（特别是扣电制作）相关工作经验者优先；<br />
2、具备较强的动手操作能力、数据整理分析能力、持续学习能力；<br />
3、熟练使用常用的办公应用软件，Word、Excel、PPT制作及演示；<br />
4、诚实守信、积极主动、工作认真负责；<br />
5、细心，能吃苦耐劳，能适应工作需要偶尔加班。
</p>
<p>
联系方式：028-12345678 王女士/杨女士<br />
简历投递地址：1111111111@163.com
</p>
</div>
</li>
<li>
<div class="join-item">
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
</div>
<div class="join-txt">
<p>
岗位职责：<br />
1、参与编制完善材料扣电测试项目的测试方法SOP；<br />
2、负责在现有测试条件下对材料性能进行测试，包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈；<br />
3、负责实验室测试仪器设备的日常维护和保养工作；<br />
4、积极主动学习了解新能源电池材料行业的发展动态和技术进展，材料性能指标以及行业国家测试标准，提出想法和建议；<br />
5、完成部门安排的其他相关工作。
</p>
<p>
任职要求：<br />
1、材料、化学、化工、新能源等相关理工类专业，大专以上学历；<br />
2、有锂电池钠电池测试（特别是扣电制作）相关工作经验者优先；<br />
2、具备较强的动手操作能力、数据整理分析能力、持续学习能力；<br />
3、熟练使用常用的办公应用软件，Word、Excel、PPT制作及演示；<br />
4、诚实守信、积极主动、工作认真负责；<br />
5、细心，能吃苦耐劳，能适应工作需要偶尔加班。
</p>
<p>
联系方式：028-12345678 王女士/杨女士<br />
简历投递地址：1111111111@163.com
</p>
</div>
</li>
<li>
<div class="join-item">
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
</div>
<div class="join-txt">
<p>
岗位职责：<br />
1、参与编制完善材料扣电测试项目的测试方法SOP；<br />
2、负责在现有测试条件下对材料性能进行测试，包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈；<br />
3、负责实验室测试仪器设备的日常维护和保养工作；<br />
4、积极主动学习了解新能源电池材料行业的发展动态和技术进展，材料性能指标以及行业国家测试标准，提出想法和建议；<br />
5、完成部门安排的其他相关工作。
</p>
<p>
任职要求：<br />
1、材料、化学、化工、新能源等相关理工类专业，大专以上学历；<br />
2、有锂电池钠电池测试（特别是扣电制作）相关工作经验者优先；<br />
2、具备较强的动手操作能力、数据整理分析能力、持续学习能力；<br />
3、熟练使用常用的办公应用软件，Word、Excel、PPT制作及演示；<br />
4、诚实守信、积极主动、工作认真负责；<br />
5、细心，能吃苦耐劳，能适应工作需要偶尔加班。
</p>
<p>
联系方式：028-12345678 王女士/杨女士<br />
简历投递地址：1111111111@163.com
</p>
</div>
</li>
<li>
<div class="join-item">
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
</div>
<div class="join-txt">
<p>
岗位职责：<br />
1、参与编制完善材料扣电测试项目的测试方法SOP；<br />
2、负责在现有测试条件下对材料性能进行测试，包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈；<br />
3、负责实验室测试仪器设备的日常维护和保养工作；<br />
4、积极主动学习了解新能源电池材料行业的发展动态和技术进展，材料性能指标以及行业国家测试标准，提出想法和建议；<br />
5、完成部门安排的其他相关工作。
</p>
<p>
任职要求：<br />
1、材料、化学、化工、新能源等相关理工类专业，大专以上学历；<br />
2、有锂电池钠电池测试（特别是扣电制作）相关工作经验者优先；<br />
2、具备较强的动手操作能力、数据整理分析能力、持续学习能力；<br />
3、熟练使用常用的办公应用软件，Word、Excel、PPT制作及演示；<br />
4、诚实守信、积极主动、工作认真负责；<br />
5、细心，能吃苦耐劳，能适应工作需要偶尔加班。
</p>
<p>
联系方式：028-12345678 王女士/杨女士<br />
简历投递地址：1111111111@163.com
</p>
</div>
</li>
<li>
<div class="join-item">
<span>研究院电芯研发实验员</span>
<span>2人</span>
<span>本科及以上</span>
<span>展开详情</span>
</div>
<div class="join-txt">
<p>
岗位职责：<br />
1、参与编制完善材料扣电测试项目的测试方法SOP；<br />
2、负责在现有测试条件下对材料性能进行测试，包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈；<br />
3、负责实验室测试仪器设备的日常维护和保养工作；<br />
4、积极主动学习了解新能源电池材料行业的发展动态和技术进展，材料性能指标以及行业国家测试标准，提出想法和建议；<br />
5、完成部门安排的其他相关工作。
</p>
<p>
任职要求：<br />
1、材料、化学、化工、新能源等相关理工类专业，大专以上学历；<br />
2、有锂电池钠电池测试（特别是扣电制作）相关工作经验者优先；<br />
2、具备较强的动手操作能力、数据整理分析能力、持续学习能力；<br />
3、熟练使用常用的办公应用软件，Word、Excel、PPT制作及演示；<br />
4、诚实守信、积极主动、工作认真负责；<br />
5、细心，能吃苦耐劳，能适应工作需要偶尔加班。
</p>
<p>
联系方式：028-12345678 王女士/杨女士<br />
简历投递地址：1111111111@163.com
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

48
js/javascript.js
View File

@ -161,19 +161,45 @@ jQuery(function($){
// 团队风采滚动
var teamStyleSwiper = new Swiper('.team-style-swiper', {
loop:false,//开启循环播放
autoplay: true,//可选选项，自动滑动
slidesPerView: 3,
// paginationClickable: true,
observer: true,
observeParents: true,
// initialSlide: swipIndex,
effect: 'coverflow',
centeredSlides: true,
spaceBetween: '1%',
slidesPerView: 2,
loop: true,
autoplay:true,
// autoplay: {
//     disableOnInteraction: false,
// },
navigation: {
// 
},
coverflowEffect: {
rotate: 0, //slide做3d旋转时Y轴的旋转角度
stretch: 100, //每个slide之间的拉伸值，越大slide靠得越紧。5.3.6 后可使用%百分比
depth: 120, //slide的位置深度。值越大z轴距离越远，看起来越小。
modifier: 1, //depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。
slideShadows: false,
},
on: {
transitionEnd: function () {
this.activeIndex
}
}
})
// // 判断价格图片是否为空
// if(!$('.price img').attr('src')){
// $(".price").html("<span>定价图片后台上传</span>");
// }
// 加入我们切换
$('.join-item').click(function() {
if($(this).parent().attr('class') == 'active'){
$('.join-list li').removeClass('active')
}else{
$('.join-list li').removeClass('active')
$(this).parent().addClass('active')
}
});
// 手机导航按钮
$('.head .head-btn').click(function() {

1
js/team-swiper.js
View File

@ -1 +0,0 @@
eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('\'m i\';4 0=3 6(\'.j-1\',{2:5});0.$g.b().c(\'.1-a-l\').9(\'7\',8(){0.k()});0.$g.b().c(\'.1-a-s\').9(\'7\',8(){0.r()});4 h=3 6(\'.n-1\',{2:5,d:f});4 e=3 6(\'.q-1\',{2:5,d:f});0.p.o=[h,e];',29,29,'currentSwiper|swiper|loop|new|var|true|Swiper|click|function|on|button|parent|find|simulateTouch|rightSwiper|false|el|leftSwiper|strict|current|slideNext|next|use|left|control|controller|right|slidePrev|prev'.split('|'),0,{}))

9
new_file.html
View File

@ -1,9 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

9
news-detail.html
View File

@ -137,9 +137,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
news.html
View File

@ -211,9 +211,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
results.html
View File

@ -112,9 +112,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

9
social.html
View File

@ -188,9 +188,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>

27
team.html
View File

@ -83,26 +83,20 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
<div class="team-img"><img src="imgs/team.jpg" alt=""></div>
<p>张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作</p>
</a>
</div>
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
<div class="team-img"><img src="imgs/team.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖</p>
</a>
</div>
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
</a>
</div>
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
<div class="team-img"><img src="imgs/team.jpg" alt=""></div>
<p>慰问活动暨安全环保督察工作慰问活动暨安全环保督察工作</p>
</a>
</div>
</div>
@ -160,9 +154,14 @@
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="javaScript:void(0);" rel="nofollow" id="wechat" class="mode-item">
<img src="imgs/foot-wx.png" alt="微信">
<div class="wechat">
<img src="imgs/ewm.png" alt="二维码">
</div>
</a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
<!-- <a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a> -->
</div>
</div>
</div>