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

动画效果修改

master
Lee-1203 2022-02-19 16:32:29 +08:00
parent 958cc09271
commit 9ea7346c02
21 changed files with 6728 additions and 190 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
about.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -77,7 +78,7 @@
<div class="content w100" > <div class="content w100" >
<!-- 企业简介 --> <!-- 企业简介 -->
<div class="abstract-bg section w1690"> <div class="abstract-bg section w1690">
<div class="news abstract w1280"> <div class="news abstract w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h1>四川蜀能矿产有限责任公司</h1> <h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span> <span>Sichuan Shuneng Mineral Co., Ltd</span>
<div class="abstract-txt"> <div class="abstract-txt">
@ -94,7 +95,7 @@
</div> </div>
<!-- 领导致辞 --> <!-- 领导致辞 -->
<div class="speech-bg section w1690"> <div class="speech-bg section w1690">
<div class="speech w1280"> <div class="speech w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title pull-title-white"> <div class="pull-title pull-title-white">
<h3>领导致辞</h3> <h3>领导致辞</h3>
<span>Leadership speech</span> <span>Leadership speech</span>
@ -119,7 +120,7 @@
<div class="team-swiper swiper w1690"> <div class="team-swiper swiper w1690">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="team-list"> <div class="team-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="team-item"> <div class="team-item">
<h4>周深行<em>先生</em></h4> <h4>周深行<em>先生</em></h4>
<span>工程部经理</span> <span>工程部经理</span>
@ -143,7 +144,7 @@
</div> </div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="team-list"> <div class="team-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="team-item"> <div class="team-item">
<h4>周深行<em>先生</em></h4> <h4>周深行<em>先生</em></h4>
<span>工程部经理</span> <span>工程部经理</span>
@ -167,7 +168,7 @@
</div> </div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="team-list"> <div class="team-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="team-item"> <div class="team-item">
<h4>周深行<em>先生</em></h4> <h4>周深行<em>先生</em></h4>
<span>工程部经理</span> <span>工程部经理</span>
@ -197,7 +198,7 @@
</div> </div>
<!-- 组织机构 --> <!-- 组织机构 -->
<div class="organization-bg section w1690"> <div class="organization-bg section w1690">
<div class="organization w1280"> <div class="organization w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title pull-title-white"> <div class="pull-title pull-title-white">
<h3>组织机构</h3> <h3>组织机构</h3>
<span>Organization</span> <span>Organization</span>
@ -209,7 +210,7 @@
</div> </div>
<!-- 大事记 --> <!-- 大事记 -->
<div class="memorabilia-bg section w1690"> <div class="memorabilia-bg section w1690">
<div class="memorabilia w1280"> <div class="memorabilia w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>大事记</h3> <h3>大事记</h3>
<span>Memorabilia</span> <span>Memorabilia</span>
@ -294,9 +295,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

21
business-02.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -77,43 +78,43 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news business w1280"> <div class="news business w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>应用领域</h3> <h3>应用领域</h3>
<span>application area</span> <span>application area</span>
</div> </div>
<ul class="area-list"> <ul class="area-list">
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h4>应用领域标题</h4> <h4>应用领域标题</h4>
<span>Application domain title</span> <span>Application domain title</span>
<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p> <p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="inspect-detail.html" class="more">查看详情<ins></ins></a> <a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h4>应用领域标题</h4> <h4>应用领域标题</h4>
<span>Application domain title</span> <span>Application domain title</span>
<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p> <p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="inspect-detail.html" class="more">查看详情<ins></ins></a> <a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h4>应用领域标题</h4> <h4>应用领域标题</h4>
<span>Application domain title</span> <span>Application domain title</span>
<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p> <p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="inspect-detail.html" class="more">查看详情<ins></ins></a> <a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h4>应用领域标题</h4> <h4>应用领域标题</h4>
<span>Application domain title</span> <span>Application domain title</span>
<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p> <p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="inspect-detail.html" class="more">查看详情<ins></ins></a> <a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h4>应用领域标题</h4> <h4>应用领域标题</h4>
<span>Application domain title</span> <span>Application domain title</span>
<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p> <p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="inspect-detail.html" class="more">查看详情<ins></ins></a> <a href="inspect-detail.html" class="more">查看详情<ins></ins></a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h4>应用领域标题</h4> <h4>应用领域标题</h4>
<span>Application domain title</span> <span>Application domain title</span>
<p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p> <p class="clips4">成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资</p>
@ -126,8 +127,8 @@
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280">
<div class="foot-left"> <div class="foot-left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

13
business.html
View File

@ -19,7 +19,8 @@
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/> <link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/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.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
@ -82,7 +83,7 @@
<h3>矿产资源</h3> <h3>矿产资源</h3>
<span>mineral resources</span> <span>mineral resources</span>
</div> </div>
<div class="business-txt"> <div class="business-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p> <p>
成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。 成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。
</p> </p>
@ -92,7 +93,7 @@
</p> </p>
</div> </div>
<div class="business-img"> <div class="business-img">
<div class="view"> <div class="view wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="view-swiper swiper"> <div class="view-swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
@ -107,7 +108,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="preview"> <div class="preview wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="preview-swiper swiper"> <div class="preview-swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
@ -133,9 +134,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

17
contact.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -73,13 +74,13 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news contact w1280"> <div class="news contact w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>联系方式</h3> <h3>联系方式</h3>
<span>contact information</span> <span>contact information</span>
</div> </div>
<div class="contact-content"> <div class="contact-content">
<ul class="contact-top"> <ul class="contact-top wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<li> <li>
<span> <span>
<img src="imgs/icon-phone.png" alt=""> <img src="imgs/icon-phone.png" alt="">
@ -103,7 +104,7 @@
<p>扫一扫<br />关注蜀能矿业</p> <p>扫一扫<br />关注蜀能矿业</p>
</li> </li>
</ul> </ul>
<div class="contact-map" id="map"></div> <div class="contact-map wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" id="map"></div>
<script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script> <script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"> <script type="text/javascript">
ShowMap("map",{ ShowMap("map",{
@ -118,12 +119,12 @@
zoom:17 zoom:17
}); });
</script> </script>
<div class="contact-form"> <div class="contact-form wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<strong>在线留言</strong> <strong>在线留言</strong>
<p> <p>
您可以把您的留言或者业务需求通过下列表单反馈给我们。或者，您也可以给我们的邮箱s1111111111@11111.com.cn发送邮件。<br /> 我们收到您的信息之后将会转给相关业务人员，并在第一时间与您联系。谢谢！ 您可以把您的留言或者业务需求通过下列表单反馈给我们。或者，您也可以给我们的邮箱s1111111111@11111.com.cn发送邮件。<br /> 我们收到您的信息之后将会转给相关业务人员，并在第一时间与您联系。谢谢！
</p> </p>
<div class="form-txt"> <div class="form-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="form-top"> <div class="form-top">
<input type="text" name="name" placeholder="您的称呼" value="" /> <input type="text" name="name" placeholder="您的称呼" value="" />
<input type="text" name="phone" placeholder="您的联系方式" value="" /> <input type="text" name="phone" placeholder="您的联系方式" value="" />
@ -145,9 +146,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

6372
css/animate.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

191
css/style.css
View File

@ -56,14 +56,24 @@
display: inline-block; display: inline-block;
padding: 0 35px; padding: 0 35px;
line-height: 90px; line-height: 90px;
transition: all .6s;
} }
.nav li:last-child>a{ .nav li:last-child>a{
padding-right: 0; padding-right: 0;
} }
.nav li.active>a{ .nav li.active>a{
background-color: #de0011; background-color: #de0011;
padding: 0 35px;
color: #FFFFFF;
}
.nav li:hover a{
color: #de0011;
transform: rotateY(360deg);
transition: all .3s;
}
.nav li.active:hover a{
transform: none;
color: #FFFFFF; color: #FFFFFF;
padding: 0 40px;
} }
.nav-bg{ .nav-bg{
display: none; display: none;
@ -98,11 +108,12 @@
flex-direction: column; flex-direction: column;
} }
.banner-title{ .banner-title{
width: 100%;
color: #FFFFFF; color: #FFFFFF;
position: absolute; position: absolute;
left: 50%; left: 0;
top: 40%; top: 40%;
transform: translate(-50%,-50%); transform: translateY(-50%);
text-align: center; text-align: center;
z-index: 1; z-index: 1;
} }
@ -219,6 +230,11 @@
.left-img img{ .left-img img{
width: 100%; width: 100%;
min-height: 336px; min-height: 336px;
transition: all .6s;
}
.index-news-left:hover img{
transform: scale(1.1);
transition: all .6s;
} }
.left-title{ .left-title{
padding: 0 20px; padding: 0 20px;
@ -235,6 +251,10 @@
margin: 15px 0; margin: 15px 0;
opacity: .8; opacity: .8;
} }
.index-news-left:hover .left-title,
.index-news-left:hover p{
animation: myfirst-01 .3s;
}
.index-news-left span{ .index-news-left span{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -286,9 +306,18 @@
.first-img img{ .first-img img{
width: 183px; width: 183px;
min-height: 123px; min-height: 123px;
transition: all .6s;
}
.index-news-first:hover img{
transform: scale(1.1);
transition: all .6s;
} }
.first-txt{ .first-txt{
width: calc(100% - 196px); width: calc(100% - 196px);
}
.index-news-first:hover .first-txt{
animation: myfirst-01 .3s;
} }
.first-txt>div{ .first-txt>div{
font-size: 16px; font-size: 16px;
@ -324,6 +353,7 @@
} }
.index-news-list li>a{ .index-news-list li>a{
width: 85%; width: 85%;
transition: all .6s;
} }
.index-news-list li>a::before{ .index-news-list li>a::before{
content: ""; content: "";
@ -333,6 +363,7 @@
background-color: #aaaaaa; background-color: #aaaaaa;
margin:12px 10px 0 0; margin:12px 10px 0 0;
float: left; float: left;
transition: all .6s;
} }
.index-news-list li>span{ .index-news-list li>span{
font-size: 13px; font-size: 13px;
@ -344,8 +375,12 @@
.index-news-list li:hover a{ .index-news-list li:hover a{
color: #de0011; color: #de0011;
transition: all .6s; transition: all .6s;
animation: myfirst-01 .3s;
}
.index-news-list li:hover a::before{
background-color: #de0011;
transition: all .6s;
} }
/* 主营业务 */ /* 主营业务 */
.index-information{ .index-information{
width: 25%; width: 25%;
@ -385,6 +420,9 @@
margin-top: 10px; margin-top: 10px;
opacity: .5; opacity: .5;
} }
.index-information-list li:hover{
animation: myfirst-01 .3s;
}
.index-business{ .index-business{
height: 730px; height: 730px;
margin-top: 50px; margin-top: 50px;
@ -412,12 +450,7 @@
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
animation: myfirst .6s; animation: myfirst-02 .6s;
}
@keyframes myfirst
{
from { opacity: 0;}
to {opacity: 1;}
} }
.ndex-business-title h3{ .ndex-business-title h3{
font-size: 36px; font-size: 36px;
@ -463,7 +496,8 @@
.index-business-item li{ .index-business-item li{
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
transition: all .6s; transition: all 1s;
margin: 0 1px;
} }
.index-business-item li>img{ .index-business-item li>img{
display: block; display: block;
@ -477,9 +511,10 @@
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
} }
.index-business-item li.active{ .index-business-item li.active,
.index-business-item li:hover{
background-color: rgba(222,0,17,1); background-color: rgba(222,0,17,1);
transition: all .6s; transition: all 1s;
} }
/* 关于我们 */ /* 关于我们 */
.index-about{ .index-about{
@ -515,13 +550,17 @@
width: 152px; width: 152px;
font-size: 16px; font-size: 16px;
line-height: 50px; line-height: 50px;
background-color: #de0011; background-color: rgba(38,38,38,.5);
border-radius: 2px; border-radius: 2px;
margin-top: 50px; margin-top: 50px;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
transition: all .6s;
}
.index-about-left .more:hover{
background-color: #de0011;
transition: all .6s;
} }
.index-about-right{ .index-about-right{
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -555,11 +594,13 @@
width: 64px; width: 64px;
height: 64px; height: 64px;
margin: 0 auto; margin: 0 auto;
transition: all .6s;
} }
.index-about-bottom li h4{ .index-about-bottom li h4{
font-size: 26px; font-size: 26px;
line-height: 1.2; line-height: 1.2;
margin: 20px 0 15px; margin: 20px 0 15px;
transition: all .6s;
} }
.index-about-bottom li p{ .index-about-bottom li p{
padding: 0 21%; padding: 0 21%;
@ -572,10 +613,18 @@
box-shadow: 0 0 20px rgba(38,38,38,.3); box-shadow: 0 0 20px rgba(38,38,38,.3);
transition: all .6s; transition: all .6s;
} }
/* .index-about-bottom li:hover h4{ .index-about-bottom li:hover img{
transform: rotateY(360deg);
transition: all .6s;
}
.index-about-bottom li:hover h4{
color: #de0011; color: #de0011;
transition: all .6s; transition: all .6s;
} */ animation: myfirst-01 .6s;
}
.index-about-bottom li:hover p{
animation: myfirst-01 .6s;
}
/* 尾部 */ /* 尾部 */
.footer{ .footer{
@ -714,11 +763,6 @@
top: 47%; top: 47%;
animation: pullBanner 1.5s; animation: pullBanner 1.5s;
} }
@keyframes pullBanner
{
from {opacity: 0;}
to {opacity: 1;}
}
.pull-banner-title h2{ .pull-banner-title h2{
font-size: 78px; font-size: 78px;
} }
@ -756,10 +800,20 @@
padding: 0 50px; padding: 0 50px;
color: #FFFFFF; color: #FFFFFF;
font-size: 16px; font-size: 16px;
transition: all .6s;
} }
.pull-item li.cur>a{ .pull-item li.cur>a{
background-color: #de0011; background-color: #de0011;
} }
.pull-item li:hover>a{
color: #de0011;
transform: rotateY(360deg);
transition: all .6s;
}
.pull-item li.cur:hover>a{
transform: rotateY(0deg);
color: #FFFFFF;
}
/* 企业简介 */ /* 企业简介 */
.section{ .section{
@ -912,6 +966,11 @@
line-height: 1.8; line-height: 1.8;
opacity: .8; opacity: .8;
} }
.team-list .team-item:hover h4,
.team-list .team-item:hover p,
.team-list .team-item:hover span{
animation: myfirst-01 .6s;
}
/* 组织机构 */ /* 组织机构 */
.organization-bg{ .organization-bg{
@ -985,6 +1044,7 @@
position: absolute; position: absolute;
bottom: -23px; bottom: -23px;
left: 0; left: 0;
transition: all .6s;
} }
.memorabili-txt .swiper-slide em ins{ .memorabili-txt .swiper-slide em ins{
@ -993,6 +1053,7 @@
height: 11px; height: 11px;
background-color: #686868; background-color: #686868;
border-radius: 100%; border-radius: 100%;
transition: all .6s;
} }
.memorabili-txt .swiper-slide:nth-of-type(2n){ .memorabili-txt .swiper-slide:nth-of-type(2n){
padding: 20px 0 0; padding: 20px 0 0;
@ -1016,6 +1077,11 @@
transition: all .6s; transition: all .6s;
} }
.memorabili-txt .swiper-slide:hover strong,
.memorabili-txt .swiper-slide:hover p{
animation: myfirst-01 .6s;
}
.memorabili-swiper .swiper-button-prev{ .memorabili-swiper .swiper-button-prev{
width: 51px; width: 51px;
height: 51px; height: 51px;
@ -1082,6 +1148,7 @@
.news-img img{ .news-img img{
width: 100%; width: 100%;
min-height: 270px; min-height: 270px;
transition: all .6s;
} }
.news-txt{ .news-txt{
padding: 10px 20px; padding: 10px 20px;
@ -1112,12 +1179,17 @@
background-image: url(../imgs/news-more.png); background-image: url(../imgs/news-more.png);
background-size: 100%; background-size: 100%;
} }
.news-list li:hover img{
transform: scale(1.1);
transition: all .6s;
}
.news-list li:hover .news-txt h4, .news-list li:hover .news-txt h4,
.news-list li:hover .news-txt p, .news-list li:hover .news-txt p,
.news-list li:hover .news-txt span{ .news-list li:hover .news-txt span{
color: #de0011; color: #de0011;
opacity: 1; opacity: 1;
transition: all .6s; transition: all .6s;
animation: myfirst-01 .6s;
} }
.news-list li:hover .news-txt span>em{ .news-list li:hover .news-txt span>em{
background-image: url(../imgs/news-more2.png); background-image: url(../imgs/news-more2.png);
@ -1233,6 +1305,10 @@
color: #de0011; color: #de0011;
transition: all .6s; transition: all .6s;
} }
.news-page>a:hover span,
.news-page>a:hover .page-title{
animation: myfirst-01 .6s;
}
/* 主营业务 */ /* 主营业务 */
.business-txt{ .business-txt{
@ -1557,6 +1633,7 @@
.enterprise-img img{ .enterprise-img img{
width: 100%; width: 100%;
min-height: 370px; min-height: 370px;
transition: all .6s;
} }
.enterprise-txt{ .enterprise-txt{
width: 50%; width: 50%;
@ -1571,6 +1648,7 @@
width: 64px; width: 64px;
height: 64px; height: 64px;
margin: 0 auto; margin: 0 auto;
transition: all .6s;
} }
.enterprise-txt h4{ .enterprise-txt h4{
font-size: 26px; font-size: 26px;
@ -1585,6 +1663,19 @@
opacity: .8; opacity: .8;
} }
.enterprise-list li:hover .enterprise-img img{
transform: scale(1.1);
transition: all .6s;
}
.enterprise-list li:hover .enterprise-txt img{
transform: rotateY(360deg);
transition: all .6s;
}
.enterprise-list li:hover .enterprise-txt h4,
.enterprise-list li:hover .enterprise-txt p{
animation: myfirst-01 .6s;
}
/* 团队风采 */ /* 团队风采 */
.team-style-swiper{ .team-style-swiper{
width: 100%; width: 100%;
@ -1618,10 +1709,12 @@
width: 88%; width: 88%;
font-size: 16px; font-size: 16px;
line-height: 3; line-height: 3;
transition: all .6s;
} }
.team-list-other li:hover>a{ .team-list-other li:hover>a{
color: #DE0011; color: #de0011;
transition: all .6s; transition: all .6s;
animation: myfirst-01 .6s;
} }
.team-list-other li>a::before{ .team-list-other li>a::before{
content: ""; content: "";
@ -1636,13 +1729,17 @@
-o-transform:rotate(45deg); /* Opera */ -o-transform:rotate(45deg); /* Opera */
margin: 21px 10px 0 3px; margin: 21px 10px 0 3px;
float: left; float: left;
transition: all; .6s
} }
.team-list-other li>span{ .team-list-other li>span{
font-size: 16px; font-size: 16px;
line-height: 3; line-height: 3;
opacity: .8; opacity: .8;
} }
.team-list-other li:hover>a::before{
background-color: #de0011;
transition: all; .6s
}
/* 社会责任 */ /* 社会责任 */
.social-list-dxtc{ .social-list-dxtc{
margin-top: -30px; margin-top: -30px;
@ -1665,19 +1762,23 @@
line-height: 1.5; line-height: 1.5;
font-weight: normal; font-weight: normal;
margin-bottom: 15px; margin-bottom: 15px;
transition: all .6s;
} }
.social-txt p{ .social-txt p{
font-size: 14px; font-size: 14px;
line-height: 2; line-height: 2;
text-align: justify; text-align: justify;
transition: all .6s;
} }
.social-list-dxtc li:hover .social-txt h4{ .social-list-dxtc li:hover .social-txt h4{
color: #de0011; color: #de0011;
transition: all .6s; transition: all .6s;
animation: myfirst-01 .6s;
} }
.social-list-dxtc li:hover .social-txt p{ .social-list-dxtc li:hover .social-txt p{
opacity: .6; opacity: .6;
transition: all .6s; transition: all .6s;
animation: myfirst-01 .6s;
} }
.social-img{ .social-img{
width: 50%; width: 50%;
@ -1687,6 +1788,11 @@
.social-img img{ .social-img img{
width: 100%; width: 100%;
min-height: 428px; min-height: 428px;
transition: all .6s;
}
.social-list-dxtc li:hover .social-img img{
transform: scale(1.1);
transition: all .6s;
} }
/* 信息公开 */ /* 信息公开 */
@ -1746,6 +1852,9 @@
.guide-list li:hover .inspect-txt{ .guide-list li:hover .inspect-txt{
color: #de0011; color: #de0011;
} }
.guide-list li:hover{
animation: myfirst-01 .6s;
}
/* 联系我们 */ /* 联系我们 */
@ -1857,12 +1966,18 @@ textarea::-webkit-input-placeholder {
display: block; display: block;
width: 200px; width: 200px;
height: 58px; height: 58px;
background-color: #de0011; background-color: rgba(38,38,38,.5);
border: 0; border: 0;
border-radius: 0; border-radius: 0;
font-size: 20px; font-size: 20px;
color: #FFFFFF; color: #FFFFFF;
margin: 25px auto 10px; margin: 25px auto 10px;
border-radius: 2px;
transition: all .6s;
}
.contact-btn:hover{
background-color: #de0011;
transition: all .6s;
} }
/* 加入我们 */ /* 加入我们 */
.join-list{ .join-list{
@ -2358,7 +2473,8 @@ textarea::-webkit-input-placeholder {
} }
.banner-title{ .banner-title{
width: 80%; width: 80%;
top: 43%; left: 10%;
top: 28%;
} }
.banner-title h2{ .banner-title h2{
font-size: 30px; font-size: 30px;
@ -2938,4 +3054,27 @@ textarea::-webkit-input-placeholder {
font-size: 22px; font-size: 22px;
margin: 20px 0 10px; margin: 20px 0 10px;
} }
}
/* 动画效果 */
@keyframes myfirst-01
{
0% {transform: rotateY(0deg);}
50% {transform: rotateY(30deg);}
100% {transform: rotateY(0deg);}
}
@keyframes myfirst-02
{
from { top: calc(80% - 60px);}
to { top:calc(50% - 60px);}
}
@keyframes myfirst-03
{
from { background-color: #262626;}
to { background-color: #de0011;}
}
@keyframes pullBanner
{
from {opacity: 0;}
to {opacity: 1;}
} }

11
culture.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,12 +75,12 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news culture w1280"> <div class="news culture w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>企业理念</h3> <h3>企业理念</h3>
<span>Enterprise concept</span> <span>Enterprise concept</span>
</div> </div>
<ul class="enterprise-list"> <ul class="enterprise-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<li> <li>
<div class="enterprise-img"> <div class="enterprise-img">
<img src="imgs/culture-01.jpg" alt="企业愿景"> <img src="imgs/culture-01.jpg" alt="企业愿景">
@ -116,9 +117,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

31
guide.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,13 +75,13 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news information w1280"> <div class="news information w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>公开指南</h3> <h3>公开指南</h3>
<span>Public Guide</span> <span>Public Guide</span>
</div> </div>
<ul class="guide-list"> <ul class="guide-list">
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -92,7 +93,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -104,7 +105,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -116,7 +117,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -128,7 +129,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -140,7 +141,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -152,7 +153,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -164,7 +165,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -176,7 +177,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -188,7 +189,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-time"> <div class="inspect-time">
<strong>30</strong> <strong>30</strong>
@ -202,7 +203,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="pase-size"> <div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="">上一页</a> <a href="">上一页</a>
<a href="" class="active">1</a> <a href="" class="active">1</a>
<a href="">2</a> <a href="">2</a>
@ -221,9 +222,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

BIN
imgs/形状3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

24
index.html
View File

@ -16,9 +16,10 @@
<title>四川蜀能矿产有限责任公司</title> <title>四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/> <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/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/> <link rel="stylesheet" type="text/css" href="./css/animate.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -57,7 +58,7 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img src="imgs/banner/banner.jpg" width="100%" height="100%" alt=""> <img src="imgs/banner/banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"> <div class="banner-title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>Shuneng</h2> <h2>Shuneng</h2>
<p>诚实守信，做一流的资源型矿业公司</p> <p>诚实守信，做一流的资源型矿业公司</p>
<span>Be honest and trustworthy, and be a first-class resource-based</span> <span>Be honest and trustworthy, and be a first-class resource-based</span>
@ -65,7 +66,7 @@
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="imgs/banner/banner.jpg" width="100%" height="100%" alt=""> <img src="imgs/banner/banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"> <div class="banner-title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>Shuneng</h2> <h2>Shuneng</h2>
<p>诚实守信，做一流的资源型矿业公司</p> <p>诚实守信，做一流的资源型矿业公司</p>
<span>Be honest and trustworthy, and be a first-class resource-based</span> <span>Be honest and trustworthy, and be a first-class resource-based</span>
@ -73,7 +74,7 @@
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="imgs/banner/banner.jpg" width="100%" height="100%" alt=""> <img src="imgs/banner/banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"> <div class="banner-title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>Shuneng</h2> <h2>Shuneng</h2>
<p>诚实守信，做一流的资源型矿业公司</p> <p>诚实守信，做一流的资源型矿业公司</p>
<span>Be honest and trustworthy, and be a first-class resource-based</span> <span>Be honest and trustworthy, and be a first-class resource-based</span>
@ -86,7 +87,7 @@
<div class="index-content w100" > <div class="index-content w100" >
<!-- 新闻动态 --> <!-- 新闻动态 -->
<div class="index-news-information w1690"> <div class="index-news-information w1690">
<div class="index-news"> <div class="index-news wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="index-news-left"> <div class="index-news-left">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="left-img"><img src="imgs/news-01.png" alt=""></div> <div class="left-img"><img src="imgs/news-01.png" alt=""></div>
@ -95,7 +96,7 @@
<span>2022.01.20<em></em></span> <span>2022.01.20<em></em></span>
</a> </a>
</div> </div>
<div class="index-news-right"> <div class="index-news-right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="index-title-bg"> <div class="index-title-bg">
<h3 class="index-title"> <h3 class="index-title">
<ins>新</ins> <ins>新</ins>
@ -153,7 +154,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="index-information"> <div class="index-information wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="index-information-title"> <div class="index-information-title">
信息公布 信息公布
<span>Information publication</span> <span>Information publication</span>
@ -180,7 +181,7 @@
</div> </div>
<!-- 主营业务 --> <!-- 主营业务 -->
<div class="index-business w1690"> <div class="index-business w1690">
<ul class="index-business-list"> <ul class="index-business-list wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<li> <li>
<img src="imgs/business.jpg" alt=""> <img src="imgs/business.jpg" alt="">
<div class="index-business-txt"> <div class="index-business-txt">
@ -277,7 +278,7 @@
</div> </div>
<!-- 关于我们 --> <!-- 关于我们 -->
<div class="index-about w1690"> <div class="index-about w1690">
<div class="index-about-top"> <div class="index-about-top wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="index-about-left"> <div class="index-about-left">
<div class="index-title-bg"> <div class="index-title-bg">
<h3 class="index-title"> <h3 class="index-title">
@ -296,7 +297,7 @@
<img src="imgs/about-right.png" alt=""> <img src="imgs/about-right.png" alt="">
</div> </div>
</div> </div>
<ul class="index-about-bottom"> <ul class="index-about-bottom wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<li> <li>
<img src="imgs/about-icon.png" alt="企业愿景"> <img src="imgs/about-icon.png" alt="企业愿景">
<h4>企业愿景</h4> <h4>企业愿景</h4>
@ -317,9 +318,8 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="index-foot foot"> <div class="index-foot foot wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p>
<p>Email：11111111@shunengkc.com</p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved <a href="">备案号：1234567</a></span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved <a href="">备案号：1234567</a></span>

13
information.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,19 +75,19 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news information w1280"> <div class="news information w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>基本信息</h3> <h3>基本信息</h3>
<span>essential information</span> <span>essential information</span>
</div> </div>
<div class="information-content"> <div class="information-content">
<div class="information-txt"> <div class="information-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p> <p>
公司成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。 </p> <p> 公司成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。 </p> <p>
预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br /> 注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） 预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br /> 注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房）
</p> </p>
</div> </div>
<div class="information-img"> <div class="information-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<img src="imgs/information.png" alt=""> <img src="imgs/information.png" alt="">
</div> </div>
</div> </div>
@ -95,9 +96,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

13
inspect-detail.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,10 +75,10 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg news-detail-bg w1690"> <div class="news-bg news-detail-bg w1690">
<div class="news w1280"> <div class="news w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h1>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督察工作</h1> <h1>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督察工作</h1>
<span class="news-time">发布时间：2020-04-24<em>来源：本站原创</em>点击次数：657次</span> <span class="news-time">发布时间：2020-04-24<em>来源：本站原创</em>点击次数：657次</span>
<div class="news-detail-txt"> <div class="news-detail-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p> <p>
成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br /> 注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） 成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br /> 注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房）
</p> </p>
@ -90,7 +91,7 @@
</p> </p>
</div> </div>
<!-- 上下篇 --> <!-- 上下篇 -->
<div class="news-page inspect-page"> <div class="news-page inspect-page wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="" class="prev inspect-prev"> <a href="" class="prev inspect-prev">
<ins><img src="imgs/arrow-page.png" alt=""></ins> <ins><img src="imgs/arrow-page.png" alt=""></ins>
<div class="page-title"> <div class="page-title">
@ -111,9 +112,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

31
inspect.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,13 +75,13 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news inspect w1280"> <div class="news inspect w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>党群工作</h3> <h3>党群工作</h3>
<span>Party masses work</span> <span>Party masses work</span>
</div> </div>
<ul class="inspect-list"> <ul class="inspect-list">
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -94,7 +95,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -108,7 +109,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -122,7 +123,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -136,7 +137,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -150,7 +151,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -164,7 +165,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -178,7 +179,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -192,7 +193,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -206,7 +207,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div> <div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time"> <div class="inspect-time">
@ -222,7 +223,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="pase-size"> <div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="">上一页</a> <a href="">上一页</a>
<a href="" class="active">1</a> <a href="" class="active">1</a>
<a href="">2</a> <a href="">2</a>
@ -241,9 +242,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

23
join.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -73,13 +74,13 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news join w1280"> <div class="news join w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>加入我们</h3> <h3>加入我们</h3>
<span>Join us</span> <span>Join us</span>
</div> </div>
<ul class="join-list"> <ul class="join-list">
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="join-item-first"> <div class="join-item-first">
<strong>招聘职位</strong> <strong>招聘职位</strong>
<strong>招聘人数</strong> <strong>招聘人数</strong>
@ -87,7 +88,7 @@
<strong>展开详情</strong> <strong>展开详情</strong>
</div> </div>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="join-item"> <div class="join-item">
<span>研究院电芯研发实验员研究院电芯研发实验员研究院电芯研发实验员</span> <span>研究院电芯研发实验员研究院电芯研发实验员研究院电芯研发实验员</span>
<span>2人</span> <span>2人</span>
@ -117,7 +118,7 @@
</p> </p>
</div> </div>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="join-item"> <div class="join-item">
<span>研究院电芯研发实验员</span> <span>研究院电芯研发实验员</span>
<span>2人</span> <span>2人</span>
@ -148,7 +149,7 @@
</p> </p>
</div> </div>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="join-item"> <div class="join-item">
<span>研究院电芯研发实验员</span> <span>研究院电芯研发实验员</span>
<span>2人</span> <span>2人</span>
@ -179,7 +180,7 @@
</p> </p>
</div> </div>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="join-item"> <div class="join-item">
<span>研究院电芯研发实验员</span> <span>研究院电芯研发实验员</span>
<span>2人</span> <span>2人</span>
@ -210,7 +211,7 @@
</p> </p>
</div> </div>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="join-item"> <div class="join-item">
<span>研究院电芯研发实验员</span> <span>研究院电芯研发实验员</span>
<span>2人</span> <span>2人</span>
@ -241,7 +242,7 @@
</p> </p>
</div> </div>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="join-item"> <div class="join-item">
<span>研究院电芯研发实验员</span> <span>研究院电芯研发实验员</span>
<span>2人</span> <span>2人</span>
@ -278,9 +279,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

24
js/javascript.js
View File

@ -13,10 +13,10 @@ jQuery(function($){
el: '.banner-swiper .swiper-pagination', el: '.banner-swiper .swiper-pagination',
clickable :true, clickable :true,
}, },
effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。 effect : 'fade',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
// fadeEffect: { fadeEffect: {
// crossFade: true, crossFade: true,
// }, },
on:{ on:{
init: function(){ init: function(){
swiperAnimateCache(this); //隐藏动画元素 swiperAnimateCache(this); //隐藏动画元素
@ -29,6 +29,16 @@ jQuery(function($){
} }
}); });
} }
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: -50,
mobile: false,
live: true
});
wow.init();
};
// 首页新闻动态切换 // 首页新闻动态切换
$(".index-title-item>li").eq(0).addClass("active"); $(".index-title-item>li").eq(0).addClass("active");
$(".index-news-all>div").eq(0).addClass("cur"); $(".index-news-all>div").eq(0).addClass("cur");
@ -308,11 +318,11 @@ jQuery(function($){
// 加入我们切换 // 加入我们切换
$('.join-item').click(function() { $('.join-item').click(function() {
if($(this).parent().attr('class') == 'active'){ if($(this).parent().attr('class') == 'wow fadeInUp animated active'){
$('.join-list li').removeClass('active'); $('.join-list>li').removeClass('active');
$('.join-list>li').find(".more").html("展开详情") $('.join-list>li').find(".more").html("展开详情")
}else{ }else{
$('.join-list li').removeClass('active') $('.join-list>li').removeClass('active')
$(this).parent().addClass('active') $(this).parent().addClass('active')
$('.join-list>li').find(".more").html("展开详情") $('.join-list>li').find(".more").html("展开详情")
$('.join-list>li.active').find(".more").html("收起详情") $('.join-list>li.active').find(".more").html("收起详情")

2
js/wow.js Normal file
View File

File diff suppressed because one or more lines are too long

13
news-detail.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -73,10 +74,10 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg news-detail-bg w1690"> <div class="news-bg news-detail-bg w1690">
<div class="news w1280"> <div class="news w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<h1>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督察工作</h1> <h1>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督察工作</h1>
<span class="news-time">发布时间：2020-04-24<em>来源：本站原创</em>点击次数：657次</span> <span class="news-time">发布时间：2020-04-24<em>来源：本站原创</em>点击次数：657次</span>
<div class="news-detail-txt"> <div class="news-detail-txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p> <p>
成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br /> 注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） 成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 预计2022年6月将完成增资，截至2022年12月31日，本公司注册资本将达到人民币100,000.00万元，实收资本为人民币100,000.00万元。其中增资部分四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。<br /> 公司统一社会信用代码：91511133MA7F4YKL7P法定代表人：徐开贵<br /> 注册地址：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房）
</p> </p>
@ -89,7 +90,7 @@
</p> </p>
</div> </div>
<!-- 上下篇 --> <!-- 上下篇 -->
<div class="news-page"> <div class="news-page wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="" class="prev"> <a href="" class="prev">
<ins><img src="imgs/arrow-page.png" alt=""></ins> <ins><img src="imgs/arrow-page.png" alt=""></ins>
<span> <span>
@ -116,9 +117,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

29
news.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -73,13 +74,13 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news w1280"> <div class="news w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>公司新闻</h3> <h3>公司新闻</h3>
<span>Memorabilia</span> <span>Memorabilia</span>
</div> </div>
<ul class="news-list"> <ul class="news-list">
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -89,7 +90,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -99,7 +100,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -109,7 +110,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -119,7 +120,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -129,7 +130,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -139,7 +140,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -149,7 +150,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -159,7 +160,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="news-detail.html"> <a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div> <div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt"> <div class="news-txt">
@ -171,7 +172,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="pase-size"> <div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="">上一页</a> <a href="">上一页</a>
<a href="" class="active">1</a> <a href="" class="active">1</a>
<a href="">2</a> <a href="">2</a>
@ -190,9 +191,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

11
results.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,12 +75,12 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news information w1280"> <div class="news information w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>经营成果</h3> <h3>经营成果</h3>
<span>Operating results</span> <span>Operating results</span>
</div> </div>
<div class="results-content"> <div class="results-content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p><img src="imgs/results.jpg" alt=""></p> <p><img src="imgs/results.jpg" alt=""></p>
<p> <p>
公司成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。 </p> 公司成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）、四川省新能源动力股份有限公司（以下简称川能动力）、马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币50,000.00万元，其中四川路桥公司出资33,500.00万元，出资比例67%；川能动力出资10,000.00万元，出资比例20.00%，马边国资公司出资6000.00万元（资产），出资比例12%，比亚迪公司出资500万元，出资比例1%。 </p>
@ -91,9 +92,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

23
social.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,13 +75,13 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news culture w1280"> <div class="news culture w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>社会责任</h3> <h3>社会责任</h3>
<span>social responsibility</span> <span>social responsibility</span>
</div> </div>
<ul class="social-list-dxtc"> <ul class="social-list-dxtc">
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="social-txt"> <div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4> <h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -91,7 +92,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="social-txt"> <div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4> <h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -102,7 +103,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="social-txt"> <div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4> <h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -113,7 +114,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="social-txt"> <div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4> <h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -124,7 +125,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="social-txt"> <div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4> <h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -135,7 +136,7 @@
</div> </div>
</a> </a>
</li> </li>
<li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
<div class="social-txt"> <div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4> <h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
@ -148,7 +149,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="pase-size"> <div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="">上一页</a> <a href="">上一页</a>
<a href="" class="active">1</a> <a href="" class="active">1</a>
<a href="">2</a> <a href="">2</a>
@ -167,9 +168,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">

35
team.html
View File

@ -18,7 +18,8 @@
<link rel="stylesheet" type="text/css" href="./css/swiper.min.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/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.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/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.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.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/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> <script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
@ -74,12 +75,12 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="content w100" > <div class="content w100" >
<div class="news-bg w1690"> <div class="news-bg w1690">
<div class="news team w1280"> <div class="news team w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="pull-title"> <div class="pull-title">
<h3>团队风采</h3> <h3>团队风采</h3>
<span>Team style</span> <span>Team style</span>
</div> </div>
<div class="team-style-swiper swiper"> <div class="team-style-swiper swiper wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<a href="inspect-detail.html"> <a href="inspect-detail.html">
@ -101,20 +102,20 @@
</div> </div>
</div> </div>
</div> </div>
<ul class="team-list-other"> <ul class="team-list-other wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
<li><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><a href="inspect-detail.html" class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动 张毅同志率队赴广安调研所属高速公路公司党风廉政建设工作 集团公司组织</a><span>2022.01.30</span></li>
</ul> </ul>
</div> </div>
<div class="pase-size"> <div class="pase-size wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<a href="">上一页</a> <a href="">上一页</a>
<a href="" class="active">1</a> <a href="" class="active">1</a>
<a href="">2</a> <a href="">2</a>
@ -133,9 +134,9 @@
</div> </div>
<!-- 底部部分 --> <!-- 底部部分 -->
<footer class="footer w1690"> <footer class="footer w1690">
<div class="foot w1280"> <div class="foot w1280 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="foot-left"> <div class="foot-left">
<p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） | Tel：028-12345678 | Fax：028-12345678</p> <p>Email：11111111@shunengkc.com</p> <p>Add：四川省乐山市马边彝族自治县民建镇红旗大道一层至上层（5号景观房） <span>Tel：028-12345678 | Fax：028-12345678</span></p> <p>Email：11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span> <span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div> </div>
<div class="foot-right"> <div class="foot-right">