diff --git a/about.html b/about.html index 0aaf4a4..4ceb2b6 100644 --- a/about.html +++ b/about.html @@ -315,9 +315,14 @@

+关注我们

- 微信 + + 微信 +
+ 二维码 +
+
新浪微博 - 腾讯QQ +
diff --git a/business-02.html b/business-02.html index 2f62c76..74b1e3f 100644 --- a/business-02.html +++ b/business-02.html @@ -146,9 +146,14 @@

+关注我们

- 微信 + + 微信 +
+ 二维码 +
+
新浪微博 - 腾讯QQ +
diff --git a/business.html b/business.html index cf78903..0b990ce 100644 --- a/business.html +++ b/business.html @@ -154,9 +154,14 @@

+关注我们

- 微信 + + 微信 +
+ 二维码 +
+
新浪微博 - 腾讯QQ +
diff --git a/contact.html b/contact.html index 2f9e0a9..1943b72 100644 --- a/contact.html +++ b/contact.html @@ -67,7 +67,7 @@
@@ -84,7 +84,7 @@ -

028-12345678

+

028-12345678

  • @@ -130,6 +130,7 @@ + @@ -159,9 +160,14 @@ diff --git a/css/style.css b/css/style.css index f99279c..c17e819 100644 --- a/css/style.css +++ b/css/style.css @@ -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; diff --git a/culture.html b/culture.html index 059dce8..eea6cf3 100644 --- a/culture.html +++ b/culture.html @@ -137,9 +137,14 @@ diff --git a/guide.html b/guide.html index 8d2c2ef..b0582ca 100644 --- a/guide.html +++ b/guide.html @@ -242,9 +242,14 @@ diff --git a/imgs/team.jpg b/imgs/team.jpg new file mode 100644 index 0000000..58f99f6 Binary files /dev/null and b/imgs/team.jpg differ diff --git a/index.html b/index.html index b52b567..aabfce4 100644 --- a/index.html +++ b/index.html @@ -83,7 +83,7 @@
    -
    +
    @@ -338,9 +338,14 @@
    diff --git a/information.html b/information.html index 6ab993a..fdbf153 100644 --- a/information.html +++ b/information.html @@ -116,9 +116,14 @@
    diff --git a/inspect-detail.html b/inspect-detail.html index 8e0e750..35be29a 100644 --- a/inspect-detail.html +++ b/inspect-detail.html @@ -132,9 +132,14 @@
    diff --git a/inspect.html b/inspect.html index 0b15c92..9dcf77d 100644 --- a/inspect.html +++ b/inspect.html @@ -262,9 +262,14 @@
    diff --git a/join.html b/join.html new file mode 100644 index 0000000..98111bc --- /dev/null +++ b/join.html @@ -0,0 +1,316 @@ + + + + + + + + + + + + + + + + 信息公开-四川蜀能矿产有限责任公司 + + + + + + + + + + + +
    +
    + + + + + + +
    + + + +
    +
    +
    + + + +
    +
    +
    +
    +

    加入我们

    + Join us +
    +
      +
    • +
      + 招聘职位 + 招聘人数 + 学历要求 + 展开详情 +
      +
    • +
    • +
      + 研究院电芯研发实验员 + 2人 + 本科及以上 + 展开详情 +
      +
      +

      + 岗位职责:
      + 1、参与编制完善材料扣电测试项目的测试方法SOP;
      + 2、负责在现有测试条件下对材料性能进行测试,包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈;
      + 3、负责实验室测试仪器设备的日常维护和保养工作;
      + 4、积极主动学习了解新能源电池材料行业的发展动态和技术进展,材料性能指标以及行业国家测试标准,提出想法和建议;
      + 5、完成部门安排的其他相关工作。 +

      +

      + 任职要求:
      + 1、材料、化学、化工、新能源等相关理工类专业,大专以上学历;
      + 2、有锂电池钠电池测试(特别是扣电制作)相关工作经验者优先;
      + 2、具备较强的动手操作能力、数据整理分析能力、持续学习能力;
      + 3、熟练使用常用的办公应用软件,Word、Excel、PPT制作及演示;
      + 4、诚实守信、积极主动、工作认真负责;
      + 5、细心,能吃苦耐劳,能适应工作需要偶尔加班。 +

      + 联系方式:028-12345678 王女士/杨女士
      + 简历投递地址:1111111111@163.com +

      +
      +
    • +
    • +
      + 研究院电芯研发实验员 + 2人 + 本科及以上 + 展开详情 +
      +
      +

      + 岗位职责:
      + 1、参与编制完善材料扣电测试项目的测试方法SOP;
      + 2、负责在现有测试条件下对材料性能进行测试,包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈;
      + 3、负责实验室测试仪器设备的日常维护和保养工作;
      + 4、积极主动学习了解新能源电池材料行业的发展动态和技术进展,材料性能指标以及行业国家测试标准,提出想法和建议;
      + 5、完成部门安排的其他相关工作。 +

      +

      + 任职要求:
      + 1、材料、化学、化工、新能源等相关理工类专业,大专以上学历;
      + 2、有锂电池钠电池测试(特别是扣电制作)相关工作经验者优先;
      + 2、具备较强的动手操作能力、数据整理分析能力、持续学习能力;
      + 3、熟练使用常用的办公应用软件,Word、Excel、PPT制作及演示;
      + 4、诚实守信、积极主动、工作认真负责;
      + 5、细心,能吃苦耐劳,能适应工作需要偶尔加班。 +

      +

      + 联系方式:028-12345678 王女士/杨女士
      + 简历投递地址:1111111111@163.com +

      +
      +
    • +
    • +
      + 研究院电芯研发实验员 + 2人 + 本科及以上 + 展开详情 +
      +
      +

      + 岗位职责:
      + 1、参与编制完善材料扣电测试项目的测试方法SOP;
      + 2、负责在现有测试条件下对材料性能进行测试,包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈;
      + 3、负责实验室测试仪器设备的日常维护和保养工作;
      + 4、积极主动学习了解新能源电池材料行业的发展动态和技术进展,材料性能指标以及行业国家测试标准,提出想法和建议;
      + 5、完成部门安排的其他相关工作。 +

      +

      + 任职要求:
      + 1、材料、化学、化工、新能源等相关理工类专业,大专以上学历;
      + 2、有锂电池钠电池测试(特别是扣电制作)相关工作经验者优先;
      + 2、具备较强的动手操作能力、数据整理分析能力、持续学习能力;
      + 3、熟练使用常用的办公应用软件,Word、Excel、PPT制作及演示;
      + 4、诚实守信、积极主动、工作认真负责;
      + 5、细心,能吃苦耐劳,能适应工作需要偶尔加班。 +

      +

      + 联系方式:028-12345678 王女士/杨女士
      + 简历投递地址:1111111111@163.com +

      +
      +
    • +
    • +
      + 研究院电芯研发实验员 + 2人 + 本科及以上 + 展开详情 +
      +
      +

      + 岗位职责:
      + 1、参与编制完善材料扣电测试项目的测试方法SOP;
      + 2、负责在现有测试条件下对材料性能进行测试,包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈;
      + 3、负责实验室测试仪器设备的日常维护和保养工作;
      + 4、积极主动学习了解新能源电池材料行业的发展动态和技术进展,材料性能指标以及行业国家测试标准,提出想法和建议;
      + 5、完成部门安排的其他相关工作。 +

      +

      + 任职要求:
      + 1、材料、化学、化工、新能源等相关理工类专业,大专以上学历;
      + 2、有锂电池钠电池测试(特别是扣电制作)相关工作经验者优先;
      + 2、具备较强的动手操作能力、数据整理分析能力、持续学习能力;
      + 3、熟练使用常用的办公应用软件,Word、Excel、PPT制作及演示;
      + 4、诚实守信、积极主动、工作认真负责;
      + 5、细心,能吃苦耐劳,能适应工作需要偶尔加班。 +

      +

      + 联系方式:028-12345678 王女士/杨女士
      + 简历投递地址:1111111111@163.com +

      +
      +
    • +
    • +
      + 研究院电芯研发实验员 + 2人 + 本科及以上 + 展开详情 +
      +
      +

      + 岗位职责:
      + 1、参与编制完善材料扣电测试项目的测试方法SOP;
      + 2、负责在现有测试条件下对材料性能进行测试,包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈;
      + 3、负责实验室测试仪器设备的日常维护和保养工作;
      + 4、积极主动学习了解新能源电池材料行业的发展动态和技术进展,材料性能指标以及行业国家测试标准,提出想法和建议;
      + 5、完成部门安排的其他相关工作。 +

      +

      + 任职要求:
      + 1、材料、化学、化工、新能源等相关理工类专业,大专以上学历;
      + 2、有锂电池钠电池测试(特别是扣电制作)相关工作经验者优先;
      + 2、具备较强的动手操作能力、数据整理分析能力、持续学习能力;
      + 3、熟练使用常用的办公应用软件,Word、Excel、PPT制作及演示;
      + 4、诚实守信、积极主动、工作认真负责;
      + 5、细心,能吃苦耐劳,能适应工作需要偶尔加班。 +

      +

      + 联系方式:028-12345678 王女士/杨女士
      + 简历投递地址:1111111111@163.com +

      +
      +
    • +
    • +
      + 研究院电芯研发实验员 + 2人 + 本科及以上 + 展开详情 +
      +
      +

      + 岗位职责:
      + 1、参与编制完善材料扣电测试项目的测试方法SOP;
      + 2、负责在现有测试条件下对材料性能进行测试,包括测试样品制作、测试、记录以及数据整理形成测试报告进行反馈;
      + 3、负责实验室测试仪器设备的日常维护和保养工作;
      + 4、积极主动学习了解新能源电池材料行业的发展动态和技术进展,材料性能指标以及行业国家测试标准,提出想法和建议;
      + 5、完成部门安排的其他相关工作。 +

      +

      + 任职要求:
      + 1、材料、化学、化工、新能源等相关理工类专业,大专以上学历;
      + 2、有锂电池钠电池测试(特别是扣电制作)相关工作经验者优先;
      + 2、具备较强的动手操作能力、数据整理分析能力、持续学习能力;
      + 3、熟练使用常用的办公应用软件,Word、Excel、PPT制作及演示;
      + 4、诚实守信、积极主动、工作认真负责;
      + 5、细心,能吃苦耐劳,能适应工作需要偶尔加班。 +

      +

      + 联系方式:028-12345678 王女士/杨女士
      + 简历投递地址:1111111111@163.com +

      +
      +
    • +
    +
    +
    +
    + +
    +
    +
    +

    Add:四川省乐山市马边彝族自治县民建镇红旗大道一层至上层(5号景观房) | Tel:028-12345678 | Fax:028-12345678

    Email:11111111@shunengkc.com

    + Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved +
    +
    + + + +
    +
    +
    + + \ No newline at end of file diff --git a/js/javascript.js b/js/javascript.js index 5b2ccfb..5f248d9 100644 --- a/js/javascript.js +++ b/js/javascript.js @@ -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("定价图片后台上传"); - // } + // 加入我们切换 + $('.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() { diff --git a/js/team-swiper.js b/js/team-swiper.js deleted file mode 100644 index 8224eab..0000000 --- a/js/team-swiper.js +++ /dev/null @@ -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,{})) \ No newline at end of file diff --git a/new_file.html b/new_file.html deleted file mode 100644 index b021d8e..0000000 --- a/new_file.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/news-detail.html b/news-detail.html index d72ff42..2bd933a 100644 --- a/news-detail.html +++ b/news-detail.html @@ -137,9 +137,14 @@ diff --git a/news.html b/news.html index 8c773f8..7c77d4f 100644 --- a/news.html +++ b/news.html @@ -211,9 +211,14 @@ diff --git a/results.html b/results.html index 6491fc9..a13ef7d 100644 --- a/results.html +++ b/results.html @@ -112,9 +112,14 @@ diff --git a/social.html b/social.html index 91de871..d3d19df 100644 --- a/social.html +++ b/social.html @@ -188,9 +188,14 @@ diff --git a/team.html b/team.html index da97e45..05bcb37 100644 --- a/team.html +++ b/team.html @@ -83,26 +83,20 @@ @@ -160,9 +154,14 @@