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.
405 lines
19 KiB
405 lines
19 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"> |
|
|
|
<style> |
|
.image-style { |
|
width: 200px; |
|
height: 150px; |
|
/* 设置图片外边距,上右下左分别为10px、20px、10px、20px */ |
|
margin: 10px 20px 10px 20px; |
|
/* 设置图片浮动到左侧 */ |
|
float: left; |
|
} |
|
.beian { |
|
text-align: center; /* 文本居中 */ |
|
padding: 10px 0; /* 内边距 */ |
|
width: 100%; /* 宽度为100% */ |
|
position: fixed; /* 固定位置 */ |
|
left: 0; /* 左侧对齐 */ |
|
bottom: 0; /* 底部对齐 */ |
|
color: #6c757d; /* 文本颜色 */ |
|
text-decoration: none; /* 去除下划线 */ |
|
} |
|
.main .item::after { |
|
content: ""; |
|
pointer-events: auto; |
|
position: absolute; |
|
right: 20px; |
|
bottom: 20px; |
|
width: 25px; |
|
height: 25px; |
|
cursor: pointer; |
|
border-radius: 50%; |
|
z-index: 4; |
|
background: url("assets/imgs/index/plus.webp") 100% 100%; |
|
} |
|
|
|
</style> |
|
<!-- 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/swiper-bundle.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/index.css"> |
|
</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> |
|
|
|
<!-- 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="service.html">新能源汽车、摩托车出口</a></li> |
|
<li><a href="finance-details.html">国际贸易金融服务</a></li> |
|
<li><a href="service-energy.html">能源补给服务</a></li> |
|
<li><a href="finance-productline.html">新能源产线海外投资</a></li> |
|
<li><a href="software-details.html">移动数字平台技术服务</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="our-news.html">公司动态</a></li> |
|
<li><a href="contact.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 --> |
|
|
|
<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="service.html">新能源汽车、摩托车出口</a></li> |
|
<li><a href="finance-details.html">国际贸易金融服务</a></li> |
|
<li><a href="service-energy.html">能源补给服务</a></li> |
|
<li><a href="finance-productline.html">新能源产线海外投资</a></li> |
|
<li><a href="software-details.html">移动数字平台技术服务</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="our-news.html">公司动态</a></li> |
|
<li><a href="contact.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> |
|
|
|
<!-- Header area end --> |
|
|
|
|
|
<main class="main"> |
|
<section class="about__area " style="padding-top:128px;"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-xxl-3 col-xl-3 col-xl-3 col-md-3" style="height:350px;margin-bottom:25px;"> |
|
<a href="finance-details.html"> |
|
<div class="item11 top" style="position:relative;margin:0 0 7px 0;height:62%;padding: 0px;background: url('assets/imgs/index/finance-2.png') 0% 0% / 100% 100%;"> |
|
<div style="background:rgba(255,255,255,.15);position:absolute;top:0px;width:100%;padding: 3px 10px;"> |
|
<span style="color:#fff;font-weight: 600;font-size:20px;">国际贸易金融服务</span> |
|
</div> |
|
</div> |
|
</a> |
|
<a href="service-energy.html"> |
|
<div class="top" style="position:relative;margin:0 0 0 0;height:36%;padding: 0px;background: url('assets/imgs/index/1.png') 0% 0% / 100% 100%;"> |
|
<div style="background:rgba(255,255,255,.15);position:absolute;top:0px;width:100%;padding: 3px 10px;"> |
|
<span style="color:#fff;font-weight: 600;font-size:20px;">能源补给服务</span> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
<div class="col-xxl-3 col-xl-3 col-xl-3 col-md-3" style="height:350px;margin-bottom:25px;"> |
|
<a href="service.html"> |
|
<div class="top" style="position:relative;margin:0 0 0 0;height:100%;padding: 0px;background: url('assets/imgs/index/car-1.png') 0% 0% / 100% 100%;"> |
|
<div style="background:rgba(255,255,255,.15);position:absolute;top:0px;width:100%;padding: 3px 10px;"> |
|
<span style="color:#fff;font-weight: 600;font-size:20px;">新能源汽车、摩托车出口</span> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
<div class="col-xxl-3 col-xl-3 col-xl-3 col-md-3" style="height:350px;margin-bottom:25px;"> |
|
<a href="finance-productline.html"> |
|
<div class="top" style="position:relative;margin: 0 0 0 0;height:100%;padding: 0px;background: url('assets/imgs/index/gui-2.png') 0% 0% / 100% 100%;"> |
|
<div style="background:rgba(255,255,255,.15);position:absolute;top:0px;width:100%;padding: 3px 10px;"> |
|
<span style="color:#fff;font-weight: 600;font-size:20px;">新能源产线海外投资</span> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
<div class="col-xxl-3 col-xl-3 col-xl-3 col-md-3" style="height:350px;margin-bottom:25px;"> |
|
<a href="software-details.html"> |
|
<div class="top" style="position:relative;margin:0;height:100%;padding: 0px;background: url('assets/imgs/index/small.png') 0% 0% / 100% 100%;"> |
|
<div style="background:rgba(255,255,255,.15);position:absolute;top:0px;width:100%;padding: 3px 10px;"> |
|
<span style="color:#fff;font-weight: 600;font-size:20px;">移动数字平台技术服务</span> |
|
</div> |
|
</div> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
</main> |
|
|
|
|
|
<!-- Footer area start --> |
|
<footer class="footer__area footer_two_area"> |
|
<!-- <div class="footer__top" style="margin-bottom:-80px;">--> |
|
<!-- <div class="container">--> |
|
<!-- <div class="row">--> |
|
<!-- <div class="col-xxl-12 visible-lg-block">--> |
|
<!-- <div class="footer__map">--> |
|
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3435.316749483016!2d104.06013208783871!3d30.56860252823183!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x36efc665f7408dad%3A0x6805f3fc5714b82!2z546v55CD5Lit5b-D!5e0!3m2!1szh-CN!2shk!4v1730604396684!5m2!1szh-CN!2shk" loading="lazy"></iframe>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!--<div class="footer__widgets" style="padding-top:110px;padding-bottom: 320px;"> |
|
<div class="container"> |
|
<p>友情链接:</p> |
|
<a href="https://www.globalchangan.com/cn" target="_blank"> |
|
<img src="assets/imgs/index/changan.jpg" alt="长安" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="https://www.chtcmotor.com/index/about/index.html" target="_blank"> |
|
<img src="assets/imgs/index/zhonghengtian.jpg" alt="中恒天汽车" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="http://www.zjlfunds.com/" target="_blank"> |
|
<img src="assets/imgs/index/zjl.png" alt="中机联" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="https://www.faw.com.cn/fawcn/373696/ppzl/5426227/index.html" target="_blank"> |
|
<img src="assets/imgs/index/benteng.jpg" alt="一汽奔腾" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="https://www.faw.com.cn/fawcn/373696/ppzl/5426224/index.html" target="_blank"> |
|
<img src="assets/imgs/index/hongqi.jpg" alt="一汽红旗" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="https://www.jmc.com.cn/" target="_blank"> |
|
<img src="assets/imgs/index/jianglin.jpg" alt="江铃汽车" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="http://www.sc9b.com/" target="_blank"> |
|
<img src="assets/imgs/index/jiubiao.png" alt="九标" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="https://shudubus.com/" target="_blank"> |
|
<img src="assets/imgs/index/shudu.jpg" alt="蜀都客车" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="https://www.skywellcorp.com/" target="_blank"> |
|
<img src="assets/imgs/index/kaiwo.jpg" alt="开沃" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
<a href="http://www.hifuture.com/" target="_blank"> |
|
<img src="assets/imgs/index/huicheng.jpg" alt="惠程科技" class="image-style" style="margin-right: 10px;"> |
|
</a> |
|
</div> |
|
</div>--> |
|
|
|
<!-- Brand area start --> |
|
<section class="brand__area"> |
|
<div class="brand__inner"> |
|
<div class="swiper brand__slider" data-aos="fade-up" data-aos-delay="200"> |
|
<div class="swiper-wrapper"> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/zjl.png" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/zhonghengtian.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/benteng.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/changan.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/hongqi.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/huicheng.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/jianglin.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<a href="http://www.sc9b.com" target="_blank"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/jiubiao.png" alt="Brand Logo"> |
|
</div> |
|
</a> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/kaiwo.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
<div class="swiper-slide"> |
|
<div class="brand__slide"> |
|
<img src="assets/imgs/index/shudu.jpg" alt="Brand Logo"> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
<!-- Brand area end --> |
|
|
|
|
|
|
|
|
|
|
|
<div class="footer__widgets" style="padding-top:30px;"> |
|
<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-3 col-xl-3 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> |
|
<a href="https://beian.miit.gov.cn/" class="beian" target="_blank">蜀ICP备2025124674号</a> |
|
</div> |
|
</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/swiper-bundle.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> |