You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
670 lines
27 KiB
670 lines
27 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<meta name="description" content=" HTML5 Template"> |
|
|
|
<!-- Site Title --> |
|
<title>核心团队</title> |
|
|
|
<!-- Site Favicon --> |
|
<link rel="icon" type="image/x-icon" href="assets/imgs/icon/favicon.png"> |
|
|
|
|
|
<!-- Fonts |
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
<link |
|
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap" |
|
rel="stylesheet"> --> |
|
|
|
|
|
<!-- All CSS Files --> |
|
<link rel="stylesheet" href="assets/css/all.min.css"> |
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css"> |
|
<link rel="stylesheet" href="assets/css/meanmenu.min.css"> |
|
<link rel="stylesheet" href="assets/css/magnific-popup.css"> |
|
<link rel="stylesheet" href="assets/css/aos.css"> |
|
<link rel="stylesheet" href="assets/css/progressbar.css"> |
|
<link rel="stylesheet" href="assets/css/master.css"> |
|
<link rel="stylesheet" href="assets/css/swiper.min.css"> |
|
<style> |
|
.my_breadcrumb__area { |
|
padding-top: 180px; |
|
padding-bottom: 132px; |
|
background-image: url(assets/imgs/hero/breadcrumb.png); |
|
background-position: center; |
|
background-repeat: no-repeat; |
|
background-size: cover; |
|
} |
|
.beian { |
|
text-align: center; /* 文本居中 */ |
|
padding: 10px 0; /* 内边距 */ |
|
width: 100%; /* 宽度为100% */ |
|
position: fixed; /* 固定位置 */ |
|
left: 0; /* 左侧对齐 */ |
|
bottom: 0; /* 底部对齐 */ |
|
color: #6c757d; /* 文本颜色 */ |
|
text-decoration: none; /* 去除下划线 */ |
|
} |
|
|
|
.container1 { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
background-color: #fff; |
|
flex-direction: column; |
|
} |
|
|
|
.timeline { |
|
width: 100%; |
|
background-color: #fff; |
|
box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2); |
|
} |
|
.timeline .swiper-container { |
|
height: 600px; |
|
width: 100%; |
|
position: relative; |
|
} |
|
.timeline .swiper-wrapper { |
|
transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; |
|
} |
|
.timeline .swiper-slide { |
|
position: relative; |
|
color: #fff; |
|
overflow: hidden; |
|
background-size: cover; |
|
background-repeat: no-repeat; |
|
background-position: center center; |
|
} |
|
.timeline .swiper-slide::after { |
|
content: ""; |
|
position: absolute; |
|
z-index: 1; |
|
right: -115%; |
|
bottom: -10%; |
|
width: 100%; |
|
height: 100%; |
|
background-color: rgba(0, 0, 0, 0.7); |
|
box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7); |
|
border-radius: 100%; |
|
} |
|
.timeline .swiper-slide-content { |
|
position: absolute; |
|
text-align: center; |
|
width: 80%; |
|
max-width: 310px; |
|
right: 50%; |
|
top: 13%; |
|
-webkit-transform: translate(50%, 0); |
|
transform: translate(50%, 0); |
|
font-size: 12px; |
|
z-index: 2; |
|
} |
|
.timeline .swiper-slide .timeline-year { |
|
display: block; |
|
font-style: italic; |
|
font-size: 42px; |
|
margin-bottom: 50px; |
|
-webkit-transform: translate3d(20px, 0, 0); |
|
transform: translate3d(20px, 0, 0); |
|
color: #d4a024; |
|
font-weight: 300; |
|
opacity: 0; |
|
transition: .2s ease .4s; |
|
} |
|
.timeline .swiper-slide .timeline-title { |
|
font-weight: 800; |
|
font-size: 34px; |
|
margin: 0 0 30px; |
|
opacity: 0; |
|
-webkit-transform: translate3d(20px, 0, 0); |
|
transform: translate3d(20px, 0, 0); |
|
transition: .2s ease .5s; |
|
} |
|
.timeline .swiper-slide .timeline-text { |
|
line-height: 1.5; |
|
opacity: 0; |
|
-webkit-transform: translate3d(20px, 0, 0); |
|
transform: translate3d(20px, 0, 0); |
|
transition: .2s ease .6s; |
|
} |
|
.timeline .swiper-slide-active .timeline-year { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
transition: .4s ease 1.6s; |
|
} |
|
.timeline .swiper-slide-active .timeline-title { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
transition: .4s ease 1.7s; |
|
} |
|
.timeline .swiper-slide-active .timeline-text { |
|
opacity: 1; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
transition: .4s ease 1.8s; |
|
} |
|
.timeline .swiper-pagination { |
|
right: 15% !important; |
|
height: 100%; |
|
display: none; |
|
flex-direction: column; |
|
justify-content: center; |
|
font-style: italic; |
|
font-weight: 300; |
|
font-size: 18px; |
|
z-index: 1; |
|
} |
|
.timeline .swiper-pagination::before { |
|
content: ""; |
|
position: absolute; |
|
left: -30px; |
|
top: 0; |
|
height: 100%; |
|
width: 1px; |
|
background-color: rgba(255, 255, 255, 0.2); |
|
} |
|
.timeline .swiper-pagination-bullet { |
|
width: auto; |
|
height: auto; |
|
text-align: center; |
|
opacity: 1; |
|
background: transparent; |
|
color: #d4a024; |
|
margin: 15px 0 !important; |
|
position: relative; |
|
} |
|
.timeline .swiper-pagination-bullet::before { |
|
content: ""; |
|
position: absolute; |
|
top: 8px; |
|
left: -32.5px; |
|
width: 6px; |
|
height: 6px; |
|
border-radius: 100%; |
|
background-color: #d4a024; |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
transition: .2s; |
|
} |
|
.timeline .swiper-pagination-bullet-active { |
|
color: #d4a024; |
|
} |
|
.timeline .swiper-pagination-bullet-active::before { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
.timeline .swiper-button-next, |
|
.timeline .swiper-button-prev { |
|
background-size: 20px 20px; |
|
top: 15%; |
|
width: 20px; |
|
height: 20px; |
|
margin-top: 0; |
|
z-index: 2; |
|
transition: .2s; |
|
} |
|
.timeline .swiper-button-prev { |
|
left: 8%; |
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); |
|
} |
|
.timeline .swiper-button-prev:hover { |
|
-webkit-transform: translateX(-3px); |
|
transform: translateX(-3px); |
|
} |
|
.timeline .swiper-button-next { |
|
right: 8%; |
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); |
|
} |
|
.timeline .swiper-button-next:hover { |
|
-webkit-transform: translateX(3px); |
|
transform: translateX(3px); |
|
} |
|
@media screen and (min-width: 768px) { |
|
.timeline .swiper-slide::after { |
|
right: -30%; |
|
bottom: -8%; |
|
width: 240px; |
|
height: 50%; |
|
box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7); |
|
} |
|
.timeline .swiper-slide-content { |
|
right: 30%; |
|
top: 50%; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
width: 310px; |
|
font-size: 11px; |
|
text-align: right; |
|
} |
|
.timeline .swiper-slide .timeline-year { |
|
margin-bottom: 0; |
|
font-size: 32px; |
|
} |
|
.timeline .swiper-slide .timeline-title { |
|
font-size: 46px; |
|
margin: 0; |
|
} |
|
.timeline .swiper-pagination { |
|
display: flex; |
|
} |
|
.timeline .swiper-button-prev { |
|
top: 15%; |
|
left: auto; |
|
right: 15%; |
|
-webkit-transform: rotate(90deg) translate(0, 10px); |
|
transform: rotate(90deg) translate(0, 10px); |
|
} |
|
.timeline .swiper-button-prev:hover { |
|
-webkit-transform: rotate(90deg) translate(-3px, 10px); |
|
transform: rotate(90deg) translate(-3px, 10px); |
|
} |
|
.timeline .swiper-button-next { |
|
top: auto; |
|
bottom: 15%; |
|
right: 15%; |
|
-webkit-transform: rotate(90deg) translate(0, 10px); |
|
transform: rotate(90deg) translate(0, 10px); |
|
} |
|
.timeline .swiper-button-next:hover { |
|
-webkit-transform: rotate(90deg) translate(3px, 10px); |
|
transform: rotate(90deg) translate(3px, 10px); |
|
} |
|
} |
|
@media screen and (min-width: 1024px) { |
|
.timeline .swiper-slide::after { |
|
right: -20%; |
|
bottom: -12%; |
|
width: 240px; |
|
height: 50%; |
|
box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7); |
|
} |
|
.timeline .swiper-slide-content { |
|
right: 35%; |
|
} |
|
} |
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<!-- Preloader --> |
|
<div id="preloader"> |
|
<div id="loader"></div> |
|
</div> |
|
|
|
<!-- Scroll to top --> |
|
<button id="scroll_top" class="scroll-top"><i class="fa-solid fa-arrow-up"></i></button> |
|
<div id="smooth-wrapper"> |
|
<div id="smooth-content"> |
|
|
|
<!-- Header area start --> |
|
<header class="header__area pos-abs plr-100"> |
|
<div class="header__inner"> |
|
<div class="header__logo"> |
|
<a href="index.html"><img style="width:50px;height:45px" src="assets/imgs/logo/logo4.png" alt="Site Logo"></a> |
|
<span style="margin-bottom: 3px;vertical-align: middle;display:inline-block;font-size:25px;line-height: 45px;">亿能通达</span> |
|
</div> |
|
<div class="header__menu"> |
|
<nav class="main-menu"> |
|
<ul> |
|
<li><a href="index.html">首页</a> |
|
</li> |
|
<li><a href="about.html">公司简介</a></li> |
|
|
|
<li class="has-dropdown"><a href="#">业务展示</a> |
|
<ul class="main-dropdown"> |
|
<li><a href="finance-details.html">国际贸易金融服务</a></li> |
|
<li><a href="service-energy.html">能源补给服务</a></li> |
|
<li><a href="service.html">国际贸易</a></li> |
|
<li><a href="finance-productline.html">新能源产线海外投资</a></li> |
|
<li><a href="software-details.html">物联网平台技术服务</a></li> |
|
</ul> |
|
</li> |
|
|
|
<li><a href="team-details.html">核心团队</a> |
|
</li> |
|
<li><a href="contact.html">联系我们</a></li> |
|
<li><a href="our-news.html">新闻动态</a></li> |
|
</ul> |
|
</nav> |
|
</div> |
|
<div class="header__others"> |
|
<div class="header__offcanvas"> |
|
<button class="menu_icon"> |
|
<img src="assets/imgs/icon/menu.png" alt="Menu Icon"> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
</header> |
|
|
|
<div class="search__form"> |
|
<form action="#"> |
|
<input type="text" name="s" placeholder="Search..."> |
|
</form> |
|
</div> |
|
<!-- Header area end --> |
|
|
|
|
|
<!-- Offcanvas area start --> |
|
<div class="offcanvas__area"> |
|
<div class="offcanvas__inner"> |
|
<div class="offcanvas__top" style="display:block;"> |
|
<img style="width:50px;height:45px" src="assets/imgs/logo/logo4.png" alt="Logo"> |
|
<span style="font-size:18px;line-height: 45px;color:white;">亿能通达</span> |
|
<span style="font-size:18px;line-height: 45px;color:white;"> </span> |
|
<button id="offcanvas_close" style="display:inline"><i class="fa-solid fa-xmark"></i></button> |
|
</div> |
|
<div class="offcanvas__menu"> |
|
<div class="offcanvas-menu"> |
|
<ul> |
|
<li><a href="index.html">首页</a> |
|
</li> |
|
<li><a href="about.html">公司简介</a></li> |
|
|
|
<li><a href="#">业务展示</a> |
|
<ul> |
|
<li><a href="finance-details.html">国际贸易金融服务</a></li> |
|
<li><a href="service-energy.html">能源补给服务</a></li> |
|
<li><a href="service.html">国际贸易</a></li> |
|
<li><a href="finance-productline.html">新能源产线海外投资</a></li> |
|
<li><a href="software-details.html">物联网平台技术服务</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="team-details.html">核心团队</a> |
|
</li> |
|
<li><a href="contact.html">联系我们</a></li> |
|
<li><a href="our-news.html">新闻动态</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="offcanvas__btm"> |
|
<div class="footer__address-3"> |
|
<ul> |
|
<li> |
|
<span><i class="fa-solid fa-location-dot"></i></span> |
|
<p class="text-white">中国（四川）自由贸易试验区成都高新区天府大道北段1700号6栋1单元3层303号</p> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-phone"></i></span> |
|
<div> |
|
<a href=""></a> |
|
</div> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-envelope"></i></span> |
|
<div> |
|
<a href=""></a> |
|
</div> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="footer__social-3"> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Offcanvas area end --> |
|
|
|
|
|
<main> |
|
|
|
<!--<div class="team-blog-area pt-150 pt-130"> |
|
<div class="container"> |
|
<div class="team-details-page"> |
|
<div class="row"> |
|
<div class="col-lg-5 text-center"> |
|
<div class="thumb mb-4 mb-lg-0"> |
|
<img src="assets/imgs/team/huchen1.jpg" alt="img"> |
|
</div> |
|
</div> |
|
<div class="col-lg-7 align-self-center ps-xl-5"> |
|
<h3 class="mb-2">胡诚</h3> |
|
<span class="designation">董事长</span> |
|
<div class="details mt-4"> |
|
<h4>简介</h4> |
|
<p>天津大学管理科学与工程学博士学历。1994年以前在天津大学管理学院从事国际金融学教学与研究工作，任职副教授，副系主任，出版金融专著3本，获国家级二等奖一项，并在加拿大Concordia大学任访问学者。</p> |
|
<p>1994年起一直在香港金融行业工作，历任多间中资公司董事、总经理职务。2003年加入香港致富证券集团，创办致富融资有限公司，任董事局主席，持有香港证监会证券行业及机构负责人6号及9号牌照，成功策划并操作8间国内公司海外上市，多次应邀参加上海陆家嘴金融论坛发表主旨演讲，并获得多项国际国内奖项。</p> |
|
<p>2015年加入中国机械工业联合会下属的中机联投资管理公司，任职总经理，与中国机械工业联合会下属的中国汽车工业协会工作关系密切，在中国汽车行业各企业有广泛的联系。</p> |
|
<p>2016年创建中机联投资管理公司控股的中润通达（深圳）管理咨询有限公司，引进中国贸促会团队开拓中国汽车的海外市场，与上合组织和中国-东盟商务理事会建有工作关系。在集合上述资源的基础上，胡诚在深圳前海注册香港独资的中润联华（深圳）管理咨询有限公司。2024年以中润联华（深圳）管理咨询有限公司入股亿能通达有限公司。</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="team-blog-area pt-150 pt-130"> |
|
<div class="container"> |
|
<div class="team-details-page"> |
|
<div class="row"> |
|
<div class="col-lg-5 text-center"> |
|
<div class="thumb mb-4 mb-lg-0"> |
|
<img src="assets/imgs/team/yangyang.png" alt="img"> |
|
</div> |
|
</div> |
|
<div class="col-lg-7 align-self-center ps-xl-5"> |
|
<h3 class="mb-2">杨洋</h3> |
|
<span class="designation">董事 总经理</span> |
|
<div class="details mt-4"> |
|
<h4>简介</h4> |
|
<p>毕业于四川大学机械系。</p> |
|
<p>2009年至今致力于企业管理咨询，并为上千家企业提供标准化建设服务。</p> |
|
<p>2018年创建四川九标认证有限公司。</p> |
|
<p>2023年携公司参与编制三项国家标准，并发布实施，目前继续在国际贸易和售后服务领域深化对标准的开发和研究。</p> |
|
<p>2024年以四川九标认证有限公司入股亿能通达有限公司。</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="team-blog-area pt-150 pt-130"> |
|
<div class="container"> |
|
<div class="team-details-page"> |
|
<div class="row"> |
|
<div class="col-lg-5 text-center"> |
|
<div class="thumb mb-4 mb-lg-0"> |
|
<img src="assets/imgs/team/lym.png" alt="img"> |
|
</div> |
|
</div> |
|
<div class="col-lg-7 align-self-center ps-xl-5"> |
|
<h3 class="mb-2">李衍鸣</h3> |
|
<span class="designation">财务融资顾问</span> |
|
<div class="details mt-4"> |
|
<h4>简介</h4> |
|
<p>香港城市大学工商管理学硕士及财务理学硕士。</p> |
|
<p>持有英国特许银行学会及香港银行学会院士资历。</p> |
|
<p>曾任美资金融机构(Heller Group)之贸易融资部门主管。</p> |
|
<p>具10多年企业银行工作经验：包括在道亨银行，大新银行，美国银行，华比银行等。</p> |
|
<p>现主力安排各类贸易融资，并全面设立管理及财务系统达到预上市标准。</p> |
|
<p>同时负责公司财务顾问工作，亦可安排制造厂获取国际认证如国际玩具业协会商业行为守则，与麦当奴，美泰，华纳兄弟，国际地理等企业有紧密合作。</p> |
|
<p>1996-2007年期间在两间本地纸业及大型印刷集团从事财务官工作。</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="team-blog-area pt-150 pt-130"> |
|
<div class="container"> |
|
<div class="team-details-page"> |
|
<div class="row"> |
|
<div class="col-lg-5 text-center"> |
|
<div class="thumb mb-4 mb-lg-0"> |
|
<img src="assets/imgs/team/zsl.png" alt="img"> |
|
</div> |
|
</div> |
|
<div class="col-lg-7 align-self-center ps-xl-5"> |
|
<h3 class="mb-2">张世龙</h3> |
|
<span class="designation">技术Leader 系统架构师</span> |
|
<div class="details mt-4"> |
|
<h4>简介</h4> |
|
<p>毕业于西南财经大学工商管理学院。</p> |
|
<p>从事IT行业近25年，建设项目及平台超过30个；擅长B端平台建设及系统架构，对平台安全、系统性能、数据分析有着丰富的经验。</p> |
|
<p>2010年加入瑞典普兰威尔成都分公司，参与新加坡电信ERP系统开发，在其中担任开发组长。</p> |
|
<p>2013年进入四川长虹软件服务中心，担任架构师参与长虹多媒体千万级智能家电平台建设，管理物联网终端超过1500万。</p> |
|
<p>2018年起参与腾讯QQ音乐TV端平台建设，与国内众多运营商合作运营音乐版块，覆盖家庭用户超过6000万。</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div>--> |
|
|
|
<div class="container pt-150"> |
|
<div class="timeline"> |
|
<div class="swiper-container swiper-container-vertical"> |
|
<div class="swiper-wrapper"> |
|
<div class="swiper-slide swiper-slide-prev" style="height: 600px;" data-year="公司简介"> |
|
<div class="swiper-slide-content"><span class="timeline-year">公司简介</span> |
|
<h4 class="timeline-title">Our nice super title</h4> |
|
<p class="timeline-text">Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
|
</div> |
|
</div> |
|
<div class="swiper-slide swiper-slide-active" style="background-image: url('assets/imgs/team1/02.jpg'); height: 600px;" data-year="胡诚 董事长"> |
|
<div class="swiper-slide-content"><span class="timeline-year">胡诚</span> |
|
<h4 class="timeline-title">Our nice super title</h4> |
|
<p class="timeline-text">Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
|
</div> |
|
</div> |
|
<div class="swiper-slide swiper-slide-next" style="background-image: url('assets/imgs/team1/03.jpg'); height: 600px;" data-year="杨洋 总经理"> |
|
<div class="swiper-slide-content"><span class="timeline-year">杨洋</span> |
|
<h4 class="timeline-title">Our nice super title</h4> |
|
<p class="timeline-text">Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
|
</div> |
|
</div> |
|
<div class="swiper-slide" style="background-image: url('assets/imgs/team1/04.jpg'); height: 600px;" data-year="李衍鸣 财务融资顾问"> |
|
<div class="swiper-slide-content"><span class="timeline-year">李衍鸣</span> |
|
<h4 class="timeline-title">Our nice super title</h4> |
|
<p class="timeline-text">Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
|
</div> |
|
</div> |
|
<div class="swiper-slide" style="background-image: url('assets/imgs/team1/04.jpg'); height: 600px;" data-year="张世龙 技术Leader"> |
|
<div class="swiper-slide-content"><span class="timeline-year">张世龙</span> |
|
<h4 class="timeline-title">Our nice super title</h4> |
|
<p class="timeline-text">Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
|
</div> |
|
</div> |
|
<<div class="swiper-slide" style="background-image: url('assets/imgs/team1/05.jpg'); height: 600px;" data-year="2018"> |
|
<div class="swiper-slide-content"><span class="timeline-year">2018</span> |
|
<h4 class="timeline-title">Our nice super title</h4> |
|
<p class="timeline-text">Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
|
</div> |
|
</div> |
|
<div class="swiper-slide" style="background-image: url('assets/imgs/team1/06.jpg'); height: 600px;" data-year="2019"> |
|
<div class="swiper-slide-content"><span class="timeline-year">2019</span> |
|
<h4 class="timeline-title">Our nice super title</h4> |
|
<p class="timeline-text">Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="swiper-button-prev"></div> |
|
<div class="swiper-button-next"></div> |
|
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"> |
|
<span class="swiper-pagination-bullet swiper-pagination-bullet-active">2014</span> |
|
<span class="swiper-pagination-bullet">2015</span> |
|
<span class="swiper-pagination-bullet">2016</span> |
|
<span class="swiper-pagination-bullet">2017</span> |
|
<span class="swiper-pagination-bullet">2018</span> |
|
<span class="swiper-pagination-bullet">2019</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<script src="assets/js/swiper.min.js"></script> |
|
<script> |
|
var timelineSwiper = new Swiper ('.timeline .swiper-container', { |
|
//direction: 'vertical', |
|
direction: 'vertical', |
|
loop: false, |
|
speed: 1200, |
|
mousewheelControl : true, |
|
pagination: '.swiper-pagination', |
|
paginationBulletRender: function (swiper, index, className) { |
|
var year = document.querySelectorAll('.swiper-slide')[index].getAttribute('data-year'); |
|
return '<span class="' + className + '">' + year + '</span>'; |
|
}, |
|
paginationClickable: true, |
|
nextButton: '.swiper-button-next', |
|
prevButton: '.swiper-button-prev', |
|
breakpoints: { |
|
768: { |
|
direction: 'horizontal', |
|
} |
|
} |
|
}); |
|
</script> |
|
</main> |
|
|
|
|
|
<!-- Footer area start --> |
|
<footer class="footer__area footer_two_area"> |
|
<div class="footer__widgets" style="padding-top:110px;"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6"> |
|
<div class="footer__logo"> |
|
<img style="width:50px;height:45px" src="assets/imgs/logo/logo4.png" style="display:inline;" alt="Footer Logo"> |
|
<span style="margin-bottom: 20px;vertical-align: middle;display:inline-block;font-size:25px;color: var(--white);line-height: 45px;">亿能通达</span> |
|
<p>汽车、摩托车、充换电站投资、贸易、物联网及金融服务</p> |
|
</div> |
|
</div> |
|
<div class="col-xxl-9 col-xl-9 col-lg-6 col-md-6"> |
|
<div class="footer__address"> |
|
<h2 class="footer__title" style="padding-top:8px;padding-bottom:20px;">联系方式</h2> |
|
<ul> |
|
<li> |
|
<span><i class="fa-solid fa-paper-plane"></i></span> |
|
<p>中国（四川）自由贸易试验区成都高新区天府大道北段1700号6栋1单元3层303号</p> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-phone"></i></span> |
|
<a href=""></a> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-envelope"></i></span> |
|
<a href=""></a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<a href="https://beian.miit.gov.cn/" class="beian" target="_blank">蜀ICP备2025124674号</a> |
|
</footer> |
|
<!-- Footer area end --> |
|
|
|
|
|
</div> |
|
</div> |
|
|
|
<!-- All JS Files --> |
|
<script src="assets/js/jquery-3.6.1.min.js"></script> |
|
<script src="assets/js/bootstrap.bundle.min.js"></script> |
|
<script src="assets/js/jquery.meanmenu.min.js"></script> |
|
<script src="assets/js/jquery.magnific-popup.min.js"></script> |
|
<script src="assets/js/counter.js"></script> |
|
<script src="assets/js/progressbar.js"></script> |
|
<script src="assets/js/aos.js"></script> |
|
<script src="assets/js/gsap.min.js"></script> |
|
<script src="assets/js/SplitText.min.js"></script> |
|
<script src="assets/js/ScrollSmoother.min.js"></script> |
|
<script src="assets/js/ScrollTrigger.min.js"></script> |
|
<script src="assets/js/vanilla-tilt.min.js"></script> |
|
<script src="assets/js/main.js"></script> |
|
|
|
|
|
</body> |
|
|
|
</html> |