579 lines
19 KiB
Plaintext
Executable File
579 lines
19 KiB
Plaintext
Executable File
<!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>
|