新增页面

master
Lee-1203 2022-02-11 14:48:20 +08:00
parent ca593bf549
commit a76e77b54d
38 changed files with 2305 additions and 314 deletions

View File

@ -34,11 +34,6 @@
</div> </div>
<!-- 导航 --> <!-- 导航 -->
<ul class="nav"> <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="index.html">网站首页</a></li>
<li class="active"><a href="about.html">走进蜀能</a></li> <li class="active"><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li> <li><a href="news.html">新闻动态</a></li>
@ -49,8 +44,8 @@
<li><a href="contact.html">联系我们</a></li> <li><a href="contact.html">联系我们</a></li>
</ul> </ul>
<!-- 导航按钮 --> <!-- 导航按钮 -->
<div class="nav-bg wap-show"></div> <div class="nav-bg"></div>
<div class="head-btn wap-show"> <div class="head-btn">
<i class="bar-top"></i> <i class="bar-top"></i>
<i class="bar-cen"></i> <i class="bar-cen"></i>
<i class="bar-bom"></i> <i class="bar-bom"></i>
@ -82,7 +77,7 @@
<div class="content w100" > <div class="content w100" >
<!-- 企业简介 --> <!-- 企业简介 -->
<div class="abstract-bg section w1690"> <div class="abstract-bg section w1690">
<div class="abstract w1280"> <div class="news abstract w1280">
<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">
@ -329,4 +324,17 @@
</div> </div>
</footer> </footer>
</body> </body>
<script type="text/javascript">
if(screen.width > 860){
let navTop = $(".pull-item").offset().top-90;
$(window).bind("scroll",function(){
let topScroll=$(this).scrollTop();//当前窗口的滚动距离
if(topScroll > navTop){
$(".pull-item").addClass("pull-item-fixed")
}else{
$(".pull-item").removeClass("pull-item-fixed")
}
});
};
</script>
</html> </html>

View File

@ -13,7 +13,7 @@
<meta name="theme-color" content="#1a73e9"> <meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate"> <meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<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.min.css"/>
@ -34,11 +34,6 @@
</div> </div>
<!-- 导航 --> <!-- 导航 -->
<ul class="nav"> <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="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li> <li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li> <li><a href="news.html">新闻动态</a></li>
@ -49,8 +44,8 @@
<li><a href="contact.html">联系我们</a></li> <li><a href="contact.html">联系我们</a></li>
</ul> </ul>
<!-- 导航按钮 --> <!-- 导航按钮 -->
<div class="nav-bg wap-show"></div> <div class="nav-bg"></div>
<div class="head-btn wap-show"> <div class="head-btn">
<i class="bar-top"></i> <i class="bar-top"></i>
<i class="bar-cen"></i> <i class="bar-cen"></i>
<i class="bar-bom"></i> <i class="bar-bom"></i>

View File

@ -13,7 +13,7 @@
<meta name="theme-color" content="#1a73e9"> <meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate"> <meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<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.min.css"/>
@ -34,11 +34,6 @@
</div> </div>
<!-- 导航 --> <!-- 导航 -->
<ul class="nav"> <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="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li> <li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li> <li><a href="news.html">新闻动态</a></li>
@ -49,8 +44,8 @@
<li><a href="contact.html">联系我们</a></li> <li><a href="contact.html">联系我们</a></li>
</ul> </ul>
<!-- 导航按钮 --> <!-- 导航按钮 -->
<div class="nav-bg wap-show"></div> <div class="nav-bg"></div>
<div class="head-btn wap-show"> <div class="head-btn">
<i class="bar-top"></i> <i class="bar-top"></i>
<i class="bar-cen"></i> <i class="bar-cen"></i>
<i class="bar-bom"></i> <i class="bar-bom"></i>

171
contact.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">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li><a href="information.html">信息公开</a></li>
<li class="active"><a href="contact.html">联系我们</a></li>
</ul>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/banner/contact-banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>Contact</h2>
<p>联系我们</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="jion.html">联系方式</a></li>
<li><a href="jion.html">加入我们</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news contact w1280">
<div class="pull-title">
<h3>联系方式</h3>
<span>contact information</span>
</div>
<div class="contact-content">
<ul class="contact-top">
<li>
<span>
<img src="imgs/icon-phone.png" alt="">
</span>
<p>028-12345678</p>
</li>
<li>
<span>
<img src="imgs/icon-email.png" alt="">
</span>
<p>11111111@shunengkc.com</p>
</li>
<li>
<span>
<img src="imgs/icon-addr.png" alt="">
</span>
<p>四川省乐山市马边彝族自治县民建镇红旗 大道一层至上层5号景观房</p>
</li>
<li>
<img src="imgs/ewm.png" alt="">
<p>扫一扫<br />关注蜀能矿业</p>
</li>
</ul>
<div class="contact-map" id="map"></div>
<script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
ShowMap("map",{
city:'乐山市',
addr:'四川省乐山市马边彝族自治县民建镇红旗 大道一层至上层5号景观房',
title:'四川蜀能矿产有限责任公司',
lawfirm:'四川蜀能矿产有限责任公司',
tel:'0755-67872197',
mapx:'',
ismove:'0',
piobj:'nxp',
zoom:17
});
</script>
<div class="contact-form">
<strong>在线留言</strong>
<p>
您可以把您的留言或者业务需求通过下列表单反馈给我们。或者您也可以给我们的邮箱s1111111111@11111.com.cn发送邮件。<br /> 我们收到您的信息之后将会转给相关业务人员,并在第一时间与您联系。谢谢!
</p>
<div class="form-txt">
<div class="form-top">
<input type="text" name="name" placeholder="您的称呼" value="" />
<input type="text" name="phone" placeholder="您的联系方式" value="" />
<input type="email" name="email" placeholder="您的邮箱地址" value="" />
</div>
<textarea name="msg" placeholder="留言内容"></textarea>
</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>

View File

@ -1,203 +0,0 @@
<html lang="en"><head>
<meta charset="utf-8">
<title>Swiper demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="../package/swiper-bundle.min.css">
<!-- Demo styles -->
<style>
html,
body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body {
background: #000;
color: #000;
}
.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.mySwiper2 {
height: 80%;
width: 100%;
}
.mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
</head>
<body>
<!-- Swiper -->
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2 swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-655c95e10bc9ce18c" aria-live="polite" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-1.jpg">
</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-2.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="3 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-3.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="4 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-4.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="5 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-5.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="6 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-6.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="7 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-7.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="8 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-8.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="9 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-9.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="10 / 10" style="width: 800px; margin-right: 10px;">
<img src="./images/nature-10.jpg">
</div>
</div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-655c95e10bc9ce18c" aria-disabled="false"></div>
<div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-655c95e10bc9ce18c" aria-disabled="true"></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div thumbsslider="" class="swiper mySwiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-thumbs">
<div class="swiper-wrapper" id="swiper-wrapper-9c331cd4f988d4ec" aria-live="polite" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active" role="group" aria-label="1 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-1.jpg">
</div>
<div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="2 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-2.jpg">
</div>
<div class="swiper-slide swiper-slide-visible" role="group" aria-label="3 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-3.jpg">
</div>
<div class="swiper-slide swiper-slide-visible" role="group" aria-label="4 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-4.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="5 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-5.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="6 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-6.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="7 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-7.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="8 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-8.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="9 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-9.jpg">
</div>
<div class="swiper-slide" role="group" aria-label="10 / 10" style="width: 192.5px; margin-right: 10px;">
<img src="./images/nature-10.jpg">
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<!-- Swiper JS -->
<script src="../package/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var viewSwiper = new Swiper(".view .swiper", {
spaceBetween: 10,
slidesPerView: 4,
freeMode: true,
watchSlidesProgress: true,
});
var previewSwiper = new Swiper(".preview .swiper", {
spaceBetween: 10,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: viewSwiper,
},
});
</script>
</body></html>

View File

@ -19,14 +19,14 @@
font-family:"AlibabaSans-Light"; font-family:"AlibabaSans-Light";
src: url(../fonts/AlibabaSans-Light.otf); src: url(../fonts/AlibabaSans-Light.otf);
} }
/* 隐藏手机端样式 */
.wap-show{
display: none;
}
/* 头部 */ /* 头部 */
.header{ .header{
height: 90px; height: 90px;
background-color: #FFFFFF;
position: fixed;
left: 0;
top: 0;
z-index: 999;
} }
.header .head{ .header .head{
display: flex; display: flex;
@ -43,7 +43,7 @@
} }
.logo span{ .logo span{
display: block; display: block;
font-size: 12rpx; font-size: 12px;
line-height: 1.5; line-height: 1.5;
opacity: .7; opacity: .7;
} }
@ -65,6 +65,22 @@
color: #FFFFFF; color: #FFFFFF;
padding: 0 40px; padding: 0 40px;
} }
.nav-bg{
display: none;
}
.head .head-btn{ display: none; width: 20px; float: right; position: relative; cursor: pointer; margin-top: 5px; z-index: 999;}
.head .head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #262626; border-radius: 50px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
}
.head .head-btn i.bar-top{ margin-top: 0;}
.head .head-btn i.bar-cen{ margin-top: 5px;}
.head .head-btn i.bar-bom{ margin-top: 5px;}
.head .head-btn.cur i{background-color: #262626;}
.head .head-btn.cur i.bar-cen{ opacity: 0;}
.head .head-btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(5px, 5px);transform:rotate(45deg) translate(5px, 5px);}
.head .head-btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5px, -5px);transform: rotate(-45deg) translate(5px, -5px);}
/* 轮播样式 */ /* 轮播样式 */
.banner-swiper { .banner-swiper {
@ -72,6 +88,7 @@
height: 820px; height: 820px;
position: relative; position: relative;
background-color: #FFFFFF; background-color: #FFFFFF;
margin-top: 90px;
} }
.banner-swiper .swiper-slide { .banner-swiper .swiper-slide {
position: relative; position: relative;
@ -297,8 +314,6 @@
margin: 10px 0; margin: 10px 0;
} }
.index-news-list li>a{ .index-news-list li>a{
display: flex;
align-items: center;
width: 85%; width: 85%;
} }
.index-news-list li>a::before{ .index-news-list li>a::before{
@ -307,7 +322,8 @@
width: 6px; width: 6px;
height: 6px; height: 6px;
background-color: #aaaaaa; background-color: #aaaaaa;
margin-right: 10px; margin:12px 10px 0 0;
float: left;
} }
.index-news-list li>span{ .index-news-list li>span{
font-size: 13px; font-size: 13px;
@ -465,7 +481,7 @@
color: #de0011; color: #de0011;
margin-top: 30px; margin-top: 30px;
} }
.index-about-left p{ .index-about-left>p{
font-size: 14px; font-size: 14px;
line-height: 1.8; line-height: 1.8;
text-align: justify; text-align: justify;
@ -656,7 +672,15 @@
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 999; z-index: 99;
}
.pull-item.pull-item-fixed{
width: 1690px;
position: fixed;
top: 90px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
} }
.pull-item li>a{ .pull-item li>a{
line-height: 58px; line-height: 58px;
@ -1063,7 +1087,7 @@
display: block; display: block;
font-size: 15px; font-size: 15px;
line-height: 1.5; line-height: 1.5;
padding: 8px 0; padding: 15px 0;
opacity: .8; opacity: .8;
border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;
} }
@ -1299,9 +1323,384 @@
.area-list li:nth-of-type(25){ .area-list li:nth-of-type(25){
background-color: #FFFFFF; background-color: #FFFFFF;
} }
@media screen and (max-width:10px){
.head{ /* 党群纪检 */
width: 90%; .inspect-img,
.inspect-txt>span{
display: none;
}
.inspect-list li{
margin-bottom: 20px;
padding: 24px 30px;
background-color: rgba(255,255,255,0.5);
}
.inspect-list li>a{
display: flex;
justify-content: space-between;
align-items: center;
}
.inspect-time{
width: 80px;
padding-right: 20px;
border-right: 1px solid #ebebeb;
text-align: right;
}
.inspect-time strong{
font-size: 30px;
}
.inspect-time span{
font-size: 15px;
opacity: .6;
}
.inspect-txt{
width: calc(100% - 100px);
}
.inspect-txt h4{
font-size: 20px;
line-height: 1.5;
font-weight: normal;
}
.inspect-txt p{
font-size: 14px;
line-height: 1.8;
opacity: .7;
margin-top: 10px;
}
.inspect-list li:hover .inspect-txt{
width: calc(100% - 423px);
}
.inspect-list li:hover .inspect-img{
display: block;
}
.inspect-list li:hover .inspect-time{
display: none;
}
.inspect-list li:hover .inspect-txt h4{
color: #de0011;
}
.inspect-img{
width: 403px;
height: 270px;
overflow: hidden;
}
.inspect-img img{
width: 100%;
min-height: 270px;
}
.inspect-list li:hover .inspect-txt>span{
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
font-size: 13px;
line-height: 30px;
color: rgba(38,38,38,0.6);
margin-top: 60px;
}
.inspect-list li:hover .inspect-txt>span>em{
width: 53px;
height: 11px;
background-image: url(../imgs/news-more.png);
background-size: 100%;
}
/* 分页 */
.inspect-page{
padding: 30px 0 35px;
}
.inspect-prev>ins{
margin-right: 22px;
}
.inspect-next>ins{
margin-left: 22px;
}
/* 企业文化 */
.enterprise-list{
margin-bottom: 15px;
}
.enterprise-list li{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.enterprise-list li:first-child{
margin-top: 10px;
}
.enterprise-list li:nth-of-type(odd){
flex-direction: row-reverse;
}
.enterprise-img{
width: 50%;
height: 370px;
overflow: hidden;
}
.enterprise-img img{
width: 100%;
min-height: 370px;
}
.enterprise-txt{
width: 50%;
height: 370px;
padding-top: 95px;
background-color: #FFFFFF;
box-shadow: 0 0 9px rgba(201,201,201,0.3);
border-radius: 2px;
text-align: center;
}
.enterprise-txt img{
width: 64px;
height: 64px;
margin: 0 auto;
}
.enterprise-txt h4{
font-size: 26px;
line-height: 1.2;
margin: 20px 0 15px;
}
.enterprise-txt p{
padding: 0 21%;
font-size: 14px;
line-height: 1.8;
margin: 10px 0;
opacity: .8;
}
/* 团队风采 */
.team-style-swiper{
width: 100%;
overflow: hidden;
}
.team-style-swiper .swiper-slide img{
width: 100%;
}
.team-list-other{
margin-top: 40px;
padding: 15px 25px 25px;
background-color: #FFFFFF;
}
.team-list-other li{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px dashed #c9c9c9;
overflow: hidden;
}
.team-list-other li>a{
width: 88%;
font-size: 16px;
line-height: 3;
}
.team-list-other li>a::before{
content: "";
display: block;
width: 6px;
height: 6px;
background-color: #262626;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
margin: 21px 10px 0 3px;
float: left;
}
.team-list-other li>span{
font-size: 16px;
line-height: 3;
opacity: .8;
}
/* 社会责任 */
.social-list{
margin-top: -30px;
}
.social-list li{
background-color: #FFFFFF;
margin-top: 40px;
}
.social-list li>a{
display: flex;
justify-content: space-between;
align-items: center;
}
.social-txt{
width: 50%;
padding: 28px;
}
.social-txt h4{
font-size: 24px;
line-height: 1.5;
font-weight: normal;
margin-bottom: 15px;
}
.social-txt p{
font-size: 14px;
line-height: 2;
text-align: justify;
}
.social-img{
width: 50%;
height: 428px;
overflow: hidden;
}
.social-img img{
width: 100%;
min-height: 428px;
}
/* 信息公开 */
.information-content{
display: flex;
justify-content: space-between;
margin-bottom: 45px;
}
.information-txt{
width: 55%;
font-size: 14px;
line-height: 2;
text-align: justify;
}
.information-txt p{
margin-top: 35px;
}
.information-img{
display: flex;
justify-content: flex-end;
width: 40%;
}
.information-img img{
width: 98%;
height: auto;
}
/* 经营成果 */
.results-content{
font-size: 14px;
line-height: 2;
margin: -15px 0 15px;
}
.results-content img{
max-width: 100%;
margin: 0 auto;
}
.results-content p{
margin-top: 35px;
}
/* 公开指南 */
.guide-list{
margin-top: 15px;
}
.guide-list li{
margin-bottom: 20px;
padding: 24px 30px;
background-color: rgba(255,255,255,0.5);
}
.guide-list li>a{
display: flex;
justify-content: space-between;
align-items: center;
}
.guide-list li:hover .inspect-time,
.guide-list li:hover .inspect-txt{
color: #de0011;
}
/* 联系我们 */
.contact-content{
padding: 30px;
background-color: #FFFFFF;
margin-top: 8px;
}
.contact-top{
display: flex;
justify-content: space-between;
}
.contact-top li{
width: 25%;
padding: 25px 20px 0;
border-left: 1px solid #e8e8e8;
}
.contact-top li:first-child{
border: 0;
}
.contact-top li>span{
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
box-shadow: 0 0 20px rgba(201,201,201,.3);
border-radius: 100%;
margin: 0 auto 40px;
}
.contact-top li>span img{
height: 28px;
}
.contact-top li>p{
font-size: 15px;
line-height: 1.8;
text-align: center;
}
.contact-top li>img{
width: 105px;
height: 105px;
margin: -12px auto 28px;
}
.contact-map{
height: 400px;
margin: 30px 0 40px;
}
/* 留言 */
.contact-form>strong{
display: block;
font-size: 28px;
color: #de0011;
margin-bottom: 10px;
}
.contact-form>p{
font-size: 15px;
line-height: 1.8;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: rgba(38,38,38,0.5);
}
.form-top{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.form-top input,
.form-txt>textarea{
width: 31.5%;
height: 60px;
padding: 0 17px;
background-color: #f4f5f7;
border: 1px solid #ebecf3;
font-size: 15px;
}
.form-txt>textarea{
width: 100%;
height: 190px;
padding: 10px 17px;
margin-top: 12px;
line-height: 1.8;
}
@media screen and (max-width:1690px){
.w1690{
width: 94%;
}
.logo h1{
font-size: 24px;
}
.nav li>a{
padding: 0 30px;
} }
} }
@media screen and (max-width:1440px){ @media screen and (max-width:1440px){
@ -1321,21 +1720,326 @@
@media screen and (max-width:980px){ @media screen and (max-width:980px){
} }
@media screen and (max-width:900px){
.w1160{
width: 94% !important;
}
}
@media screen and (max-width:768px){ @media screen and (max-width:860px){
/* 显示手机端样式 */ .w1690{
.wap-show{ width: 95%;
}
.content .w1690{
width: 100%;
}
.w1280{
width: 95%;
}
/* 头部 */
.header{
height: 70px;
background-color: rgba(255,255,255,1);
}
.head{
width: 92%;
height: 70px;
}
.logo h1{
font-size: 20px;
}
.head .head-btn{
display: block; display: block;
margin: 0;
}
.head .nav{
display: block;
width: 38vw;
height: 100vh;
background-color: #FFFFFF;
position: fixed;
padding-top: 70px;
top: 0px;
right: -38vw;
z-index: 999;
transition: all .6s;
}
.head .nav.active{
right: 0;
transition: all .6s;
}
.head .nav-bg{
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
z-index: 200;
transition: all .6s;
}
.head .nav-bg.active{
display: block;
opacity: 1;
transition: all .6s;
}
.head .nav li{
margin: 0;
padding: 0;
height: auto;
}
.head .nav li>a{
width: 100%;
font-size: 15px;
margin: 0;
padding: 0;
line-height: 60px;
text-align: center;
}
.head .nav li.active>a{
font-weight: normal;
border: 0;
color: #FFFFFF;
}
/* banner */
.banner-swiper{
width: 100%;
height: 280px;
margin-top: 70px;
}
.banner-title{
width: 80%;
top: 43%;
}
.banner-title h2{
font-size: 30px;
}
.banner-title p{
font-size: 16px;
}
.banner-title span{
font-size: 12px;
}
.index-news-information{
flex-wrap: wrap;
margin-top: 25px;
}
.index-news-first{
padding: 10px;
}
.index-news{
width: 100%;
flex-wrap: wrap;
}
.index-news-all{
margin-top: 12px;
}
.index-news>div{
width: 100%;
}
.left-img{
height: 254px;
overflow: hidden;
}
.left-img img{
min-height: 254px;
}
.index-news-right{
margin-top: 20px;
}
.index-title ins{
font-size: 50px;
}
.index-title-item{
margin-bottom: 8px;
}
.index-title-item li{
font-size: 16px;
}
.index-news-first>a{
flex-wrap: wrap;
}
.index-news-first>a>div{
width: 100%;
}
.index-news-first{
height: auto;
}
.first-img{
width: 100%;
height: 235px;
margin-bottom: 15px;
overflow: hidden;
}
.first-img img{
width: 100%;
min-height: 235px;
}
.index-news-list li>a{
width: 83%;
}
.index-news-list li>a::before{
width: 4px;
height: 4px;
margin: 13px 6px 0 0 ;
}
.index-information{
width: 100%;
}
.index-information-title,
.index-information-list{
padding: 0 15px;
}
.index-business{
margin-top: 25px;
height: 500px;
}
.index-business-list li{
height: 500px;
}
.index-business-list li img{
min-height: 500px;
}
.index-business-txt{
width: 86%;
top: 13%;
transform: translate(-50%,-10%);
}
.ndex-business-title h3{
font-size: 30px;
}
.ndex-business-title span{
font-size: 16px;
}
.index-business-item{
height: 70px;
}
.index-business-item li>img{
width: 30px;
height: 30px;
margin-top: 10px;
}
.index-business-item li>p{
font-size: 12px;
}
.index-about{
margin-top: 25px;
padding: 10px;
position: relative;
margin-bottom: 25px;
}
.index-about-top{
flex-wrap: wrap;
}
.index-about-top>div{
width: 100%;
}
.index-about-right{
position: absolute;
right: 10px;
top: 20px;
}
.index-about-right img{
height: 45px;
}
.corporate-name{
margin-top: 10px;
}
.index-about-left .more{
margin: 20px auto 0;
}
.index-about-bottom{
flex-wrap: wrap;
margin-top: 10px;
}
.index-about-bottom>li{
width: 100%;
margin: 10px 0;
padding: 25px 0;
}
.index-about-bottom li p{
padding: 0 10%;
}
.foot{
flex-wrap: wrap;
padding: 20px 10px;
}
.foot>div{
width: 100%;
}
.foot-left>p{
text-align: justify;
}
.foot-left>span{
margin: 20px 0;
}
.links{
width: 100%;
height: 36Wpx;
}
.links .links-item{
top: 0;
transform: translateY(-100%);
}
.links:hover .links-item{
height: auto;
padding: 10px 15px;
border-top: none;
border-bottom: 1px solid rgba(255,255,255,.8);
}
.links p{
line-height: 36px;
}
.links p>img{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
}
.links:hover p>img{
transform:rotate(0);
-ms-transform:rotate(0); /* IE 9 */
-moz-transform:rotate(0); /* Firefox */
-webkit-transform:rotate(0); /* Safari 和 Chrome */
-o-transform:rotate(0); /* Opera */
}
.foot-right{
max-width: 100%;
}
.follow{
margin-top: 20px;
}
.pull-item li>a{
padding: 0 8px;
font-size: 15px;
}
.pull-item-02 li>a{
padding: 0 5px;
font-size: 14px;
}
.section{
padding: 25px 0;
}
.abstract-txt p,
.speech-txt p{
margin-top: 15px;
}
.abstract-txt img{
margin: 15px auto;
}
.team-list .team-item{
width: 100%;
margin: 0 0 20px 0;
}
.team-swiper{
padding-bottom: 30px;
}
.organization-img{
margin-top: 20px;
}
.organization-img img{
width: 98%;
} }
} }
@media screen and (max-width:350px){ @media screen and (max-width:350px){
} }

149
culture.html Normal file
View File

@ -0,0 +1,149 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>企业文化-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li class="active"><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/culture-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>culture</h2>
<p>企业文化</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="culture.html">企业理念</a></li>
<li><a href="team.html">团队风采</a></li>
<li><a href="social.html">社会责任</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news culture w1280">
<div class="pull-title">
<h3>企业理念</h3>
<span>Enterprise concept</span>
</div>
<ul class="enterprise-list">
<li>
<div class="enterprise-img">
<img src="imgs/culture-01.jpg" alt="企业愿景">
</div>
<div class="enterprise-txt">
<img src="imgs/about-icon.png" alt="企业愿景">
<h4>企业愿景</h4>
<p class="clips3">文字后台替换四川蜀能矿产有限责任公司成立于 四川路桥建设集团股份有限公司</p>
</div>
</li>
<li>
<div class="enterprise-img">
<img src="imgs/culture-02.jpg" alt="核心价值观">
</div>
<div class="enterprise-txt">
<img src="imgs/about-icon.png" alt="核心价值观">
<h4>核心价值观</h4>
<p class="clips3">文字后台替换四川蜀能矿产有限责任公司成立于 四川路桥建设集团股份有限公司</p>
</div>
</li>
<li>
<div class="enterprise-img">
<img src="imgs/culture-03.jpg" alt="战略&经营理念">
</div>
<div class="enterprise-txt">
<img src="imgs/about-icon.png" alt="战略&经营理念">
<h4>战略&经营理念</h4>
<p class="clips3">文字后台替换四川蜀能矿产有限责任公司成立于 四川路桥建设集团股份有限公司</p>
</div>
</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>

254
guide.html Normal file
View File

@ -0,0 +1,254 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>信息公开-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li class="active"><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/information-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>Information</h2>
<p>信息公开</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li><a href="information.html">基本信息</a></li>
<li><a href="results.html">经营成果</a></li>
<li class="cur"><a href="guide.html">公开指南</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news information w1280">
<div class="pull-title">
<h3>公开指南</h3>
<span>Public Guide</span>
</div>
<ul class="guide-list">
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
</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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 242 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 436 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 440 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 503 KiB

BIN
imgs/culture-01.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

BIN
imgs/culture-02.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

BIN
imgs/culture-03.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 KiB

BIN
imgs/ewm.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
imgs/icomap.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
imgs/icon-addr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
imgs/icon-email.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
imgs/icon-phone.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
imgs/information.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 469 KiB

BIN
imgs/inspect-detail.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 251 KiB

BIN
imgs/inspect-list.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

BIN
imgs/results.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 369 KiB

BIN
imgs/social-list.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

View File

@ -34,11 +34,6 @@
</div> </div>
<!-- 导航 --> <!-- 导航 -->
<ul class="nav"> <ul class="nav">
<!-- 导航logo -->
<div class="nav-logo wap-show">
<p>四川蜀能矿产有限责任公司</p>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<li class="active"><a href="index.html">网站首页</a></li> <li class="active"><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li> <li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li> <li><a href="news.html">新闻动态</a></li>
@ -49,8 +44,8 @@
<li><a href="contact.html">联系我们</a></li> <li><a href="contact.html">联系我们</a></li>
</ul> </ul>
<!-- 导航按钮 --> <!-- 导航按钮 -->
<div class="nav-bg wap-show"></div> <div class="nav-bg"></div>
<div class="head-btn wap-show"> <div class="head-btn">
<i class="bar-top"></i> <i class="bar-top"></i>
<i class="bar-cen"></i> <i class="bar-cen"></i>
<i class="bar-bom"></i> <i class="bar-bom"></i>

128
information.html Normal file
View File

@ -0,0 +1,128 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>信息公开-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li class="active"><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/information-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>Information</h2>
<p>信息公开</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="information.html">基本信息</a></li>
<li><a href="results.html">经营成果</a></li>
<li><a href="guide.html">公开指南</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news information w1280">
<div class="pull-title">
<h3>基本信息</h3>
<span>essential information</span>
</div>
<div class="information-content">
<div class="information-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="information-img">
<img src="imgs/information.png" alt="">
</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>

View File

@ -1,9 +1,144 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="zh-cmn-Hans">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title></title> <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> </head>
<body> <body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li 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"></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/inspect-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>Party masses</h2>
<p>党群纪检</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li class="cur"><a href="inspect.html">党群工作</a></li>
<li><a href="inspect.html">纪检监察</a></li>
<li><a href="inspect.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/inspect-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 inspect-page">
<a href="" class="prev inspect-prev">
<ins><img src="imgs/arrow-page.png" alt=""></ins>
<div class="page-title">
<p class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问节送温暖慰问...</p>
<span>2022.01.20</span>
</div>
</a>
<a href="" class="next inspect-next">
<div class="page-title">
<p class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问节送温暖慰问</p>
<span>2022.01.20</span>
</div>
<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> </body>
</html> </html>

View File

@ -13,7 +13,7 @@
<meta name="theme-color" content="#1a73e9"> <meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate"> <meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<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.min.css"/>
@ -34,11 +34,6 @@
</div> </div>
<!-- 导航 --> <!-- 导航 -->
<ul class="nav"> <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="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li> <li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li> <li><a href="news.html">新闻动态</a></li>
@ -49,8 +44,8 @@
<li><a href="contact.html">联系我们</a></li> <li><a href="contact.html">联系我们</a></li>
</ul> </ul>
<!-- 导航按钮 --> <!-- 导航按钮 -->
<div class="nav-bg wap-show"></div> <div class="nav-bg"></div>
<div class="head-btn wap-show"> <div class="head-btn">
<i class="bar-top"></i> <i class="bar-top"></i>
<i class="bar-cen"></i> <i class="bar-cen"></i>
<i class="bar-bom"></i> <i class="bar-bom"></i>
@ -61,18 +56,19 @@
<div class="pull-swiper banner-swiper swiper w1690"> <div class="pull-swiper banner-swiper swiper w1690">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img src="imgs/banner/news-banner.jpg" width="100%" height="100%" alt=""> <img src="imgs/banner/inspect-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"> <div class="banner-title pull-banner-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0">
<h2>news</h2> <h2>Party masses</h2>
<p>新闻动态</p> <p>党群纪检</p>
<ins></ins> <ins></ins>
</div> </div>
</div> </div>
</div> </div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
<ul class="pull-item"> <ul class="pull-item">
<li class="cur"><a href="news.html">公司新闻</a></li> <li class="cur"><a href="inspect.html">党群工作</a></li>
<li><a href="news.html">行业新闻</a></li> <li><a href="inspect.html">纪检监察</a></li>
<li><a href="inspect.html">学习园地</a></li>
</ul> </ul>
</div> </div>
<!-- 主体内容 --> <!-- 主体内容 -->
@ -84,7 +80,146 @@
<span>Party masses work</span> <span>Party masses work</span>
</div> </div>
<ul class="inspect-list"> <ul class="inspect-list">
<li>1</li> <li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="inspect-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<div class="inspect-time">
<strong>30</strong>
<span>2022.01</span>
</div>
<div class="inspect-txt">
<h4 class="clips1">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips2">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送温暖慰问活动暨安全生产及...</p>
<span>2022.01.30<em></em></span>
</div>
</a>
</li>
</ul> </ul>
</div> </div>
<div class="pase-size"> <div class="pase-size">

View File

@ -67,9 +67,9 @@ document.write('<script type="text/javascript" src="https://api.map.baidu.com/ap
if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);} if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);}
} }
var icowidth = 28; var icowidth = 43;
var icoheight = 36; var icoheight = 55;
var myIcon = new BMap.Icon("imgs/icon/icomap.png", new BMap.Size(icowidth,icoheight)); var myIcon = new BMap.Icon("imgs/icomap.png", new BMap.Size(icowidth,icoheight));
//创建标注 //创建标注
var marker = new BMap.Marker(point,{icon:myIcon}); var marker = new BMap.Marker(point,{icon:myIcon});

View File

@ -115,7 +115,7 @@ jQuery(function($){
}) })
} }
// 主营业务滚动 // 主营业务滚动
var viewSwiper = new Swiper('.swiper', { var viewSwiper = new Swiper('.view-swiper', {
navigation: { navigation: {
prevEl: '.preview .preview-arrow-prev', prevEl: '.preview .preview-arrow-prev',
nextEl: '.preview .preview-arrow-next', nextEl: '.preview .preview-arrow-next',
@ -123,28 +123,57 @@ jQuery(function($){
thumbs: { thumbs: {
swiper: { swiper: {
el: '.preview-swiper', //注意此处的设置方式 el: '.preview-swiper', //注意此处的设置方式
slidesPerView: 3,
watchSlidesVisibility: true,//防止不可点击 watchSlidesVisibility: true,//防止不可点击
}, },
} }
}); });
// // 回到顶部
// $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);});
// 回到顶部 // 走进蜀能锚点
$('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);}); $('.abstract').click(function(){
$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 147}, 600);
// 产品锚点 $('.pull-item>li').removeClass("cur");
$('.onExperience').click(function(){ $(this).addClass("cur");
$('html,body').animate({scrollTop:$('.experience-bg').offset().top - 122}, 600); });
$('.product-nav-item>li').removeClass("active"); $('.speech').click(function(){
$(this).addClass("active"); $('html,body').animate({scrollTop:$('.speech-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.team').click(function(){
$('html,body').animate({scrollTop:$('.team-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.organization').click(function(){
$('html,body').animate({scrollTop:$('.organization-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
});
$('.memorabilia').click(function(){
$('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 147}, 600);
$('.pull-item>li').removeClass("cur");
$(this).addClass("cur");
}); });
// 判断价格图片是否为空 // 团队风采滚动
if(!$('.price img').attr('src')){ var teamStyleSwiper = new Swiper('.team-style-swiper', {
$(".price").html("<span>定价图片后台上传</span>"); loop:false,//开启循环播放
} autoplay: true,//可选选项,自动滑动
slidesPerView: 3,
})
// // 判断价格图片是否为空
// if(!$('.price img').attr('src')){
// $(".price").html("<span>定价图片后台上传</span>");
// }
// 手机导航按钮 // 手机导航按钮
$('.head .head-btn').click(function() { $('.head .head-btn').click(function() {

1
js/team-swiper.js Normal file
View File

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

9
new_file.html Normal file
View File

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

View File

@ -13,7 +13,7 @@
<meta name="theme-color" content="#1a73e9"> <meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate"> <meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<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.min.css"/>
@ -34,11 +34,6 @@
</div> </div>
<!-- 导航 --> <!-- 导航 -->
<ul class="nav"> <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="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li> <li><a href="about.html">走进蜀能</a></li>
<li class="active"><a href="news.html">新闻动态</a></li> <li class="active"><a href="news.html">新闻动态</a></li>
@ -49,8 +44,8 @@
<li><a href="contact.html">联系我们</a></li> <li><a href="contact.html">联系我们</a></li>
</ul> </ul>
<!-- 导航按钮 --> <!-- 导航按钮 -->
<div class="nav-bg wap-show"></div> <div class="nav-bg"></div>
<div class="head-btn wap-show"> <div class="head-btn">
<i class="bar-top"></i> <i class="bar-top"></i>
<i class="bar-cen"></i> <i class="bar-cen"></i>
<i class="bar-bom"></i> <i class="bar-bom"></i>

View File

@ -13,7 +13,7 @@
<meta name="theme-color" content="#1a73e9"> <meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate"> <meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<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.min.css"/>
@ -34,11 +34,6 @@
</div> </div>
<!-- 导航 --> <!-- 导航 -->
<ul class="nav"> <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="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li> <li><a href="about.html">走进蜀能</a></li>
<li class="active"><a href="news.html">新闻动态</a></li> <li class="active"><a href="news.html">新闻动态</a></li>
@ -49,8 +44,8 @@
<li><a href="contact.html">联系我们</a></li> <li><a href="contact.html">联系我们</a></li>
</ul> </ul>
<!-- 导航按钮 --> <!-- 导航按钮 -->
<div class="nav-bg wap-show"></div> <div class="nav-bg"></div>
<div class="head-btn wap-show"> <div class="head-btn">
<i class="bar-top"></i> <i class="bar-top"></i>
<i class="bar-cen"></i> <i class="bar-cen"></i>
<i class="bar-bom"></i> <i class="bar-bom"></i>

124
results.html Normal file
View File

@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>信息公开-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li><a href="culture.html">企业文化</a></li>
<li class="active"><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/information-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>Information</h2>
<p>信息公开</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li><a href="information.html">基本信息</a></li>
<li class="cur"><a href="results.html">经营成果</a></li>
<li><a href="guide.html">公开指南</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news information w1280">
<div class="pull-title">
<h3>经营成果</h3>
<span>Operating results</span>
</div>
<div class="results-content">
<p><img src="imgs/results.jpg" alt=""></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号景观房
</p>
</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>

200
social.html Normal file
View File

@ -0,0 +1,200 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>企业文化-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li class="active"><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/culture-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>culture</h2>
<p>企业文化</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li><a href="culture.html">企业理念</a></li>
<li><a href="team.html">团队风采</a></li>
<li class="cur"><a href="social.html">社会责任</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news culture w1280">
<div class="pull-title">
<h3>社会责任</h3>
<span>social responsibility</span>
</div>
<ul class="social-list">
<li>
<a href="inspect-detail.html">
<div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips6">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党。</p>
</div>
<div class="social-img">
<img src="imgs/social-list.jpg" alt="">
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips6">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党。</p>
</div>
<div class="social-img">
<img src="imgs/social-list.jpg" alt="">
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips6">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党。</p>
</div>
<div class="social-img">
<img src="imgs/social-list.jpg" alt="">
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips6">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党。</p>
</div>
<div class="social-img">
<img src="imgs/social-list.jpg" alt="">
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips6">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党。</p>
</div>
<div class="social-img">
<img src="imgs/social-list.jpg" alt="">
</div>
</a>
</li>
<li>
<a href="inspect-detail.html">
<div class="social-txt">
<h4 class="clips2">蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动</h4>
<p class="clips6">蜀道新制式轨道集团党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖委委员副董事长李洲等一行赴节送温暖慰问李洲等一行赴节送温暖慰问瑞英党委委员副董事长李洲等一行赴节送党委副书记、副董瑞英党委委员副董事长瑞英党。</p>
</div>
<div class="social-img">
<img src="imgs/social-list.jpg" alt="">
</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>

172
team.html Normal file
View File

@ -0,0 +1,172 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="四川蜀能矿产有限责任公司" />
<meta name="keywords" content="四川蜀能矿产有限责任公司" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>企业文化-四川蜀能矿产有限责任公司</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<div class="logo">
<h1>四川蜀能矿产有限责任公司</h1>
<span>Sichuan Shuneng Mineral Co., Ltd</span>
</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">走进蜀能</a></li>
<li><a href="news.html">新闻动态</a></li>
<li><a href="business.html">主营业务</a></li>
<li><a href="inspect.html">党群纪检</a></li>
<li class="active"><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/culture-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>culture</h2>
<p>企业文化</p>
<ins></ins>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<ul class="pull-item">
<li><a href="culture.html">企业理念</a></li>
<li class="cur"><a href="team.html">团队风采</a></li>
<li><a href="social.html">社会责任</a></li>
</ul>
</div>
<!-- 主体内容 -->
<div class="content w100" >
<div class="news-bg w1690">
<div class="news team w1280">
<div class="pull-title">
<h3>团队风采</h3>
<span>Team style</span>
</div>
<div class="team-style-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
</a>
</div>
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
</a>
</div>
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
</a>
</div>
<div class="swiper-slide">
<a href="inspect-detail.html">
<div class="team-img"><img src="imgs/inspect-list.jpg" alt=""></div>
<p>蜀道新制式轨道集团领导赴都金公司开展年春节送温暖慰问活动暨安全环保督温暖 慰问活动暨安全环保督察工作</p>
</a>
</div>
</div>
</div>
<ul class="team-list-other">
<li><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><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><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><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><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>
</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>