This commit is contained in:
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions

View File

@@ -0,0 +1,578 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--#include file="include/head.html" -->
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<!--top-->
<!--#include file="include/top.html" -->
<!--top End-->
<!-- 在线客服 s -->
<div class="suspension">
<div class="suspension-box">
<a href="#" class="a a-service">
<i class="l1"></i><p>QQ联系</p>
</a>
<a href="javascript:;" class="a a-qrcode">
<i class="l2"></i><p>微信联系</p>
</a>
<a href="javascript:;" class="a a-acart">
<i class="l3"></i><p>公司邮箱</p>
</a>
<a href="javascript:;" class="a a-service-phone" style="border-bottom:1px solid #f1f1f1;">
<i class="l4"></i><p>联系客服</p>
</a>
<a href="javascript:;" class="a a-top" style="border-bottom:1px solid #f1f1f1;margin-top:10px;">
<i class="l5"></i><p>返回顶部</p>
</a>
<div class="d d-service-phone">
<i class="arrow"></i>
<div class="inner-box">
<div class="d-service-item clearfix">
<span class="circle"><i class="i-tel"></i></span>
<div class="text">
<p>免费服务热线</p>
<p class="number">400-0031-581</p>
</div>
</div>
<div class="d-service-intro clearfix">
<p>客服电话13549637410</p>
<p>客服电话15616423106</p>
</div>
</div>
</div>
<div class="d d-qrcode">
<i class="arrow"></i>
<div class="inner-box">
<div class="qrcode-img"><img src="images/wx.png" alt="元创二维码"></div>
<p>更多惊喜请加微信</p>
</div>
</div>
</div>
</div>
<div class="show">
<div class="w1440 smask">
<div class="w1200 sarea">
<div class="stop1">
<span>反馈信息</span>
<a href="javascript:;" class="cha"><img src="images/images/cha.png"></a>
<div class="clear"></div>
</div>
<div class="feed">
<div class="finput">
<label>反馈类型:</label>
<select>
<option>ss</option>
</select>
</div>
<div class="finput">
<label>您的称呼:</label>
<input type="text" name="" value="">
</div>
<div class="finput">
<label>反馈主题:</label>
<input type="text" name="" value="" class="them">
</div>
<div class="finput">
<label class="fla">反馈内容:</label>
<textarea></textarea>
</div>
<div class="finput">
<label class="fla">联系方式:</label>
<select class="emal">
<option>E-mail</option>
</select>
<input type="text" name="" value="wangbin@163.com" class="them1">
</div>
<div class="finput">
<label>验证码:</label>
<input type="text" name="" value="">
<a href="javascript:;" class="yzm"><img src="images/images/yzm.png"></a>
</div>
<a href="javascript:;" class="feda">发送</a>
<a href="javascript:;" class="feda">重置</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
/* ----- 侧边悬浮 ---- */
$(document).on("mouseenter", ".suspension .a", function(){
var _this = $(this);
var s = $(".suspension");
var isService = _this.hasClass("a-service");
var isServicePhone = _this.hasClass("a-service-phone");
var isQrcode = _this.hasClass("a-qrcode");
if(isService){ s.find(".d-service").show().siblings(".d").hide();}
if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
});
$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
$(".suspension").find(".d").hide();
});
$(document).on("mouseenter", ".suspension .a-top", function(){
$(".suspension").find(".d").hide();
});
$(document).on("click", ".suspension .a-top", function(){
$("html,body").animate({scrollTop: 0});
});
$(window).scroll(function(){
var st = $(document).scrollTop();
var $top = $(".suspension .a-top");
if(st > 400){
$top.css({display:'block'});
}else{
if ($top.is(":visible")) {
$top.show();
}
}
});
$(".a-acart").click(function(){
$(".show").show();
})
$(".cha").click(function(){
$(".show").hide();
})
});
</script>
<!-- 在线客服 e -->
<!-- 轮播 s -->
<div class="homeban">
<div class="hd">
<ul><li>1</li><li>2</li><li>3</li></ul>
</div>
<div class="bd">
<ul>
<li><a href=""><img src="uploadfiles/image/ban1.jpg"/></a></li>
<li><a href=""><img src="uploadfiles/image/ban1.jpg"/></a></li>
<li><a href=""><img src="uploadfiles/image/ban1.jpg"/></a></li>
</ul>
</div>
</div>
<script type="text/javascript">
jQuery(".homeban").slide({mainCell:".bd ul",autoPlay:true,delayTime:3000});
</script>
<!-- phone s-->
<div class="swiper-container deimg">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href=""><img src="uploadfiles/image/ban1.jpg"></a></div>
<div class="swiper-slide"><a href=""><img src="uploadfiles/image/ban1.jpg"></a></div>
<div class="swiper-slide"><a href=""><img src="uploadfiles/image/ban1.jpg"></a></div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination bandot"></div>
</div>
<script>
var swiper = new Swiper('.deimg', {
loop: true,
autoplay:true,
pagination:{
el: '.bandot',
},
});
</script>
<!-- phone e -->
<!-- 轮播 e -->
<!-- 品类探索 s -->
<div class="indexbox1 home1">
<div class="w1440 wow fadeInUp" data-wow-delay="0.3s">
<!-- 公共标题 s -->
<div class="com">
<p class="comtit">品类探索</p>
<p class="comline"><img src="images/hline.png"></p>
</div>
<!-- 公共标题 e -->
<div class="pinpai">
<div class="hd">
<ul>
<li><a href="一级列表.shtml"><i class="p1"></i>电脑周边</a></li>
<li><a href="一级列表.shtml"><i class="p2"></i>手机周边</a></li>
<li><a href="一级列表.shtml"><i class="p3"></i>电子电工</a></li>
<li><a href="一级列表.shtml"><i class="p4"></i>影音娱乐</a></li>
<li><a href="一级列表.shtml"><i class="p5"></i>个人护理</a></li>
<li><a href="一级列表.shtml"><i class="p6"></i>生活周边</a></li>
<li><a href="一级列表.shtml"><i class="p7"></i>合金桌面</a></li>
</ul>
</div>
<div class="bd">
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">
jQuery(".pinpai").slide({});
</script>
<!-- 品牌探索手机端 s -->
<div class="History">
<div class="bd">
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
<ul>
<li>
<img src="uploadfiles/image/p1.jpg" class="pban">
</li>
</ul>
</div>
<div class="hd">
<ul>
<li><a href="一级列表.shtml">电脑周边</a></li>
<li><a href="一级列表.shtml">手机周边</a></li>
<li><a href="一级列表.shtml">电子电工</a></li>
<li><a href="一级列表.shtml">影音娱乐</a></li>
<li><a href="一级列表.shtml">个人护理</a></li>
<li><a href="一级列表.shtml">生活周边</a></li>
<li><a href="一级列表.shtml">合金桌面</a></li>
</ul>
<a class="prev"><img src="images/bfl.png"></a>
<a class="next"><img src="images/brh.png"></a>
</div>
<!-- Add Arrows -->
<script>
jQuery(".History .hd").slide({ mainCell:"ul",autoPlay:false,effect:"left", vis:6, scroll:1, autoPage:false ,prevCell:".prev",nextCell:".next"});
$(".History").slide({defaultIndex:0,});
</script>
</div>
<!-- 品牌探索手机端 e -->
</div>
</div>
<!-- 品类探索 e -->
<!-- 元创动力产业园 s -->
<div class="indexbox2 home2">
<div class="w1440 wow fadeInUp" data-wow-delay="0.5s">
<!-- 公共标题 s -->
<div class="com">
<p class="comtit">元创动力产业园</p>
<p class="comline"><img src="images/hline.png"></p>
</div>
<!-- 公共标题 e -->
<div class="cy">
<p class="cytit">元创动力是ORICO搭建的互联网+创新产业园区</p>
<div class="cytext">拥有专研USB技术应用的技术研发中心同时拥有7大全供应链生产工厂支撑整个集团的自主研发与生产。同时为实现资源利用最大化组建起帮助更多中小型企业实现技术生产的OEM/ODM全案部门对外承接相关业务并提供特色“211”服务以响应瞬息万变的市场需求</div>
</div>
<ul class="cyul">
<li>
<a href="#">
<div class="cycon">
<div class="cyimg"><img src="uploadfiles/image/cy1.jpg"></div>
<div class="cytitle">
<p class="cy1">品牌ODM服务</p>
<p class="cy2">两周研发一周生产的211服务速度</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="cycon">
<div class="cyimg"><img src="uploadfiles/image/cy2.jpg"></div>
<div class="cytitle">
<p class="cy1">集团技术研发中心</p>
<p class="cy2">新技术追踪钻研的力量</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="cycon">
<div class="cyimg"><img src="uploadfiles/image/cy2.jpg"></div>
<div class="cytitle">
<p class="cy1">集团产业链</p>
<p class="cy2">研发、设计、生产的全产业链实力</p>
</div>
</div>
</a>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
<!-- 元创动力产业园 e -->
<!-- 价值与使命 s -->
<div class="indexbox1">
<div class="w1440 wow fadeInUp" data-wow-delay="0.7s">
<!-- 公共标题 s -->
<div class="com">
<p class="comtit">价值与使命</p>
<p class="comline"><img src="images/hline.png"></p>
</div>
<!-- 公共标题 e -->
<ul class="value">
<li>
<a href="">
<div class="vacon">
<div class="vaimg"><img src="uploadfiles/image/v1.jpg"></div>
<div class="vatext">
<p class="va1">我们的使命</p>
<p class="va2">ORICO誓成为一个不断探索USB技术从而赋能人们的美好生活的有价值的伟大品牌。</p>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="vacon">
<div class="vaimg"><img src="uploadfiles/image/v2.jpg"></div>
<div class="vatext">
<p class="va1">文化与价值观</p>
<p class="va2">在ORICO推崇着求真务实不冒进开拓思维不拘束积跬步以致千里聚小变以成大新的理念……</p>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="vacon">
<div class="vaimg"><img src="uploadfiles/image/v3.jpg"></div>
<div class="vatext">
<p class="va1">历史与发展</p>
<p class="va2">ORICO创立于2009年创始人徐业友先生在设立之初主要希望通过……</p>
</div>
</div>
</a>
</li>
<li>
<a href="">
<div class="vacon">
<div class="vaimg"><img src="uploadfiles/image/v4.jpg"></div>
<div class="vatext">
<p class="va1">社会责任与公共关系</p>
<p class="va2">ORICO携多款创新科技产品再度亮相台北电脑展。据悉……</p>
</div>
</div>
</a>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
<!-- 价值与使命 e -->
<!-- 聆听 s -->
<div class="indexbox3">
<div class="w1440 wow fadeInUp" data-wow-delay="0.9s">
<div class="ltfl">
<div class="ltbg"><img src="images/lt.png"></div>
<div class="ltcon">
<div class="lt1"><p><span>聆听</span>用户心声,见证改变力量</p></div>
<div class="lttext">元创至今已沐风栉雨闯过9年9年来元创从零开始到如今产业全线铺开发展之势一片蓬勃都离不开用户的支持、伙伴们的协助。长久以来用户的心声对于我们的前行起着至关重要的作用成为了我们改变突破的动力也是我们掌舵航行的灯塔。</div>
<div class="ljt"><a href=""><img src="images/ljt.png"></a></div>
</div>
</div>
<div class="ltrh">
<a href="#"><img src="uploadfiles/image/ltban.jpg"></a>
</div>
<div class="clear"></div>
</div>
</div>
<!-- 聆听 e -->
<!-- 新闻资讯 s -->
<div class="indexbox1">
<div class="w1440 wow fadeInUp" data-wow-delay="0.9s">
<!-- 公共标题 s -->
<div class="com">
<p class="comtit">新闻资讯</p>
<p class="comline"><img src="images/hline.png"></p>
</div>
<!-- 公共标题 e -->
<div class="newBox">
<div class="owl-carousel">
<div class="item wow">
<a href="#">
<div class="newimg"><img src="uploadfiles/image/new1.jpg"></div>
<div class="newtit">
<p class="new1">ORICO携星际云存储正式入军区块链 IPFS系统加持轰响第一...</p>
<p class="new2">2018.06.17</p>
</div>
</a>
</div>
<div class="item wow">
<a href="#">
<div class="newimg"><img src="uploadfiles/image/new2.jpg"></div>
<div class="newtit">
<p class="new1">可能是台北电脑展最全的充电外设展示</p>
<p class="new2">2018.06.06</p>
</div>
</a>
</div>
<div class="item wow">
<a href="#">
<div class="newimg"><img src="uploadfiles/image/new3.jpg"></div>
<div class="newtit">
<p class="new1">ORICO携多款新型科技产品再次亮相 环球资源消费电子展</p>
<p class="new2">2018.04.23</p>
</div>
</a>
</div>
<div class="item wow">
<a href="#">
<div class="newimg"><img src="uploadfiles/image/new3.jpg"></div>
<div class="newtit">
<p class="new1">ORICO携星际云存储正式入军区块链 IPFS系统加持轰响第一...</p>
<p class="new2">2018.06.17</p>
</div>
</a>
</div>
<div class="item wow">
<a href="#">
<div class="newimg"><img src="uploadfiles/image/new2.jpg"></div>
<div class="newtit">
<p class="new1">可能是台北电脑展最全的充电外设展示</p>
<p class="new2">2018.06.06</p>
</div>
</a>
</div>
<div class="item wow">
<a href="#">
<div class="newimg"><img src="uploadfiles/image/new1.jpg"></div>
<div class="newtit">
<p class="new1">ORICO携多款新型科技产品再次亮相 环球资源消费电子展</p>
<p class="new2">2018.04.23</p>
</div>
</a>
</div>
</div>
</div>
<script>
var owl = $(".newBox .owl-carousel");
owl.owlCarousel({
autoplay:true,
navigationText: ["",""],
responsive:{
0:{
items:1,
margin:0
},
640:{
items:2,
margin:0,
smartSpeed:80,
dots:false
},
998:{
items:3,
margin:0,
smartSpeed:80,
dots:false
},
},
})
</script>
</div>
</div>
<!-- 新闻资讯 e -->
<!-- 合作伙伴 s -->
<div class="indexbox2">
<div class="w1440 wow fadeInUp" data-wow-delay="0.9s"">
<!-- 公共标题 s -->
<div class="com">
<p class="comtit">他们选择了ORICO</p>
<p class="comline"><img src="images/hline.png"></p>
</div>
<!-- 公共标题 e -->
<div class="hz">
<ul>
<li><a href=""><img src="uploadfiles/image/h1.jpg"></a></li>
<li><a href=""><img src="uploadfiles/image/h2.jpg"></a></li>
<li><a href=""><img src="uploadfiles/image/h3.jpg"></a></li>
<li><a href=""><img src="uploadfiles/image/h4.jpg"></a></li>
<li><a href=""><img src="uploadfiles/image/h5.jpg"></a></li>
<li class="l1"><a href=""><img src="uploadfiles/image/h6.jpg"></a></li>
<li class="l1"><a href=""><img src="uploadfiles/image/h7.jpg"></a></li>
<li class="l1"><a href=""><img src="uploadfiles/image/h8.jpg"></a></li>
<li class="l1"><a href=""><img src="uploadfiles/image/h9.jpg"></a></li>
<li class="l1"><a href=""><img src="uploadfiles/image/h10.jpg"></a></li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
<!-- 合作伙伴 e -->
<!-- bottom s -->
<!--#include file="include/bottom.html" -->
<!-- bottom e -->
</body>
</html>