156 lines
7.6 KiB
PHTML
Executable File
156 lines
7.6 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
{include file="include/head" /}
|
||
<meta charset="UTF-8">
|
||
<title>ORICO十周年</title>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/decennial.css">
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.css">
|
||
<script type="text/javascript" src="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.min.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<!--top-->
|
||
<header class="header-PC header-Index">
|
||
<div id="header" class="theme-white">
|
||
{include file="include/top" /}
|
||
{include file="include/top-header" /}
|
||
</div>
|
||
</header>
|
||
{include file="include/top-header-mobile" /}
|
||
|
||
<!--top End-->
|
||
<!--Banner-->
|
||
<div class="Swt-Banner"><img src="__PUBLIC__/web/images/decennial/ten_banner.jpg"></div>
|
||
<!--第二屏-->
|
||
<div class="ten_02_bg img-responsive">
|
||
<div class="ten_02">
|
||
<div class="swt-Container">
|
||
<div class="ten_title text-c f-black f_weight_600">十年创研，点滴在心</div>
|
||
<div class="img-responsives"><img src="__PUBLIC__/web/images/decennial/ten_02.png"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!--第三屏-->
|
||
<div class="img-responsive ten_three">
|
||
<div class="ten_subtitle text-c f-black f_weight_600">十载风雨同舟，莫失莫忘</div>
|
||
<div class="ten_des text-c f-gray padding-t-5vw">元创的十年发展征途，也可谓荆棘重重、处处充满挑战，但是我们身后，始终有这么一群人，我们要淌水，他们帮我们造船、我们要爬山，他们为我们结绳。十年风雨同舟，感恩一路相随。</div>
|
||
<div class="ten_video img-responsives">
|
||
<div class="video-index-image">
|
||
<img src="__PUBLIC__/web/images/decennial/ten_03.jpg">
|
||
<div class="index-video-content">
|
||
<video controls poster="__PUBLIC__/web/images/decennial/ten_03.jpg" width="100%">
|
||
<source src="__PUBLIC__/web/images/decennial/ten_video.mp4" type="video/mp4">
|
||
您的浏览器不支持 video 标签。
|
||
Your browser does not support HTML5 video.
|
||
</video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--10年新起航-->
|
||
<div class="swt-Container">
|
||
<div class="ten_subtitle text-c f-black f_weight_600 padding-t-48vw">10年新起航</div>
|
||
<div class="ten_des text-c f-gray">品牌专注于USB技术周边产品研发与生产，主要包括USB数据传输技术、Type-C技术运用、USB电力传输技术等的实际应用；目前，品牌已经布局全新品类线包括备份宝、雷电3、固态存储等，未来，这几大板块也将是品牌的着力点。</div>
|
||
<div class="img-responsive margin-t-15vw"><img src="__PUBLIC__/web/images/decennial/ten04.jpg"></div>
|
||
</div>
|
||
|
||
<!--小改变 大不同-->
|
||
<div class="swt-Container">
|
||
<div class="ten_subtitle text-c f-black f_weight_600 padding-t-48vw">小改变 大不同</div>
|
||
<div class="ten_des text-c f-black" style="margin-top:-0.5vw;">Little change，big difference</div>
|
||
<div class="ten_des text-c f-gray padding-t-5vw">全新品牌理念，以不断累积小改变的方式去探索与创造体验的大不同。以全新升级的VI视觉，全面呈现品牌未来的产品布局。
|
||
</div>
|
||
<div class="img-responsive margin-t-15vw position-r">
|
||
<img src="__PUBLIC__/web/images/decennial/ten05.jpg">
|
||
<div class="position-r ten_four text-c f-black margin-b-30vw">
|
||
<ul>
|
||
<li>电脑周边</li>
|
||
<li>手机周边</li>
|
||
<li>电子电工</li>
|
||
<li>影音娱乐</li>
|
||
<li>生活周边</li>
|
||
<li>个人护理</li>
|
||
<li>高端游戏</li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="ten_four_line"></div>
|
||
<!--第五屏-->
|
||
<!--第五屏-->
|
||
<div class="swt-Container">
|
||
<div class="ten_title text-c f-black f_weight_600">“十年耀变，十年新章”庆典现场</div>
|
||
<!--拉开庆典序幕-->
|
||
<div class="ten_subtitle text-c f-black f_weight_600">拉开庆典序幕</div>
|
||
<div class="ten_des text-c f-gray">整场庆典开始，由品牌创始人及东莞常平镇领导致辞并拉开庆典序幕，和与会的海内外代理商、供应商、公司员工、员工家属等千余人一同回顾了品牌的十年发展路及未来的规划与发展方向。</div>
|
||
<div class="ten_six overflow-f img-responsive margin-b-30vw">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten06_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten06_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten06_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
<!--员工自编自导自演欢乐文艺汇演-->
|
||
<div class="ten_subtitle text-c f-black f_weight_600">员工自编自导自演欢乐文艺汇演</div>
|
||
<div class="ten_des text-c f-gray">轻松愉悦的歌舞、小品、舞台剧逗趣全场，尽显公司蓬勃、年轻、勇敢的企业精神面貌。</div>
|
||
<div class="ten_six overflow-f img-responsive margin-b-30vw">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten07_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten07_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten07_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
<!--获奖代理商、供应商-->
|
||
<div class="ten_subtitle text-c f-black f_weight_600">获奖代理商、供应商</div>
|
||
<div class="ten_des text-c f-gray">十年发展征途，离不开各方伙伴的鼎力支持，在元创十周年之际，也邀请了诸多海内外伙伴参与其中，感谢多年来的支持与引导。</div>
|
||
<div class="ten_six overflow-f img-responsive margin-b-30vw">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten08_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten08_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten08_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
<!--新、老、少元创人齐聚一堂-->
|
||
<div class="ten_subtitle text-c f-black f_weight_600">新、老、少元创人齐聚一堂</div>
|
||
<div class="ten_des text-c f-gray">如果将一个十年发展企业的比作一艘海上远航的船，我们所有元创人就如同航船上的水手，一起劈波斩浪、一同沐浴彩虹。许许多多元创人将自己最好的年华与元创写在了一起，许许多多元创人在元创也迎来了人生新阶段。</div>
|
||
<div class="ten_six overflow-f img-responsives">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten09_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten09_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten09_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--第十屏-->
|
||
<div class="swt-Container">
|
||
<div class="ten_title text-c f-black f_weight_600">庆典精彩瞬间</div>
|
||
<ul class="ten_slider">
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten10_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten10_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten10_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!--第十一屏-->
|
||
<div class="swt-Container padding-b-3">
|
||
<div class="ten_title text-c f-black f_weight_600">10年见证，感谢一路同行</div>
|
||
<div class="img-responsives"><img src="__PUBLIC__/web/images/decennial/ten_11.jpg"></div>
|
||
</div>
|
||
|
||
<!-- bottom s -->
|
||
{include file="include/bottom" /}
|
||
<!-- bottom e -->
|
||
<script type="text/javascript">
|
||
/*轮播*/
|
||
$(document).ready(function(){
|
||
$('.ten_slider').bxSlider({
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |