index.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  6. <title>久隆电商科技</title>
  7. <meta content="久隆电商科技" name="description">
  8. <meta content="久隆电商科技" name="keywords">
  9. <!-- Favicons -->
  10. <link href="assets/img/favicon.png" rel="icon">
  11. <link href="assets/img/favicon.png.png" rel="apple-touch-icon">
  12. <!-- Google Fonts -->
  13. <link
  14. href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
  15. rel="stylesheet">
  16. <!-- Vendor CSS Files -->
  17. <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  18. <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  19. <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  20. <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  21. <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  22. <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  23. <!-- Template Main CSS File -->
  24. <link href="assets/css/style.css" rel="stylesheet">
  25. <style>
  26. .text-center {
  27. text-align: center;
  28. }
  29. .logo-img {
  30. width: 28px;
  31. height: 34px;
  32. object-fit: contain;
  33. margin-right: 8px;
  34. }
  35. .nav-link:focus,
  36. .nav-link:hover {
  37. color: #EE2417;
  38. }
  39. .navbar-mobile {
  40. background: rgba(233, 0, 0, 0.3);
  41. }
  42. .mobile-nav-toggle {
  43. color: #EE2417;
  44. }
  45. .company-info {
  46. background: #f5f5f5;
  47. padding: 40px 60px;
  48. }
  49. .text-light {
  50. color: #010101 !important;
  51. }
  52. .company-info p {
  53. color: #6B6B6B;
  54. font-size: 13px;
  55. line-height: 24px;
  56. margin: 0;
  57. padding: 0;
  58. }
  59. .company-info-right {
  60. padding-top: 20px;
  61. }
  62. .under-grey-font {
  63. font-size: 32px;
  64. color: #EBEBEB;
  65. height: 26px;
  66. line-height: 26px;
  67. margin-bottom: -14px;
  68. }
  69. .module-title {
  70. font-weight: bold;
  71. color: #555555;
  72. font-size: 22px;
  73. margin-bottom: 30px;
  74. }
  75. .service-location {
  76. background: url('./assets/img/9L/service-location.png') top center no-repeat;
  77. background-size: cover;
  78. height: 300px;
  79. margin: 76px 0;
  80. text-align: center;
  81. color: #fff;
  82. padding: 0 20px;
  83. font-size: 14px;
  84. }
  85. .column-direction {
  86. flex-direction: column;
  87. }
  88. .service-location div.title {
  89. font-size: 28px;
  90. font-weight: bold;
  91. margin-bottom: 14px;
  92. }
  93. .service-location .about-btn {
  94. margin-top: 20px;
  95. border: 1px solid #fff;
  96. padding: 6px 20px;
  97. font-size: 13px;
  98. }
  99. .services .icon-box {
  100. background: #f5f5f5;
  101. box-shadow: none;
  102. }
  103. .services .icon-box::before {
  104. content: '';
  105. position: absolute;
  106. background: white;
  107. right: 0;
  108. left: 0;
  109. bottom: 0;
  110. top: 100%;
  111. transition: all 0.3s;
  112. z-index: -1;
  113. }
  114. #hope .services .icon-box:hover::before {
  115. background: #EE2417;
  116. top: 0;
  117. border-radius: 0px;
  118. }
  119. #hope {
  120. padding-bottom: 20px;
  121. margin-bottom: 80px;
  122. }
  123. .hope .icon-box {
  124. text-align: center;
  125. width: 100%;
  126. }
  127. .hope-item-number {
  128. color: #EE2417;
  129. font-size: 26px;
  130. font-weight: bold;
  131. }
  132. .hope-item-title {
  133. color: #212121;
  134. font-size: 16px;
  135. margin: 20px 0 14px;
  136. }
  137. .hope-item-line {
  138. color: #696969;
  139. font-size: 12px;
  140. }
  141. .hope-item-btn {
  142. font-size: 16px;
  143. height: 28px;
  144. line-height: 28px;
  145. background: #EE2417;
  146. width: 86px;
  147. color: #fff;
  148. margin-top: 30px;
  149. }
  150. #hope .icon-box:hover {
  151. cursor: pointer;
  152. }
  153. #hope .icon-box:hover div {
  154. color: #fff;
  155. }
  156. #hope .icon-box:hover .hope-item-number {
  157. font-size: 30px;
  158. ;
  159. }
  160. #hope .icon-box:hover .hope-item-btn {
  161. background: rgba(255, 255, 255, 0.34);
  162. }
  163. #business {
  164. margin-bottom: 60px;
  165. }
  166. #business .services .icon-box:hover::before, #partner .services .icon-box:hover::before {
  167. background: #fff;
  168. top: 100%;
  169. border-radius: 0px;
  170. }
  171. .business .icon-box img {
  172. max-width: 54px;
  173. max-height: 54px;
  174. }
  175. .business-title {
  176. color: #212121;
  177. font-size: 18px;
  178. margin: 10px 0;
  179. }
  180. #business .services .icon-box {
  181. background: #FFFFFF;
  182. box-shadow: -7px 5px 14px 3px rgba(33, 33, 33, 0.08);
  183. }
  184. #business .services {
  185. margin-bottom: 12px;
  186. }
  187. .business-line {
  188. color: #535353;
  189. font-size: 12px;
  190. }
  191. .middle-banner{
  192. margin-top:20px;
  193. }
  194. #partner{
  195. margin:130px 0;
  196. }
  197. .module-tip{
  198. color: #696969;
  199. font-size: 12px;
  200. margin:-16px 0 40px;
  201. }
  202. .partner-line{
  203. color: #212121;
  204. font-size: 20px;
  205. padding:20px 0;
  206. }
  207. #partner .services{
  208. margin-bottom:20px;
  209. }
  210. #partner .services .icon-box{
  211. padding:0;
  212. border-radius: 0;
  213. background: #FFFFFF;
  214. box-shadow: -7px 4px 14px 3px rgba(33, 33, 33, 0.08);
  215. }
  216. /* #partner .services.row>*{
  217. padding:0;
  218. } */
  219. #partner .services img{
  220. width:100%;
  221. }
  222. .bottom{
  223. height: 200px;
  224. background: #000;
  225. padding:62px 0 0;
  226. }
  227. .contract-wrapper{
  228. height: 76px;
  229. display: flex;
  230. align-items: center;
  231. margin:0 auto;
  232. }
  233. .contract-wrapper>div{
  234. height: 76px;
  235. display: flex;
  236. flex-direction: column;
  237. justify-content: space-between;
  238. color: #fff;
  239. font-size: 13px;
  240. }
  241. .contract-wrapper>div div:first-child{
  242. font-size: 16px;
  243. }
  244. .contract-wrapper>div img{
  245. width:8px;
  246. height: 12px;
  247. object-fit: contain;
  248. margin-right:6px;
  249. }
  250. .bottom-logo{
  251. max-width:64px;
  252. max-height: 74px;
  253. margin-right:36px;
  254. }
  255. .footer-copyright{
  256. text-align: center;
  257. color: #fff;
  258. font-size: 12px;
  259. height: 56px;
  260. line-height: 56px;
  261. background: #2D2D2D;
  262. padding:0 30px;
  263. }
  264. .portfolio #portfolio-flters{
  265. background: #fff;
  266. padding:0;
  267. margin:-10px auto 14px auto
  268. }
  269. .portfolio #portfolio-flters li{
  270. padding:8px 12px 6px 12px
  271. }
  272. .portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  273. color: #fff;
  274. background: #EE2417;
  275. }
  276. .portfolio .portfolio-wrap:hover::before{
  277. opacity: 0;
  278. }
  279. .portfolio-item.filter-1{
  280. display: block;
  281. }
  282. .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a{
  283. color:#EE2417;
  284. }
  285. @media (min-width: 1400px){
  286. .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  287. max-width: 1200px;
  288. }
  289. }
  290. </style>
  291. </head>
  292. <body>
  293. <!-- ======= Header ======= -->
  294. <header id="header" class="fixed-top header-transparent">
  295. <div class="container d-flex align-items-center justify-content-between">
  296. <div class="logo d-flex align-items-center">
  297. <!-- <h1 class="text-light"><a href="index.html"><span>Squadfree</span></a></h1> -->
  298. <img src="./assets/img/9L/logo.png" alt="" class="logo-img">
  299. <h1 class="text-light"><span>久隆电商科技</span></h1>
  300. </div>
  301. <nav id="navbar" class="navbar">
  302. <ul>
  303. <li><a class="nav-link scrollto active" href="#hero">9L</a></li>
  304. <li><a class="nav-link scrollto" href="#services">服务</a></li>
  305. <li><a class="nav-link scrollto" href="#hope">愿景</a></li>
  306. <li><a class="nav-link scrollto" href="#business">业务</a></li>
  307. <li><a class="nav-link scrollto" href="#customer">客户</a></li>
  308. <li><a class="nav-link scrollto" href="#partner">合作</a></li>
  309. <li><a class="nav-link scrollto" href="#footer">联系我们</a></li>
  310. </ul>
  311. <i class="bi bi-list mobile-nav-toggle"></i>
  312. </nav><!-- .navbar -->
  313. </div>
  314. </header><!-- End Header -->
  315. <!-- ======= Hero Section ======= -->
  316. <section id="hero">
  317. <div class="hero-container" data-aos="fade-up">
  318. <h1>Live in <span style="color:#EE2417">Greatness</span></h1>
  319. <h2>出众的目光,成就你的不凡</h2>
  320. <a href="#services" class="btn-get-started scrollto"><i class="bx bx-chevrons-down"></i></a>
  321. </div>
  322. </section><!-- End Hero -->
  323. <main id="main">
  324. <!-- ======= Services Section ======= -->
  325. <section id="services" class="services">
  326. <div class="container">
  327. <div class="row company-info ">
  328. <div class="col-md-12 col-lg-5">
  329. <img src="./assets/img/9L/company-info.png" alt="" class="img-fluid">
  330. </div>
  331. <div class="col-md-12 col-lg-7 company-info-right">
  332. <div class="under-grey-font">COMPANY PROFILE</div>
  333. <div class="module-title">公司介绍</div>
  334. <p>久隆电商科技成立于2016年,总部位于中国上海, </p>
  335. <p>我们致力于为品牌提供一站式品牌数字零售解决方案,服务包括品牌数字化转型咨询, </p>
  336. <p>电商系统技术解决方案,数字营销解决方案,多平台线上店铺代运营, </p>
  337. <p>全渠道CRM解决方案,物流仓储解决方案。</p>
  338. </div>
  339. </div>
  340. </div>
  341. <div class="row service-location">
  342. <div class="container d-flex column-direction justify-content-center align-items-center">
  343. <div class="title">服务定位</div>
  344. <div>盘石资本投资,成为旗下唯一的经销贸易公司。</div>
  345. <div> 公司定位洋行贸易模式,从进口产品的清关到终端消费的售后服务,全链路自成一体。取得多家国内外知名品牌的代理权和经销权,深耕食品、母婴、时尚三大板块。</div>
  346. <div class="about-btn">ABOUT SERVICE</div>
  347. </div>
  348. </div>
  349. </div>
  350. </section><!-- End Services Section -->
  351. <!-- ======= hope Section ======= -->
  352. <section id="hope" class="hope">
  353. <div class="container align-items-center">
  354. <div class="under-grey-font text-center">COMPANY VISION</div>
  355. <div class="module-title text-center">公司愿景</div>
  356. <div class="row services">
  357. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0">
  358. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  359. <div class="hope-item-number">01</div>
  360. <div class="hope-item-title">建立成熟的品牌数字零售方案</div>
  361. <div class="hope-item-line">实现数据/运营/营销/贸易的整体品牌数字零售解决方案,</div>
  362. <div class="hope-item-line">建立数字零售服务公司的组织和文化培养</div>
  363. <div class="hope-item-btn">ONE</div>
  364. </div>
  365. </div>
  366. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0">
  367. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  368. <div class="hope-item-number">02</div>
  369. <div class="hope-item-title">建立全球电商网络</div>
  370. <div class="hope-item-line">在全球主要品牌市场和消费市场</div>
  371. <div class="hope-item-line">实现电子商务和技术业务的输出</div>
  372. <div class="hope-item-btn">TWO</div>
  373. </div>
  374. </div>
  375. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0">
  376. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  377. <div class="hope-item-number">03</div>
  378. <div class="hope-item-title">国际化品牌数字零售服务组织</div>
  379. <div class="hope-item-line">成为出自中国的全球电商服务公司,</div>
  380. <div class="hope-item-line">以中国动力驱动全球电商创新</div>
  381. <div class="hope-item-btn">THREE</div>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386. </section><!-- End hope Section -->
  387. <section id="business" class="hope business">
  388. <div class="container align-items-center">
  389. <div class="under-grey-font text-center">BUSINESS SCOPE</div>
  390. <div class="module-title text-center">业务范围</div>
  391. <div class="row services">
  392. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-2 mb-lg-0">
  393. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  394. <img src="./assets/img/9L/business-01.png" alt="" class="img-fluid">
  395. <div class="business-title">咨询</div>
  396. <div class="business-line">中国数字化生态圈指引 | 品牌数字零售战略</div>
  397. <div class="business-line">本地化与品牌定位规划 | 市场情报与分析</div>
  398. <div class="business-line">指定需求研究</div>
  399. </div>
  400. </div>
  401. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-2 mb-lg-0">
  402. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  403. <img src="./assets/img/9L/business-02.png" alt="" class="img-fluid">
  404. <div class="business-title">运营</div>
  405. <div class="business-line">品牌电商定位与平台运营策略 | 店铺搭建与日常运营</div>
  406. <div class="business-line">渠道/商品/内容管理 | 设计与用户体验优化</div>
  407. <div class="business-line">数据分析、报告与优化</div>
  408. </div>
  409. </div>
  410. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-2 mb-lg-0">
  411. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  412. <img src="./assets/img/9L/business-03.png" alt="" class="img-fluid">
  413. <div class="business-title">仓储物流</div>
  414. <div class="business-line">定制化仓储物流方案 | 温湿度仓储控制</div>
  415. <div class="business-line">高标准QC流程 | 高级别安全监管</div>
  416. <div class="business-line">客户服务</div>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="row services">
  421. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-2 mb-lg-0">
  422. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  423. <img src="./assets/img/9L/business-04.png" alt="" class="img-fluid">
  424. <div class="business-title">经销分销</div>
  425. <div class="business-line">APPs – 购物/ 银行/ 航空 | 社交- 微信/小红书</div>
  426. <div class="business-line">淘宝分销 | 直播</div>
  427. <div class="business-line">折扣渠道- 小众平台</div>
  428. </div>
  429. </div>
  430. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-2 mb-lg-0">
  431. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  432. <img src="./assets/img/9L/business-05.png" alt="" class="img-fluid">
  433. <div class="business-title">CRM</div>
  434. <div class="business-line">CRM 咨询&分析洞察 | 运营咨询</div>
  435. <div class="business-line">SCRM 数字营销& 创意内容 | 沟通管理</div>
  436. <div class="business-line">技术实施 | eCRM 新零售 | 电商</div>
  437. </div>
  438. </div>
  439. <div class="col-md-4 col-lg-4 d-flex align-items-stretch mb-2 mb-lg-0">
  440. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  441. <img src="./assets/img/9L/business-06.png" alt="" class="img-fluid">
  442. <div class="business-title">IT开发</div>
  443. <div class="business-line">UI/UX 设计与本地化 | 主流电商系统定制化集成与开发</div>
  444. <div class="business-line">电商运营实用工具与插件 | 技术维护与支持</div>
  445. </div>
  446. </div>
  447. </div>
  448. </div>
  449. <img src="./assets/img/9L/middle-banner.png" alt="" class="img-fluid">
  450. </section>
  451. <!-- ======= Services Section ======= -->
  452. <!-- <section id="services1" class="services">
  453. <div class="container">
  454. <div class="section-title" data-aos="fade-in" data-aos-delay="100">
  455. <h2>Services</h2>
  456. <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
  457. consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit
  458. in iste officiis commodi quidem hic quas.</p>
  459. </div>
  460. <div class="row">
  461. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  462. <div class="icon-box" data-aos="fade-up">
  463. <div class="icon"><i class="bx bxl-dribbble"></i></div>
  464. <h4 class="title"><a href="">Lorem Ipsum</a></h4>
  465. <p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi</p>
  466. </div>
  467. </div>
  468. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  469. <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
  470. <div class="icon"><i class="bx bx-file"></i></div>
  471. <h4 class="title"><a href="">Sed ut perspiciatis</a></h4>
  472. <p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p>
  473. </div>
  474. </div>
  475. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  476. <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
  477. <div class="icon"><i class="bx bx-tachometer"></i></div>
  478. <h4 class="title"><a href="">Magni Dolores</a></h4>
  479. <p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia</p>
  480. </div>
  481. </div>
  482. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
  483. <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
  484. <div class="icon"><i class="bx bx-world"></i></div>
  485. <h4 class="title"><a href="">Nemo Enim</a></h4>
  486. <p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
  487. </div>
  488. </div>
  489. </div>
  490. </div>
  491. </section> -->
  492. <!-- End Services Section -->
  493. <!-- ======= Portfolio Section ======= -->
  494. <section id="customer" class="portfolio customer">
  495. <div class="container">
  496. <div class="under-grey-font text-center">CUSTOMER</div>
  497. <div class="module-title text-center">服务客户</div>
  498. <div class="row" data-aos="fade-in">
  499. <div class="col-lg-12 d-flex justify-content-center">
  500. <ul id="portfolio-flters">
  501. <!-- <li data-filter="*" class="filter-active">All</li> -->
  502. <li data-filter=".filter-1" class="filter-active">衣</li>
  503. <li data-filter=".filter-2">食</li>
  504. <li data-filter=".filter-3">住</li>
  505. <li data-filter=".filter-4">行</li>
  506. </ul>
  507. </div>
  508. </div>
  509. <div class="row portfolio-container" data-aos="fade-up">
  510. <!-- 衣 -->
  511. <div class="col-lg-4 col-md-6 portfolio-item filter-1">
  512. <div class="portfolio-wrap">
  513. <img src="./assets/img/9L/partner/y-01.png" class="img-fluid" alt="">
  514. </div>
  515. </div>
  516. <div class="col-lg-4 col-md-6 portfolio-item filter-1">
  517. <div class="portfolio-wrap">
  518. <img src="./assets/img/9L/partner/y-02.png" class="img-fluid" alt="">
  519. </div>
  520. </div>
  521. <div class="col-lg-4 col-md-6 portfolio-item filter-1">
  522. <div class="portfolio-wrap">
  523. <img src="./assets/img/9L/partner/y-03.png" class="img-fluid" alt="">
  524. </div>
  525. </div>
  526. <div class="col-lg-4 col-md-6 portfolio-item filter-1">
  527. <div class="portfolio-wrap">
  528. <img src="./assets/img/9L/partner/y-04.png" class="img-fluid" alt="">
  529. </div>
  530. </div>
  531. <!-- 食 -->
  532. <div class="col-lg-4 col-md-6 portfolio-item filter-2">
  533. <div class="portfolio-wrap">
  534. <img src="./assets/img/9L/partner/s-01.png" class="img-fluid" alt="">
  535. </div>
  536. </div>
  537. <div class="col-lg-4 col-md-6 portfolio-item filter-2">
  538. <div class="portfolio-wrap">
  539. <img src="./assets/img/9L/partner/s-02.png" class="img-fluid" alt="">
  540. </div>
  541. </div>
  542. <div class="col-lg-4 col-md-6 portfolio-item filter-2">
  543. <div class="portfolio-wrap">
  544. <img src="./assets/img/9L/partner/s-03.png" class="img-fluid" alt="">
  545. </div>
  546. </div>
  547. <div class="col-lg-4 col-md-6 portfolio-item filter-2">
  548. <div class="portfolio-wrap">
  549. <img src="./assets/img/9L/partner/s-04.png" class="img-fluid" alt="">
  550. </div>
  551. </div>
  552. <div class="col-lg-4 col-md-6 portfolio-item filter-2">
  553. <div class="portfolio-wrap">
  554. <img src="./assets/img/9L/partner/s-05.png" class="img-fluid" alt="">
  555. </div>
  556. </div>
  557. <div class="col-lg-4 col-md-6 portfolio-item filter-2">
  558. <div class="portfolio-wrap">
  559. <img src="./assets/img/9L/partner/s-06.png" class="img-fluid" alt="">
  560. </div>
  561. </div>
  562. <!-- 住 -->
  563. <div class="col-lg-4 col-md-6 portfolio-item filter-3">
  564. <div class="portfolio-wrap">
  565. <img src="./assets/img/9L/partner/z-01.png" class="img-fluid" alt="">
  566. </div>
  567. </div>
  568. <div class="col-lg-4 col-md-6 portfolio-item filter-3">
  569. <div class="portfolio-wrap">
  570. <img src="./assets/img/9L/partner/z-02.png" class="img-fluid" alt="">
  571. </div>
  572. </div>
  573. <div class="col-lg-4 col-md-6 portfolio-item filter-3">
  574. <div class="portfolio-wrap">
  575. <img src="./assets/img/9L/partner/z-03.png" class="img-fluid" alt="">
  576. </div>
  577. </div>
  578. <div class="col-lg-4 col-md-6 portfolio-item filter-3">
  579. <div class="portfolio-wrap">
  580. <img src="./assets/img/9L/partner/z-04.png" class="img-fluid" alt="">
  581. </div>
  582. </div>
  583. <!-- 行 -->
  584. <div class="col-lg-4 col-md-6 portfolio-item filter-4">
  585. <div class="portfolio-wrap">
  586. <img src="./assets/img/9L/partner/x-01.png" class="img-fluid" alt="">
  587. </div>
  588. </div>
  589. <div class="col-lg-4 col-md-6 portfolio-item filter-4">
  590. <div class="portfolio-wrap">
  591. <img src="./assets/img/9L/partner/x-02.png" class="img-fluid" alt="">
  592. </div>
  593. </div>
  594. <div class="col-lg-4 col-md-6 portfolio-item filter-4">
  595. <div class="portfolio-wrap">
  596. <img src="./assets/img/9L/partner/x-03.png" class="img-fluid" alt="">
  597. </div>
  598. </div>
  599. <div class="col-lg-4 col-md-6 portfolio-item filter-4">
  600. <div class="portfolio-wrap">
  601. <img src="./assets/img/9L/partner/x-04.png" class="img-fluid" alt="">
  602. </div>
  603. </div>
  604. <div class="col-lg-4 col-md-6 portfolio-item filter-4">
  605. <div class="portfolio-wrap">
  606. <img src="./assets/img/9L/partner/x-05.png" class="img-fluid" alt="">
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611. </section><!-- End Portfolio Section -->
  612. <!-- 合作伙伴 -->
  613. <section id="partner" class="hope partner">
  614. <div class="container align-items-center">
  615. <div class="under-grey-font text-center">PARTNER</div>
  616. <div class="module-title text-center">合作伙伴</div>
  617. <div class="module-tip text-center">携手行业合作伙伴,共创共赢生态</div>
  618. <div class="row services">
  619. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-2 mb-lg-0">
  620. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  621. <img src="./assets/img/9L/partner-01.png" alt="" class="img-fluid">
  622. <div class="partner-line">电商平台&生态</div>
  623. </div>
  624. </div>
  625. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-2 mb-lg-0">
  626. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  627. <img src="./assets/img/9L/partner-02.png" alt="" class="img-fluid">
  628. <div class="partner-line">SEO&SEM</div>
  629. </div>
  630. </div>
  631. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-2 mb-lg-0">
  632. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  633. <img src="./assets/img/9L/partner-03.png" alt="" class="img-fluid">
  634. <div class="partner-line">数字营销</div>
  635. </div>
  636. </div>
  637. <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-2 mb-lg-0">
  638. <div class="icon-box d-flex column-direction justify-content-center align-items-center">
  639. <img src="./assets/img/9L/partner-04.png" alt="" class="img-fluid">
  640. <div class="partner-line">仓储物流</div>
  641. </div>
  642. </div>
  643. </div>
  644. </div>
  645. </section>
  646. </main><!-- End #main -->
  647. <!-- ======= Footer ======= -->
  648. <footer id="footer">
  649. <div class="footer-content">
  650. <div class="container bottom">
  651. <div class="contract-wrapper">
  652. <!-- <div class="col-md-6 col-lg-3"> -->
  653. <img src="./assets/img/9L/logo.png" alt="" class="bottom-logo">
  654. <!-- </div>
  655. <div class="col-md-6 col-lg-3"> -->
  656. <div>
  657. <div>上海久隆电子商务有限公司
  658. </div>
  659. <div>
  660. <img src="./assets/img/9L/arrow-right.png" alt="">
  661. <span>浦东新区祖冲之路1505弄100号3幢鲸致大楼6层G单元</span>
  662. </div>
  663. <div>
  664. <img src="./assets/img/9L/arrow-right.png" alt="">
  665. <span>联系我们:bd@9l.cn</span>
  666. </div>
  667. </div>
  668. </div>
  669. </div>
  670. </div>
  671. </div>
  672. <div class="footer-copyright">
  673. © 2021 上海久隆电商科技有限公司 | 上海久隆电商科技有限公司 | 沪ICP备1234567号-3 沪公网安备 12039855848号
  674. </div>
  675. </footer><!-- End Footer -->
  676. <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
  677. class="bi bi-arrow-up-short"></i></a>
  678. <!-- Vendor JS Files -->
  679. <script src="assets/vendor/aos/aos.js"></script>
  680. <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  681. <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  682. <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  683. <script src="assets/vendor/php-email-form/validate.js"></script>
  684. <script src="assets/vendor/purecounter/purecounter.js"></script>
  685. <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  686. <!-- Template Main JS File -->
  687. <script src="assets/js/main.js"></script>
  688. <script>
  689. // $(function() {
  690. // Isotope stuff...
  691. // $('#portfolio-flters').isotope({filter: '.filter-1'});
  692. // more Isotope stuff...
  693. // });
  694. </script>
  695. </body>
  696. </html>