手机端样式

master
Lee1203 2022-02-10 23:25:44 +08:00
commit d8caa73374
65 changed files with 18253 additions and 0 deletions

327
about.html Normal file
View File

@ -0,0 +1,327 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>走进蜀能-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li class="active"><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/about-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>about</h2>
<p>走进蜀能</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="abstract cur"><a href="javaScript:void(0);" rel="nofollow">企业简介</a></li>
<li class="speech"><a href="javaScript:void(0);" rel="nofollow">领导致辞</a></li>
<li class="team"><a href="javaScript:void(0);" rel="nofollow">管理团队</a></li>
<li class="organization"><a href="javaScript:void(0);" rel="nofollow">组织机构</a></li>
<li class="memorabilia"><a href="javaScript:void(0);" rel="nofollow">大事记</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<!-- 企业简介 -->
<div class="abstract-bg section w1690">
<div class="abstract w1280">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
<div class="abstract-txt">
<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号景观房
</p>
<p><img src="imgs/about-right.png" alt=""></p>
<p>业务范围本公司经营范围:经营范围:矿产资源(非煤矿山)开采;矿产资源勘查;选矿;再生资源回收;再生资源加工;再生资源销售;新材料技术研发;建筑用石加工;非金属矿及制品销售;金属与非金属矿产资源地质勘探;非金属矿物制品制造;新型建筑材料制造;磷矿石系列产品、金属及金属矿、压缩气体和液化气体、氧化剂和过氧化物等矿产品、塑料编织袋、五金交电、仪表设备及配件、贵金属、农产品的销售;普通货运;矿物饲料相关进出口业务的生产、销售;电子产品、农产品的进出口;二类机动车维修(经营范围以工商登记为准)。</p>
</div>
</div>
</div>
<!-- 领导致辞 -->
<div class="speech-bg section w1690">
<div class="speech w1280">
<div class="pull-title pull-title-white">
<h3>领导致辞</h3>
<span>Leadership speech</span>
</div>
<div class="speech-txt">
<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号景观房
</p>
</div>
</div>
</div>
<!-- 管理团队 -->
<div class="team-bg section w1690">
<div class="team w1280">
<div class="pull-title">
<h3>管理团队</h3>
<span>Management team</span>
</div>
<div class="team-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="team-list">
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="team-list">
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="team-list">
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
<div class="team-item">
<h4>周深行<em>先生</em></h4>
<span>工程部经理</span>
<p class="clips4">文字后台替换公司成立于由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币其中四川路桥公司出资出资比例1%。</p>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- 组织机构 -->
<div class="organization-bg section w1690">
<div class="organization w1280">
<div class="pull-title pull-title-white">
<h3>组织机构</h3>
<span>Organization</span>
</div>
<div class="organization-img">
<img src="imgs/organization.png" alt="组织机构分布图">
</div>
</div>
</div>
<!-- 大事记 -->
<div class="memorabilia-bg section w1690">
<div class="memorabilia w1280">
<div class="pull-title">
<h3>大事记</h3>
<span>Memorabilia</span>
</div>
<div class="memorabili-txt">
<div class="memorabili-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<strong>2021年</strong>
<p>
文字后台替换厦门研发中心成立成为重庆医疗器械领域龙头企业<br />
重庆制造企业100强产品全产业链覆盖<br />
更快速、准确的产品发展方向<br />
影响精子功能的唾液酸酶检测方法<br />
营销网络覆盖全球,走进世界 每个角落
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2020年</strong>
<p>
文字后台替换厦门研发中心成立成为重庆医疗器械领域龙头企业<br />
重庆制造企业100强产品全产业链覆盖<br />
更快速、准确的产品发展方向<br />
影响精子功能的唾液酸酶检测方法<br />
营销网络覆盖全球,走进世界 每个角落
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2019年</strong>
<p>
文字后台替换厦门研发中心成立成为重庆医疗器械领域龙头企业<br />
重庆制造企业100强产品全产业链覆盖<br />
更快速、准确的产品发展方向<br />
影响精子功能的唾液酸酶检测方法<br />
营销网络覆盖全球,走进世界 每个角落
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2018年</strong>
<p>
文字后台替换厦门研发中心成立成为重庆医疗器械领域龙头企业<br />
重庆制造企业100强产品全产业链覆盖<br />
更快速、准确的产品发展方向<br />
影响精子功能的唾液酸酶检测方法<br />
营销网络覆盖全球,走进世界 每个角落
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2017年</strong>
<p>
文字后台替换厦门研发中心成立成为重庆医疗器械领域龙头企业<br />
重庆制造企业100强产品全产业链覆盖<br />
更快速、准确的产品发展方向<br />
影响精子功能的唾液酸酶检测方法<br />
营销网络覆盖全球,走进世界 每个角落
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2016年</strong>
<p>
文字后台替换厦门研发中心成立成为重庆医疗器械领域龙头企业<br />
重庆制造企业100强产品全产业链覆盖<br />
更快速、准确的产品发展方向<br />
影响精子功能的唾液酸酶检测方法<br />
营销网络覆盖全球,走进世界 每个角落
</p>
<em><ins></ins></em>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="line"></div>
</div>
</div>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add四川省乐山市马边彝族自治县民建镇红旗大道一层至上层5号景观房 | Tel028-12345678 | Fax028-12345678</p> <p>Email11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

163
business-02.html Normal file
View File

@ -0,0 +1,163 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>走进蜀能-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<!-- 导航logo -->
<div class="nav-logo wap-show">
<p>四川蜀能矿产有限责任公司</p>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li class="active"><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg wap-show"></div>
<div class="head-btn wap-show">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/news-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>news</h2>
<p>新闻动态</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item pull-item-02">
<li><a href="business.html">矿产资源</a></li>
<li><a href="business.html">再生资源</a></li>
<li><a href="business.html">新材料研发</a></li>
<li><a href="business.html">矿物饲料</a></li>
<li><a href="business.html">其他业务</a></li>
<li class="cur"><a href="business-02.html">应用领域</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news business w1280">
<div class="pull-title">
<h3>应用领域</h3>
<span>application area</span>
</div>
<ul class="area-list">
<li>
<h4>应用领域标题</h4>
<span>Application domain title</span>
<p class="clips4">成立于2021年12月30日系由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司以下简称川能动力马边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="" class="more">查看详情<ins></ins></a>
</li>
<li>
<h4>应用领域标题</h4>
<span>Application domain title</span>
<p class="clips4">成立于2021年12月30日系由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司以下简称川能动力马边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="" class="more">查看详情<ins></ins></a>
</li>
<li>
<h4>应用领域标题</h4>
<span>Application domain title</span>
<p class="clips4">成立于2021年12月30日系由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司以下简称川能动力马边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="" class="more">查看详情<ins></ins></a>
</li>
<li>
<h4>应用领域标题</h4>
<span>Application domain title</span>
<p class="clips4">成立于2021年12月30日系由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司以下简称川能动力马边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="" class="more">查看详情<ins></ins></a>
</li>
<li>
<h4>应用领域标题</h4>
<span>Application domain title</span>
<p class="clips4">成立于2021年12月30日系由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司以下简称川能动力马边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="" class="more">查看详情<ins></ins></a>
</li>
<li>
<h4>应用领域标题</h4>
<span>Application domain title</span>
<p class="clips4">成立于2021年12月30日系由四川路桥建设集团股份有限公司以下简称四川路桥公司四川省新能源动力股份有限公司以下简称川能动力马边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币比亚迪公司出资</p>
<a href="" class="more">查看详情<ins></ins></a>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add四川省乐山市马边彝族自治县民建镇红旗大道一层至上层5号景观房 | Tel028-12345678 | Fax028-12345678</p> <p>Email11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

171
business.html Normal file
View File

@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>走进蜀能-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<!-- 导航logo -->
<div class="nav-logo wap-show">
<p>四川蜀能矿产有限责任公司</p>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li class="active"><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg wap-show"></div>
<div class="head-btn wap-show">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/news-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>news</h2>
<p>新闻动态</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item pull-item-02">
<li class="cur"><a href="business.html">矿产资源</a></li>
<li><a href="business.html">再生资源</a></li>
<li><a href="business.html">新材料研发</a></li>
<li><a href="business.html">矿物饲料</a></li>
<li><a href="business.html">其他业务</a></li>
<li><a href="business-02.html">应用领域</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news business w1280">
<div class="pull-title">
<h3>矿产资源</h3>
<span>mineral resources</span>
</div>
<div class="business-txt">
<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号景观房
</p>
</div>
<div class="business-img">
<div class="view">
<div class="view-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="imgs/news-01.png" alt="">
</div>
<div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="preview">
<div class="preview-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="imgs/news-01.png" alt="">
</div>
<div class="swiper-slide">
<img src="imgs/business-swiper.jpg" alt="">
</div>
</div>
</div>
<div class="preview-arrow">
<div class="preview-arrow-prev"></div>
<ins></ins>
<div class="preview-arrow-next"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add四川省乐山市马边彝族自治县民建镇红旗大道一层至上层5号景观房 | Tel028-12345678 | Fax028-12345678</p> <p>Email11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

6
css/animate.min.css vendored Normal file

File diff suppressed because one or more lines are too long

172
css/base.css Normal file
View File

@ -0,0 +1,172 @@
/* -moz-:firefox()
-ms-:ie
-webkit-:safarichrome
-o-:Opera
*/
/* 清空所有标签的内外边距 */
* {
padding: 0;
margin: 0;
/* css3盒子模型 */
box-sizing: border-box;
}
body {
/* 抗锯齿性-让文字显示的更加清晰 */
-webkit-font-smoothing: antialiased;
background-color: #FFFFFF;
font: 16px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
color: #262626;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
font-style: normal;
}
/* 去掉li 的小圆点 */
ul,
ol,
li {
list-style: none;
}
button {
/* 当我们鼠标经过button按钮的时候鼠标变成小手 */
cursor: pointer;
}
img {
/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
border: 0;
/* 取消图片底侧有空白缝隙的问题 ① */
vertical-align: middle;
/* 取消图片底侧有空白缝隙的问题 ② */
display: block;
object-fit: cover;
}
/* 去掉a标签的下划线并修改字体颜色 */
a,
ins{
display: block;
color: #262626;
text-decoration: none;
/* 手机端去除a标签点击时的背景样式 */
-webkit-tap-highlight-color: transparent;
}
/* 禁用长按时弹出的菜单 */
img,
a {
-webkit-touch-callout: none;
}
button,
input,
textarea {
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
/* 取消轮廓 */
outline: none;
/* 去掉默认外观 */
-webkit-appearance: none;
/* 去掉点击时的默认外观 */
outline-style: none;
}
textarea {
/* 禁止自定义拉伸 */
resize: none;
}
/* 清楚浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}
.clearfix {
*zoom: 1
}
/* 控制显示文字行数 */
.clips1 {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.clips2 {
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.clips3 {
display: -webkit-box;
-webkit-line-clamp: 3;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.clips4 {
display: -webkit-box;
-webkit-line-clamp: 4;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.clips5 {
display: -webkit-box;
-webkit-line-clamp: 5;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.clips6 {
display: -webkit-box;
-webkit-line-clamp: 6;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.clips7 {
display: -webkit-box;
-webkit-line-clamp: 7;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
/* 页面宽度 */
.w100 {
width: 100%;
margin: auto;
}
.w1690 {
width: 1690px;
margin: auto;
}
.w1280{
width: 1280px;
margin: auto;
}

1660
css/style.css Normal file

File diff suppressed because it is too large Load Diff

12
css/swiper.min.css vendored Normal file

File diff suppressed because one or more lines are too long

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
fonts/AlibabaSans-Light.otf Normal file

Binary file not shown.

Binary file not shown.

BIN
fonts/HYa3gj.ttf Normal file

Binary file not shown.

BIN
fonts/Helvetica.ttf Normal file

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
imgs/about-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

BIN
imgs/about-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
imgs/about-right.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 327 KiB

BIN
imgs/area-list-bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
imgs/area-more.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
imgs/arrow-left.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
imgs/arrow-left2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
imgs/arrow-page.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
imgs/arrow-right.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
imgs/arrow-right2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 634 KiB

BIN
imgs/banner/banner.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 986 KiB

BIN
imgs/banner/news-banner.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 325 KiB

BIN
imgs/business-01.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
imgs/business-02.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
imgs/business-03.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
imgs/business-04.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
imgs/business-05.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
imgs/business-06.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
imgs/business-swiper.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 815 KiB

BIN
imgs/business.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
imgs/foot-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
imgs/foot-qq.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
imgs/foot-wb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
imgs/foot-wx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
imgs/icon-down.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 971 B

BIN
imgs/join-arrow-left.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
imgs/join-arrow-right.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
imgs/memorabilia-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

BIN
imgs/news-01.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 KiB

BIN
imgs/news-02.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
imgs/news-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

BIN
imgs/news-detail.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

BIN
imgs/news-list.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

BIN
imgs/news-more.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 992 B

BIN
imgs/news-more2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 992 B

BIN
imgs/news-page.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
imgs/organization-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

BIN
imgs/organization.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
imgs/speech-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

350
index.html Normal file
View File

@ -0,0 +1,350 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li class="active"><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<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">
<h2>Shuneng</h2>
<p>诚实守信,做一流的资源型矿业公司</p>
<span>Be honest and trustworthy, and be a first-class resource-based</span>
</div>
</div>
<div class="swiper-slide">
<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">
<h2>Shuneng</h2>
<p>诚实守信,做一流的资源型矿业公司</p>
<span>Be honest and trustworthy, and be a first-class resource-based</span>
</div>
</div>
<div class="swiper-slide">
<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">
<h2>Shuneng</h2>
<p>诚实守信,做一流的资源型矿业公司</p>
<span>Be honest and trustworthy, and be a first-class resource-based</span>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<!-- 主体内容 -->
<div class="index-content w100" >
<!-- 新闻动态 -->
<div class="index-news-information w1690">
<div class="index-news">
<div class="index-news-left">
<a href="news-detail.html">
<div class="left-img"><img src="imgs/news-01.png" alt=""></div>
<div class="left-title clips2">蜀道新制式轨道集团领导赴都金公司开展2022年春节送温 暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团领导赴都金公司开展2022年春节送温 暖慰问活动暨安全环保督察工作</p>
<span>2022.01.20<em></em></span>
</a>
</div>
<div class="index-news-right">
<div class="index-title-bg">
<h3 class="index-title">
<ins></ins>
<p>
<span>闻动态</span>
<em>news information</em>
</p>
</h3>
<ul class="index-title-item">
<li>公司新闻</li>
<li>行业新闻</li>
</ul>
</div>
<div class="index-news-all">
<div class="index-news-item">
<div class="index-news-first">
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</div>
<ul class="index-news-list">
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
</ul>
</div>
<div class="index-news-item">
<div class="index-news-first">
<a href="news-detail.html">
<div class="first-img"><img src="imgs/news-02.png" alt=""></div>
<div class="first-txt">
<div class="clips1">2022年春节送温暖慰问活动暨安全环保督察工作</div>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董事长张瑞英党委委员副董事长李洲等一行赴都金公司开展活动暨安全生产及...</p>
<span>2022.01.20</span>
</div>
</a>
</div>
<ul class="index-news-list">
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">成渝公司成雅分公司召开党史学习教育专题民主生活会</a><span>2022.01.20</span></li>
<li><a href="news-detail.html" class="clips1">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a><span>2022.01.20</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="index-information">
<div class="index-information-title">
信息公布
<span>Information publication</span>
</div>
<ul class="index-information-list">
<li>
<a href="information_detail.html" class="clips2">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a>
<span>2022.01.20</span>
</li>
<li>
<a href="information_detail.html" class="clips2">全体起立竞岗位 优化组合推发展 ——南渝绵南公司开展 机关一般管理人员竞聘工作</a>
<span>2022.01.20</span>
</li>
<li>
<a href="information_detail.html" class="clips2">蜀道城乡集团党委认真传达学习习近平总书记重要讲话和重要指示精神</a>
<span>2022.01.20</span>
</li>
<li>
<a href="information_detail.html" class="clips2">全体起立竞岗位 优化组合推发展 ——南渝绵南公司开展 机关一般管理人员竞聘工作</a>
<span>2022.01.20</span>
</li>
</ul>
</div>
</div>
<!-- 主营业务 -->
<div class="index-business w1690">
<ul class="index-business-list">
<li>
<img src="imgs/business.jpg" alt="">
<div class="index-business-txt">
<div class="ndex-business-title">
<h3>矿产资源</h3>
<span>mineral resources</span>
</div>
<p>矿产资源文字介绍内容后台上传文字替换矿产资源非煤矿山开采;矿产资源勘查;选矿矿产资源文字介绍内容后台上传文字替换矿产资源(非煤矿山)开采;矿产资源勘查;选矿;</p>
<a href="business.html" class="more">MORE+</a>
</div>
</li>
<li>
<img src="imgs/business.jpg" alt="">
<div class="index-business-txt">
<div class="ndex-business-title">
<h3>再生资源</h3>
<span>Renewable resources</span>
</div>
<p>矿产资源文字介绍内容后台上传文字替换矿产资源非煤矿山开采;矿产资源勘查;选矿矿产资源文字介绍内容后台上传文字替换矿产资源(非煤矿山)开采;矿产资源勘查;选矿;</p>
<a href="business.html" class="more">MORE+</a>
</div>
</li>
<li>
<img src="imgs/business.jpg" alt="">
<div class="index-business-txt">
<div class="ndex-business-title">
<h3>新材料研发</h3>
<span>Research and development of new materials</span>
</div>
<p>矿产资源文字介绍内容后台上传文字替换矿产资源非煤矿山开采;矿产资源勘查;选矿矿产资源文字介绍内容后台上传文字替换矿产资源(非煤矿山)开采;矿产资源勘查;选矿;</p>
<a href="business.html" class="more">MORE+</a>
</div>
</li>
<li>
<img src="imgs/business.jpg" alt="">
<div class="index-business-txt">
<div class="ndex-business-title">
<h3>矿物饲料</h3>
<span>Mineral feed</span>
</div>
<p>矿产资源文字介绍内容后台上传文字替换矿产资源非煤矿山开采;矿产资源勘查;选矿矿产资源文字介绍内容后台上传文字替换矿产资源(非煤矿山)开采;矿产资源勘查;选矿;</p>
<a href="business.html" class="more">MORE+</a>
</div>
</li>
<li>
<img src="imgs/business.jpg" alt="">
<div class="index-business-txt">
<div class="ndex-business-title">
<h3>其他业务</h3>
<span>Other business</span>
</div>
<p>矿产资源文字介绍内容后台上传文字替换矿产资源非煤矿山开采;矿产资源勘查;选矿矿产资源文字介绍内容后台上传文字替换矿产资源(非煤矿山)开采;矿产资源勘查;选矿;</p>
<a href="business.html" class="more">MORE+</a>
</div>
</li>
<li>
<img src="imgs/business.jpg" alt="">
<div class="index-business-txt">
<div class="ndex-business-title">
<h3>应用领域</h3>
<span>application area</span>
</div>
<p>矿产资源文字介绍内容后台上传文字替换矿产资源非煤矿山开采;矿产资源勘查;选矿矿产资源文字介绍内容后台上传文字替换矿产资源(非煤矿山)开采;矿产资源勘查;选矿;</p>
<a href="business.html" class="more">MORE+</a>
</div>
</li>
</ul>
<ul class="index-business-item">
<li>
<img src="imgs/business-01.png" alt="矿产资源">
<p>矿产资源</p>
</li>
<li>
<img src="imgs/business-02.png" alt="再生资源">
<p>再生资源</p>
</li>
<li>
<img src="imgs/business-03.png" alt="新材料研发">
<p>新材料研发</p>
</li>
<li>
<img src="imgs/business-04.png" alt="矿物饲料">
<p>矿物饲料</p>
</li>
<li>
<img src="imgs/business-05.png" alt="其他业务">
<p>其他业务</p>
</li>
<li>
<img src="imgs/business-06.png" alt="应用领域">
<p>应用领域</p>
</li>
</ul>
</div>
<!-- 关于我们 -->
<div class="index-about w1690">
<div class="index-about-top">
<div class="index-about-left">
<div class="index-title-bg">
<h3 class="index-title">
<ins></ins>
<p>
<span>于我们</span>
<em>About us</em>
</p>
</h3>
</div>
<div class="corporate-name">四川蜀能矿产有限责任公司</div>
<p>公司成立于2021年12月30日系由四川路桥建设集团股份有限公司以下简称四川路桥公司、四川省新能源动力股份有限公司以下简称川能动力、马边彝族自治县禾丰国有资产有限公司以下简称马边国资公司以及比亚迪股份有限公司以下简称比亚迪公司共同投资成立的有限责任公司公司设立时注册资本为人民币50,000.00万元其中四川路桥公司出资33,500.00万元出资比例67%川能动力出资10,000.00万元出资比例20.00%马边国资公司出资6000.00万元资产出资比例12%比亚迪公司出资500万元出资比例1%。</p>
<a href="" class="more">MORE+</a>
</div>
<div class="index-about-right">
<img src="imgs/about-right.png" alt="">
</div>
</div>
<ul class="index-about-bottom">
<li>
<img src="imgs/about-icon.png" alt="企业愿景">
<h4>企业愿景</h4>
<p class="clips3">文字后台替换四川蜀能矿产有限责任公司成立于 四川路桥建设集团股份有限公司</p>
</li>
<li>
<img src="imgs/about-icon.png" alt="核心价值观">
<h4>核心价值观</h4>
<p class="clips3">文字后台替换四川蜀能矿产有限责任公司成立于 四川路桥建设集团股份有限公司</p>
</li>
<li>
<img src="imgs/about-icon.png" alt="战略&经营理念">
<h4>战略&经营理念</h4>
<p class="clips3">文字后台替换四川蜀能矿产有限责任公司成立于 四川路桥建设集团股份有限公司</p>
</li>
</ul>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add四川省乐山市马边彝族自治县民建镇红旗大道一层至上层5号景观房 | Tel028-12345678 | Fax028-12345678</p> <p>Email11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

9
inspect-detail.html Normal file
View File

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

139
inspect.html Normal file
View File

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>走进蜀能-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<!-- 导航logo -->
<div class="nav-logo wap-show">
<p>四川蜀能矿产有限责任公司</p>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li class="active"><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg wap-show"></div>
<div class="head-btn wap-show">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/news-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>news</h2>
<p>新闻动态</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="news.html">公司新闻</a></li>
<li><a href="news.html">行业新闻</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news inspect w1280">
<div class="pull-title">
<h3>党群工作</h3>
<span>Party masses work</span>
</div>
<ul class="inspect-list">
<li>1</li>
</ul>
</div>
<div class="pase-size">
<a href="">上一页</a>
<a href="" class="active">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">9</a>
<a href="">10</a>
<a href="">></a>
<a href="">下一页</a>
</div>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add四川省乐山市马边彝族自治县民建镇红旗大道一层至上层5号景观房 | Tel028-12345678 | Fax028-12345678</p> <p>Email11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

146
js/bdmap.js Normal file
View File

@ -0,0 +1,146 @@
//先要加载接口,要在函数外,保证先加载
document.write('<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=O4aFVMSLVl1aiTX2sF40aVfC"></script>');
//显示地图
//参数显示容器ID属性(city,addr,title,lawfirm,tel,user,mapx,pic,ismove,piobj,zoom)
function ShowMap(objname,options){
if(options){
this._city = options.city ? options.city : ""; //城市
this._addr = options.addr ? options.addr : ""; //地址
this._title = options.title ? options.title : ""; //信息窗口标题
this._lawfirm = options.lawfirm ? options.lawfirm : ""; //律所
this._tel = options.tel ? options.tel : ""; //电话
this._user = options.user ? options.user : ""; //主任
this._mapx = options.mapx ? options.mapx : ""; //地图坐标
this._pic = options.pic ? options.pic : ""; //图片
this._ismove = options.ismove ? options.ismove : "0"; //是否拖动1为拖动为设置标注0为显示。默认0
this._piobj = options.piobj ? options.piobj : ""; //接收拖动坐标的表单ID
this._zoom = options.zoom ? options.zoom : "14"; //放大级别默认14
}
//设定初始坐标
var point=new BMap.Point(113.63156,34.83794);
//范围为3-18级
var zoom=this._zoom;
//创建地图
var map = new BMap.Map(objname);
//map.enableScrollWheelZoom();
var opts = {type: BMAP_NAVIGATION_CONTROL_ZOOM};
map.addControl(new BMap.NavigationControl(opts));
map.centerAndZoom(point, zoom);//设初始化地图。
//设置版权控件位置
var cr = new BMap.CopyrightControl({anchor: BMAP_ANCHOR_TOP_LEFT});
map.addControl(cr); //添加版权控件
var bs = map.getBounds(); //返回地图可视区域
//坐标不为空时按坐标显示
if (this._mapx != ""){
var mx=this._mapx.substr(0,this._mapx.indexOf(","));
var my=this._mapx.substr(this._mapx.indexOf(",")+1);
point=new BMap.Point(mx,my);
map.centerAndZoom(point, zoom); //重新调整位置
}
//否则按地址显示
else if (this._addr != ""){
//创建地址解析器实例
var myGeo = new BMap.Geocoder();
//将地址解析结果显示在地图上,并调整地图视野。此过程为异步,所以要重设标注
myGeo.getPoint(this._addr, function(poi){
map.centerAndZoom(poi, zoom);
marker.setPosition(poi); //重调标注位置
}, this._city);
}
//否则按城市显示
else if (this._city != ""){
map.setCenter(this._city); //设置地图中心点。
//此定位无具体坐标,所以显示模式时要清除标注。要延时处理
if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);}
}
//都为空按IP定位
else{
//创建一个获取本地城市位置的实例
var myCity = new BMap.LocalCity();
//获取城市
myCity.get(function(result){map.setCenter(result.name);});
if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);}
}
var icowidth = 28;
var icoheight = 36;
var myIcon = new BMap.Icon("imgs/icon/icomap.png", new BMap.Size(icowidth,icoheight));
//创建标注
var marker = new BMap.Marker(point,{icon:myIcon});
//var marker = new BMap.Marker(point);
map.addOverlay(marker); // 将标注添加到地图中
//设置标注时
if (this._ismove=="1"){
marker.enableDragging(); //可拖拽
var label = new BMap.Label("拖拽到您的位置",{offset:new BMap.Size(20,-15)});
label.setStyle({ backgroundColor:"red", color:"white", fontSize : "12px" });
marker.setLabel(label);
var poj=this._piobj; //过程里不支持this要传给变量
//拖拽设置位置
marker.addEventListener("dragend", function(e){
try{document.getElementById(poj).value = e.point.lng + "," + e.point.lat;}catch (ex) {}
});
//点击设置位置
map.addEventListener("click", function(e){
marker.setPosition(e.point); //重调标注位置
try{document.getElementById(poj).value = e.point.lng + "," + e.point.lat;}catch (ex) {}
});
}
//显示标注时
if (this._ismove=="0"){
//marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
//显示窗口设置
var opts = {width:250,height:110,title : "<font color=green size=3>" + this._title + "</font>"} //窗口标题
var infotxt="<table border='0'><tr><td valign='top'>"; //窗口内容
if (this._pic != ""){infotxt += "<img src='"+this._pic+"' id='picid' style='float:left;margin-right:5px;padding-top:8px;' width=50>";}
infotxt += "</td><td><p style='font-size:12px;line-height:16px;padding-top:8px;'>";
if (this._lawfirm !=""){infotxt += "<b>公司:</b>" + this._lawfirm + "<br/>";};
if (this._addr !=""){infotxt += "<b>地址:</b>" + this._addr + "<br/>";};
if (this._tel !=""){infotxt += "<b>电话:</b>" + this._tel + "<br/>";};
if (this._user !=""){infotxt += "<b>联系人:</b>" + this._user + "<br/>";};
infotxt += "</p></td></tr></table>";
//显示文本标题
var label2 = new BMap.Label(this._title,{offset:new BMap.Size(20,-15)});
label2.setStyle({ backgroundColor:"red", color:"white", fontSize : "12px" });
//marker.setLabel(label2);
//创建信息窗口
var infoWindow = new BMap.InfoWindow(infotxt,opts);
// marker.addEventListener("mouseover", function(){
// this.openInfoWindow(infoWindow);
// //图片加载完毕重绘infowindow。防止在网速较慢图片未加载时生成的信息框高度比图片的总高度小导致图片部分被隐藏
// document.getElementById('picid').onload = function (){infoWindow.redraw();}
// });
}
}
//获取地理位置,间隔符
//百度查询接口为异步,所以这里要用异步回调方式
function getBDAddress(callBackFun,spStr){
if (!spStr){spStr="";} //分隔符,默认空
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var point = new BMap.Point(r.point.lng,r.point.lat);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
var addVal = addComp.province + spStr + addComp.city + spStr + addComp.district + spStr + addComp.street + spStr + addComp.streetNumber;
callBackFun(addVal);
});
}
},{enableHighAccuracy: true})
}

167
js/javascript.js Normal file
View File

@ -0,0 +1,167 @@
jQuery(function($){
// banner轮播
var number = $('.banner-swiper .swiper-slide').length;
if(number>1){
var bannerSwiper = new Swiper('.banner-swiper',{
loop:true,//开启循环播放
autoplay: {//开启自动播放
delay:3000,
disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换鼠标离开时恢复自动切换。
},
pagination: {
el: '.banner-swiper .swiper-pagination',
clickable :true,
},
effect : 'slide',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"3d流、"flip"3d翻转、"cards"(卡片式)、"creative"(创意性)。
// fadeEffect: {
// crossFade: true,
// },
on:{
init: function(){
swiperAnimateCache(this); //隐藏动画元素
swiperAnimate(this); //初始化完成开始动画
},
slideChangeTransitionEnd: function(){
swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次去除ani类名
}
}
});
}
// 首页新闻动态切换
$(".index-title-item>li").eq(0).addClass("active");
$(".index-news-all>div").eq(0).addClass("cur");
$(".index-title-item>li").click(function() {
$(".index-title-item>li").eq($(this).index()).addClass("active").siblings().removeClass('active');
$(".index-news-all>div").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
});
// 首页主营业务切换
$(".index-business-item>li").eq(0).addClass("active");
$(".index-business-list>li").eq(0).addClass("cur");
$(".index-business-item>li").click(function() {
$(".index-business-item>li").eq($(this).index()).addClass("active").siblings().removeClass('active');
$(".index-business-list>li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
});
// 管理团队滚动
var teamSwiper = new Swiper('.team-swiper',{
loop:true,//开启循环播放
autoplay: {//开启自动播放
delay:3000,
disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换鼠标离开时恢复自动切换。
},
pagination: {
el: '.team-swiper .swiper-pagination',
clickable :true,
},
effect : 'slide',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"3d流、"flip"3d翻转、"cards"(卡片式)、"creative"(创意性)。
// fadeEffect: {
// crossFade: true,
// },
on:{
init: function(){
swiperAnimateCache(this); //隐藏动画元素
swiperAnimate(this); //初始化完成开始动画
},
slideChangeTransitionEnd: function(){
swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次去除ani类名
}
}
});
// 大事记滚动
if(screen.width <= 768){
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
loop:false,//开启循环播放
autoplay : {
delay:3000,
disableOnInteraction: false,
},
effect : 'fade',
fadeEffect: {
crossFade: true,
},
navigation: {
prevEl: '.memorabili-swiper .swiper-button-prev',
nextEl: '.memorabili-swiper .swiper-button-next',
},
})
}else{
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
loop:false,//开启循环播放
autoplay: false,
slidesPerView : '4',
centeredSlides : false,
navigation: {
prevEl: '.memorabili-swiper .swiper-button-prev',
nextEl: '.memorabili-swiper .swiper-button-next',
},
on:{
slideChange: function(){
var a = this.activeIndex;
var b = a + 4;
var c = a - 1;
$(".memorabili-swiper").find(".swiper-slide").css("opacity",1);
$(".memorabili-swiper").find(".swiper-slide").eq(c).css("opacity",0);
$(".memorabili-swiper").find(".swiper-slide").eq(b).css("opacity",0);
},
},
})
}
// 主营业务滚动
var viewSwiper = new Swiper('.view-swiper', {
navigation: {
prevEl: '.preview .preview-arrow-prev',
nextEl: '.preview .preview-arrow-next',
},
thumbs: {
swiper: {
el: '.preview-swiper', //注意此处的设置方式
watchSlidesVisibility: true,//防止不可点击
},
}
});
// // 回到顶部
// $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);});
// // 产品锚点
// $('.onExperience').click(function(){
// $('html,body').animate({scrollTop:$('.experience-bg').offset().top - 122}, 600);
// $('.product-nav-item>li').removeClass("active");
// $(this).addClass("active");
// });
// // 判断价格图片是否为空
// if(!$('.price img').attr('src')){
// $(".price").html("<span>定价图片后台上传</span>");
// }
// 手机导航按钮
$('.head .head-btn').click(function() {
if ($('.head .head-btn').attr('class') == 'head-btn cur') {
$('.head .head-btn').removeClass('cur');
$('.head .nav').removeClass('active');
$('.head .nav-bg').removeClass('active');
} else {
$('.head .head-btn').addClass('cur');
$('.head .nav').addClass('active');
$('.head .nav-bg').addClass('active');
$('.head .logo').addClass('active');
}
});
$('.head .nav-bg').click(function() {
$(this).removeClass('active');
$('.head .head-btn').removeClass('cur');
$('.head .nav').removeClass('active');
});
})

10881
js/jquery.js vendored Normal file

File diff suppressed because it is too large Load Diff

3652
js/jquery.min.js vendored Normal file

File diff suppressed because it is too large Load Diff

3
js/swiper.animate1.0.3.min.js vendored Normal file
View File

@ -0,0 +1,3 @@
//本插件由www.swiper.com.cn提供
//版本1.03
function swiperAnimateCache(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate(a);var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+" "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}

13
js/swiper.min.js vendored Normal file

File diff suppressed because one or more lines are too long

154
news-detail.html Normal file
View File

@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>走进蜀能-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<!-- 导航logo -->
<div class="nav-logo wap-show">
<p>四川蜀能矿产有限责任公司</p>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li class="active"><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg wap-show"></div>
<div class="head-btn wap-show">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/news-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>news</h2>
<p>新闻动态</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="news.html">公司新闻</a></li>
<li><a href="news.html">行业新闻</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg news-detail-bg w1690">
<div class="news w1280">
<h1>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督察工作</h1>
<span class="news-time">发布时间2020-04-24<em>来源:本站原创</em>点击次数657次</span>
<div class="news-detail-txt">
<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号景观房
</p>
<p><img src="imgs/news-detail.jpg" alt=""></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号景观房
</p>
</div>
<!-- 上下篇 -->
<div class="news-page">
<a href="" class="prev">
<ins><img src="imgs/arrow-page.png" alt=""></ins>
<span>
<img src="imgs/news-page.jpg" alt="">
</span>
<div class="page-title">
<p class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问节送温暖慰问...</p>
<span>2022.01.20</span>
</div>
</a>
<a href="" class="next">
<div class="page-title">
<p class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问节送温暖慰问</p>
<span>2022.01.20</span>
</div>
<span>
<img src="imgs/news-page.jpg" alt="">
</span>
<ins><img src="imgs/arrow-page.png" alt=""></ins>
</a>
</div>
</div>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add四川省乐山市马边彝族自治县民建镇红旗大道一层至上层5号景观房 | Tel028-12345678 | Fax028-12345678</p> <p>Email11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>

228
news.html Normal file
View File

@ -0,0 +1,228 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>走进蜀能-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<!-- 导航logo -->
<div class="nav-logo wap-show">
<p>四川蜀能矿产有限责任公司</p>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li class="active"><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg wap-show"></div>
<div class="head-btn wap-show">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/news-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>news</h2>
<p>新闻动态</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="news.html">公司新闻</a></li>
<li><a href="news.html">行业新闻</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news w1280">
<div class="pull-title">
<h3>公司新闻</h3>
<span>Memorabilia</span>
</div>
<ul class="news-list">
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
<li>
<a href="news-detail.html">
<div class="news-img"><img src="imgs/news-list.png" alt=""></div>
<div class="news-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春 节送温暖慰问活动暨安全环保督察工作</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.20<em></em></span>
</div>
</a>
</li>
</ul>
</div>
<div class="pase-size">
<a href="">上一页</a>
<a href="" class="active">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">9</a>
<a href="">10</a>
<a href="">></a>
<a href="">下一页</a>
</div>
</div>
</div>
<!-- 底部部分 -->
<footer class="footer w1690">
<div class="foot">
<div class="foot-left">
<p>Add四川省乐山市马边彝族自治县民建镇红旗大道一层至上层5号景观房 | Tel028-12345678 | Fax028-12345678</p> <p>Email11111111@shunengkc.com</p>
<span>Copyright ©2022 四川蜀能矿产有限责任公司. All Rights Reserved</span>
</div>
<div class="foot-right">
<!-- 友情链接 -->
<div class="links">
<p>友情链接<img src="imgs/icon-down.png"></p>
<div class="links-item">
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
<a href="">大向天诚</a>
</div>
</div>
<div class="follow">
<p>+关注我们</p>
<div class="mode-list">
<a href="" class="mode-item"><img src="imgs/foot-wx.png" alt="微信"></a>
<a href="" class="mode-item"><img src="imgs/foot-wb.png" alt="新浪微博"></a>
<a href="" class="mode-item"><img src="imgs/foot-qq.png" alt="腾讯QQ"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>