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,304 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>News-ORICO Global Site</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/catelists.css">
{include file="include/head-seo" /}
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";</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" /}
<!-- 轮播 s -->
<div class="homeban">
<div class="bd">
<ul>
<li><img src="__PUBLIC__/weben/images/Introductionimg/Achievement.png"/></li>
</ul>
</div>
</div>
<!-- 新闻列表 e -->
<div class="Container1">
<div class="achive swt-Container">
<div class="title">Our Achievement</div>
<div class="number">
<div class="achive_shuju">
<div class="title1">400+</div>
<div class="subtitle1">Daily Order</div>
</div>
<div class="achive_shuju">
<div class="title1">800+</div>
<div class="subtitle1">Product R & D patent</div>
</div>
<div class="achive_shuju">
<div class="title1">100+</div>
<div class="subtitle1">Countries and Regions</div>
</div>
<div class="achive_shuju">
<div class="title1">20+</div>
<div class="subtitle1">International Design Award</div>
</div>
</div>
</div>
</div>
<div class="timeline Container">
<div class="swt-Container">
<div class="title">Brand Events</div>
<div class="timeline1 swt-Container">
<div class="box">
<div class="timeline-time">
<ul class="event_year">
<li class="current"><label for="2021">2021</label></li>
<li><label for="2020">2020</label></li>
<li><label for="2019">2019</label></li>
<li><label for="2018">2018</label></li>
<li><label for="2017">2017</label></li>
<li><label for="2016">2016</label></li>
<li><label for="2015">2015</label></li>
<li><label for="2014">2014</label></li>
<li><label for="2013">2013</label></li>
<li><label for="2012">2012</label></li>
<li><label for="2011">2011</label></li>
<li><label for="2010">2010</label></li>
<li><label for="2009">2009</label></li>
</ul>
</div>
<div class="timeline-con">
<div class="con_event_list" >
<ul class="event_list">
<div>
<h3 id="2021" class="backgroundimg">2021</h3>
<li>
<p><span>Joined Xinchuang Alliance Industry Association and incubated subsidiary brand IAMAKER.</span></p>
</li>
</div>
<div>
<h3 id="2020">2020</h3>
<li>
<p><span>Selected as the 18th Shenzhen Famous Brands and the 7th Credible Global Brand; incubated subsidiary brand IDSONIX and achieved strategic cooperation with Lenovo on personal cloud storage and drive enclosures.</span></p>
</li>
</div>
<div>
<h3 id="2019">2019</h3>
<li>
<p><span>Celebrated ORICOs 10th anniversary and incubated subsidiary brand Yottamaster.</span></p>
</li>
</div>
<div>
<h3 id="2018">2018</h3>
<li>
<p><span>Listed on the Chinas top 30 cross-border e-commerce overseas brands in 2018 and started overall brand upgrade.</span></p>
</li>
</div>
<div>
<h3 id="2017">2017</h3>
<li>
<p><span>New industrial chain incubation platform of ORICO Internet & Creativity Industrial Park was established officially.</span></p>
</li>
</div>
<div>
<h3 id="2016">2016</h3>
<li>
<p><span>Quality Control Center was established by PICC IWS and Dongguan Quality Inspection while built up the strategic partner relationship with Fresco.</span></p>
</li>
</div>
<div>
<h3 id="2015">2015</h3>
<li>
<p><span>ORICO branch in Hunan was established, which marked the officially operation of brands global e-commerce center. At the same time, ORICO Internet & Creativity Industrial Park was founded in Dongguan. The subsidiary brand NTONPOWER started to incubate.</span></p>
</li>
</div>
<div>
<h3 id="2014">2014</h3>
<li>
<p><span>Kept improving industrial chain and maintained high development speed with 6 factories.</span></p>
</li>
</div>
<div>
<h3 id="2013">2013</h3>
<li>
<p><span>ORICO was awarded “National High-tech Enterprise” certification.</span></p>
</li>
</div>
<div>
<h3 id="2012">2012</h3>
<li>
<p><span>Started to develop self-industrial chain and optimize packaging, injection molding technologies. Products entered into global markets covering America, Spain, Britain, French and others.</span></p>
</li>
</div>
<div>
<h3 id="2011">2011</h3>
<li>
<p><span>Developed offline channels in Thailand, Korea and Germany. Meanwhile the headquarter moved in Shenzhen Zhonghaixin Science & Technology Park.</span></p>
</li>
</div>
<div>
<h3 id="2010">2010</h3>
<li>
<p><span>ORICO officially landed on Tmall, JD, Yixun, Newegg, Amazon, Suning, Gome and more mainstream e-commerce platforms, expanding online markets.</span></p>
</li>
</div>
<div>
<h3 id="2009">2009</h3>
<li>
<p><span>ORICO was founded formally and first released the Tool Free drive enclosure.</span></p>
</li>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tech Container">
<div class="swt-Container tech1">
<div class="title">Tech Development</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
<div class="year">2011</div>
<div class="context">
<p>
“Tool free” design promoted innovation of HDD enclosure installation. Joined SATA-IO Association to ensure high interoperability of SATA series products.
</p>
</div>
</div>
<div class="tech-img">
<img src="__PUBLIC__/weben/images/indeximg/techimg.png">
</div>
</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
<div class="year">2013</div>
<div class="context">
<p>
Achieved strategic cooperation with WD and further discussed the innovation of storage tech. Became the major cooperated partner of VIA Labs in China and formally launched wireless cloud storage system.
</p>
</div>
</div>
<div class="tech-img">
<img src="__PUBLIC__/weben/images/indeximg/techimg2.png">
</div>
</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
<div class="year">2014</div>
<div class="context">
<p>
Successfully developed intelligent digital power strip and launched JD crowdfunding in 2015 with satisfying result.
</p>
</div>
</div>
<div class="tech-img">
<img src="__PUBLIC__/weben/images/indeximg/techimg3.png">
</div>
</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
<div class="year">2015</div>
<div class="context">
<p>
Started to research data transmission and power transmission technology including Type-C, USB2.0, USB3.0, etc.
</p>
</div>
</div>
<div class="tech-img">
<img src="__PUBLIC__/weben/images/indeximg/techimg4.png">
</div>
</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
<div class="year">2016</div>
<div class="context">
<p>
Companys representative product-the transparent enclosure series appeared in market.
</p>
</div>
</div>
<div class="tech-img">
<img src="__PUBLIC__/weben/images/indeximg/techimg5.png">
</div>
</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
<div class="year">2021</div>
<div class="context">
<p>
Cooperated with Toshiba to further explore personal storage solutions including personal cloud storage, mobile backuper etc.
</p>
</div>
</div>
<div class="tech-img">
<img src="__PUBLIC__/weben/images/indeximg/techimg6.png">
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script>
$(function() {
$('label').click(function() {
$('.event_year>li').removeClass('current');
$(this).parent('li').addClass('current');
var year = $(this).attr('for');
$('#' + year).parent().prevAll('div').slideUp(800);
$('#' + year).parent().slideDown(800).nextAll('div').slideDown(800);
$('#' + year).parent().css('color',"red").nextAll('div').css('color',"black")
//
$("h3").removeClass('backgroundimg')
$('#' + year).addClass('backgroundimg')
});
});
</script>
</body>
<style>
.info h3 { width:300px;height:26px;background:url('../img/ictb.png') no-repeat;margin-bottom:8px; }
.b3 span{position:absolute;right:10px;top:0;background:url('../img/morelink.gif') no-repeat left center;padding-left:12px;}
.info li { padding:3px 0 3px 12px;background:url('../img/dian.png') 2px center no-repeat; }
.con_event_list{width:98%;height: 91%;overflow:auto;margin:30px 10px;}
.event_list { width:98%;;background:url('__PUBLIC__/weben/images/indeximg/greyline.png') 50px 0 repeat-y;}
.event_list h3 { margin:0 0 0 35px;font-size:24px;padding-left:40px;background:url('__PUBLIC__/weben/images/indeximg/greyyuandian.png')3px 3px no-repeat;height:38px;font-size: 20px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
line-height: 30px; }
.backgroundimg { background:url('__PUBLIC__/weben/images/indeximg/yaundian.png')3px 3px no-repeat !important;}
</style>
</html>

View File

@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Brand Story|Orico</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/backuper.css">
</head>
<body style="background-color:#ecf6ff">
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
<!--top End-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/banner.jpg" alt=""/>
<!-- <div class="banner">
<div class="title">EASY YOUR BACKUP</div>
<div class="sub_title">Reframe Your Definition of Phone Backup </div>
<a href="https://www.kickstarter.com/projects/1724263521/orico-backuper-easy-your-backup-for-phone?ref=creator_nav" target="_blank">
<div class="button">
<span >ORICO Backuper is live on Kickstarter now</span>
</div>
</a>
</div> -->
</div>
<!--视频-->
<div class="swt-Container video">
<div class="left img-responsive">
<!-- <img src="__PUBLIC__/web/images/charger/charger_02_video.jpg"> -->
<video controls poster="" width="100%">
<source src="https://www.orico.com.cn/frontend/m_weben/images/backup/backup-vedio.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
<div class="right">
<div class="title">Easy Your<br>Backup</div>
<div class="font-18 text">Backuper is the versatile portable auto-backup device with incredible connectivity and universal compatibility, which is your revolutionary way to transfer and back up photos,
videos, music and documents fromand to any of your mobile devices. It is an indispensable companion for professional photo graphers/ videog raphers/ content creators, which you can take it wherever you want to go.</div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_03.jpg">
<div class="backuper_03 backuper">
<div class="title">Backup<br>Easily</div>
<div class="text">Open “iStore Pro” one-touch automatically backup contacts, pictures, videos, music and documents.</div>
</div>
</div>
<!--第四屏-->
<div class="backuper_04 img-responsive">
<div class="all_content">
<div class="button">5 core Functions</div>
<div class="contentAll">
<ul>
<li>
<p class="sub_title">One-touch Delete</p>
<div class="line"></div>
<p class="text">Support to delete the existing data on mobile phone with one click, instantly releasing capacity space and making sorting more convenient.</p>
</li>
<li>
<p class="sub_title">Smart Backup</p>
<div class="line"></div>
<p class="text">Featured with incremental recognition which can automatically select unbacked files thus improve backup efficiency.</p>
</li>
<li>
<p class="sub_title">Backuper APP</p>
<div class="line"></div>
<p class="text">"iStore Pro" APP with intuitive user interface that makes it easy to access your storage contents via mobiles/ iPad/ laptops.</p>
</li>
<li>
<p class="sub_title">Type-C</p>
<div class="line"></div>
<p class="text">Type-C interface support both data transfer and power supply.</p>
</li>
<li>
<p class="sub_title">Wide Compatibility</p>
<div class="line"></div>
<p class="text">Compatible with mainstream Android and iOS systems.</p>
</li>
</ul>
</div>
</div>
</div>
<!--第五屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_05.jpg">
<div class="backuper_05">
<div class="title">Integrating<br>Your Contents</div>
<div class="text">"iStore Pro" APP with intuitive user interface that makes it easy to access and backup your storage contents of mobiles/ iPad/ laptops.</div>
</div>
</div>
<!--第六屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_06.jpg">
<div class="backuper_06">
<div class="title">Media Library</div>
<div class="sub_title">With up to 2TB capacity, <br>now you can store as much as you want.</div>
<div class="text">
<ul>
<li>
<p class="number">500,000</p>
<p class="number_text">HD Photo4M</p>
</li>
<li>
<p class="number">1312</p>
<p class="number_text">HD Movies1.5G</p>
</li>
<li>
<p class="number">66,500</p>
<p class="number_text">Hi-Fi Music30M</p>
</li>
<li>
<p class="number">2,000,000</p>
<p class="number_text">Files1M</p>
</li>
</ul>
</div>
</div>
</div>
<!--第七屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_07.jpg">
<div class="backuper_07 backuper">
<div class="title">
One-touch<br>Backup
</div>
<div class="text">
Plug in the data cable and you can easily back up files to your hard disk or transfer disk files to your phone.
</div>
</div>
</div>
<!--第八屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_08.jpg">
<div class="backuper_08 backuper">
<div class="title">
Charging<br>While<br>Backupping
</div>
<div class="text">Type-C support both data transfer and power supply, which allows you to charging phones while backupping files.</div>
</div>
</div>
<!--第九屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_09.jpg">
<div class="backuper_09 backuper">
<div class="title">
All Round Connection
</div>
<div class="text">With iStore Pro, no matter you are using Apple, Android or PC, it can offer you an all-round connection.
</div>
<a href="https://www.aliexpress.com/item/1005001857971609.html" target="_blank"><div class="button">Buy Now</div></a>
</div>
</div> <!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

View File

@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Backuper</title>
</head>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style.css">
<style>
body{
margin:0;
padding:0;
font-family: "Helvetica","Microsoft YaHei",sans-serif;
/* background-image: linear-gradient(-80deg, #4385d0, #166db8);
background-image: -webkit-linear-gradient(-80deg, #4385d0, #166db8);
background-image: -o-linear-gradient(-80deg, #4385d0, #166db8);
background-image: -moz-linear-gradient(-80deg, #4385d0, #166db8);
height: 100vh; */
}
.width_screen{width:100%; display: block; position: relative; bottom:0;}
@media screen and (min-width:1600px){
.width_screen img{width:100%; max-width: 1920px; height: 100vh; display: block;}
}
.width_screen img{width:100%; display: block;}
.text{position: absolute; width:100%; bottom:10%; left:0;}
.text_content{width:18%; margin-left:14%;}
.text_content input{border-radius: 10vw; border:0; width:92%; padding-left:4%; padding-right: 4%; line-height:50px; background-color:#b2cdec; font-size: 28px; color:#262626;}
.text_content button{background-color:#edd614; border-radius: 10vw; width:100%; border:0; color:#202020; cursor: pointer; line-height:50px; margin-top:20px; font-size: 28px;}
@media screen and (min-width:1200px) and (max-width:1480px){
.text_content input{font-size: 24px; line-height: 40px;}
.text_content button{font-size: 24px; line-height: 40px;}
}
@media screen and (min-width:960px) and (max-width:1199px){
.text_content input{font-size: 18px; line-height: 30px;}
.text_content button{font-size: 18px; line-height: 30px; margin-top:10px}
}
@media screen and (max-width:959px){
.text{bottom:6%;}
.text_content input{font-size: 16px; line-height: 30px;}
.text_content button{font-size: 16px; line-height: 30px; margin-top:10px}
}
@media screen and (min-width:1440px){
.email_text{width:1366px; font-size: 1em; margin:2vw auto; line-height: 2em; color:#333}
}
.email_text p{margin:1vw 0}
</style>
<body>
<div class="width_screen">
<img src="__PUBLIC__/weben/images/backuper/backuper.jpg">
<div class="text">
<div class="text_content">
<from action="" method="post" id="form1">
<input placeholder="Email" name="email" type="text" class="email">
<button onclick="submit()">Signup Now!</button>
</from>
</div>
</div>
</div>
<div class="email_text">
<p>Terms and Conditions:</p>
-This campaign is open to the following countries: United States, Canada, Russia, Ukraine, Kazakhstan, France, Sweden, Belgium, Luxembourg, Poland, Netherlands, Portugal, Finland, United Kingdom, Germany, Italy, Spain, Australia, Vietnam, Japan, South Korea, Czech Republic, Ireland, Hungary, Denmark, Croatia, Greece, Malta, Slovenia, Lithuania, Cyprus, Latvia, Estonia, Slovakia, Austria, Pakistan, Myanmar, Philippines, Thailand, Malaysia, Indonesia.<br>
-By submitting your email to receive marketing messages from ORICO.<br>
-ORICO reserves the right of final explanation.
</div>
<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-1.8.3.min.js"></script>
<script>
function submit(){
var email = $(".email").val();
$.ajax({
url: "/us/email/index", // 提交到controller的url路径
type: "post", // 提交方式
data: {"email": email}, // data为String类型必须为 Key/Value 格式。
dataType: "json", // 服务器端返回的数据类型
success: function (data) { // 请求成功后的回调函数其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据然后通过data这个参数取JSON数据中的值
if (data.code == 200) {
alert(data.msg);
} else if(data.code = 404){
alert(data.msg);
}else if(data.code=500){
alert(data.msg);
}
},
});
};
</script>
</body>
</html>

176
app/us/view/group/brand-old.phtml Executable file
View File

@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Brand Story|Orico</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/brand.css">
</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-->
<div class="img-responsive"><img src="__PUBLIC__/web/images/brand/group_brand_b.jpg" alt=""/></div>
<div class="lj_brand_bg">
<div class="vtext swt-Container">
<p class="tl1">Brand Story</p>
<p class="lj_brand_text">ORICO was founded in 2009, which is innovative high-tech enterprise rooted in R & D of intelligent digital peripherals. Based on strength of R & D, strict attitude of production, rich experience of R & D and long-term marketing planning, ORICO insists on providing more convenient products with high performance for individuals, families or enterprises. ORICO is well known for its reliable and innovative image. And it is remembered by cooperated partners deeply because of its fast speed, strict attitude, high quality.</p>
</div>
<div class="swt-Container">
<div class="lj_brand_t clearfix">
<div class="lj_brand_l">
<div class="lj_b_big">Catch the sun in winter</div>
<div class="lj_b_small">Since ORICO was founded by Xu Yeyou, it has been devoting to changing troublesome situations in life through product innovation and respect peoples wish of improving life to make it better. At the beginning, desktops were being replaced by laptops gradually, then, the updating of desktops was like the sun in winter, vigorous and lively.
Xu Yeyou grasped this opportunity, started with IT storage peripherals, provided reliable solution to massive datas storage. Meanwhile he came up with USB expansion products planning to improve functions of lightweight laptops to make them as well useful as desktops. And he also put forward the first generation concept of products “Easy Your PC”, which made a great difference to PC peripherals industry.</div>
</div>
<div class="lj_brand_img rd_img"><img src="__PUBLIC__/web/images/brand/group_brand02.jpg" alt=""/></div>
</div>
<div class="lj_brand_t clearfix lj_cur_01">
<div class="lj_brand_img_02 rd_img"><img src="__PUBLIC__/web/images/brand/group_brand03.jpg" alt=""/></div>
<div class="lj_brand_l_02">
<div class="lj_b_big pad_l">Small changes triggered Butterfly Effect</div>
<div class="lj_b_small pad_l">With the technical accumulation, ORICO started to pursue breakthroughs. To begin with familiar HDD enclosure, it discarded troublesome screw installation of HDD enclosure. “Tool Free” design was favored by mass market.
At the time of digital mobiles/tablets development, ORICO reformed the traditional power strip and firstly launched USB intelligent power strip equipped with digital chargers, which brought a large market demand.
Inspired by Apple transparent host, ORICO designed full transparent series, from chip to capacitance, revealing sincerity and confidence.</div>
</div>
</div>
<div class="lj_brand_t clearfix">
<div class="lj_brand_l_03">
<div class="lj_b_big">Meanings of constant tech exploration</div>
<div class="lj_b_small">Like new element of our brand “Archimedes Screw” that will expand to further places through changing directions little by little, ORICO also persists in continuous exploration and changes to explore more possibilities. Constant exploration will bring meanings to peoples life, which becomes power resource for brand to pursue innovations and developments.</div>
</div>
<div class="lj_brand_img_03 rd_img"><img src="__PUBLIC__/web/images/brand/group_brand04.jpg" alt=""/></div>
</div>
</div>
</div>
<!--品牌大记事-->
<div class="dis_bril_bg">
<div class="vtext">
<p class="vtext_01">Brand Events</p>
<p class="tl2 "></p>
</div>
<div class="dis_box position-r ">
<div class="culture-l position-r">2021<span></span></div>
<div class="culture-r">Joined Xinchuang Alliance Industry Association and incubated subsidiary brand IAMAKER.</div>
<div class="culture-l position-r">2020<span></span></div>
<div class="culture-r">Selected as the 18th Shenzhen Famous Brands and the 7th Credible Global Brand; incubated subsidiary brand IDSONIX and achieved strategic cooperation with Lenovo on personal cloud storage and drive enclosures.</div>
<div class="culture-l position-r">2019<span></span></div>
<div class="culture-r">Celebrated ORICOs 10th anniversary and incubated subsidiary brand Yottamaster. </div>
<div class="culture-l position-r">2018<span></span></div>
<div class="culture-r">Listed on the Chinas top 30 cross-border e-commerce overseas brands in 2018 and started overall brand upgrade.</div>
<div class="culture-l position-r">2017<span></span></div>
<div class="culture-r">New industrial chain incubation platform of ORICO Internet & Creativity Industrial Park was established officially.</div>
<div class="culture-l position-r">2016<span></span></div>
<div class="culture-r">Quality Control Center was established by PICC IWS and Dongguan Quality Inspection while built up the strategic partner relationship with Fresco.</div>
<div class="culture-l position-r">2015<span></span></div>
<div class="culture-r">ORICO branch in Hunan was established, which marked the officially operation of brands global e-commerce center. At the same time, ORICO Internet & Creativity Industrial Park was founded in Dongguan. The subsidiary brand NTONPOWER started to incubate.</div>
<div class="culture-l position-r">2014<span></span></div>
<div class="culture-r">Kept improving industrial chain and maintained high development speed with 6 factories.</div>
<div class="culture-l position-r">2013<span></span></div>
<div class="culture-r">ORICO was awarded “National High-tech Enterprise” certification.</div>
<div class="culture-l position-r">2012 <span></span></div>
<div class="culture-r ">Started to develop self-industrial chain and optimize packaging, injection molding technologies. Products entered into global markets covering America, Spain, Britain, French and others.</div>
<div class="culture-l position-r">2011<span></span></div>
<div class="culture-r">Developed offline channels in Thailand, Korea and Germany. Meanwhile the headquarter moved in Shenzhen Zhonghaixin Science & Technology Park.</div>
<div class="culture-l position-r">2010<span></span></div>
<div class="culture-r">ORICO officially landed on Tmall, JD, Yixun, Newegg, Amazon, Suning, Gome and more mainstream e-commerce platforms, expanding online markets.
</div>
<div class="culture-l position-r">2009<span></span></div>
<div class="culture-r padding-b-3">ORICO was founded formally and first released the Tool Free drive enclosure.</div>
</div>
</div>
<!--技术发展-->
<div class="lj_brand_bg">
<div class="swt-Container">
<div class="vtext pad_b">
<p class="tl1 rd_img">Tech Development</p>
<p class="tl2"></p>
</div>
</div>
<div class="swt-Container clearfix">
<div class="Brand-swt-Table">
<div class="Table-Row">
<div class="rd_img Table-Cell"><img src="__PUBLIC__/web/images/brand/group_b_t01.jpg" alt=""/></div>
<div class="Table-Cell">
<div class="lj_l">
<h3>2011</h3>
<div class="lj_small_t">“Tool free” design promoted innovation of HDD enclosure installation. Joined SATA-IO Association to ensure high interoperability of SATA series products.
</div>
</div>
</div>
</div>
<div class="Table-Row">
<div class="Table-Cell ">
<div class="lj_r B-D-Block">
<h3>2013</h3>
<div class="lj_small_t">Achieved strategic cooperation with WD and further discussed the innovation of storage tech. Became the major cooperated partner of VIA Labs in China and formally launched wireless cloud storage system.</div>
</div>
</div>
<div class="rd_img Table-Cell"><img src="__PUBLIC__/web/images/brand/group_b_t02.jpg" alt=""/></div>
</div>
<div class="Table-Row">
<div class="rd_img Table-Cell"><img src="__PUBLIC__/web/images/brand/group_b_t03.jpg" alt=""/></div>
<div class="Table-Cell">
<div class="lj_l">
<h3>2014</h3>
<div class="lj_small_t">Successfully developed intelligent digital power strip and launched JD crowdfunding in 2015 with satisfying result.
</div>
</div>
</div>
</div>
<div class="Table-Row">
<div class="Table-Cell">
<div class="lj_r B-D-Block">
<h3>2015</h3>
<div class="lj_small_t">Started to research data transmission and power transmission technology including Type-C, USB2.0, USB3.0, etc.
</div>
</div>
</div>
<div class="rd_img Table-Cell"><img src="__PUBLIC__/web/images/brand/group_b_t04.jpg" alt=""/></div>
</div>
<div class="Table-Row">
<div class="rd_img Table-Cell"><img src="__PUBLIC__/web/images/brand/group_b_t05.jpg" alt=""/></div>
<div class="Table-Cell">
<div class="lj_l">
<h3>2016</h3>
<div class="lj_small_t">Companys representative product-the transparent enclosure series appeared in market.
</div>
</div>
</div>
</div>
<div class="Table-Row">
<div class="Table-Cell">
<div class="lj_r B-D-Block">
<h3>2021</h3>
<div class="lj_small_t">Cooperated with Toshiba to further explore personal storage solutions including personal cloud storage, mobile backuper etc.
</div>
</div>
</div>
<div class="rd_img Table-Cell"><img src="__PUBLIC__/web/images/brand/group_b_t06.jpg" alt=""/></div>
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

118
app/us/view/group/brand.phtml Executable file
View File

@@ -0,0 +1,118 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Brand Story|Orico</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/brand0804.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/animate.min.css">
</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-->
<div class="img-responsive"><img src="__PUBLIC__/weben/images/Introductionimg/OurBrand.png" alt=""/></div>
<div class="our_brand_con">
<div class="our_brand_bg" id="our_brand_bg1">
<div class="vtext swt-Container">
<div class="Table-Cell left ">
<p class="title">Our Story</p>
<hr>
<p class="des">ORICO was founded in 2009, which is innovative high-tech enterprise rooted in R & D of intelligent digital peripherals. </p>
<p class="des">Based on strength of R & D, strict attitude of production, rich experience of R & D and long-term marketing planning, ORICO insists on providing more convenient products with high performance for individuals, families or enterprises. </p>
<p class="des">ORICO is well known for its reliable and innovative image. And it is remembered by cooperated partners deeply because of its fast speed, strict attitude, high quality. </p>
</div>
<div class="Table-Cell right "><img src="__PUBLIC__/weben/images/Introductionimg/our1.png"></div>
</div>
</div>
<div class="our_brand_bg" id="our_brand_bg2">
<div class="vtext swt-Container">
<div class="Table-Cell left ">
<p class="title">Our Mission</p>
<hr>
<p class="des">Orico focuses on the field of storage and transmission of data and power. With its diversifled product portfollo, the company meets the needs of consumers while allowing them to experience the changes and convenience brouaht by technoloay. </p>
<p class="des">Orico continues to create new praducts lead new market categories, and reshape the alobal consumption patterns of data access products.In the futute.Orico will rely on NAS.Decking Stations.UFSD flash drives.Cables.and other product portfolios to meet the global market's personalized data storage and transmission needs. We will also take social responsibility, promote resource reciprocity. and speak for Chinese companies and Chinese manufacturing.</p>
</div>
<div class="Table-Cell right "><img src="__PUBLIC__/weben/images/Introductionimg/our2.png"></div>
</div>
</div>
</div>
<!--品牌大记事-->
<div class="dis_bril_bg">
<div class="dis_bril_con swt-Container">
<div class="dis_bril_div">
<div class="iconimg"><img src="__PUBLIC__/weben/images/indeximg/eas.png"></div>
<div class="title">
<p>Sell well for <?php echo (date("Y")-2009);?> years worldwide</p>
</div>
<div class="subtitle">
<p>Since the establishment of ORICO, it has opened up domestic and overseas offline channels in many countries around the world for <?php echo (date("Y")-2009);?> years, and has independent agents and distributors in many countries. ORICO has been accepted by the industry in the external HDD enclosure and USB3.0 peripherals for four consecutive years, our fast charging surge protector keeps the top 5 in the rapid growth.</p>
</div>
</div>
<div class="dis_bril_div">
<div class="iconimg"><img src="__PUBLIC__/weben/images/indeximg/team.png"></div>
<div class="title">
<p>Superior R&D Team</p>
</div>
<div class="subtitle">
<p>We are committed to providing innovative and practical solutions for customers' needs. Established a professional R & D team of nearly 100 senior engineers, structural engineers, electronic engineers, etc. Develop thousands of products such as USB storage, USB expansion, USB power strip, USB charging, digital accessories, and quality peripherals. We maintain the R&D of new products every week.</p>
</div>
</div>
<div class="dis_bril_div">
<div class="iconimg"><img src="__PUBLIC__/weben/images/indeximg/channeng.png"></div>
<div class="title">
<p>Annual production capacity over 4B.</p>
</div>
<div class="subtitle">
<p>Adopting 5S management is the premise of creating excellent products. ORICO invested nearly 80 million to build Internet & Creativity Industrial Park, a comprehensive service center integrating innovation and technology training, project incubation, industry acceleration, investment and financing services, and more. The annual production capacity has steadily exceeded RMB 4 billion.(600 million USD</p>
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script>
$(document).ready(function() {
function isScrolledIntoView(elem) {
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return (elemTop <= docViewBottom);
}
var myelement = $('#our_brand_bg1'); // the element to act on if viewable
goScroll(myelement);
var myelement2 = $('#our_brand_bg2'); // the element to act on if viewable
goScroll(myelement2);
function goScroll(obj){
$(window).scroll(function() {
if(isScrolledIntoView(obj)) {
$(obj).find('.left').addClass('animated fadeInLeft');
$(obj).find('.right').addClass('animated fadeInRight');
}
});
}
});
</script>
</body>
</html>

View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Shop for Business</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/brand.css">
</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-->
<div class="img-responsive"><img src="__PUBLIC__/web/images/brand/group_brand_b.jpg" alt=""/></div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

297
app/us/view/group/business.phtml Executable file
View File

@@ -0,0 +1,297 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Honor|Orico USB storage|charging</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/cooperation.css">
</head>
<body style="background:#F2F2F2;">
<!--top-->
<header class="header-PC header-Product">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--Bult Buy-->
<div class="bdpage" >
<div class="bd_main bd_main1">
<h1 class="t1 sfbt1">Bulk Buy</h1>
<!--内容-->
<div class="bd_ct ">
<div class="bd_from" style="padding: 0 300px;">
<div class="theit">
<div class="bditem">
<label class="itlable">Company Name<span class="redtag">*</span></label>
<input type="text" class="form-control itinp companyName" placeholder="Legal business name" name="company" id="company">
</div>
</div>
<div class="theit">
<div class="bditem">
<label class="itlable">Official website</label>
<input type="text" class="form-control itinp url" placeholder="Please paste the URL" name="url" id="url">
</div>
</div>
<div class="theit">
<div class="bditem">
<label class="itlable">Your Name<span class="redtag">*</span></label>
<input type="text" class="form-control itinp first" placeholder="First name" name="firstname" id="firstname">
</div>
<div class="bditem">
<label class="itlable">&nbsp;</label>
<input type="text" class="form-control itinp last" placeholder="Last name" name="lastname" id="lastname">
</div>
</div>
<div class="theit">
<div class="bditem">
<label class="itlable">Email<span class="redtag">*</span></label>
<input type="email" class="form-control itinp email" name="email" id="email">
</div>
</div>
<div class="theit">
<div class="bditem bditem1">
<label class="itlable">Phone Numbe</label>
<input type="text" class="form-control itinp mphone" name="phone" id="phone">
</div>
</div>
<div class="theit">
<div class="bditem bditem1">
<label class="itlable">Products you are interested in?</label>
<div class="sfbchecks">
<form class="sfbcheckboxlist" action="" method="get">
<label class="cit">
<input name="interested" type="checkbox" value="Computer Peripheral" class="sfbcheckboxit">Computer Peripheral
</label>
<label class="cit">
<input type="checkbox" value="Phone Peripheral" name="interested" class="sfbcheckboxit">Phone Peripheral</label>
<label class="cit">
<input type="checkbox" value="Electronics" name="interested" class="sfbcheckboxit">Electronics
</label>
<label class="cit">
<input type="checkbox" value="SSD" name="interested" class="sfbcheckboxit">SSD
</label>
<label class="cit">
<input type="checkbox" value="Entertainment Series" name="interested" class="sfbcheckboxit">Entertainment Series
</label>
<label class="cit">
<input type="checkbox" value="Smart Life Series" name="interested" class="sfbcheckboxit">Smart Life Series
</label>
<label class="cit">
<input type="checkbox" value="Outdoor Power Station" name="interested" class="sfbcheckboxit">Outdoor Power Station
</label>
</form>
</div>
</div>
</div>
<div class="theit">
<div class="bditem bditem1">
<label class="itlable">Message<span class="redtag">*</span></label>
<textarea class="ittextarea ittextarea2 message" placeholder="Methods used"></textarea>
</div>
</div>
</div>
</div>
<!-- 提交-->
<div class="bttj">SUBMIT</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script>
try {
k_win_ref = window.parent.document.referrer;
} catch(e) {
k_win_ref = '';
};
/*弹出框关闭*/
$(function() {
// 输入框失去焦点
$('.companyName').blur(function(){
if($('.companyName').val() != ''){
$('.companyName').removeClass('error');
$('.companyName').next('span').addClass('hide');
}else{
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}
})
$('.first').blur(function(){
if($('.first').val() != ''){
$('.first').removeClass('error');
$('.first').next('span').addClass('hide');
}else{
$('.first').addClass('error');
$('.first').next('span').removeClass('hide');
}
})
$('.last').blur(function(){
if($('.last').val() != ''){
$('.last').removeClass('error');
$('.last').next('span').addClass('hide');
}else{
$('.last').addClass('error');
$('.last').next('span').removeClass('hide');
}
})
$('.email').blur(function(){
if($('.email').val() != ''){
$('.email').removeClass('error');
$('.email').next('span').addClass('hide');
}else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
})
$('.mphone').blur(function(){
if($('.mphone').val() != ''){
$('.mphone').removeClass('error');
$('.mphone').next('span').addClass('hide');
}else{
$('.mphone').addClass('error');
$('.mphone').next('span').removeClass('hide');
}
})
$('.message').blur(function(){
if($('.message').val() != ''){
$('.message').removeClass('error');
$('.message').next('span').addClass('hide');
}else{
$('.message').addClass('error');
$('.message').next('span').removeClass('hide');
}
})
// 提交表单
$('.bttj').click(function(){
var companyName = $('.companyName').val();
var firstName = $('.first').val();
var lastName = $('.last').val();
var email = $('.email').val();
var phone = $('.mphone').val();
var message = $('.message').val();
var url = $('.url').val();
var checkItem = new Array();
$("input[name='interested']:checked").each(function() {
    checkItem.push($(this).val());// 在数组中追加元素
});
var interesteds = checkItem.join(",");
var inventory = $("input[name='inventory']:checked").val();
if(companyName == ''){
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}else{
$('.companyName').removeClass('error');
$('.companyName').next('span').addClass('hide');
}
if(firstName == ''){
$('.first').addClass('error');
$('.first').next('span').removeClass('hide');
}else{
$('.first').removeClass('error');
$('.first').next('span').addClass('hide');
}
if(lastName == ''){
$('.last').addClass('error');
$('.last').next('span').removeClass('hide');
}else{
$('.last').removeClass('error');
$('.last').next('span').addClass('hide');
}
if(email == ''){
$('#email').addClass('error');
$('#email').next('span').removeClass('hide');
}
else{
if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email) == false) {
$('#email').addClass('error');
$('#email').next('span').removeClass('hide');
}
else{
$('#email').removeClass('error');
$('#email').next('span').addClass('hide');
}
}
if(phone == ''){
$('.mphone').addClass('error');
$('.mphone').next('span').removeClass('hide');
}else{
$('.mphone').removeClass('error');
$('.mphone').next('span').addClass('hide');
}
if(message == ''){
$('.message').addClass('error');
$('.message').next('span').removeClass('hide');
}else{
$('.message').removeClass('error');
$('.message').next('span').addClass('hide');
}
//点击创建申请块
if(companyName && firstName && lastName && email && phone && message) {
$.ajax({
type: "POST",
url: "/us/bulk_inquiry/create",
data: {'company':companyName, 'url':url, 'email':email,'name':firstName,'last_name':lastName,'phone':phone,'interested':interesteds,'message':message,'refer':k_win_ref},
dataType: "json",
success: function(data){
if(data.code == 200) {
alert("Add Success!");
$("input[ type='text']").val('');
$(":input[name='interested']").attr("checked",false);
$('.message').val('');
$('.mphone').val('');
$('#email').val('');
$('.first').val('');
$('.last').val('');
$('.companyName').val('');
//location.href = '/us/Group/submission.html';
}
else{
if(data.code == 403 || data.code == 201) {
alert(data.msg);
}
else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
}
}
});
}
})
})
</script>
<style>
.csunbmit{height: 35px;margin-top: 10px;margin-bottom: 5px;}
.submitBtn{width: 75px;height: 30px;line-height: 26px;background-color: #339b53;text-align: center;display: block; color: #FFFFFF;font-size: 12px;border-radius: 6px;float: left;}
.cli{border-bottom: 1px dashed #ccc;text-align: left;font-size: 12px;}
.ccontent{width: 98%;padding: 10px; background: #f6f9fb;border:1px solid #ccc;margin-bottom: 10px}
</style>
</body>
</html>

270
app/us/view/group/charger.phtml Executable file
View File

@@ -0,0 +1,270 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/charger.css">
<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-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/charger/charger-banner.jpg">
<div class="charger_01">
<div class="swt-Container">
<p class="title">Travel Partner</p>
<p class="text">A good journey starts from a good power bank</p>
</div>
</div>
</div>
<!--视频-->
<div class="position-r charger_02_bg">
<div class="charger_02 charger_alltext">
<div class="swt-Container">
<div class="charger_black left ">
<p class="charger_title">Light & Thin<br>Fast & Powerful</p>
<p class="charger_subtitle">Worry-free trip</p>
<p class="charger_text"><span class="subject_span_margin">As a strong backing of mobile phone, bank is becoming more and more important.</span><br>
Thin and light, large capacity and fast charging, bring you a burden-free trip.</p>
</div>
<div class="right img-responsive">
<img src="__PUBLIC__/web/images/charger/charger_02_video.jpg">
<video height="100%" controls poster="__PUBLIC__/web/images/charger/charger_02_video.jpg">
<source src="__PUBLIC__/web/images/charger/ORICO-K10P20P.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--产品-->
<div class="charger_03">
<div class="swt-Container">
<ul class="img-responsive">
<li>
<img src="__PUBLIC__/web/images/charger/charger-YC10.jpg">
<div class="title">YC10</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/charger/charger-M10.jpg">
<div class="title">M10</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/charger/charger-W10000.jpg">
<div class="title">W10000</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/charger/charger-S5.jpg">
<div class="title">S5</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--第四屏-->
<div class="charger_04 img-responsive">
<div class="charger_04_PC">
<img src="__PUBLIC__/web/images/charger/charger-04.jpg">
</div>
<div class="charger_04_M">
<img src="__PUBLIC__/web/images/charger/charger-04-product.jpg">
</div>
<div class="text">
<div class="swt-Container">
<div class="charger_04_word">
<p class="charger_title">Firefly Series</p>
<p class="charger_subtitle">Light up the dark</p>
<p class="charger_text">Adding a cute firefly element to the power bank, integrating light and beauty, it looks like a firefly lighting up your way in the darkness.</p>
</div>
</div>
</div>
<div class="all_text">
<div class="swt-Container">
<ul class="img-responsive">
<li>
<img src="__PUBLIC__/web/images/charger/charger-K10000.jpg">
<div class="title">K10000</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/charger/charger-C20.jpg">
<div class="title">C20</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Tmall</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/charger/charger-M6.jpg">
<div class="title">M6</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/charger/charger-C10.jpg">
<div class="title">C10</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/charger/charger-K10S.jpg">
<div class="title">K10S</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--第五屏-->
<div class="charger_05 img-responsive">
<img src="__PUBLIC__/web/images/charger/charger-05.jpg">
<div class="all_text">
<div class="swt-Container">
<div class="title">Power Bank + Wireless Charger<br>Two-in-One</div>
<div class="sub_title">Break through tech and tradition</div>
<div class="des"><span class="subject_span_margin">In the future, the way of charging should be diversified, innovating. ORICO has taken a small step on the road to innovation.</span><br>
<p>We integrated power bank and wireless charging, make charging more convenient.</div>
</div>
</div>
</div>
<!--第六屏-->
<div class="charger_06">
<div class="swt-Container">
<div class="center_M">
<p class="main_title">Multiple Quick Charge Modes<br>Freely Switch</p>
<p class="sub_title">18W fast power delivery</p>
<p class="des">Support PD3.0/QC3.0 and other quick charge protocols for Samsung, Huawei, Mi, Apple and other smart phones. Support 5V3A, 9V2A, 12V1.5A (18W Max), fast charging experience.</p>
</div>
</div>
<div class="charger_06_bg">
<div class="all">
<div class="swt-Container">
<div class="all_text">
<div class="center">
<p class="main_title">Multiple Quick Charge Modes<br>Freely Switch</p>
<p class="sub_title">18W fast power delivery</p>
<p class="des">Support PD3.0/QC3.0 and other quick charge protocols for Samsung, Huawei, Mi, Apple and other smart phones. Support 5V3A, 9V2A, 12V1.5A (18W Max), fast charging experience.</p>
</div>
<p class="img-responsive all_img"><img src="__PUBLIC__/web/images/charger/charger_06_logo.jpg"></p>
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/web/images/charger/charger-06-K10000.jpg">
<div class="title">K10000</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/web/images/charger/charger-06-C20.jpg">
<div class="title">C20</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--<div class="all">
<div class="swt-Container">
<div class="all_text">
<p class="main_title">多重快充模式合体<br>智能切换</p>
<p class="sub_title">18W电力传输不想等就要快</p>
<p class="des">支持PD3.0/QC3.0等七大主流快充协议能够为三星、华为、小米、苹果等智能手机自动适配合适的快充模式并支持5V3A、9V2A、12V1.5A(18W Max)三种快充功率边玩边充,轻松满电,开启全家人的数码快充新体验。</p>
<p class="img-responsive all_img"><img src="__PUBLIC__/web/images/charger/charger_06_logo.jpg"></p>
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/web/images/charger/charger-06-K10000.jpg">
<div class="title">YC10</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">天猫购买</a>
<a href="">京东购买</a>
</div>
</div>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/web/images/charger/charger-06-C20.jpg">
<div class="title">YC10</div>
<div class="charger_buy">
<div class="charger_buy_button">
<a href="">天猫购买</a>
<a href="">京东购买</a>
</div>
</div>
</li>
</ul>
</div>
</div>-->
</div>
<div class="charger_06_img_M img-responsive"><img src="__PUBLIC__/web/images/charger/charger-06-M.jpg"></div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

203
app/us/view/group/contact.phtml Executable file
View File

@@ -0,0 +1,203 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contact Us</title>
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/cooperation.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/contact.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/montserrat.css">
<style>
.text_blue {
color: #004BFA
}
</style>
</head>
<body class="bg-gray">
<!--top-->
<header class="header-PC header-Product">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--banner-->
<div class="Swt-Banner position-r">
<img src="__PUBLIC__/weben/images/Introductionimg/ContactUs.png" alt="" />
<!--<div class="banner_title">CONTACT US</div>-->
</div>
<!--banner-->
<!--内容-->
<div class="contact_c">
<div class="all_contact">
<!--信息-->
<div class="info">
<div class="title">
Our Information
</div>
<div class="info_all">
<div class="list">
<div class="list_img"><img src="__PUBLIC__/weben/images/contact/contact_icon01.png" alt="" />
</div>
<div class="list_right">
<div class="des" style="">19/F, Block 14A, Zhonghaixin Science &Technology Park, Longgang District,
Shenzhen,
China.</div>
</div>
</div>
<div class="list">
<div class="list_img"><img src="__PUBLIC__/weben/images/contact/contact_icon02.png" alt="" />
</div>
<div class="sub_list">
<div class="title">Customer Service:</div>
<div class="des"><?php echo $website_email;?></div>
</div>
<div class="sub_list">
<div class="title">Dealer Inquiry:</div>
<div class="des">oversea-bu@orico.com.cn</div>
</div>
</div>
<div class="list">
<div class="list_img"><img src="__PUBLIC__/weben/images/contact/contact_icon03.png" alt="" />
</div>
<div class="">
<div class="title">Mon - Fri:</div>
<div class="des">9AM-6PM EST</div>
</div>
</div>
</div>
</div>
<!--问题-->
<div class="question">
<div class="title">
Send Us Your Question
</div>
<div class="question_form">
<div class="list">
<div class="title">Your name<span class="f_red">*</span></div>
<div class="form_input"><input name="name" id="name" placeholder="This is your placeholder text" class="form-control itinp"></div>
</div>
<div class="list">
<div class="title">Your email <span class="f_red">*</span></div>
<div class="form_input"><input name="email" id="email" placeholder="This is your placeholder text" class="form-control itinp"></div>
</div>
<div class="list">
<div class="title">Your Message <span class="f_red">*</span></div>
<div class="form_input">
<textarea rows="6" name="message" id="message" class="ittextarea message" placeholder="This is your placeholder text"></textarea>
</div>
</div>
<div class="list">
<div class="contact_button">SEND</div>
</div>
</div>
</div>
</div>
<!--Become a Distributor-->
<div class="become_dis">
<a href="__ORICOROOT__/Group/distributor" class="text_blue ">Become a Distributor</a>
</div>
<!--Become a Distributor-->
</div>
<!--内容-->
<script type="text/javascript">
$(function() {
// 提交表单
$('.contact_button').click(function() {
var name = $('#name').val();
var email = $('#email').val();
var message = $('#message').val();
if (name == '') {
$('#name').addClass('error');
$('#name').next('span').removeClass('hide');
}else{
$('#name').removeClass('error');
$('#name').next('span').addClass('hide');
}
if (email == '') {
$('#email').addClass('error');
$('#email').next('span').removeClass('hide');
}
else{
if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email) == false) {
$('#email').addClass('error');
$('#email').next('span').removeClass('hide');
return false;
}
else{
$('#email').removeClass('error');
$('#email').next('span').addClass('hide');
}
}
if (message == '') {
$('#message').addClass('error');
$('#message').next('span').removeClass('hide');
}else{
$('#message').removeClass('error');
$('#message').next('span').addClass('hide');
}
//点击创建申请块
if (name && email && message) {
var type = 'Agent';
$.ajax({
type: "POST",
url: "/us/bulk/create",
data: {
'name': name,
'email': email,
'message': message
},
dataType: "json",
success: function(data) {
if (data.code == 200) {
alert("Add Sucess!");
$(".marsk-container").hide();
$("input[ type='text']").val('');
$('#name').val('');
$('#email').val('');
$('#message').val('');
} else {
if (data.code == 403 || data.code == 201) {
alert(data.msg);
} else {
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
}
}
});
}
})
});
</script>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

85
app/us/view/group/culture.phtml Executable file
View File

@@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Culture & Values|Orico culture</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/culture.css">
</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-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/culture/culture-banner.jpg">
<div class="culture_new_banner">
<div class="swt-Container">
<div class="title">"Innovation Perfection Dignity Love Health Happiness"</div>
<div class="des">Every word stands for a sort of spirit ORICO members admire, which is also an environment company hopes to create for staffs. <br>Customers and partners can also perceive these spirits. </div>
</div>
</div>
</div>
<!--文化与价值观-->
<div class="culture_new">
<div class="swt-Container">
<div class="text-c title">Culture & Values</div>
<div class="des text-c">ORICO insists “Four in One” company value, including these four aspects: Satisfy demands of customers, help staffs realize individual value, dont betray investors expectation and trust, undertake social responsibility. Following is detailed explanation: </div>
<div class="swt-Table">
<ul class="Table-Row">
<li class="img-responsive Table-Cell">
<img src="__PUBLIC__/web/images/culture/culture-01.jpg">
<p class="list-title">Satisfy customers</p>
<p class="list-des">Create value for customers oriented by their essential demands. Change unreasonable life situations and supply proper solutions. Choose to innovate continuously and provide high-quality products. Optimize and reduce cost constantly. </p>
</li>
<li class="R-margin Table-Cell"></li>
<li class="img-responsive Table-Cell">
<img src="__PUBLIC__/web/images/culture/culture-02.jpg">
<p class="list-title">Satisfy staffs</p>
<p class="list-des">Responsible for the growth of employees and the realization of their values and dreams, establish a platform and mechanism that is fair and reasonable, with clear rewards and punishments, and make the best use of their talents; motivate their sense of ownership in their posts to actively pursue and build themselves, and strive for self-reliance and better life.</p>
</li>
<li class="R-margin Table-Cell"></li>
<li class="img-responsive Table-Cell">
<img src="__PUBLIC__/web/images/culture/culture-03.jpg">
<p class="list-title">Social responsibility</p>
<p class="list-des">Making contribution for the development of society, whether it is engaged in products or the spirit of doing things, we must play a positive role, obey the law and protect the environment, respect the party and love our country, resist the unhealthy trend, and respect the interests of partners.</p>
</li>
</ul>
</div>
</div>
</div>
<div class="culture_new_gray">
<div class="swt-Container center_bg">
<div class="right">
<img src="__PUBLIC__/web/images/culture/culture-04.jpg">
</div>
<div class="left">
<div class="content">
<p class="title"><span>Satisfy</span> investors</p>
<p class="subtitle">Create social value together and obtain relevant reasonable return. Invest to innovation of companies and make preparations for any risks. There are 6 words in ORICO “Innovation, Perfection, Dignity, Big Love, Health, Happiness”.
<p >“Innovation”: Accumulate steadily, the core competence of the corporation;
“Perfection”: Be persistent, the power resource of exploration and breakthrough;<br>
“Dignity”: Build an honest partnership, treasure superior talents;<br>
“Big Love”: Self-discipline and social commitment, selfless dedication to future purposes;<br>
“Health”: Keep lively forever, the solid foundation of booming development;<br>
“Happiness”: Be peaceful and happy, create happy cultural atmosphere.<br>
Every word is a kind of spirit every staff advocates in our company. Its also an optimal atmosphere company hopes to create for our staffs. </p>
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

163
app/us/view/group/decennial.phtml Executable file
View File

@@ -0,0 +1,163 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Ten years of glory, Ten years of new chapter</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/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="/uploads/default/banner-PC-EN-ten.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">10 Years of Innovative R&D</div>
<div class="img-responsives"><img src="__PUBLIC__/weben/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">10 Years of Company</div>
<div class="ten_des text-c f-gray padding-t-5vw">ORICO's ten years of development are full of challenges, but there are always such a group of people, they help, support and acompany us. Thanks to having you all the way.</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 Years, A New Start</div>
<div class="ten_des text-c f-gray">The brand focuses on the development and production of USB technology peripheral products, including USB data transmission technology, Type-C technology application, USB power transmission technology, etc. Currently, the brand has laid out a new product line including backuper, Thunderbolt 3, SSD etc. in the future, these major sectors will also be the focus of the brand.</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">Little changebig difference</div>
<div class="ten_des text-c f-gray padding-t-5vw">The new brand concept is to explore and create a big difference in the way of accumulating small changes. To fully present the brand's future layout with the newly upgraded 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>Computer Peripherals</li>
<li>Phone Peripherals</li>
<li>Electronics</li>
<li>Entertainment</li>
<li>Smart Life</li>
<li>Personal Care</li>
<li>High-end Gaming</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">10th Anniversary Celebration Scene</div>
<!--拉开庆典序幕-->
<div class="ten_subtitle text-c f-black f_weight_600">Celebration Starts</div>
<div class="ten_des text-c f-gray">At the beginning of the whole celebration, the founder of the brand and the leader of Changping Town of Dongguan gave a speech and kicked off the celebration. They reviewed the brand's ten-year development and future planning and development direction together with thousands of people, including agents, suppliers, company employees and family members. </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">Self-directed Show</div>
<div class="ten_des text-c f-gray">The relaxed and joyful songs and dances, sketches and stage plays are all fun, showing the vigorous spirit.</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">Award-winning Agents, Suppliers</div>
<div class="ten_des text-c f-gray">The ten-year development is inseparable from the support of all partners. On the occasion of the 10th anniversary of ORICO, many partners at home and abroad have also been invited to participate, thanks to the support and guidance over the years.</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">A Great Gathering</div>
<div class="ten_des text-c f-gray"> If we compare a ten-year development enterprise to a ship that sails on the sea, all of our ORICO people are like sailors on a ship, we facing storms together and enjoying sunshine together. Many ORICO people spent their best years with ORICO, and ushered in a new phase of life in ORICO.</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">Celebration Moments</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 ten_title01 text-c f-black f_weight_600">10 Years Together, Thanks for Having You All the Way</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">
/*视频播放
video1=document.getElementById("videoPlay1");
video1.onclick=function(){
if(video1.paused){
video1.play()
}else{
video1.pause()
}
}*/
$(document).ready(function(){
$('.ten_slider').bxSlider({
});
});
</script>
</body>
</html>

538
app/us/view/group/dist.phtml Executable file
View File

@@ -0,0 +1,538 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Become a Distributor</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/distributor.css">
</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-->
<div class="Swt-Banner"><img src="__PUBLIC__/weben/images/distributor/smarty_life2.jpg"></div>
<!--第二屏-->
<div class="distributor_bg_black">
<div class="swt-Container distributor_two img-responsives">
<div class="swt-Table">
<div class="Table-Row">
<div class="Table-Cell swt-Table-border-r">
<div class="left m-bottom"><img src="__PUBLIC__/web/images/distributor/distributor_01_one.png"></div>
<div class="right m-bottom">
<p class="title"><span>Innovative Digital Manufacturer</span></p>
<p class="des">With 12 years specializing in the in the field of USB data transmission and charging, ORICOs products have been sold to over 80 countries and regions offline and online.</p>
</div>
</div>
<div class="Table-Cell">
<div class="left m-bottom"><img src="__PUBLIC__/web/images/distributor/distributor_01_two.png"></div>
<div class="right m-bottom">
<p class="title"><span>The Design Concept of “Easy Your PC”</span> </p>
<p class="des">ORICO keeps investing in R&D and develops innovative products to provide a better user experience. </p>
</div>
</div>
</div>
</div>
<div class="swt-Table swt-Table-border-b">
<div class="Table-Row">
<div class="Table-Cell swt-Table-border-r">
<div class="left m-top"><img src="__PUBLIC__/web/images/distributor/distributor_01_three.png"></div>
<div class="right m-top">
<p class="title"><span>Matured Industrial Chain</span></p>
<p class="des">ORICOs business scope covers integrated industry chain including R&D, manufacture, marketing and sales center which enables great production capacity.</p>
</div>
</div>
<div class="Table-Cell">
<div class="left m-top"><img src="__PUBLIC__/web/images/distributor/distributor_01_four.png"></div>
<div class="right m-top">
<p class="title"><span>Diversified Brand Planning </span></p>
<p class="des">7 product lines have been implemented with over 2000 SKU for storage expanding products, mobile & PC peripheral, electronics and more.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--保障-->
<div class="distributor_faq">
<div class="Swt-Banner position-r">
<img src="__PUBLIC__/web/images/distributor/distributor_faq_01.jpg" alt=""/>
<div class="one">
<div class="swt-Container bg_black">
<div class="content">
<p class="distributor_subtitle distributor_text_white">Your Perfect Partner</p>
<p class="distributor_des distributor_text_white margin-t">Infinite Possibility and Unique Creativity</p>
<div class="line"></div>
</div>
</div>
</div>
</div>
<div class="Swt-Banner position-r">
<img src="__PUBLIC__/web/images/distributor/distributor_faq_02.jpg" alt=""/>
<div class="one">
<div class="swt-Container contents">
<ul>
<li>
<p class="distributor_subtitle distributor_text_white">Strong Production Capacity</p>
<p class="distributor_des distributor_text_white margin-t">8 factories and 16 industrial chains make ORICO a reliable manufacturer. Its hardware mold factory, plastic mold factory, SMT factory, assembly factory and packaging factory easily contribute a capacity of over 4 billion yuan.</p>
</li>
<li>
<p class="distributor_subtitle distributor_text_white">Advanced Technical Support</p>
<p class="distributor_des distributor_text_white margin-t">Established over 10 million square meters business incubator and introduced advanced product development system, product supply system and Factory to Business 211 system for efficient and comprehensive management. </p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--八大生产线-->
<div class="Swt-Banner">
<img src="__PUBLIC__/weben/images/distributor/produce2.jpg" usemap="#Map">
<map name="Map">
<area shape="rect" coords="418,522,650,578" class="cursor" href="https://www.orico.cc/us/product/category/521.html" target="_blank">
<area shape="rect" coords="726,525,919,574" class="cursor" href="https://www.orico.cc/us/product/category/528.html" target="_blank">
<area shape="rect" coords="970,520,1138,575" class="cursor" href="https://www.orico.cc/us/product/category/529.html" target="_blank">
<area shape="rect" coords="418,606,624,656" class="cursor" href="https://www.orico.cc/us/product/category/631.html" target="_blank">
<area shape="rect" coords="709,610,905,665" class="cursor" href="https://www.orico.cc/us/product/category/532.html" target="_blank">
<area shape="rect" coords="969,599,1230,667" class="cursor" href="https://www.orico.cc/us/product/category/933.html" target="_blank">
<area shape="rect" coords="1266,520,1478,572" class="cursor" href="https://www.orico.cc/us/product/category/530.html" target="_blank">
</map>
</div>
<div class="distributor_Beltline">
<div class="distributor_title distributor_text_black text-c">Featured Products</div>
<div class="distributor_des distributor_text_gray text-c">Leading The Trend</div>
<div class="swt-Container">
<ul>
<li>
<a href="https://www.orico.cc/us/product/detail/4039.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/TCM2-C3.jpg">
<p class="distributor_text_black distributor_des">NVMe M.2 SSD Enclosure (10Gbps)</p>
<p class="distributor_text_gray distributor_des">ORICO TCM2-C3 </p>
</a>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/3237.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/NS500U3.jpg">
<p class="distributor_text_black distributor_des">3.5 inch 5 Bay USB3.0 Hard Drive Enclosure</p>
<p class="distributor_text_gray distributor_des">ORICO NS500U3</p></a>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/3244.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/WS200RC3.jpg">
<p class="distributor_text_black distributor_des">3.5 inch 2 Bay Type-C Hard Drive Enclosure</p>
<p class="distributor_text_gray distributor_des">ORICO WS200RC3</p></a>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/6775.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/9558U3.jpg">
<p class="distributor_text_black distributor_des">3.5-Inch External Hard Drive Enclosure</p>
<p class="distributor_text_gray distributor_des">ORICO 9558U3</p></a>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/7214.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/M2PV-C3.jpg">
<p class="distributor_text_black distributor_des">M.2 NVMe SSD Enclosure</p>
<p class="distributor_text_gray distributor_des">ORICO M2PV-C3</p></a>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/3348.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/M3H4-V1.jpg">
<p class="distributor_text_black distributor_des">Aluminum Alloy 4 Port USB3.0 HUB</p>
<p class="distributor_text_gray distributor_des">ORICO M3H4-V1</p>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/7296.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/PA500-2A4U.jpg">
<p class="distributor_text_black distributor_des">Portable Power Station 500W</p>
<p class="distributor_text_gray distributor_des">ORICO PA500-2A4U</p></a>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/3374.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/DUK-10P.jpg">
<p class="distributor_text_black distributor_des">120W 10 Port USB Smart Desktop Charging Station</p>
<p class="distributor_text_gray distributor_des">ORICO DUK-10P </p></a>
</li>
<li>
<a href="https://www.orico.cc/us/product/detail/7433.html" class="cursor" target="_blank">
<img src="__PUBLIC__/weben/images/distributor/LST-2AS.jpg">
<p class="distributor_text_black distributor_des">Notebook heighten folding bracket</p>
<p class="distributor_text_gray distributor_des">ORICO LST-2AS</p></a>
</li>
</ul>
</div>
</div>
<!--div class="Swt-Banner">
<img src="__PUBLIC__/weben/images/distributor/seize.jpg">
<div class="distributor_title text-c"><A HREF="#agentForm">Become an authorized distributor/reseller of ORICO! </A></div>
</div-->
<div class="distributor_faq">
<div class="Swt-Banner position-r">
<img src="__PUBLIC__/weben/images/distributor/seize2.jpg" alt="">
<div class="one" style="bottom:30%;">
<div class="swt-Container" style="text-align:center;">
<div class="content">
<p class="distributor_desc distributor_text_white" style="color:#fff;font-size: 1.3em;">Seize the opportunity, now!</p>
<p class="distributor_subtitle distributor_text_white margin-t"><a class="animateForm distributor_title cursor" style="color:#fff;font-size: 1.3em;">Become an authorized distributor/reseller of Orico!</a></p>
</div>
</div>
</div>
</div>
</div>
<!--div class="distributor_Big_Data">
<div class="Swt-Banner"><img src="/frontend/web/images/distributor/distributor_Big_Data.jpg"></div>
</div-->
<!--大记事-->
<div class="distributor_Chronicle">
<div class="distributor_title distributor_text_white text-c">Honor The History, Witness The Victory</div>
<div class="distributor_des distributor_text_white text-c">For the past 12 years, every step we took found an echo in the purpose Made in China, Innovated from China.</div>
<div class="Chronicle">
<div class="swt-Container position-r">
<div class="Chronicle-l position-r">2021<span></span></div>
<div class="Chronicle-r">Joined Xinchuang Alliance Industry Association and incubated subsidiary brand IAMAKER.</div>
</div>
<div class="swt-Container position-r">
<div class="Chronicle-l position-r">2020<span></span></div>
<div class="Chronicle-r">Being selected as the 18th Shenzhen Famous Brands and the 7th Credible Global Brand; incubated subsidiary brand IDSONIX and achieved strategic cooperation with Lenovo on personal cloud storage and drive enclosures. </div>
<div class="Chronicle-l position-r">2019<span></span></div>
<div class="Chronicle-r " >Celebrated ORICOs 10th anniversary and incubated subsidiary brand Yottamaster.</div>
<div class="Chronicle-l position-r">2018<span></span></div>
<div class="Chronicle-r">Listed on the Chinas top 30 cross-border e-commerce overseas brands in 2018 and started overall brand upgrade.</div>
<div class="Chronicle-l position-r">2017<span></span></div>
<div class="Chronicle-r">New industrial chain incubation platform of ORICO Internet & Creativity Industrial Park was established officially.</div>
<div class="Chronicle-l position-r">2016<span></span></div>
<div class="Chronicle-r">Quality Control Center was established by PICC IWS and Dongguan Quality Inspection while built up the strategic partner relationship with Fresco.</div>
<div class="Chronicle-l position-r">2015<span></span></div>
<div class="Chronicle-r">ORICO branch in Hunan Province was established, which marked the officially operation of brands global e-commerce center. At the same time, ORICO Internet & Creativity Industrial Park was founded in Dongguan. The subsidiary brand NTONPOWER started to incubate.</div>
<div class="Chronicle-l position-r">2014<span></span></div>
<div class="Chronicle-r">Kept improving industrial chain and maintained high development speed with 6 factories.</div>
<div class="Chronicle-l position-r">2013<span></span></div>
<div class="Chronicle-r">ORICO was awarded “National High-tech Enterprise” certification.</div>
<div class="Chronicle-l position-r">2012<span></span></div>
<div class="Chronicle-r">Started to develop self-industrial chain and optimize packaging, injection molding technologies. Products entered into global markets covering America, Spain, Britain, French and others.</div>
<div class="Chronicle-l position-r">2011<span></span></div>
<div class="Chronicle-r">Developed offline channels in Thailand, Korea and Germany. Meanwhile the headquarter moved in Shenzhen Zhonghaixin Science & Technology Park.</div>
<div class="Chronicle-l position-r">2010<span></span></div>
<div class="Chronicle-r">ORICO officially landed on Tmall, JD, Yixun, Newegg, Amazon, Suning, Gome and more mainstream e-commerce platforms, expanding online markets.</div>
<div class="Chronicle-l position-r">2009<span></span></div>
<div class="Chronicle-r">ORICO was founded formally and first released the Tool Free drive enclosure.</div>
</div>
</div>
</div>
<!--招商对象-->
<div class="distributor_Attract">
<div class="swt-Container">
<div class="distributor_title distributor_text_white text-c">Join Us</div>
<div class="list">
<ul>
<li><a class="animateForm cursor" style="color:#fff;">
<div class=""><img src="__PUBLIC__/web/images/distributor/distributor_Attract_01.jpg"></div>
<div class="des_text">Global Distributors</div></a>
</li>
<li><a class="animateForm cursor" style="color:#fff;">
<div class=""><img src="__PUBLIC__/web/images/distributor/distributor_Attract_02.jpg"></div>
<div class="des_text">Global Resellers </div></a>
</li>
<li><a class="animateForm cursor" style="color:#fff;">
<div class=""><img src="__PUBLIC__/web/images/distributor/distributor_Attract_03.jpg"></div>
<div class="des_text">Global Wholesalers </div></a>
</li>
<li><a class="animateForm cursor" style="color:#fff;">
<div class=""><img src="__PUBLIC__/web/images/distributor/distributor_Attract_04.jpg"></div>
<div class="des_text">Global Retailers</div></a>
</li>
</ul>
</div>
</div>
</div>
<!--加盟流程-->
<div class="distributor_bg_black02">
<div class="swt-Container">
<div class="distributor_join">
<div class="distributor_title distributor_text_white text-c">Cooperation Process</div>
<ul>
<li>
<div class="left">
<span class="title"><a class="animateForm cursor" style="color:#fff;">Application Form</a></span>
<span class="subtitle">step:1</span>
</div>
<div class="right img-responsive"><img src="__PUBLIC__/web/images/distributor/distributor_join_01.jpg"></div>
</li>
<li>
<div class="left">
<span class="title">Quick Meeting</span>
<span class="subtitle">step:2</span>
</div>
<div class="right img-responsive"><img src="__PUBLIC__/web/images/distributor/distributor_join_02.jpg"></div>
</li>
<li>
<div class="left">
<span class="title">Application in Review</span>
<span class="subtitle">step:3</span>
</div>
<div class="right img-responsive"><img src="__PUBLIC__/web/images/distributor/distributor_join_03.jpg"></div>
</li>
<li>
<div class="left">
<span class="title">Sign Agreement</span>
<span class="subtitle">step:4</span>
</div>
<div class="right img-responsive"><img src="__PUBLIC__/web/images/distributor/distributor_join_04.jpg"></div>
</li>
<li>
<div class="left">
<span class="title">First Order</span>
<span class="subtitle">step:5</span>
</div>
<div class="right img-responsive"><img src="__PUBLIC__/web/images/distributor/distributor_join_05.jpg"></div>
</li>
<li>
<div class="left">
<span class="title">Follow-up Service</span>
<span class="subtitle">step:6</span>
</div>
<div class="right img-responsive"><img src="__PUBLIC__/web/images/distributor/distributor_join_06.jpg"></div>
</li>
</ul>
</div>
</div>
</div>
<!--联系方式-->
<div id="agentForm">
<a name="agentForm">&nbsp;</a>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style2.css">
<!-- 详情页 s -->
<div class="apply_content" style="margin-top: 80px;">
<div class="form_title">Become a Distributor</div>
<div class="apply_form">
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Company name</p>
<input class='companyName' type="text" placeholder="Legal business name" name="company" id="company" />
</div>
<div style="margin-bottom: 1.875rem;">
<p>Official website</p>
<input type="text" placeholder="Please paste the URL" name="url" class="url" id="url" />
</div>
<div class="name clearfix" style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Your name</p>
<div style="margin-right: 1.25rem;">
<input type="text" class="first" placeholder="First name" name="firstname" id="firstname"/>
</div>
<div>
<input type="text" class="last" placeholder="Last name" name="lastname" id="lastname"/>
</div>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Email</p>
<input type="email" class="email" name="email" id="email"/>
</div>
<div style="margin-bottom: 1.875rem;">
<p>Phone number</p>
<input type="text" class="phone" name="phone" id="phone"/>
</div>
<div style="margin-bottom: 1.875rem;">
<p>Products you are interested in?</p>
<div class="check_boxs">
<ul>
<li><input type="checkbox" name="interested" value="Computer Peripheral">Computer Peripheral</li>
<li><input type="checkbox" name="interested" value="Phone Peripheral">Phone Peripheral</li>
<li><input type="checkbox" name="interested" value="Electronics">Electronics</li>
<li><input type="checkbox" name="interested" value="SSD">SSD</li>
<li><input type="checkbox" name="interested" value="Entertainment Series">Entertainment Series</li>
<li><input type="checkbox" name="interested" value="Smart Life Series">Smart Life Series</li>
<li><input type="checkbox" name="interested" value="Outdoor Power Station">Outdoor Power Station</li>
</ul>
</div>
</div>
<div style="margin-bottom: 1.875rem;">
<p>Are you willing to keep inventory?</p>
<div class="radio_box">
<ul>
<li><input type="radio" name="inventory" value="YES" checked>YES</li>
<li><input type="radio" name="inventory" value="NO">NO</li>
</ul>
</div>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Distribution region</p>
<input type="text" class="region" placeholder="Country,or area within a country" name="distribution" id="distribution"/>
</div>
<div class="submit_btn">SUBMIT</div>
</div>
</div>
<!-- 详情页 e -->
<script>
// 输入框失去焦点
$('.companyName').blur(function(){
if($('.companyName').val() != ''){
$('.companyName').removeClass('error');
$('.companyName').next('span').addClass('hide');
}else{
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}
})
$('.first').blur(function(){
if($('.first').val() != ''){
$('.first').removeClass('error');
$('.first').next('span').addClass('hide');
}else{
$('.first').addClass('error');
$('.first').next('span').removeClass('hide');
}
})
$('.last').blur(function(){
if($('.last').val() != ''){
$('.last').removeClass('error');
$('.last').next('span').addClass('hide');
}else{
$('.last').addClass('error');
$('.last').next('span').removeClass('hide');
}
})
$('.email').blur(function(){
if($('.email').val() != ''){
$('.email').removeClass('error');
$('.email').next('span').addClass('hide');
}else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
})
$('.region').blur(function(){
if($('.region').val() != ''){
$('.region').removeClass('error');
$('.region').next('span').addClass('hide');
}else{
$('.region').addClass('error');
$('.region').next('span').removeClass('hide');
}
});
try {
k_win_ref = window.parent.document.referrer;
} catch(e) {
k_win_ref = '';
};
// 提交表单
$('.submit_btn').click(function(){
var companyName = $('.companyName').val();
var firstName = $('.first').val();
var lastName = $('.last').val();
var email = $('.email').val();
var region = $('.region').val();
var checkItem = new Array();
   
    $("input[name='interested']:checked").each(function() {
        checkItem.push($(this).val());// 在数组中追加元素
    });
var interesteds = checkItem.join(",");
var inventory = $("input[name='inventory']:checked").val();
if(companyName == ''){
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}
if(firstName == ''){
$('.first').addClass('error');
$('.first').next('span').removeClass('hide');
}
if(lastName == ''){
$('.last').addClass('error');
$('.last').next('span').removeClass('hide');
}
if(email == ''){
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
if(region == ''){
$('.region').addClass('error');
$('.region').next('span').removeClass('hide');
}
//点击创建申请块
if(companyName && firstName && lastName && email && region) {
$.ajax({
type: "POST",
url: "add",
data: {'company':companyName, 'email':email,'country':region,'name':firstName,'last_name':lastName,'phone':$('.phone').val(),'interested':interesteds,'is_inventory':inventory,'uri':$('.url').val(),'refer':k_win_ref},
dataType: "json",
success: function(data){
if(data.code == 200) {
//alert(data.msg);
//window.location.href='/us/agents/agents.html';
location.href = '/us/Group/submission.html';
}
else{
if(data.code == 403 || data.code == 201) {
alert(data.msg);
}
else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
}
}
});
}
})
</script>
</div>
<script>
$(function(){
$('.animateForm').click(function() {
$('html,body').animate({ scrollTop: $("#agentForm").offset().top - 100 }, 200)
});
});
</script>
<!--查找经销商-->
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

View File

@@ -0,0 +1,274 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Become a Distributor</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/cooperation.css">
</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" /}
<div class="bdpage">
<div class="bd_main">
<h1 class="t1">To Be Our Distributor</h1>
<p class="s1" style="padding-bottom:5px">Ready to join us?</p>
<p class="s1">Enter your details below and our Sales team will get back to you within 2 business days.</p>
<!--内容-->
<div class="bd_ct">
<div class="thimg">
<img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/brand02.png" alt="" srcset="" class="bdimg">
</div>
<div class="bd_from">
<div class="theit">
<div class="bditem">
<label class="itlable">Company Name<span class="redtag">*</span></label>
<input type="text" class="form-control itinp companyName" placeholder="Enter your companyName" name="company" id="company" >
</div>
<div class="bditem">
<label class="itlable">contact Email <span class="redtag">*</span></label>
<input type="email" class="form-control itinp email" placeholder="Enter your Emaill" name="email" id="email">
</div>
</div>
<div class="theit">
<div class="bditem bditem1">
<label class="itlable">Phone Numbe<span class="redtag">*</span></label>
<input type="text" class="form-control itinp mphone" placeholder="This is your placeholder text" name="phone" id="phone">
</div>
</div>
<div class="theit">
<div class="bditem">
<label class="itlable">Type of Business<span class="redtag">*</span></label>
<select name="business_type" data-pf-type="FormInput" class="form-control itinp business_type">
<option value="Online Store">Online Store</option>
<option value="Local Shop">Local Shop</option>
<option value="Both">Both</option></select>
</div>
<div class="bditem">
<label class="itlable">Online Shop URL</label>
<input type="text" class="form-control itinp url" placeholder="This is your placeholder URL" name="url" id="url">
</div>
</div>
<div class="theit">
<div class="bditem bditem1">
<label class="itlable">Enterprise size<span class="redtag">*</span></label>
<select name="enterprise_size" data-pf-type="FormInput" class="form-control itinp enterprise_size">
<option value="10 Or Less">10 Or Less</option>
<option value="10-50">10-50</option>
<option value="50-199">50-199</option>
<option value="200 Or More">200 Or More</option>
</select>
</div>
</div>
<div class="theit">
<div class="bditem bditem1">
<label class="itlable">company Address<span class="redtag">*</span></label>
<input class="form-control itinp address" placeholder="Enter Address">
</div>
</div>
<div class="theit">
<div class="bditem bditem1">
<label class="itlable">Message<span class="redtag">*</span></label>
<textarea class="ittextarea message" placeholder="Enter your message"></textarea>
</div>
</div>
</div>
</div>
<!-- 提交-->
<div class="bttj" data-sub="true">SUBMIT</div>
</div>
</div>
<script>
// 输入框失去焦点
$('.companyName').blur(function(){
if($('.companyName').val() != ''){
$('.companyName').removeClass('error');
$('.companyName').next('span').addClass('hide');
}else{
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}
})
$('.email').blur(function(){
if($('.email').val() != ''){
$('.email').removeClass('error');
$('.email').next('span').addClass('hide');
}else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
})
$('.business_type').blur(function(){
if($('.business_type').val() != ''){
$('.business_type').removeClass('error');
$('.business_type').next('span').addClass('hide');
}else{
$('.business_type').addClass('error');
$('.business_type').next('span').removeClass('hide');
}
})
$('.enterprise_size').blur(function(){
if($('.enterprise_size').val() != ''){
$('.enterprise_size').removeClass('error');
$('.enterprise_size').next('span').addClass('hide');
}else{
$('.enterprise_size').addClass('error');
$('.enterprise_size').next('span').removeClass('hide');
}
})
$('.address').blur(function(){
if($('.address').val() != ''){
$('.address').removeClass('error');
$('.address').next('span').addClass('hide');
}else{
$('.address').addClass('error');
$('.address').next('span').removeClass('hide');
}
})
$('.message').blur(function(){
if($('.message').val() != ''){
$('.message').removeClass('error');
$('.message').next('span').addClass('hide');
}else{
$('.message').addClass('error');
$('.message').next('span').removeClass('hide');
}
})
$('.mphone').blur(function(){
if($('.mphone').val() != ''){
$('.mphone').removeClass('error');
$('.mphone').next('span').addClass('hide');
}else{
$('.mphone').addClass('error');
$('.mphone').next('span').removeClass('hide');
}
})
// 提交表单
$('.bttj').click(function(){
var companyName = $('.companyName').val();
var business_type = $('.business_type').val();
var enterprise_size = $('.enterprise_size').val();
var email = $('.email').val();
var phone = $('.mphone').val();
var address = $('.address').val();
var message = $('.message').val();
if(companyName == ''){
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}else{
$('.companyName').removeClass('error');
$('.companyName').next('span').addClass('hide');
}
if(phone == ''){
$('.mphone').addClass('error');
$('.mphone').next('span').removeClass('hide');
}else{
$('.mphone').removeClass('error');
$('.mphone').next('span').addClass('hide');
}
if(message == ''){
$('.message').addClass('error');
$('.message').next('span').removeClass('hide');
}else{
$('.message').removeClass('error');
$('.message').next('span').addClass('hide');
}
if(email == ''){
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
else{
if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email) == false) {
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
return false;
}
else{
$('.email').removeClass('error');
$('.email').next('span').addClass('hide');
}
}
if(address == ''){
$('.address').addClass('error');
$('.address').next('span').removeClass('hide');
}else{
$('.address').removeClass('error');
$('.address').next('span').addClass('hide');
}
try {
k_win_ref = window.parent.document.referrer;
} catch(e) {
k_win_ref = '';
};
//点击创建申请块
if(companyName && business_type && enterprise_size && email && address && message && phone) {
var sub_status = $('.bttj').data("sub");
if ( sub_status != true ) {
$('.bttj').val("Loading......");
return false;
}
$('.bttj').data("sub",false);
$('.bttj').html("Loading......")
$.ajax({
type: "POST",
url: "/us/agents/create",
data: {'company':companyName, 'email':email, 'address':address,'business_type':business_type,'enterprise_size':enterprise_size,'phone':$('.mphone').val(),'address':address,'message':message,'uri':$('.url').val(),'refer':k_win_ref},
dataType: "json",
success: function(data){
if(data.code == 200) {
alert('Add Success');
location.href = '/us/Group/submission.html';
$("input[type='text']").val('');
$("input[type='email']").val('');
$('.address').val('');
$('.message').val('');
}
else{
if(data.code == 403 || data.code == 201) {
alert(data.msg);
}
else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
}
$('.bttj').data("sub",true);
$('.bttj').html("SUBMIT");
}
});
}
})
</script>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

197
app/us/view/group/fan.phtml Executable file
View File

@@ -0,0 +1,197 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/fan.css">
<body>
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--top End-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/Fan/Fan-banner.jpg">
<div class="fan_01">
<div class="swt-Container">
<p class="title">Tidy Desktop, Lovely Life</p>
<p class="text">Summer Refreshing, Winter Moistening</p>
</div>
</div>
</div>
<!--视频-->
<div class="position-r subject_02_bg Fan_02">
<div class="subject_02 subject_alltext">
<div class="swt-Container">
<div class="subject_black left ">
<p class="subject_title">Life is Artistic</p>
<p class="subject_subtitle">Explore USB technology<br>Create safer and easier tech life</p>
<p class="subject_text">
<span class="subject_span_margin">Delicate details manifest exquisite life. ORICO makes brand concept “Little Change, Big Difference” integrated into our life details during the development of Smart Life Peripherals, such as Mini Fan, Humidifier, etc.
</span><br>
The application of USB technology brings us great convenience for using some daily products like mini fan and humidifier. They can be normally used merely by connecting power adapter, power bank, laptop, car charger and more, unlocking a beautiful life.
</p>
</div>
<div class="right img-responsive">
<img src="__PUBLIC__/web/images/Fan/Fan_02_video.jpg">
<video height="100%" controls poster="__PUBLIC__/web/images/Fan/Fan_02_video.jpg" >
<source src="__PUBLIC__/web/images/Fan/ORICO-FH1.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--产品-->
<div class="Fan_03 img-responsive">
<img src="__PUBLIC__/web/images/Fan/Fan-03.jpg">
<div class="all_content">
<div class="swt-Container">
<div class="all_text">
<p class="subject_title">Ultra-Quiet Humidifier, Perfect Companion</p>
<p class="subject_subtitle">ORICO Premium Desktop Humidifier</p>
<p class="subject_des"><span class="subject_span_margin">Humidifier keeps your skin moisturized even in dry seasons, which enables you to enjoy more beautiful sceneries cheerfully.
</span><br>Atomization technology and longer duration keep humidifying environment for a long time, continuously bringing you hydrated and tender skin. No matter at home or on a trip, it is an optimal companion in your life.
</p>
</div>
</div>
</div>
<div class="all_product">
<div class="swt-Container">
<ul>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-03-one.jpg">
<div class="product">
<p class="title">Ultra-Quiet Desktop Humidifier</p>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-03-two.jpg">
<div class="product">
<p class="title">Ultra-Quiet Desktop Humidifier Max</p>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--第四屏-->
<div class="Fan_04 img-responsive">
<img src="__PUBLIC__/web/images/Fan/Fan-04.jpg">
<div class="all_content">
<div class="swt-Container">
<div class="all_text">
<p class="subject_title">Whisper-Quiet Fan, Cooling Summer</p>
<p class="subject_subtitle">Mini Desk Fan</p>
<p class="subject_des"><span class="subject_span_margin">When you work in office, study in library or take a nap in a blistering summer day, USB Mini Fan is an indispensable product to help you relieve the summerheat. Diversified power supply and multi-level adjustable wind speed make it more energy-saving and convenient, giving you refreshing and comfortable experience.</span><br>Show you the desktop new fashion.</p>
</div>
</div>
</div>
<div class="all_product">
<div class="swt-Container">
<ul>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-one.jpg">
<div class="title">Mini Desk Fan</div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/870.html">More Details</a>
</div>
</a>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-two.jpg">
<div class="title">Mini Portable Fan</div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/606.html">More Details</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-three.jpg">
<div class="title">Mini USB Clip Fan</div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/221.html">More Details</a>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-four.jpg">
<div class="title">USB Vertical Mini Fan</div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/952.html">More Details</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-five.jpg">
<div class="title">LED Handheld Mini Fan</div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/993.html">More Details</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-six.jpg">
<div class="title">Desktop USB mini fan</div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/892.html">More Details</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-seven.jpg">
<div class="title">USB Mini Desktop Fan</div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/953.html">More Details</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/Fan/Fan-04-eight.jpg">
<div class="title">Mini USB Humidifier Fan </div>
<div class="Fan_buy">
<div class="Fan_buy_button">
<a href="/us/product/detail/1025.html">More Details</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="subject_travel_text subject_title">Stay tuned for our more USB smart life products…</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

115
app/us/view/group/fq.phtml Executable file
View File

@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<title>FAQ</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/faq.css"></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" /}
<div class="img-responsive"><img src="__PUBLIC__/weben/images/faq/faq-banner.jpg"></div>
<div class="bg-gray overflow-f">
<div class="swt-Container">
<div class="faq">
<div class="faq-all Table">
<ul class="Table-Row">
<?php if ($fq_list): ?>
<?php foreach ($fq_list as $detail): ?>
<li class="Table-Cell">
<div class="img-responsive"><img src="<?php echo getImage($detail['picture'], 951, 459, 6); ?>"></div>
<div class="faq-all-text">
<div class="faq-title"><?php echo $detail['name']; ?></div>
<div class="faq-des">
<?php echo nl2br($detail['content']); ?>
</div>
</div>
</li>
<?php endforeach; ?>
<?php endif; ?>
<!--li class="Table-Cell">
<div class="img-responsive"><img src="__PUBLIC__/web/images/faq/faq-01.jpg"></div>
<div class="faq-all-text">
<div class="faq-title">How to use the offline copy function with the 6629US3?</div>
<div class="faq-des">
<p>1. Connect 2 SATA hard drives, note that Source is the source disk, Target is the target disk (the capacity of the target disk should be larger than the source disk).</p>
<p>2. When offline copying, select Clone on the back the hard drive dock, which is clone mode. When Clone is not used, switch to PC mode directly.</p>
<p>3. Plug in the power and turn on the power switch.</p>
<p>4. After the above preparations are ready, press the START button twice, the percentage indicators will light back and forth at first, and indicators will all light up when copy finished.</p>
</div>
</div>
</li>
<li class="Table-Cell">
<div class="img-responsive"><img src="__PUBLIC__/web/images/faq/faq-02.jpg"></div>
<div class="faq-all-text">
<div class="faq-title">How to set Raid mode?</div>
<div class="faq-des">
<p>RAID setting method: (If the hard disk is not a new hard disk, please backup the data and then set up the RAID mode)</p>
<p>1. Turn off the power button of device.</p>
<p>2. Trigger the RAID mode switch on the back of the device, set the RAID mode that you wants;</p>
<p>3. Press and hold the set button, turn on the power switch, release the SET button after 5 seconds;</p>
<p>4. At the same time, the RAID manager software can be installed on the computer to manage the RAID function through software.</p>
</div>
</div>
</li>
<li class="Table-Cell">
<div class="img-responsive"><img src="__PUBLIC__/web/images/faq/faq-03.jpg"></div>
<div class="faq-all-text">
<div class="faq-title">After the new hard drive is connected to the computer, why can't I find the hard drive and drive letter?</div>
<div class="faq-des">
<p>Due to the limitations of the operating system, the Windows XP system can only support 2TB capacity hard disks. Hard disks larger than 2TB capacity cannot be supported and cannot be used normally.
*Method of operation: First, right click on "Computer", then click "Manage", open into "Disk Management", find the new hard disk, right click "Initialize", select "MBR hard disk capacity is less than or equal to 2TB" or "GPT (greater than 2TB)" Then, "New Simple Volume", the default partition is formatted in the next step. After the formatting is completed, the hard disk can be used normally, and the newly added drive letter is displayed.</p>
</div>
</div>
</li>
<li class="Table-Cell">
<div class="img-responsive"><img src="__PUBLIC__/web/images/faq/faq-04.jpg"></div>
<div class="faq-all-text">
<div class="faq-title">Unable to log in and enter the W150 router settings interface?</div>
<div class="faq-des">
<p>Plug the router into the power socket and power on. Do not connect the network cable (remember), then search for the wireless network signal connected to "ORICO" on the mobile phone. After the connection is successful, open the browser to enter the IP address: 192.168.11, log in and access the home page and enter user name: admin, password: admin, then log in. </p>
</div>
</div>
</li>
<li class="Table-Cell">
<div class="img-responsive"><img src="__PUBLIC__/web/images/faq/faq-05.jpg"></div>
<div class="faq-all-text">
<div class="faq-title">Can I connect hub to TV to expand? Can it drive a hard drive without extra power supply?</div>
<div class="faq-des">
<p>Answer: At present, HUB is mainly used for the PC side. It has not yet been popularized in the TV category. Your TV should support it. There is no guarantee that all TVs will be recognized. Generally 2.5-inch hard disk is ok, because USB power supply is limited, if you are using a 3.5-inch hard disk, it is recommended that you buy a HUB with power adapter.</p>
</div>
</div>
</li>
<li class="Table-Cell">
<div class="img-responsive"><img src="__PUBLIC__/web/images/faq/faq-06.jpg"></div>
<div class="faq-all-text">
<div class="faq-title">Brands comparison </div>
<div class="faq-des">
<p>Answer: ORICO uses imported control chips, ICs, original devices, PCBA boards that are developed by ourselves, and all molds are ORICO. ORICO uses all SMD components, so the materials are completely different.</p>
</div>
</div>
</li-->
</ul>
<!-- 分页 s -->
<?php
if ($page) {
echo $page;
}
?>
<!-- 分页 e -->
</div>
</div>
</div>
</div>
{include file="include/bottom" /}
</body>
</html>

215
app/us/view/group/h_speed.phtml Executable file
View File

@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>10GbpsSuperSpeed_Orico</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/h_speed.css">
<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-->
<div class="img-responsives position-r h_speed_text_white">
<img src="__PUBLIC__/web/images/h_speed/h_speed_banner.jpg">
<div class="banner_button"><span>SuperSpeed</span></div>
<div class="banner_button_title">Speed Innovation</div>
<div class="banner_button_subtitle">Real Type-C 10Gbps high-speed
</div>
</div>
<!--第二屏-->
<div class="img-responsives position-r h_speed h_speed_02">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text">
<p class="title h_speed_title">Explore the Way<br>Lead the Trend</p>
<p class="h_speed_subtitle">Type-C interface, double-side pluggable</p>
<p class="h_speed_des">ORICO is a pioneer in the field of storage and transmission. ORICO introduces Type-C interfaces which, compared with the previous Micro B interface, has longer life, more stable transmission, and powerful data transmission capability and power supply capability.</p>
<p><a href="/product/detail/397.html"><span>Learn More &nbsp;&nbsp;></span></a></p>
</div>
</div>
</div>
<!--第三屏-->
<div class="img-responsives position-r h_speed h_speed_03">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text float-r">
<p class="title h_speed_title">Powerful Chip<br>Fast Transmission</p>
<p class="h_speed_subtitle">10Gbps transmission, VL716 strong controller</p>
<p class="h_speed_des">ORICO HDD enclosure adopts VL716 strong main controller, high transmission performance, supports USB3.1 GEN2 solution, 10Gbps transmission rate, nearly twice the theoretical speed of USB3.0.</p>
<p><a href="/product/detail/423.html"><span>Learn More &nbsp;&nbsp;></span></a></p>
</div>
</div>
</div>
<!--第四屏-->
<div class="img-responsives position-r h_speed h_speed_04">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text">
<p class="title h_speed_title">Breakthrough </br>Speed Limit</p>
<p class="h_speed_subtitle">UASP protocol, upgraded speed</p>
<p class="h_speed_des">ORICO adopts the industry's high standard UASP protocol, supports SATARevision3.0 to USB3.1 Gen2 bridging solution, optimizes CPU performance during transmission, shortens program response time, and accelerates speed by 30%.</p>
<p><a href="/product/detail/859.html"><span>Learn More &nbsp;&nbsp;></span></a></p>
</div>
</div>
</div>
<!--第五屏-->
<div class="img-responsives position-r h_speed h_speed_05">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text float-r">
<p class="title h_speed_title">Transparent Design</p>
<p class="h_speed_subtitle">PC transparent design, beauty of technology</p>
<p class="h_speed_des">ORICO transparent series HDD enclosure is made of transparent PC material, simple and elegant, combining technology and art.</p>
<p><a href="/product/detail/812.html"><span>Learn More &nbsp;&nbsp;></span></a></p>
</div>
</div>
</div>
<!--第六屏-->
<div class="img-responsives position-r h_speed h_speed_06">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text">
<p class="title h_speed_title">Splashproof Design<br>No Worry of falling</p>
<p class="h_speed_subtitle">360°silicone, outdoor three-proofing</p>
<p class="h_speed_des">ORICO three-proof HDD enclosure is designed with silicone material, it is splashproof, dustproof, adapting to outdoor complex environment, protect your precious data.</p>
<p><a href="/product/detail/398.html"><span>Learn More &nbsp;&nbsp;></span></a></p>
</div>
</div>
</div>
<!--第七屏-->
<div class="img-responsives position-r h_speed h_speed_07">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text float-r">
<p class="title h_speed_title">Honeycomb Convection<br>Better heat-dissipation</p>
<p class="h_speed_subtitle">Aluminum alloy material, honeycomb heat-dissipation</p>
<p class="h_speed_des">A good cooling system is the basis for the stable transmission of the hard disk. When operated in a high temperature and high intensity environment, the speed may be declined or the disk even damaged. Aluminum alloy has good heat dissipation properties and is designed to be stable and efficient even with long-term operation.</p>
<p><a href="/product/detail/403.html"><span>Learn More &nbsp;&nbsp;></span></a></p>
</div>
</div>
</div>
<!--第八屏-->
<div class="img-responsives position-r h_speed h_speed_08">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text">
<p class="title h_speed_title">Light and Thin</p>
<p class="h_speed_subtitle">Designed for 7mm SSD, burden-free trip</p>
<p class="h_speed_des">The 12mm enclosure is designed for 7mm SSD, and built-in shockproof sponge, 4TB large capacity, portable and easy to take.</p>
<p><a href="/product/detail/402.html"><span>Learn More &nbsp;&nbsp;></span></a></p>
</div>
</div>
</div>
<!--第九屏-->
<div class="img-responsives position-r h_speed_09">
<div class="swt-Container h_speed_text_white">
<div class="h_speed_text">
<p class="title h_speed_title">Nine Protections, Worry-free Transmission</p>
</div>
</div>
</div>
<!--2.5英寸硬盘盒-->
<div class="h_speed_10">
<div class="swt-Container">
<div class="text-c h_speed_title f-black">2.5 inch HDD Enclosure</div>
<div class="h_speed_10_four img-responsive">
<ul>
<li>
<img src="__PUBLIC__/web/images/h_speed/h_speed_10_01.jpg">
<div class="h_speed_10_title h_speed_text_black title">2.5 inch HDD enclosure</div>
<div class="h_speed_10_subtitle h_speed_text_gray subtitle">Type-C interface, 10Gbps </div>
<div class="transparent_buy">
<div class="transparent_buy_button">
<a href="/us/product/detail/397.html">More Delita</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/h_speed/h_speed_10_02.jpg">
<div class="h_speed_10_title h_speed_text_black title">2.5 inch HDD enclosure</div>
<div class="h_speed_10_subtitle h_speed_text_gray subtitle">Three-proofing, 10Gbps </div>
<div class="transparent_buy">
<div class="transparent_buy_button">
<a href="/us/product/detail/398.html">More Delita</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/h_speed/h_speed_10_03.jpg">
<div class="h_speed_10_title h_speed_text_black title">2.5 inch HDD enclosure
</div>
<div class="h_speed_10_subtitle h_speed_text_gray subtitle">Aluminum alloy, 10Gbps </div>
<div class="transparent_buy">
<div class="transparent_buy_button">
<a href="/us/product/detail/403.html">More Delita</a>
</div>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/h_speed/h_speed_10_04.jpg">
<div class="h_speed_10_title h_speed_text_black title">2.5 inch SSD enclosure</div>
<div class="h_speed_10_subtitle h_speed_text_gray subtitle">12mm ultrathin</div>
<div class="transparent_buy">
<div class="transparent_buy_button">
<a href="/us/product/detail/402.html">More Delita</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--硬盘底座-->
<div class="h_speed_10">
<div class="swt-Container">
<div class="text-c h_speed_title f-black">HDD Dock</div>
<div class="h_speed_10_two img-responsive">
<ul>
<li>
<img src="__PUBLIC__/web/images/h_speed/h_speed_10_05.jpg">
<div class="all_text">
<p class="h_speed_10_text title h_speed_text_black">Type-C external HDD dock </p>
<p class="subtitle h_speed_text_black">2.5/3.5inch applicable, 10Gbps transmission </p>
<p class="transparent_buy">
<a href="/us/product/detail/984.html">More Delita</a>
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/h_speed/h_speed_10_06.jpg">
<div class="all_text">
<p class="h_speed_10_text title h_speed_text_black">Type-C HDD dock </p>
<p class="subtitle h_speed_text_black">2.5/3.5inch applicable, 10Gbps transmission</p>
<p class="transparent_buy">
<a href="/us/product/detail/423.html">More Delita</a>
</div>
</li>
</ul>
</div>
<div class="h_speed_10_one img-responsive">
<img src="__PUBLIC__/web/images/h_speed/h_speed_10_07.jpg">
<div class="all_text">
<p class="h_speed_10_text title h_speed_text_black">Transparent HDD Dock </p>
<p class="subtitle h_speed_text_black">10Gbps transmission, UASP protocol</p>
<p class="transparent_buy">
<a href="/us/product/detail/943.html">More Delita</a>
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>/html>

202
app/us/view/group/headset.phtml Executable file
View File

@@ -0,0 +1,202 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Title</title>
<link href="__PUBLIC__/weben/css/subject/headset.css" rel="stylesheet" type="text/css">
<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-->
<div class="headset">
<img src="__PUBLIC__/web/images/headset/lj_voice_banner.jpg" alt=""/>
<div class="headset_01">
<div class="swt-Container">
<div class="title">Music Era
</div>
<div class="text">Listen to the World
</div>
</div>
</div>
</div>
<!--视频-->
<div class="position-r subject_02_bg Fan_02">
<div class="subject_02 subject_alltext">
<div class="swt-Container">
<div class="subject_black left ">
<p class="subject_title">Listening to Music<br>Following the Heart</p>
<p class="subject_subtitle">Music, into the ear, into the heart</p>
<p class="subject_text">
<span class="subject_span_margin">Good headphones are not only for music, but also your own voice.</span><br>
<span class="subject_span_margin">If music is a dialogue touches the soul, the moment you put on headphones, the time seems to be still</span><br>The world is quiet, The mind is peaceful</p>
</div>
<div class="right img-responsive">
<img src="__PUBLIC__/weben/images/headset/headset_02_video.jpg">
<video height="100%" controls poster="__PUBLIC__/weben/images/headset/headset_02_video.jpg" >
<source src="__PUBLIC__/weben/images/headset/set_RP1.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--音乐耳机-->
<div class="headset position-r"> <img src="__PUBLIC__/weben/images/headset/lj_voice_banner01.jpg" alt=""/>
<div class="headset_02">
<div class="title">Moving-coil, More Touching
</div>
<div class="subtitle">Full and mellow sound, clear vocals, immersive music atmosphere, these are all features of moving-coil。</div>
<div class="text">We use 10mm moving-coil unit, the sound field is natural, sturdy, the music is transient and true, the sound quality is balanced, transparent. Through professional. tuning, whether classical music, pop music, or rock music can be highly resolved to restore the beauty of music.
</div>
</div>
<div class="swt-Container">
<div class="lj_set01_img img-responsive position-r"><a href="#"><img src="__PUBLIC__/weben/images/headset/lj_voice_img01.jpg" alt=""/></a>
<div class="lj_set_title">IEM-01 Music Headphones</div>
<div class="set_btn_all">
<div class="transparent_buy_button">
<a href="">Amazon</a>
<a href="">Newegg</a>
</div>
</div>
</div>
<div class="lj_set01_img img-responsive position-r"><img src="__PUBLIC__/weben/images/headset/lj_voice_img02.jpg" alt=""/>
<div class="lj_set_title">RM1 Music Headphones</div>
<div class="set_btn_all">
<div class="transparent_buy_button">
<a href="#" class="set_btn_jd">Amazon</a>
<a href="#" class="set_btn_jd">Newegg</a>
</div>
</div>
</div>
<div class="lj_set01_img img-responsive position-r"><img src="__PUBLIC__/weben/images/headset/lj_voice_img03.jpg" alt=""/>
<div class="lj_set_title">RP1 Music Headphones</div>
<div class="set_btn_all">
<div class="transparent_buy_button">
<a href="#" class="set_btn_jd">Amazon</a>
<a href="#" class="set_btn_jd">Newegg</a>
</div>
</div>
</div>
</div>
</div>
<br clear="all">
<script type="text/javascript">
var trans_width = $( window ).width();
//alert(trans_width);
if ( trans_width < 768 ) {
$( '.lj_set01_product' ).bxSlider( {
slideWidth: 281,
minSlides: 2,
maxSlides: 3,
moveSlides: 1,
slideMargin: 10
} );
}
</script>
<!--金属高保真耳机-->
<div class="headset position-r"> <img src="__PUBLIC__/weben/images/headset/lj_voice_banner02.jpg" alt=""/>
<div class="headset_03">
<div class="title">Noise-isolation, Immerse Experience</div>
<div class="subtitle">Music, into the ear, into the heart</div>
<div class="text">
To prevent external noise interference and make you more focused on the music, in-ear skin-friendly headphones deliver superior ambient noise isolation, bringing you wonderful listening experience.
</div>
</div>
<div class="swt-Container">
<div class="lj_set_img01"><a href="#"><img src="__PUBLIC__/weben/images/headset/lj_voice_img04.jpg" alt=""/></a>
<div class="lj_set_title">
<div class="goden_font_big">RM3 Metal Hi-fi Headphones</div>
</div>
<div class="set_btn_all">
<div class="transparent_buy_button">
<a href="#" class="set_btn_jd">Amazon</a>
<a href="#" class="set_btn_jd">Newegg</a>
</div>
</div>
</div>
<div class="lj_set_img01"><img src="__PUBLIC__/weben/images/headset/lj_voice_img05.jpg" alt=""/>
<div class="lj_set_title">
<div class="goden_font_big">RM2 Metal Hi-fi Headphones</div>
</div>
<div class="set_btn_all">
<div class="transparent_buy_button">
<a href="#" class="set_btn_jd">Amazon</a>
<a href="#" class="set_btn_jd">Newegg</a>
</div>
</div>
</div>
<div class="lj_set_img01"><img src="__PUBLIC__/weben/images/headset/lj_voice_img06.jpg" alt=""/>
<div class="lj_set_title">
<div class="goden_font_big">P2 Music Headphones</div>
</div>
<div class="set_btn_all">
<div class="transparent_buy_button">
<a href="#" class="set_btn_jd">Amazon</a>
<a href="#" class="set_btn_jd">Newegg</a>
</div>
</div>
</div>
<div class="lj_set_img01"><img src="__PUBLIC__/weben/images/headset/lj_voice_img07.jpg" alt=""/>
<div class="lj_set_title">
<div class="goden_font_big">P1 Music Headphones</div>
</div>
<div class="set_btn_all">
<div class="transparent_buy_button">
<a href="#" class="set_btn_jd">Amazon</a>
<a href="#" class="set_btn_jd">Newegg</a>
</div>
</div>
</div>
</div>
</div>
<br clear="all">
<script type="text/javascript">
var trans_width = $( window ).width();
//alert(trans_width);
if ( trans_width < 768 ) {
$( '.lj_set_product' ).bxSlider( {
slideWidth: 281,
minSlides: 2,
maxSlides: 3,
moveSlides: 1,
slideMargin: 10
} );
}
</script>
<!--金属高保真耳机-->
<div class="headset position-r"> <img src="__PUBLIC__/web/images/headset/lj_voice_banner03.jpg" alt=""/>
<div class="headset_04">
<div class="title">Clear Sound, Unbounded Communication </div>
<div class="subtitle">Clear and noiseless, one-click unbounded communication.
</div>
<div class="text">
The noise reduction microphone is to provide you a face-to-face like conversation, high-quality, high-definition voice call, with noise reduction design, effectively eliminate the surrounding noise, so that communication is convenient.
</div>
</div>
</div>
<div class="lj_travel_text">Start a Music Tour</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

287
app/us/view/group/honor.phtml Executable file
View File

@@ -0,0 +1,287 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Honor|Orico USB storage|charging</title>
<!-- <link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/honor.css"> -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style2.css">
</head>
<body>
<!--top-->
<header class="header-PC header-Product">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--Bult Buy-->
<div class="apply_content" style="margin-top: 80px;">
<div class="form_title">Bulk Buy</div>
<div class="apply_form">
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Company name</p>
<input class='companyName' type="text" placeholder="Legal business name" name="company" id="company" />
</div>
<div style="margin-bottom: 1.875rem;">
<p>Official website</p>
<input type="text" placeholder="Please paste the URL" name="url" class="url" id="url" />
</div>
<div class="name clearfix" style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Your name</p>
<div style="margin-right: 1.25rem;">
<input type="text" class="first" placeholder="First name" name="firstname" id="firstname"/>
</div>
<div>
<input type="text" class="last" placeholder="Last name" name="lastname" id="lastname"/>
</div>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Email</p>
<input type="email" class="email" name="email" id="email"/>
</div>
<div style="margin-bottom: 1.875rem;">
<p>Phone number</p>
<input type="text" class="phone" name="phone" id="phone"/>
</div>
<div style="margin-bottom: 1.875rem;">
<p>Products you are interested in?</p>
<div class="check_boxs">
<ul>
<li><input type="checkbox" name="interested" value="Computer Peripheral">Computer Peripheral</li>
<li><input type="checkbox" name="interested" value="Phone Peripheral">Phone Peripheral</li>
<li><input type="checkbox" name="interested" value="Electronics">Electronics</li>
<li><input type="checkbox" name="interested" value="SSD">SSD</li>
<li><input type="checkbox" name="interested" value="Entertainment Series">Entertainment Series</li>
<li><input type="checkbox" name="interested" value="Smart Life Series">Smart Life Series</li>
<li><input type="checkbox" name="interested" value="Outdoor Power Station">Outdoor Power Station</li>
</ul>
</div>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Message</p>
<textarea rows="6" cols="20" class="first detail-w01 region" placeholder="Methods used" /></textarea>
</div>
<div class="submit_btn">SUBMIT</div>
</div>
</div>
<!-- Bult Buy e -->
<!--top End-->
<!-- <div class="honor">
<div class="Swt-Banner"><img src="__PUBLIC__/weben/images/honor/Honor-banner.jpg"></div>
</div>
<div class="honner_01">
<div class="swt-Container">
<div class="honner_01_all">
<div class="honner_01_text">
<p>ORICO is a brand that is deeply rooted in the exploration and application of USB technology. It has achieved remarkable results in fields of USB storage, charging and transmission for many years.</p>
<p>Honor is both acceptance and responsibility;</p>
<p>We are aiming to bring consumers around the world the freedom to pursue a better life.</p>
</div>
<div class="honner_01_list">
<ul>
<li>
<div class="big_text">20+</div>
<div class="small_text">Core technology and independent invention patent</div>
</li>
<li>
<div class="big_text">300+</div>
<div class="small_text">Product appearance design patent</div>
</li>
<li>
<div class="big_text">100+</div>
<div class="small_text">Product utility model patent</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="honner_02">
<div class="honner_title">Patent Licences</div>
<div class="honner_des">20+ Invention patent,300+ Design patent,100+ Utility model patent.</div>
<div class="swt-Container">
<img src="__PUBLIC__/weben/images/honor/honner_02.png">
</div>
</div>
<div class="honner_03">
<div class="honner_title">Intellectual Property</div>
<div class="honner_des">Our products, books, trademarks, etc. have independent intellectual property rights in many countries and regions, marking the brand's marching to the international step by step.</div>
<div class="swt-Container">
<img src="__PUBLIC__/weben/images/honor/honner_03.png">
</div>
</div>
<div class="honner_04">
<div class="honner_title">Certification & Testing </div>
<div class="honner_des">Strict quality control and access to authoritative certifications in various countries and regions are just our starting point.</div>
<div class="swt-Container">
<img src="__PUBLIC__/weben/images/honor/honner_04.png">
</div>
</div>
<div class="honner_05">
<div class="honner_title">Your Trust, Our Motivation</div>
<div class="honner_des">We maintain deep cooperation with many hardware vendors and well-known brands.</div>
<div class="swt-Container">
<img src="__PUBLIC__/weben/images/honor/honner_05.png">
</div>
</div> -->
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script>
try {
k_win_ref = window.parent.document.referrer;
} catch(e) {
k_win_ref = '';
};
/*弹出框关闭*/
$(function() {
// 输入框失去焦点
$('.companyName').blur(function(){
if($('.companyName').val() != ''){
$('.companyName').removeClass('error');
$('.companyName').next('span').addClass('hide');
}else{
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}
})
$('.first').blur(function(){
if($('.first').val() != ''){
$('.first').removeClass('error');
$('.first').next('span').addClass('hide');
}else{
$('.first').addClass('error');
$('.first').next('span').removeClass('hide');
}
})
$('.last').blur(function(){
if($('.last').val() != ''){
$('.last').removeClass('error');
$('.last').next('span').addClass('hide');
}else{
$('.last').addClass('error');
$('.last').next('span').removeClass('hide');
}
})
$('.email').blur(function(){
if($('.email').val() != ''){
$('.email').removeClass('error');
$('.email').next('span').addClass('hide');
}else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
})
$('.region').blur(function(){
if($('.region').val() != ''){
$('.region').removeClass('error');
$('.region').next('span').addClass('hide');
}else{
$('.region').addClass('error');
$('.region').next('span').removeClass('hide');
}
})
// 提交表单
$('.submit_btn').click(function(){
var companyName = $('.companyName').val();
var firstName = $('.first').val();
var lastName = $('.last').val();
var email = $('.email').val();
var region = $('.region').val();
var checkItem = new Array();
$("input[name='interested']:checked").each(function() {
    checkItem.push($(this).val());// 在数组中追加元素
});
var interesteds = checkItem.join(",");
var inventory = $("input[name='inventory']:checked").val();
if(companyName == ''){
$('.companyName').addClass('error');
$('.companyName').next('span').removeClass('hide');
}
if(firstName == ''){
$('.first').addClass('error');
$('.first').next('span').removeClass('hide');
}
if(lastName == ''){
$('.last').addClass('error');
$('.last').next('span').removeClass('hide');
}
if(email == ''){
$('#email').addClass('error');
$('#email').next('span').removeClass('hide');
}
else{
if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email) == false) {
$('#email').addClass('error');
$('#email').next('span').removeClass('hide');
}
}
if(region == ''){
$('.region').addClass('error');
$('.region').next('span').removeClass('hide');
}
//点击创建申请块
if(companyName && firstName && lastName && email && region) {
$.ajax({
type: "POST",
url: "/us/bulk_inquiry/create",
data: {'company':companyName, 'email':email,'country':region,'name':firstName,'last_name':lastName,'phone':$('.phone').val(),'interested':interesteds,'message':region,'refer':k_win_ref},
dataType: "json",
success: function(data){
if(data.code == 200) {
//alert(data.msg);
$("input[ type='text']").val('');
$(":input[name='interested']").attr("checked",false);
$('.region').val('');
location.href = '/us/Group/submission.html';
}
else{
if(data.code == 403 || data.code == 201) {
alert(data.msg);
}
else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
}
}
});
}
})
})
</script>
<style>
.csunbmit{height: 35px;margin-top: 10px;margin-bottom: 5px;}
.submitBtn{width: 75px;height: 30px;line-height: 26px;background-color: #339b53;text-align: center;display: block; color: #FFFFFF;font-size: 12px;border-radius: 6px;float: left;}
.cli{border-bottom: 1px dashed #ccc;text-align: left;font-size: 12px;}
.ccontent{width: 98%;padding: 10px; background: #f6f9fb;border:1px solid #ccc;margin-bottom: 10px}
</style>
</body>
</html>

10
app/us/view/group/index.phtml Executable file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
123
</body>
</html>

126
app/us/view/group/industry.phtml Executable file
View File

@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>ORICO Industry Chain Layout</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/industry.css">
</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="Industry_Banner">
<div class="all">
<div class="swt-Container">
<div class="all_text">
<div class="title">ORICO Industry Chain Layout</div>
<div class="des">The whole industry chain integrating R&D, design, production, sales and branding is the strong backing of all ORICO products and services. It can provide solutions that meet the market in real time, efficiently and quickly. In the past 15 years, we have built a comprehensive support system from theory to production, which not only provides solid support for the Group, but also provides effective assistance to the Group's partners and becomes an indispensable partner for many enterprises.</div>
</div>
</div>
</div>
</div>
<!--第二屏-->
<div class="Industry_Gray_bg Industry_02">
<div class="swt-Container Industry_white_bg">
<div class="left ">
<img src="__PUBLIC__/weben/images/industry/industry_01.jpg">
</div>
<div class="right">
<div class="img-responsive"><img src="__PUBLIC__/weben/images/industry/industry_01_2.jpg"></div>
<div class="Industry_title">Theory and Team Support</div>
<div class="des">Clearly understand the competition of the whole industry chain strategy, focus on building an independent whole industry chain, and lead the development process of the industry chain with customers and consumers. Reasonable allocation of resources and strategic teamwork ensure the rising of Group's added value. </div>
</div>
</div>
</div>
<!--第三屏-->
<div class="Industry_03 Industry_white_bg">
<div class="swt-Container">
<div class="Industry_title">Capacity Support from four Factories</div>
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/weben/images/industry/industry_03_1.jpg">
<div class="text">ORICO owns 4 comprehensive design and manufacturing factories, and each of them can independently complete the production and after-sales guarantee services of the corresponding products.</div>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/weben/images/industry/industry_03_2.jpg">
<div class="text">Bringing together industrial design, mold development, manufacturing, electronic research and development, production and assembly. Self-owned warehouse to ensure sufficient supply.</div>
</li>
</ul>
</div>
</div>
<!--第四屏-->
<div class="Industry_04">
<div class="swt-Container">
<div class="Industry_bg">
<div class="left">
<p class="Industry_title">Technical and Product Support for 5 Product Lines</p>
<p><img src="__PUBLIC__/weben/images/industry/industry_part_3.png"></p>
</div>
<div class="right">
<div class="Industry_des">
<p>Nine fully developed product lines, and more than a thousand USB related products, covering everything from data transmission to charging to entertainment peripherals.</p>
<p>From appearance to technology, through years of research and accumulation, we have the strength of independent innovation, and are committed to creating a better user experience.</p>
</div>
</div>
</div>
</div>
</div>
<!--第五屏-->
<div class="Industry_05 Industry_Gray_bg">
<div class="swt-Container">
<div class="Industry_title">Brand Building and Platform Mode Support</div>
<div class="swt-Table_Industry">
<ul class="Table-Row">
<li class="Table-Cell">
<div class="all_text">
<div class="Industry_subtitle">Brand</div>
<div class="Industry_des">From the establishment of the brand VI, the brand strategy is constantly improved and clear. In the process of resource allocation and balancing, the brand runs through.</div>
</div>
<div class="img-responsive "><img src="__PUBLIC__/weben/images/industry/industry_05_1.jpg"></div>
</li>
<li class="Table-Cell"></li>
<li class="Table-Cell">
<div class="all_text">
<div class="Industry_subtitle">Platform</div>
<div class="Industry_des">With USB technology R&D as the core, including product design, technology research and development, manufacturing to sales, ORICO has become a comprehensive service platform.</div>
</div>
<div class="img-responsive "><img src="__PUBLIC__/weben/images/industry/industry_05_2.jpg"></div>
</li>
<li class="Table-Cell"></li>
<li class="Table-Cell">
<div class="all_text">
<div class="Industry_subtitle">Area</div>
<div class="Industry_des">In addition to regional division and operation in the country, localized and precise operations are carried out for different regional and cultural backgrounds.</div>
</div>
<div class="img-responsive "><img src="__PUBLIC__/weben/images/industry/industry_05_3.jpg"></div>
</li>
<li class="Table-Cell"></li>
<li class="Table-Cell">
<div class="all_text">
<div class="Industry_subtitle">Mode</div>
<div class="Industry_des">211 smart supply mode provides a quick and flexible solution for online sales, channel sales, and ODM services.</div>
</div>
<div class="img-responsive"><img src="__PUBLIC__/weben/images/industry/industry_05_4.jpg"></div>
</li>
</ul>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

View File

@@ -0,0 +1,302 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Introduction of the Brand</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/cooperation.css">
</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" /}
<!--top End-->
<div class="iotbpage">
<img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/Introduction.png" alt="" class="bdimg1">
<div class="iotb_bgw">
<h1 class="iotbt1">Why Choose Us</h1>
<div class="iotb_part1">
<div class="iotb_p1_item">
<img src="__PUBLIC__/weben/images/cooperation/iotbic1.png" alt="" class="iotbic1">
<p class="iotbtp1">Sell Well for <?php echo (date("Y")-2009);?> Years Worldwide</p>
<span class="iotbts1">Opened up domestic and overseas<br> channels in over 70 countries around the<br> world for <?php echo (date("Y")-2009);?>
years</span>
</div>
<div class="iotb_p1_item">
<img src="__PUBLIC__/weben/images/cooperation/iotbic2.png" alt="" class="iotbic1">
<p class="iotbtp1">Excellent R&D Team</p>
<span class="iotbts1">Established a R&D Team of over 140<br> professionals including senior structural<br> and electronic engineers, etc.</span>
</div>
<div class="iotb_p1_item">
<img src="__PUBLIC__/weben/images/cooperation/iotbic3.png" alt="" class="iotbic1">
<p class="iotbtp1">Digital Lean Manufacturing</p>
<span class="iotbts1">Manufacturing and warehouse facilities,<br> a refined OPS supply chain system<br> provide top-notch services in<br> customization production</span>
</div>
<div class="iotb_p1_item">
<img src="__PUBLIC__/weben/images/cooperation/iotbic4.png" alt="" class="iotbic1">
<p class="iotbtp1">Strict Quality Control Process</p>
<span class="iotbts1">The self-built test lab with a professional<br> analysts team and advanced instruments<br> ensures strict control from start to finish</span>
</div>
</div>
</div>
<div class="iotb_part2 iotb_part22" style="background: #fff;">
<h1 class="iotbt1">How We Can Help with Customization </h1>
<div class="fdimgs">
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-gysj.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>Industrial Design</span>
</div>
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-jgsj.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>Structure Design</span>
</div>
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-dzsj.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>Electronic Design</span>
</div>
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-mjkf.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>Mold Making </span>
</div>
</div>
<div class="fdimgs">
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-cpcs.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>Testing & Certification</span>
</div>
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-ppbz.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>Branding & Packaging Design</span>
</div>
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-sczz.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>Manufacturing & Assembly</span>
</div>
<div class="fdimgs-div">
<img src="__PUBLIC__/weben/images/cooperation/dom-fw-shff.png" alt="" class="fbit">
<div class="fdimgs-div-span"></div>
<span>After-Sale Service</span>
</div>
</div>
</div>
</div>
<div class="iotb_part2" style="padding-bottom:0">
<h1 class="iotbt1">For Different Situation</h1>
<div class="fdimgs">
<img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/1.png" alt="" class="fbit">
<img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/2.png" alt="" class="fbit">
<img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/3.png" alt="" class="fbit">
<img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/4.png" alt="" class="fbit">
</div>
</div>
<!-- <div class="iotb_part3">-->
<!-- <div class="odmmain">-->
<!-- <h1 class="iotbt1">ODM Progress</h1>-->
<!-- </div>-->
<!-- <div class="odmconten">-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic1.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Market analysis</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic2.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Lock target and cost</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic3.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Serialized product planning</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic4.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Identify needs and evaluate</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic5.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Deposit for R&D</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic6.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Schedule test, certification</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic7.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Confirm sample</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic8.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Open mold for sample</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic9.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Pay mould cost</span>-->
<!-- </div>-->
<!-- <div class="odmitem">-->
<!-- <img src="__PUBLIC__/weben/images/cooperation/odmic10.png" alt="" class="odmimg">-->
<!-- <span class="odms1">Design sketch and prototype</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/Cooperation Process.png" class="coofootimg" alt="">-->
<!--</div>-->
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
<style>
.iotb_part1{
width: 75%;
}
.iotbic1 {
width: 100px;
height: 100px;
margin-bottom: 20px;
}
.iotb_p1_item{
width: 336px
}
.iotb_part2{
padding-bottom: 90px;
}
.coofootimg{
margin-bottom: 40px;
}
.iotb_part22 .fdimgs{
padding-bottom: 20px;
}
.fdimgs-div{
width: 100%;
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
width: 311px;
height: 405px;
overflow: hidden;
position: relative;
}
.iotb_part22 .fdimgs-div{
width: 320px;
height: 255px;
}
.iotb_part22 .fdimgs-div{
text-align: center;
}
.iotb_part22{
background: rgb(0,0,0,0.4);
}
.fdimgs-div-span{
position: absolute;
bottom: 0px;
z-index: 9999;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(200, 200, 200, 0.1)); /* 使用linear-gradient来创建渐变设置角度和颜色 */
height: 45px;
width: 100%;
}
.iotb_part22 .fdimgs-div>span{
font-size: 18px;
font-weight: bold;
z-index: 9999;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
color: #fff;
line-height: 45px;
}
.fdimgs-div>span{
font-size: 30px;
z-index: 9999;
position: absolute;
bottom: 0px;
color: white;
margin-left: 10%;
line-height: 60px;
}
@media screen and (min-width:1460px) and (max-width:1720px){
.fdimgs-div{
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
width: 250px;
height: 355px;
overflow: hidden;
position: relative;
}
.fdimgs-div>span{
font-size: 24px;
z-index: 9999;
position: absolute;
bottom: 0px;
color: white;
margin-left: 10%;
line-height: 60px;
}
}
@media screen and (max-width:1459px){
.fdimgs-div{
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
width: 220px;
height: 325px;
overflow: hidden;
position: relative;
}
.fdimgs-div>span{
font-size: 18px;
z-index: 9999;
position: absolute;
bottom: 0px;
color: white;
margin-left: 10%;
line-height: 60px;
}
}
@media screen and (max-width:1299px){
.fdimgs-div{
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
width: 200px;
height: 305px;
overflow: hidden;
position: relative;
}
.fdimgs-div>span{
font-size: 16px;
z-index: 9999;
position: absolute;
bottom: 0px;
color: white;
margin-left: 10%;
line-height: 60px;
}
}
</style>
</html>

495
app/us/view/group/job.phtml Executable file
View File

@@ -0,0 +1,495 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Join Us|Orico|What You Get</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/job.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/jquery.bxslider.css">
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.bxslider.js"></script>
</head>
<body>
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--top End-->
<!--加入我们-->
<div class="swt-Container">
<div class="join_img_l">
<img src="__PUBLIC__/weben/images/job/join_bg_l.jpg"></div>
</div>
<div class="swt-Container">
<div class="join_staff_t">We provide leading technology, innovative products, online & offline channels to make your every achievement possible. With your passion and wisdom, you along with our creative team will make better-than-expected progress, which will bring striking differences beyond your imagination.
<br>Our Team <img src="__PUBLIC__/web/images/job/join_up_07.jpg" style=" vertical-align: middle;"></div>
</div>
<!--轮播效果-->
<div class="swt-Container">
<div class="slider8">
<div class="slide"><img src="__PUBLIC__/web/images/job/join_img01.jpg"></div>
<div class="slide"><img src="__PUBLIC__/web/images/job/join_img02.jpg"></div>
<div class="slide"><img src="__PUBLIC__/web/images/job/join_img03.jpg"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.slider8').bxSlider({
slideWidth: 1440,
adaptiveHeight: true,
startSlides: 0,
slideMargin: 10
});
});
</script>
<!--你将获得-->
<div class="join_w_icon">
<div class="job-title join-video-p">What You Get</div>
<div class="join_icon clearfix">
<ul>
<li><img src="__PUBLIC__/web/images/job/join_icon01.jpg"><p>Rewards</p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon02.jpg"><p>Career promotions
</p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon03.jpg"><p>Recognition</p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon04.jpg"><p>Career trainings</p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon05.jpg"><p>Five one insurance fund</p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon06.jpg"><p>Extra allowances</p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon07.jpg"><p>Group activities</p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon08.jpg"><p>Legal holidays </p></li>
<li><img src="__PUBLIC__/web/images/job/join_icon09.jpg"><p>Festival gifts </p></li>
</ul>
</div>
</div>
<div class="swt-Container padding-t-3">
<video preload="none" controls poster="__PUBLIC__/web/images/job/join_us_video.jpg">
<source src="__PUBLIC__/web/images/job/orico_job_video.mp4" type="video/mp4">
</video>
</div>
<!--I WANT YOU-->
<div class="swt-Container">
<!-- <div class="job-title join_t_big">ORICO Employees Plan </div>
<div class="job-des">If you are a potential and diligent workplace entrant, you will make great progress in your position with the help of our superior and professional teams;
If you are an experienced veteran, join us and you will be continuing to obtain self-improvement.
</div> -->
<section class="bg-gray overflow-f">
<div class="swt-Container">
<div class="job-Table">
<!-- <ul class="Table-Row job-thead">
<li class="Table-Cell">Department</li>
<li class="Table-Cell">Job</li>
<li class="Table-Cell">Hiring number</li>
<li class="Table-Cell">Work place</li>
<li class="Table-Cell">Post time</li>
<li class="Table-Cell">Post time</li>
<li class="Table-Cell">Requirement</li>
</ul> -->
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Marketing department</li>
<li class="Table-Cell job-line">Structure designer</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Marketing department</li>
<li class="Table-Cell job-line">Industrial designer </li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Marketing department</li>
<li class="Table-Cell job-line">Graphic designer</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Amazon Canada India operation</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Amazon US operation assistant</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Amazon EU operation </li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">AliExpress promoter</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Amazon promoter </li>
<li class="Table-Cell job-line">4</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Merchandiser</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Graphic designer</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Customer service supervisor</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Amazon department</li>
<li class="Table-Cell job-line">Customer service</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Newegg  department</li>
<li class="Table-Cell job-line">ebay operation</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Newegg  department</li>
<li class="Table-Cell job-line">ebay operation assistant</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Sub-brand</li>
<li class="Table-Cell job-line">AliExpress operation</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Sub-brand</li>
<li class="Table-Cell job-line">Amazon operation</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">JD department</li>
<li class="Table-Cell job-line">JD operation (self-support)</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">JD department</li>
<li class="Table-Cell job-line">JD operation (third-party)</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">JD department</li>
<li class="Table-Cell job-line">JD promoter (third-party)</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Tmall department </li>
<li class="Table-Cell job-line">Graphic designer</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Tmall department </li>
<li class="Table-Cell job-line">Tmall store operation</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Tmall department </li>
<li class="Table-Cell job-line">Tmall product line operation</li>
<li class="Table-Cell job-line">3</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Customer service department</li>
<li class="Table-Cell job-line">Technical & after-sale service</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Changsha</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Sub-brand division</li>
<li class="Table-Cell job-line">Amazon operation</li>
<li class="Table-Cell job-line">Plenty</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Sub-brand division</li>
<li class="Table-Cell job-line">Overseas promoter</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Sub-brand division</li>
<li class="Table-Cell job-line">Product assistant </li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Domestic channel</li>
<li class="Table-Cell job-line">Channel sales</li>
<li class="Table-Cell job-line">Plenty</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Domestic channel</li>
<li class="Table-Cell job-line">Commercial attache</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Domestic channel</li>
<li class="Table-Cell job-line">E-commerce operation</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Overseas channel</li>
<li class="Table-Cell job-line">Foreign trade sales</li>
<li class="Table-Cell job-line">Plenty</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Overseas channel</li>
<li class="Table-Cell job-line">Alibaba operation</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Product department</li>
<li class="Table-Cell job-line">Product assistant</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Product department</li>
<li class="Table-Cell job-line">Purchasing assistant</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">Product department</li>
<li class="Table-Cell job-line">Merchandiser </li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Shenzhen</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">R & D center</li>
<li class="Table-Cell job-line">Structure designer</li>
<li class="Table-Cell job-line">2</li>
<li class="Table-Cell job-line">Dongguan</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">R & D center</li>
<li class="Table-Cell job-line">Electronics engineer</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Dongguan</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
<div class="job-Margin"></div>
<ul class="Table-Row">
<li class="Table-Cell job-line job-line-L">R & D center</li>
<li class="Table-Cell job-line">Package designer</li>
<li class="Table-Cell job-line">1</li>
<li class="Table-Cell job-line">Dongguan</li>
<li class="Table-Cell job-line">2019-02-14</li>
<li class="Table-Cell job-line">2019-06-30</li>
<li class="Table-Cell job-line job-line-R"><a href="mailto:hrcs@orico.com.cn">Apply</a></li>
</ul>
</div>
</div>
</section>
<!--联系方式-->
<section class="swt-Container" style="margin-bottom: 4%;">
<div class="job-title job-Contact-title">Contact/Address</div>
<div class="bg-gray overflow-f">
<ul class="job-Contact">
<li class="job_office_i"><img src="__PUBLIC__/web/images/job/job-10.jpg"></li>
<li>
<p>Contact: Ms. Jiang</p>
<p>Telephone: 0731-88965800</p>
<p>E-mail: <a href="mailto:hrcs@orico.com.cn">hrcs@orico.com.cn</a></p>
</li>
<li>
<p>Shenzhen ORICO Technology Co.,Ltd: F9, Headquaters Economic Center Building, Zhonghaixin Science & Technology Park, Bu Lan Road, ShenZhen, China</p>
<p>Dongguan Internet & Creativity Industrial Park: No.24 Tangjiao Rd, Changping Town, Dongguan, China</p>
<p>Changsha Branch: 12/11F, Block 8, Xincheng Science & Technology Park, NO.588 Yuelu District, Changsha, China</p>
</li>
</ul>
</div>
</section>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

625
app/us/view/group/odm.phtml Executable file
View File

@@ -0,0 +1,625 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title> Our team may help you advance the realization of ideas</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/odm.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style2.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-->
<div class="img-responsive odm_banner_p"><img src="__PUBLIC__/web/images/odm/ODM-Banner.jpg">
<div class="odm_b_title">
<h3>ODM</h3>
<div class="odn_t_small">Guided by the essential needs of customers, we provide products and solutions to our customers, insist on optimizing and innovation, continuously create long-term value for our customers, and strive to be a powerful boost for your business development.</div>
</div>
</div>
<!--品牌ODM-->
<div class="odm_usb_tex">
<div class="odm_usb_t"> Our team may help you advance the realization of ideas</div>
<div class="odm_usb_sm">We have been focusing on the development and production of USB peripheral products for 9 years, including but not limited to USB storage, USB data transmission, USB charger, USB wiring board, USB small appliances and other creative products . </div>
</div>
<!--Menu-->
<div class="odm-img clearfix">
<div class="product">
<div class="thumb">
<a href="__ORICOROOT__/product/category/157.html" class="image"><img src="__PUBLIC__/web/images/odm/odm-01.jpg" alt="Product" /></a>
</div>
<a href="__ORICOROOT__/product/category/157.html"><button title="Add To Cart" class="add-to-cart">Data Storage</button></a>
</div>
<div class="product">
<div class="thumb">
<a href="__ORICOROOT__/product/category/158.html" class="image"><img src="__PUBLIC__/web/images/odm/odm-02.jpg" alt="Product" /></a>
</div>
<a href="__ORICOROOT__/product/category/158.html"><button title="Add To Cart" class="add-to-cart">Data Transmission</button></a>
</div>
<div class="product">
<div class="thumb">
<a href="__ORICOROOT__/product/category/159.html" class="image"><img src="__PUBLIC__/web/images/odm/odm-03.jpg" alt="Product" /></a>
</div>
<a href="__ORICOROOT__/product/category/159.html"><button title="Add To Cart" class="add-to-cart">Power Storage</button></a>
</div>
<div class="product">
<div class="thumb">
<a href="__ORICOROOT__/product/category/160.html" class="image"><img src="__PUBLIC__/web/images/odm/odm-04.jpg" alt="Product" /></a>
</div>
<a href="__ORICOROOT__/product/category/160.html"><button title="Add To Cart" class="add-to-cart">Power Delivery</button></a>
</div>
<div class="product">
<div class="thumb">
<a href="__ORICOROOT__/product/category/161.html" class="image"><img src="__PUBLIC__/web/images/odm/odm-05.jpg" alt="Product" /></a>
</div>
<a href="__ORICOROOT__/product/category/161.html"><button title="Add To Cart" class="add-to-cart">Accessories</button></a>
</div>
</div>
<!--选择我们的理由-->
<div class="ODM-Gray ODM-Select overflow-f">
<div class="swt-Container">
<div class="odm_usb_tex">
<div class="odm_usb_t"> Sincerely at your service</div>
<div class="odm_usb_sm01">ORICO has hardware mold factory, plastic mold factory, SMT factory, assembly factory and packaging factory. With a unique 211 supply model, it can create a flexible supply chain with a capacity of over 4 billion yuan, and respond sensitively to market demand. Streamline the collaborative process and serve each partner patiently.</div>
</div>
<div class="table01">
<ul>
<li ><img src="__PUBLIC__/weben/images/odm/odm1.3_20.jpg"></li>
<li><img src="__PUBLIC__/weben/images/odm/odm1_22.jpg"></li>
<li><img src="__PUBLIC__/weben/images/odm/odm1_32.jpg"></li>
<li><img src="__PUBLIC__/weben/images/odm/odm1.3_34.jpg"></li>
</ul>
</div>
<div class="table02">
<ul>
<li class="img-responsives"><img src="__PUBLIC__/web/images/odm/odm1.3_24.jpg"></li>
<li class="img-responsives"><img src="__PUBLIC__/web/images/odm/odm1.3_26.jpg"></li>
<li class="img-responsive"><img src="__PUBLIC__/web/images/odm/odm1_35.jpg"></li>
</ul>
</div>
</div>
</div>
<!--灵活多变的模式-->
<div class="odm_re_all">
<div class="odm_research">Flexible service models and technical fields</div>
<div class="odm_re_img clearfix">
<ul>
<li><img src="__PUBLIC__/web/images/odm/odm1_08.jpg" >
<div class="odm_re_text">Full responsibility for product definition and development </div>
</li>
<li><img src="__PUBLIC__/web/images/odm/odm1_10.jpg" >
<div class="odm_re_text"> Multi-party Definition and R & D</div>
</li>
<li><img src="__PUBLIC__/web/images/odm/odm1_12.jpg" >
<div class="odm_re_text">Mould OEM</div>
</li>
</ul>
</div>
</div>
<!--证书-->
<div class="ODM-Gray">
<div class="odm_pic_i odm_n_z">
<div class="Patent" style="clear: both">
<img src="__PUBLIC__/web/images/odm/odm1.3_42.jpg">
</div>
</div></div>
<!--解决方案-->
<div class="odm_f1">
<div class="odm_usb_tex">
<div class="odm_usb_t"> Our Solutions</div>
<div class="odm_usb_sm">ORICO has a complete industrial chain layout from design to R&D to manufacturing, logistics and transportation to the final market.</div>
</div>
<div class="odm_one">
<div class="odm_ont_bg">
<div class="odm_ont_bor clearfix">
<div class="odm_two_num"><img src="__PUBLIC__/web/images/odm/odm_two_03.png" ></div><div class="odm_line_l"><img src="__PUBLIC__/web/images/odm/odm_line_03.jpg" ></div> <div class="odm_two_order"><p><span class="font_one">2 weeks R&D</span><span class="font_one">1 weeks Production</span><span class="font_one">and 1 MOQ</span></p> <p class="font_two">Unique “211” supply mode
</p></div>
</div>
</div>
</div>
<div class="odm_research01">New flexible replenishment mode</div>
<div class="odm_re_all">
<div class="odm_re_img01 clearfix">
<ul>
<li><img src="__PUBLIC__/web/images/odm/odm_order_01.jpg" >
<div class="odm_order_t">Forecast order/open sales data<br>
rolling stocking mode.</div>
</li>
<li><img src="__PUBLIC__/web/images/odm/odm_order_02.jpg" >
<div class="odm_order_t">According to sales of the first three months<br>
automatically starts the fourth month of stocking</div>
</li>
<li><img src="__PUBLIC__/web/images/odm/odm_order_03.jpg" >
<div class="odm_order_t">Quarterly sales peak-free estimation<br>
flexible stocking</div>
</li>
</ul>
</div>
</div>
</div>
<!--ODM项目服务流程-->
<div class="odm_re_all">
<div class="odm_service">ODM Progress</div>
<div class="odm_se_img"><img src="__PUBLIC__/weben/images/odm/odm1_18.jpg" ></div>
</div>
<!--合作伙伴-->
<div class="odm_f1">
<div class="w1440 wow fadeInUp" data-wow-delay="0.9s">
<!-- 公共标题 s -->
<div class="ODM-Title">Cooperation</div>
<!-- 公共标题 e -->
<div class="hz">
<ul>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_01.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_02.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_03.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_04.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_05.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_06.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_07.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_08.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_09.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_10.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_11.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_12.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_13.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_14.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_15.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_16.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_17.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_18.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_19.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_20.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_21.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_22.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_23.jpg"></li>
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_24.jpg"></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('.hz ul').bxSlider({
slideWidth: 340,
minSlides: 2,
maxSlides: 8,
slideMargin: 0,
auto:true,
controls:false
});
});
</script>
</div>
</div>
<!--Get in Touch Now-->
<div class ="news-odm">
<!--弹出框-->
<div class="email-odm-w">
<div class="title-text">Get in Touch Now</div>
<div class="apply_content">
<div class="detail_form">
<div style="margin-bottom: 1.875rem;width:48%;float:left;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Name</p>
<div class="name clearfix" style="margin-right: 1.25rem; ">
<input type="text" class="first detail-w" placeholder="First name" name="firstname" id="firstname"/>
<input type="text" class="first detail-w" placeholder="Last name" name="lastname" id="lastname"/>
</div>
</div>
<div class=" clearfix" style="margin-bottom: 1.875rem;width:48%;display:inline-block;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Company/Organization</p>
<div style="margin-right: 1.25rem; ">
<input type="text" class="first detail-w01" id='companyName' name='companyName'/>
</div>
</div>
<div class=" clearfix" style="margin-bottom: 1.875rem;width:48%;display:inline-block;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Email Address</p>
<div style="margin-right: 1.25rem; ">
<input type="text" class="first detail-w01" id="email" name='email'/>
</div>
</div>
<div class=" clearfix" style="margin-bottom: 1.875rem;width:48%;display:inline-block;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Phone Number</p>
<div style="margin-right: 1.25rem; ">
<input type="text" class="first detail-w01" id="phone" name='phone'/>
</div>
</div>
<div class=" clearfix" style="margin-bottom: 1.875rem;width:48%;display:inline-block;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Country</p>
<div style="margin-right: 1.25rem; ">
<select class=" detail-w01" id='country' name='country'>
<option value ="">--- Select your country ---</option>
<option value ="Afghanistan">Afghanistan</option>
<option value ="United Arab Emirates">United Arab Emirates</option>
<option value ="Oman">Oman</option>
<option value ="Azerbaijan">Azerbaijan</option>
<option value ="Pakistan">Pakistan</option>
<option value ="Palestine">Palestine</option>
<option value ="Bahrain">Bahrain</option>
<option value ="Bhutan">Bhutan</option>
<option value ="Korea (North)">Korea (North)</option>
<option value ="Timor-Leste">Timor-Leste</option>
<option value ="Philippines">Philippines</option>
<option value ="Georgia">Georgia</option>
<option value ="Kazakhstan">Kazakhstan</option>
<option value ="Korea (South)">Korea (South)</option>
<option value ="Kyrgyzstan">Kyrgyzstan</option>
<option value ="Cambodia">Cambodia</option>
<option value ="Qatar">Qatar</option>
<option value ="Kuwait">Kuwait</option>
<option value ="Laos">Laos</option>
<option value ="Lebanon">Lebanon</option>
<option value ="Maldives">Maldives</option>
<option value ="Malaysia">Malaysia</option>
<option value ="Mongolia">Mongolia</option>
<option value ="Bangladesh">Bangladesh</option>
<option value ="Myanmar">Myanmar</option>
<option value ="Nepal">Nepal</option>
<option value ="Japan">Japan</option>
<option value ="Cyprus">Cyprus</option>
<option value ="Saudi Arabia">Saudi Arabia</option>
<option value ="Sri Lanka">Sri Lanka</option>
<option value ="Tajikistan">Tajikistan</option>
<option value ="Thailand">Thailand</option>
<option value ="Turkey">Turkey</option>
<option value ="Turkmenistan">Turkmenistan</option>
<option value ="Brunei">Brunei</option>
<option value ="Uzbekistan">Uzbekistan</option>
<option value ="Singapore">Singapore</option>
<option value ="Syria">Syria</option>
<option value ="Armenia">Armenia</option>
<option value ="Yemen">Yemen</option>
<option value ="Iraq">Iraq</option>
<option value ="Iran">Iran</option>
<option value ="Israel">Israel</option>
<option value ="India">India</option>
<option value ="Indonesia">Indonesia</option>
<option value ="Jordan">Jordan</option>
<option value ="Vietnam">Vietnam</option>
<option value ="China">China</option>
<option value ="Albania">Albania</option>
<option value ="Ireland">Ireland</option>
<option value ="Estonia">Estonia</option>
<option value ="Andorra">Andorra</option>
<option value ="Austria">Austria</option>
<option value ="Belarus">Belarus</option>
<option value ="Bulgaria">Bulgaria</option>
<option value ="Belgium">Belgium</option>
<option value ="Iceland">Iceland</option>
<option value ="Poland">Poland</option>
<option value ="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value ="Denmark">Denmark</option>
<option value ="Germany">Germany</option>
<option value ="Russian Federation">Russian Federation</option>
<option value ="France">France</option>
<option value ="Vatican City">Vatican City</option>
<option value ="Finland">Finland</option>
<option value ="Netherlands">Netherlands</option>
<option value ="Czech">Czech</option>
<option value ="Croatia">Croatia</option>
<option value ="Latvia">Latvia</option>
<option value ="Lithuania">Lithuania</option>
<option value ="Liechtenstein">Liechtenstein</option>
<option value ="Luxembourg">Luxembourg</option>
<option value ="Romania">Romania</option>
<option value ="Malta">Malta</option>
<option value ="Macedonia">Macedonia</option>
<option value ="Moldova">Moldova</option>
<option value ="Monaco">Monaco</option>
<option value ="Norway">Norway</option>
<option value ="Portugal">Portugal</option>
<option value ="Sweden">Sweden</option>
<option value ="Switzerland">Switzerland</option>
<option value ="Serbia">Serbia</option>
<option value ="San Marino">San Marino</option>
<option value ="Slovakia">Slovakia</option>
<option value ="Slovenia">Slovenia</option>
<option value ="Ukraine">Ukraine</option>
<option value ="Spain">Spain</option>
<option value ="Greece">Greece</option>
<option value ="Hungary">Hungary</option>
<option value ="Italy">Italy</option>
<option value ="United Kingdom">United Kingdom</option>
<option value ="Algeria">Algeria</option>
<option value ="Egypt">Egypt</option>
<option value ="Ethiopia">Ethiopia</option>
<option value ="Angola">Angola</option>
<option value ="Benin">Benin</option>
<option value ="Botswana">Botswana</option>
<option value ="Burkina Faso">Burkina Faso</option>
<option value ="Burundi">Burundi</option>
<option value ="Equatorial Guinea">Equatorial Guinea</option>
<option value ="Togo">Togo</option>
<option value ="Eritrea">Eritrea</option>
<option value ="Cape Verde">Cape Verde</option>
<option value ="Gambia">Gambia</option>
<option value ="Congo">Congo</option>
<option value ="Congo (Congo-Kinshasa)">Congo (Congo-Kinshasa)</option>
<option value ="Djibouti">Djibouti</option>
<option value ="Guinea">Guinea</option>
<option value ="Guinea-Bissau">Guinea-Bissau</option>
<option value ="Canarias">Canarias</option>
<option value ="Ghana">Ghana</option>
<option value ="Gabon">Gabon</option>
<option value ="Zimbabwe">Zimbabwe</option>
<option value ="Cameroon">Cameroon</option>
<option value ="Comoros">Comoros</option>
<option value ="Cote D'Ivoire">Cote D'Ivoire</option>
<option value ="Kenya">Kenya</option>
<option value ="Lesotho">Lesotho</option>
<option value ="Liberia">Liberia</option>
<option value ="Libya">Libya</option>
<option value ="Reunion">Reunion</option>
<option value ="Rwanda">Rwanda</option>
<option value ="Madagascar">Madagascar</option>
<option value ="Madeira">Madeira</option>
<option value ="Malawi">Malawi</option>
<option value ="Mali">Mali</option>
<option value ="Mauritius">Mauritius</option>
<option value ="Mauritania">Mauritania</option>
<option value ="Morocco">Morocco</option>
<option value ="Mozambique">Mozambique</option>
<option value ="Namibia">Namibia</option>
<option value ="South Africa">South Africa</option>
<option value ="Niger">Niger</option>
<option value ="Sierra Leone">Sierra Leone</option>
<option value ="Senegal">Senegal</option>
<option value ="Seychelles">Seychelles</option>
<option value ="Sao Tome and Principe">Sao Tome and Principe</option>
<option value ="Saint Helena">Saint Helena</option>
<option value ="Swaziland">Swaziland</option>
<option value ="Sudan">Sudan</option>
<option value ="Somalia">Somalia</option>
<option value ="Tanzania">Tanzania</option>
<option value ="Tunisia">Tunisia</option>
<option value ="Uganda">Uganda</option>
<option value ="Western Sahara">Western Sahara</option>
<option value ="Azores">Azores</option>
<option value ="Zambia">Zambia</option>
<option value ="Chad">Chad</option>
<option value ="Central African Republic">Central African Republic</option>
<option value ="Panama">Panama</option>
<option value ="Belize">Belize</option>
<option value ="Costa Rica">Costa Rica</option>
<option value ="Greenland">Greenland</option>
<option value ="Honduras">Honduras</option>
<option value ="Canada">Canada</option>
<option value ="United States">United States</option>
<option value ="Mexico">Mexico</option>
<option value ="Nicaragua">Nicaragua</option>
<option value ="El Salvador">El Salvador</option>
<option value ="Guatemala">Guatemala</option>
<option value ="Argentina">Argentina</option>
<option value ="Paraguay">Paraguay</option>
<option value ="Brazil">Brazil</option>
<option value ="Bolivia">Bolivia</option>
<option value ="Ecuador">Ecuador</option>
<option value ="French Guiana">French Guiana</option>
<option value ="Colombia">Colombia</option>
<option value ="Guyana">Guyana</option>
<option value ="Peru">Peru</option>
<option value ="Suriname">Suriname</option>
<option value ="Venezuela">Venezuela</option>
<option value ="Uruguay">Uruguay</option>
<option value ="Chile">Chile</option>
<option value ="Australia">Australia</option>
<option value ="Papua New Guinea">Papua New Guinea</option>
<option value ="Northern Mariana">Northern Mariana</option>
<option value ="French Polynesia">French Polynesia</option>
<option value ="Fiji">Fiji</option>
<option value ="Guam">Guam</option>
<option value ="Kiribati">Kiribati</option>
<option value ="Cook Islands">Cook Islands</option>
<option value ="Marshall Islands">Marshall Islands</option>
<option value ="American Samoa">American Samoa</option>
<option value ="Micronesia">Micronesia</option>
<option value ="Nauru">Nauru</option>
<option value ="Niue">Niue</option>
<option value ="Palau">Palau</option>
<option value ="Pitcairn Islands">Pitcairn Islands</option>
<option value ="Samoa">Samoa</option>
<option value ="Solomon Islands">Solomon Islands</option>
<option value ="Tonga">Tonga</option>
<option value ="Tuvalu">Tuvalu</option>
<option value ="Tokelau">Tokelau</option>
<option value ="Wallis and Futuna">Wallis and Futuna</option>
<option value ="Vanuatu">Vanuatu</option>
<option value ="New Caledonia">New Caledonia</option>
<option value ="New Zealand">New Zealand</option>
<option value ="Aruba">Aruba</option>
<option value ="Anguilla">Anguilla</option>
<option value ="Antigua and Barbuda">Antigua and Barbuda</option>
<option value ="Barbados">Barbados</option>
<option value ="Bahamas">Bahamas</option>
<option value ="Bermuda">Bermuda</option>
<option value ="Puerto Rico">Puerto Rico</option>
<option value ="Dominican">Dominican</option>
<option value ="Dominica">Dominica</option>
<option value ="Grenada">Grenada</option>
<option value ="Cuba">Cuba</option>
<option value ="Guadeloupe">Guadeloupe</option>
<option value ="Haiti">Haiti</option>
<option value ="Netherlands Antilles">Netherlands Antilles</option>
<option value ="Cayman">Cayman</option>
<option value ="Martinique">Martinique</option>
<option value ="The United States Virgin Islands">The United States Virgin Islands</option>
<option value ="Montserrat">Montserrat</option>
<option value ="Saint Kitts-Nevis">Saint Kitts-Nevis</option>
<option value ="Saint Lucia">Saint Lucia</option>
<option value ="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value ="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value ="Trinidad and Tobago">Trinidad and Tobago</option>
<option value ="Jamaica">Jamaica</option>
<option value ="The British Virgin Islands">The British Virgin Islands</option> </select>
</div>
</div>
<div class=" clearfix" style="margin-bottom: 1.875rem;width:48%;display:inline-block;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Interested Service/Product</p>
<div style="margin-right: 1.25rem; ">
<input type="text" class="first detail-w01" id='interested' name='interested'/>
</div>
</div>
<div class=" clearfix" style="margin-bottom: 1.875rem; display:inline-block;width:100%; ">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Message</p>
<div >
<textarea rows="6" cols="20" id='message' name='message' placeholder="Leave your inquiry here: product, quantity, shipment and more" class="first detail-w01"/> </textarea>
</div>
</div>
<div class="submit_btn">SUBMIT</div>
</div>
</div>
</div>
<!--弹出框-->
</div>
</div>
<script>
$(function(){
$(".ODM-Menu li").mouseover(function(){
$(this).find(".img-responsive").addClass("MH-after");
})
$(".ODM-Menu li").mouseout(function(){
$(this).find(".img-responsive").removeClass("MH-after");
})
// 提交表单
$('.submit_btn').click(function(){
var companyName = $('#companyName').val();
var firstName = $('#firstname').val();
var lastName = $('#lastname').val();
var email = $('#email').val();
var phone = $('#phone').val();
var country = $('#country').val();
var interested = $('#interested').val();
var message = $('#message').val();
/*if(companyName == ''){
alert('The Company name is not Empty!');
return false;
}
if(lastName == '' || lastName == ''){
alert('You name is is not Empty!');
return false;
}
if(email == ''){
alert('Email is not Empty!');
return false;
}
if(phone == ''){
alert('Phone is not Empty!');
return false;
}
if(country == ''){
alert('Country is not Empty!');
return false;
}
if(interested == ''){
alert('Interested is not Empty!');
return false;
}
if(message == ''){
alert('Message is not Empty!');
return false;
}*/
if(companyName == ''){
$('#companyName').addClass('error');
$('#companyName').next('span').removeClass('hide');
}
if(firstName == ''){
$('#firstname').addClass('error');
$('#firstname').next('span').removeClass('hide');
}
if(lastName == ''){
$('#lastname').addClass('error');
$('#lastname').next('span').removeClass('hide');
}
if(phone == ''){
$('#phone').addClass('error');
$('#phone').next('span').removeClass('hide');
}
if(interested == ''){
$('#interested').addClass('error');
$('#interested').next('span').removeClass('hide');
}
if(message == ''){
$('#message').addClass('error');
$('#message').next('span').removeClass('hide');
}
if(country == ''){
$('#country').addClass('error');
$('#country').next('span').removeClass('hide');
}
//点击创建申请块
if(companyName && firstName && lastName && email && phone && country && interested && message) {
var type = 'Agent';
$.ajax({
type: "POST",
url: "/us/bulk/create",
data: {'company':companyName, 'email':email,'country':country,'name':firstName,'last_name':lastName,'phone':phone,'interested':interested,'message':message},
dataType: "json",
success: function(data){
if(data.code == 200) {
alert(data.msg);
$(".marsk-container").hide();
$("input[ type='text']").val('');
$('#country').val('');
$('#interested').val('');
$('#message').val('');
}
else{
if(data.code == 403 || data.code == 201) {
alert(data.msg);
}
else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
}
}
});
}
})
});
</script>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

2509
app/us/view/group/oricoindex.phtml Executable file

File diff suppressed because it is too large Load Diff

159
app/us/view/group/policy.phtml Executable file
View File

@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>After-sale Policy|Orico </title>
<meta name="Keywords" content="After-sale Policy" />
<meta name="Description" content="After-sale PolicyThree package policyNo reason to return15 days for new" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/policy.css">
</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-->
<div class="img-responsive"><img src="__PUBLIC__/weben/images/policy/policy-01.jpg"></div>
<div class="lj_sale_policy">After-sale Policy</div>
<div class="lj_sale_t">ORICO commits to provide 7-day Refund, 15-day Exchange, 1-year Quality Warranty. </div>
<div class="lj_w_policy">
<div class="lj_icon_l clearfix">
<ul>
<li>
<div class="lj_icon_left"><img src="__PUBLIC__/web/images/policy/policy-icon01.jpg"></div>
<div class="lj_text_right">
<div class="lj_h3">7-day Refund</div>
<div class="lj_des">Customers could apply for returning products within 7 days since you receive products under the condition that items (including package and accessories) are qualified for second sale. However, you will be responsible for all shipping fees. (Some products cannot be sold secondly after opening sealed package, Refund is not accepted.)</div>
</div>
</li>
<li>
<div class="lj_icon_left"><img src="__PUBLIC__/web/images/policy/policy-icon02.jpg"></div>
<div class="lj_text_right">
<div class="lj_h3">Tech support</div>
<div class="lj_des">ORICOs tech support service is open to all customers. You could contact us when the products are broken or a breakdown happens. In situations where a replacement is not available or a preferred option, we will offer a partial refund according to the usage time only if the product is during the warranty period.</div>
</div>
</li>
<li>
<div class="lj_icon_left"><img src="__PUBLIC__/web/images/policy/policy-icon03.jpg"></div>
<div class="lj_text_right">
<div class="lj_h3">15-day Exchange</div>
<div class="lj_des">You could exchange the product for another new same product if there are quality problems or performance breakdown within 8-15 days since you receive the product. We will be responsible for all shipping fees.</div>
</div>
</li>
<li>
<div class="lj_icon_left"><img src="__PUBLIC__/web/images/policy/policy-icon04.jpg"></div>
<div class="lj_text_right">
<div class="lj_h3">months Quality Warranty</div>
<div class="lj_des">It is available to products if there are any quality problems within 12 months starting from the date of purchase. All quality-related defects on items sold by ORICO online stores and authorized resellers are under warranty.</div>
</div>
</li>
</ul>
</div>
<div class="lj_bg_i clearfix">
<div class="lj_img_l"><img src="__PUBLIC__/weben/images/policy/policy-img01.jpg"></div>
<div class="lj_text_r">
<div class="lj_h3">Quality warranty are not compatible with the following conditions:</div>
<div class="lj_des">
<p>1、Reworked products without ORICOs approval; The serial number or warranty sticker has been altered, defaced or removed;</p>
<p>2、Normal wear and tear of the product;</p>
<p>3、Products that have been artificially damaged by improper operation.</p>
<p>4、Products that have been damaged by accidents or natural disasters.</p>
<p>5、Products have been reworked or repaired by unauthorized agencies.</p>
<p>6、Warranty service will be carried out according to “Limited Warranty Clause” in the third policy.</p></div>
</div>
</div>
<div class="lj_three_policy">For your own benefits, please mind the following information</div>
<div class="lj_t_small">For a smooth return and refund, quality warranty, please follow these steps:</div>
<div class="lj_policy_icon clearfix">
<ul>
<li>
<div class="lj_icon05"><img src="__PUBLIC__/web/images/policy/policy-icon05.jpg"></div>
<div class="lj_icon05_text">Please show your purchasing invoice or order number within warranty period. If there is no invoice or order number, please kindly provide the stores name or your account information for our reference</div>
</li>
<li>
<div class="lj_icon05"><img src="__PUBLIC__/web/images/policy/policy-icon06.jpg"></div>
<div class="lj_icon05_text">Please provide pictures or videos of the damaged product.</div>
</li>
<li>
<div class="lj_icon05"><img src="__PUBLIC__/web/images/policy/policy-icon07.jpg"></div>
<div class="lj_icon05_text">1. Warranty claims for full refund expire 90 days after opening a warranty claim. For purchases not made directly through ORICOs online stores, please contact retailers for refunds and replace. </div>
</li>
</ul>
</div>
<div class="lj_bg_i clearfix">
<div class="lj_img_l"><img src="__PUBLIC__/weben/images/policy/policy-img02.jpg"></div>
<div class="lj_text_r">
<div class="lj_h3">Limited Warranty Policy </div>
<div class="lj_des">
<p>1、Products that have been artificially damaged by mistake, abuse, wrong operation, accidents or natural disasters.(Like spillage of food or liquid, flooding water, shattering, scratching, etc )</p>
<p>2、 Products that have been reworked and damaged by unauthorized agencies that are not approved by ORICO.</p>
<p>3、 Improper accessories, operation against User Manual or any wrong transportation and accidents to the product.</p>
<p>4、 Products that have been damaged by improper or wrong operation.</p>
<p>5、 Normal wear and tear of product surface, such as labels, parts, etc.</p>
<p>6、 The product is beyond the warranty period.</p>
<p>7、 No purchasing proof or invoice, except product which can be proved that it is in warranty period.</p></div>
</div>
</div>
<div class="lj_three_policy">ORICO is not liable for:</div>
<div class="lj_policy_four clearfix">
<ul>
<li>
<div class="lj_icon05"><img src="__PUBLIC__/web/images/policy/policy-icon08.jpg"></div>
<div class="lj_icon05_text">Loss of data incurred from use of ORICO products</div>
</li>
<li>
<div class="lj_icon05"><img src="__PUBLIC__/web/images/policy/policy-icon09.jpg"></div>
<div class="lj_icon05_text">Returning personal items sent to ORICO</div>
</li>
<li>
<div class="lj_icon05"><img src="__PUBLIC__/web/images/policy/policy-icon10.jpg"></div>
<div class="lj_icon05_text">Repairs through 3rd parties</div>
</li>
<li>
<div class="lj_icon05"><img src="__PUBLIC__/web/images/policy/policy-icon11.jpg"></div>
<div class="lj_icon05_text">2. Lost, stolen,second-hand, free products</div>
</li>
</ul>
</div>
<div class="lj_bg_i lj_mar_5 clearfix">
<div class="lj_img_l"><img src="__PUBLIC__/weben/images/policy/policy-img04.jpg"></div>
<div class="lj_text_r">
<div class="lj_h3">Attentions
</div>
<div class="lj_des">
<p>1、 Please fill in the repair form in regular script. You should fill in the users name, contact number, fault phenomenon, request for testing or repair and other content. we will judge and handle it according to the content filled out by the user.</p>
<p>2、Please backup information stored in the product to other devices and delete those in the product before sending it to repair to avoid loss or leakage.</p>
<p>*If the above is inconsistent with or missing from the national policy, the national policy shall prevail.
</p>
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

224
app/us/view/group/privacy.phtml Executable file

File diff suppressed because one or more lines are too long

141
app/us/view/group/product.phtml Executable file
View File

@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Vision and Mission|Orico culture</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/culture.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/animate.min.css">
</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-->
<div class="culture_top ">
<img src="__PUBLIC__/weben/images/Introductionimg/Our1Brand.png">
<div class="culture_bril_con swt-Container">
<div class="culture_bril_div">
<div class="iconimg"><img src="__PUBLIC__/weben/images/Introductionimg/product1.png"></div>
<div class="title">
<p>Sell well for 11 years worldwide</p>
</div>
<div class="subtitle">
<p>Since the establishment of ORICO, it has opened up domestic and overseas offline channels in many countries around the world for 11 years, and has independent agents and distributors in many countries. ORICO has been accepted by the industry in the external HDD enclosure and USB3.0 peripherals for four consecutive years, our fast charging surge protector keeps the top 5 in the rapid growth.</p>
</div>
</div>
<div class="culture_bril_div">
<div class="iconimg"><img src="__PUBLIC__/weben/images/Introductionimg/product2.png"></div>
<div class="title">
<p>Superior R&D Team</p>
</div>
<div class="subtitle">
<p>We are committed to providing innovative and practical solutions for customers' needs. Established a professional R & D team of nearly 100 senior engineers, structural engineers, electronic engineers, etc. Develop thousands of products such as USB storage, USB expansion, USB power strip, USB charging, digital accessories, and quality peripherals. We maintain the R&D of new products every week.</p>
</div>
</div>
<div class="culture_bril_div">
<div class="iconimg"><img src="__PUBLIC__/weben/images/Introductionimg/product3.png"></div>
<div class="title">
<p>Annual production capacity over 4B.</p>
</div>
<div class="subtitle">
<p>Adopting 5S management is the premise of creating excellent products. ORICO invested nearly 80 million to build Internet & Creativity Industrial Park, a comprehensive service center integrating innovation and technology training, project incubation, industry acceleration, investment and financing services, and more. The annual production capacity has steadily exceeded RMB 4 billion.(600 million USD</p>
</div>
</div>
</div>
</div>
<div class="culture_vision">
<div class="swt-Container">
<div class="title">
<!--Vision and Mission-->
</div>
<div class="swt-Table img-responsive">
<div id="tab1" class="Table-Row">
<div class="Table-Cell left"><img src="__PUBLIC__/web/images/culture/vision-01.jpg"></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right">
<p class="subtitle">Deep Research on USB Technology</p>
<p class="des"> The development and innovation of USB technology is vast and infinite. For a long time in the future, ORICO will concentrate on the exploration and innovation of USB technology and use it more in transmission, power, audio and video to better facilitate people and promote the breakthrough transformation of transmission technology. Rome was not built in one day. We know that only by bringing together small changes will it be possible to explore greater innovations, and make our career endless through accumulation. </p>
</div>
</div>
</div>
<div class="swt-Table img-responsive culture_vision_02">
<div id="tab2" class="Table-Row">
<div class="Table-Cell left"><p class="subtitle">Provide Better Choices for A Better Life</p>
<p class="des"> Change is not only the responsibility of each ORICO employee, but also the opportunity. We expect our change, just like our brand's iconic element, Archimedes screw, to make small changes and corrections in the direction, and to continue to radiate farther away to explore the unknown. Our initial dream of the departure will be as clear as ever. ORICO hopes to explain the power of change to employees, users, and the wider world!</p></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right"><img src="__PUBLIC__/web/images/culture/vision-02.jpg"></div>
</div>
</div>
<div class="swt-Table img-responsive">
<div id="tab3" class="Table-Row">
<div class="Table-Cell left"><img src="__PUBLIC__/web/images/culture/vision-03.jpg"></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right">
<p class="subtitle">Power of Change</p>
<p class="des">For the public, ORICO advocates to change the “habitual” lifestyle, encourages everyone to pursue a better life!</p>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('.culture_bril_div').addClass('animated fadeInUp');
$(document).ready(function() {
function isScrolledIntoView(elem) {
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return (elemTop <= docViewBottom);
}
var myelement = $('#tab1'); // the element to act on if viewable
goScroll(myelement);
var myelement2 = $('#tab2'); // the element to act on if viewable
goScroll(myelement2);
var myelement3 = $('#tab3'); // the element to act on if viewable
goScroll(myelement3);
function goScroll(obj){
$(window).scroll(function() {
if(isScrolledIntoView(obj)) {
$(obj).find('.left').addClass('animated fadeInLeft');
$(obj).find('.right').addClass('animated fadeInRight');
}
});
}
});
</script>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Vision and Mission|Orico culture</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/culture.css">
</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-->
<div class="img-responsive"><img src="__PUBLIC__/web/images/culture/vision-banner.jpg"></div>
<div class="culture_vision">
<div class="swt-Container">
<div class="title">Vision and Mission</div>
<div class="swt-Table img-responsive">
<div class="Table-Row">
<div class="Table-Cell left"><img src="__PUBLIC__/web/images/culture/vision-01.jpg"></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right">
<p class="subtitle">Deep Research on USB Technology</p>
<p class="des"> The development and innovation of USB technology is vast and infinite. For a long time in the future, ORICO will concentrate on the exploration and innovation of USB technology and use it more in transmission, power, audio and video to better facilitate people and promote the breakthrough transformation of transmission technology. Rome was not built in one day. We know that only by bringing together small changes will it be possible to explore greater innovations, and make our career endless through accumulation. </p>
</div>
</div>
</div>
<div class="swt-Table img-responsive culture_vision_02">
<div class="Table-Row">
<div class="Table-Cell left"><p class="subtitle">Provide Better Choices for A Better Life</p>
<p class="des"> Change is not only the responsibility of each ORICO employee, but also the opportunity. We expect our change, just like our brand's iconic element, Archimedes screw, to make small changes and corrections in the direction, and to continue to radiate farther away to explore the unknown. Our initial dream of the departure will be as clear as ever. ORICO hopes to explain the power of change to employees, users, and the wider world!</p></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right"><img src="__PUBLIC__/web/images/culture/vision-02.jpg"></div>
</div>
</div>
<div class="swt-Table img-responsive culture_vision_view">
<div class="Table-Row">
<div class="Table-Cell right"><img src="__PUBLIC__/web/images/culture/vision-02.jpg"></div>
<div class="Table-Cell left"><p class="subtitle">Provide Better Choices for A Better Life</p>
<p class="des"> Change is not only the responsibility of each ORICO employee, but also the opportunity. We expect our change, just like our brand's iconic element, Archimedes screw, to make small changes and corrections in the direction, and to continue to radiate farther away to explore the unknown. Our initial dream of the departure will be as clear as ever. ORICO hopes to explain the power of change to employees, users, and the wider world!</p></div>
</div>
</div>
<div class="swt-Table img-responsive">
<div class="Table-Row">
<div class="Table-Cell left"><img src="__PUBLIC__/web/images/culture/vision-03.jpg"></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right">
<p class="subtitle">Power of Change</p>
<p class="des">For the public, ORICO advocates to change the “habitual” lifestyle, encourages everyone to pursue a better life!</p>
</div>
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

237
app/us/view/group/pssd.phtml Executable file
View File

@@ -0,0 +1,237 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SSD存储和PSSD存储选择攻略_ORICO/奥睿科官网</title>
<meta name="Keywords" content="SSD存储, PSSD存储" />
<meta name="Description" content="SSD与PSSD选择攻略" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/pssd.css">
<body style="background-color:#f5f5f5;">
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/pssd/pssd_banner.png">
<div class="position-a banner">
<div class="swt-Container f-White">
<div class="font-60 f_weight_400">Comprehending Your SSD/PSSD </div>
<div class="font-30 margin-t-10vw f_weight_400 light_height_48">Keep This Manual as the First Step Get Into the New Field</div>
</div>
</div>
</div>
<!--视频一-->
<div class="img-responsive position-r f_weight_100">
<div class="video_subject">
<div class="swt-Container f-black text-l">
<div class="left">
<p class="font-36 margin-t-50 padding-t-3"> The Professional Storage Guide For You And Your PSSD</p>
<p class="font-16 margin-t-20vw">Is your daily life full of large amounts of data? Do you feel tired of the long wait for data tranmission while working? Are you always being hindered from developing your hobbies due to the poor performance of devices? Start your first DIY experience with the most professional storage tips! </p>
</div>
<div class="right img-responsive">
<video controls poster="" width="100%" src="__PUBLIC__/web/images/pssd/video.mp4" loop x-webkit-airplay="true" webkit-playsinline="true">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--PSSD与SSD区别-->
<div class="pssd01 f-White position-r img-responsive">
<img src="__PUBLIC__/web/images/pssd/pssd_01.jpg">
<div class="position-a position-a-w" style="height:100%">
<div class="pssd01L position-r">
<div class="position-a pssdTitle">
<p class="text-c font-60 margin-t-3">SSD</p>
</div>
<div class="pssdContent font-24">
<p class="text-r">Internal interface of laptop or desktopSATA/mSATA/M.2</p>
<p class="text-r">Two Standard Appearances</p>
<p class="text-r">Computer Assembly and Upgrading</p>
<p class="text-r">Internal Installation </p>
</div>
</div>
<div class="pssd01R position-r">
<div class="position-a pssdTitle">
<p class="text-c font-60 margin-t-3">PSSD</p>
</div>
<div class="pssdContent text-l font-24">
<p>External interface of computer, tablet or mobile phoneUSB-A/Type-C</p>
<p>Optional Design and Material</p>
<p>External Capacity Expansion</p>
<p>Plug and play</p>
</div>
</div>
</div>
<div class="pssd01C text-c font-11">
<p>Interface</p>
<p>Appearance</p>
<p>Application</p>
<p>Installation</p>
</div>
</div>
<div class="swt-Container img-responsive">
<div class="img-responsive position-r f_weight_100">
<!--SSD产品-->
<div class="font-48 f-black f_weight_100 text-c padding-t-4 padding-b-3">Upgrade My SSD</div>
<div class="series35_list subject_three_list">
<ul>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/7088.html" target="_blank"><img src="__PUBLIC__/web/images/pssd/ssd_p_01.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-15vw font-30">Upgrade and Ease Devices</p>
<p class="font-24">SATA Revision3.0</p>
<p class="font-20 margin-t-10vw">Fluorescent Purple</p>
</div>
<div class="position-a position-a-w text-c font-16 pssd_p_BT">240G Capacity</div>
</a>
</li>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/4116.html" target="_blank"><img src="__PUBLIC__/web/images/pssd/ssd_p_02.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-15vw font-30">Large Capacity Expansion</p>
<p class="font-24">mSATA High-speed Transmission</p>
<p class="font-20 margin-t-10vw">Half-Height, Compact Size</p>
</div>
<div class="position-a position-a-w text-c font-16 pssd_p_BT">1TB Capacity</div>
</a>
</li>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/4098.html" target="_blank"><img src="__PUBLIC__/web/images/pssd/ssd_p_03.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-15vw font-30">Instantly Transmission</p>
<p class="font-24">M.2 NVMe Super-speed</p>
<p class="font-20 margin-t-10vw">Direct Connected to the Mainboard </p>
</div>
<div class="position-a position-a-w text-c font-16 pssd_p_BT">Multiple Capacity Optional</div>
</li>
</ul>
</div>
<!--PSSD-->
<div class="font-48 f-black f_weight_100 text-c padding-t-60 padding-b-3">Pick as You Wish</div>
<div class="series35_list subject_three_list">
<ul>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/5508.html" target="_blank"><img src="__PUBLIC__/web/images/pssd/pssd_p_01.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-66 font-24">Compact and Portable</p>
<p class="font-20 margin-t-10vw">Pocket-Sized PSSD</p>
</div>
</li>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/5501.html" target="_blank"><img src="__PUBLIC__/web/images/pssd/pssd_p_02.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-66 font-24">Aluminum Alloy Unibody</p>
<p class="font-20 margin-t-10vw">Pro-Business PSSD</p>
</div>
</li>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/5456.html" target="_blank"><img src="__PUBLIC__/web/images/pssd/pssd_p_03.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-66 font-24">On-The-Go Data</p>
<p class="font-20 margin-t-10vw">Triple-Protection PSSD</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<!--Diy PSSD-->
<div class="pssdDiy clearfix">
<div class="text-c font-48 f-black margin-t-10vw margin-b-40">The Combination of Performance and Appearance</div>
<div class="text-c font-32 f-gray margin-b-3">Create Your Own PSSD</div>
<!--第一屏-->
<div class="content clearfix">
<div class="pssdDiyL img-responsive position-r">
<a href="__ORICOROOT__/product/detail/6908.html" target="_blank">
<img src="__PUBLIC__/web/images/pssd/diy_pssd01.png">
<div class="text text-r">
<p class="font-36 f-black">Kit for Entry-level User</p>
<div class="button font-24 margin-t-15vw">Learn More ></div>
</div>
</a>
</div>
<div class="pssdDiyR text-c f-White font-14">
<div class="position-r list img-responsive ">
<img src="__PUBLIC__/web/images/pssd/diy_p_pssd01.png">
<p>Cost-Effective SATA SSD</p>
</div>
<div class="pssdDiyAdd">
<img src="__PUBLIC__/web/images/pssd/add.png">
</div>
<div class="position-r list img-responsive">
<img src="__PUBLIC__/web/images/pssd/diy_p_pssd02.png">
<p> 2.5-inch Tansparent Hard Drive Enclosure</p>
</div>
</div>
</div>
<!--第二屏-->
<div class="content margin-t-20vw clearfix">
<div class="pssdDiyL img-responsive position-r">
<a href="__ORICOROOT__/product/detail/6861.html" target="_blank">
<img src="__PUBLIC__/web/images/pssd/diy_pssd02.png">
<div class="text text-r">
<p class="font-36 f-black">Kit for 4K Audiovisual</p>
<div class="button font-24 margin-t-15vw">Learn More ></div>
</div>
</a>
</div>
<div class="pssdDiyR text-c f-White">
<div class="position-r list img-responsive ">
<img src="__PUBLIC__/web/images/pssd/diy_p_pssd03.png">
<p>NVMe SSD with Large Capacity</p>
</div>
<div class="pssdDiyAdd">
<img src="__PUBLIC__/web/images/pssd/add.png">
</div>
<div class="position-r list img-responsive">
<img src="__PUBLIC__/web/images/pssd/diy_p_pssd04.png">
<p>Thunderbolt3 High-speed Hard Drive Enclosure</p>
</div>
</div>
</div>
<!--第三屏-->
<div class="content margin-t-20vw clearfix">
<div class="pssdDiyL img-responsive position-r">
<a href="__ORICOROOT__/product/detail/6890.html" target="_blank">
<img src="__PUBLIC__/web/images/pssd/diy_pssd03.png">
<div class="text text-r">
<p class="font-36 f-black">Kit for Business Elite</p>
<div class="button font-24 margin-t-15vw">Learn More ></div>
</div>
</a>
</div>
<div class="pssdDiyR text-c f-White">
<div class="position-r list img-responsive ">
<img src="__PUBLIC__/web/images/pssd/diy_p_pssd05.png">
<p>NVMe High-speed SSD</p>
</div>
<div class="pssdDiyAdd">
<img src="__PUBLIC__/web/images/pssd/add.png">
</div>
<div class="position-r list img-responsive">
<img src="__PUBLIC__/web/images/pssd/diy_p_pssd06.png">
<p>Dual Protocol Hard Drive Enclosure</p>
</div>
</div>
</div>
</div>
<div class="charger_06_img_M img-responsive margin-t-50"><img src="__PUBLIC__/web/images/ssd/ssd_b.jpg"></div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

372
app/us/view/group/query.phtml Executable file
View File

@@ -0,0 +1,372 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Troodon Series</title>
<meta name="Keywords" content="SSD" />
<meta name="Description" content="SSD" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/ssd.css">
<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>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/banner01.jpg">
<div class="position-a ssd_banner">
<div class="swt-Container f-White text-c">
<div class="font-28">Troodon Series Solid State Drive</div>
<div class="font-48 padding-t-8vw f_weight_400">Unfathomable Performance · Drive at Furious Speed </div>
</div>
</div>
</div>
<!--视频一-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/video_bg.jpg">
<div class="position-a ssd_video">
<div class="swt-Container f-black text-l">
<div class="left">
<p class="font-20 f-gray margin-t-20vw">New Generation -3D NAND TECHNOLOGY</p>
<p class="font-48 f-black margin-t-10vw f_weight_400">Boosted Storage Density<br>Enhanced Performance</p>
<p class="font-16 margin-t-66">The whole series of ORICO Troodon solid-state drives are powered by 3D NAND flash, and the storage density is higher than traditional 2D flash. Reached the high level of storage density in the industry, and greatly enhancing the transmission performance, making it easy to process a large amount of stored data.</p>
</div>
<div class="right">
<video controls="" poster="" src="__PUBLIC__/weben/images/ssd/external_ssd.mp4" width="100%">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--SN100/SV100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/SN100_SV100.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right padding-t-80">
<div class="font-24">Troodon- Armor Series SN100/SV100</div>
<div class="font-48 padding-t-8vw f_weight_400">All it Protect is Memory</div>
<div class="font-24 margin-t-20vw">- External Mobile SSD </div>
<div class="font-16 margin-t-30">Troodon Armor Series adopts double protection of aluminum alloy case and silicon protector, this makes it stands up to shock, splashes, spills and dusts, and it also provide 4 optional capacity includes 128G/256G/512G/1TB.
With Speed 1.0 version and Speed 2.0 version, SN100 internal NGFF SSD delivers high-speed transfer with up to 540MB/s read speeds; SV100 internal NVMe SSD can delivers super-speed transfer with up to 940MB/s read speeds. Both of SN100 and SV100 are supports to UASP+TRIM dual protocol, high-performance of transferring. Compatible with Type-C devices like cell phone and PCs, made for the outdoors.</div>
<!-- <a href="__ORICOROOT__/product/detail/5455.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--FV300/GV100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/FV300_GV100.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left padding-t-80">
<div class="font-24">Troodon- Wing Series FV100/GV100</div>
<div class="font-48 padding-t-8vw f_weight_400">Light. Compact. Fast.</div>
<div class="font-24 margin-t-20vw">- External Mobile SSD </div>
<div class="font-16 margin-t-30">Troodon Wing Series, ultra-compact and portable, it just fit in your pocket, built to go wherever you go. Built-in NVMe superspeed solid state drive, which provide 940MB/s sequential reads, transferring 1G large files in a flash.
Equipped with two data cable of A-to-C port and C-to-C port, it supports the selection of four capacity versions, and can be compatible with mobile phone, computer, TV and other devices to expansion, creating the portable database.</div>
<!-- <a href="__ORICOROOT__/product/detail/5491.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--BH100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/BH100.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right padding-t-80">
<div class="font-24">Troodon- Shield Series BH100/BM200/BV300</div>
<div class="font-48 padding-t-8vw f_weight_400">Designed to Stable. Built to Rugged. </div>
<div class="font-24 margin-t-20vw">- External Mobile SSD </div>
<div class="font-16 margin-t-30">Troodon Shield Series is made of high-quality aluminum alloy + CNC technology, which help to maintain the stability of heat dissipation during the high-speed data transferring, help to transfer large files steadily and smoothly. It has two versions of highspeed and superspeed, embedded with self-encapsulated 3D NAND flash particles, it can process big data at incredible speed and be compatible with various office devices.</div>
<!-- <a href="__ORICOROOT__/product/detail/5501.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div><!--SSD外置产品-->
<div class="img-responsive ssd_08 f_weight_100">
<div class="swt-Container f-black text-c padding-t-60">
<div class="font-48 f_weight_400">Complement Your Storage Experience</div>
<div class="margin-t-15vw font-30"><i>See All The Portable SSD > </i></div>
<div class="margin-t-66 ssd_p_three padding-t-8vw ">
<ul class="padding-b-80">
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_01.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Armor Series </p>
<p class="font-24 padding-t-8vw">ORICO SN100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5455.html">Learn More</a>
</div> -->
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_02.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Armor Series </p>
<p class="font-24 padding-t-8vw">ORICO SV100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5456.html">Learn More</a>
</div> -->
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_03.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Wing Series </p>
<p class="font-24 padding-t-8vw">ORICO FV300</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5491.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_04.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Shield Series </p>
<p class="font-24 padding-t-8vw">ORICO BH100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5501.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_05.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Shield Series </p>
<p class="font-24 padding-t-8vw">ORICO BM200</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5506.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_06.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Shield Series </p>
<p class="font-24 padding-t-8vw">ORICO BV300</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5507.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_07.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Wing Series </p>
<p class="font-24 padding-t-8vw">ORICO GV100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5508.html">Learn More</a>
</div> -->
</div>
</li>
</ul>
</div>
</div>
</div>
<!--视频-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_02.jpg">
<div class="position-a position-a-w">
<div class="f-White text-c ssd_02">
<div class="font-48 margin-t-90 padding-t-5vw">ORICOs Ten Years Experience in Storage</div>
<div class="margin-t-30 font-24">The Excellent SSD Solution You Never Had</div>
<div class="font-16 margin-t-30 ssd_02_des">ORICOs SSD has achieved a strong presence in personal consumption storage through its rapidly program response, quick data processing and stable flash.</div>
<video controls="" poster="" src="__PUBLIC__/weben/images/ssd/ssd_video.mp4" class="margin-t-20vw" width="100%">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
<!--H100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_03.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left margin-t-90">
<div class="font-18">Troodon in Armor H100</div>
<div class="font-48 padding-t-8vw">Cool down<br>Speed Up</div>
<div class="font-24 margin-t-66">- SATA3.0 protocol, the SSD you better choose.</div>
<div class="font-16 margin-t-30">Silver Troodon H100 adopts SATA3.0 protocol, up to 6Gbps data transferrin, 550MB/s sequential read and 510 MB/s sequential write, with 2.5-inch aluminum alloy case which provide steady heat dissipation at high speed transmission. </div>
<!-- <a href="__ORICOROOT__/product/detail/4113.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--M200-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_04.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right margin-t-90">
<div class="font-18">Troodon M200 </div>
<div class="font-48 padding-t-8vw">No Delay<br>Exceptional Responsivity</div>
<div class="font-24 margin-t-66">- mSATA interface, born for the notebook.</div>
<div class="font-16 margin-t-30">Troodon M200 adopts 3D flash particles that allow to processing data rapidly, it has low-delay and SATA3.0 protocol, be equipped with excellent transmission performance; Compact and lightweight, compatible with most of mSATA interface notebook.</div>
<!-- <a href="__ORICOROOT__/product/detail/4116.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--N300-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_05.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left margin-t-90">
<div class="font-18">Troodon N300 </div>
<div class="font-48 padding-t-8vw">SSD Master<br>Always Evolving Performance</div>
<div class="font-24 margin-t-66">- Enhanced LDPC algorithm, less loading time.</div>
<div class="font-16 margin-t-30">The next advancement in NVMe SSDs. Troodon series with advanced control chip, LDPC error correction, DevSleep power-saving tech, Trim SSD optimize instruction and NCQ intelligent queue management, further improving the performance and service life of SSD.</div>
<!-- <a href="__ORICOROOT__/product/detail/4095.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--V500-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_06.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right margin-t-90">
<div class="font-18">Troodon V500</div>
<div class="font-48 padding-t-8vw">Dominate the E-Sport with Ferocious Speed</div>
<div class="font-24 margin-t-66">- PCI-E ×4, approximately four times faster than the traditional SSD.</div>
<div class="font-16 margin-t-30">Experience the best. ORICO Troodon V500 combines the M.2 interface, with the NVMe protocol SSD and PCI-E Gen3.0x4 to deliver ultimate performance; Up to 2000 MB/s sequential reads and 1500 MB/s sequential writes. Approximately four times faster than the traditional SSD, built to be professional.</div>
<!-- <a href="__ORICOROOT__/product/detail/4098.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--产品-->
<div class="img-responsive ssd_08 f_weight_100">
<div class="swt-Container f-black text-c padding-t-60">
<div class="font-48">Complement Your Sense of Style</div>
<div class="margin-t-15vw font-24"><i>SEE ALL THE SSD</i></div>
<div class="ssd_p margin-t-66 padding-t-8vw ">
<ul class="padding-b-80">
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_01.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon in Armor H100</p>
<p class="font-20 f-gray">SATA3.0 SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4113.html">View details</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_02.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon M200 </p>
<p class="font-20 f-gray">MSATA SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4116.html">View details</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_03.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon N300 </p>
<p class="font-20 f-gray">M.2 (NGFF) SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4095.html">View details</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_04.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon V500</p>
<p class="font-20 f-gray">M.2 NVMe SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4098.html">View details</a>
</div> -->
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="charger_06_img_M img-responsive"><img src="__PUBLIC__/web/images/ssd/ssd_b.jpg"></div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

483
app/us/view/group/question.phtml Executable file
View File

@@ -0,0 +1,483 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Ask a question</title>
<!-- <link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/honor.css"> -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style2.css">
</head>
<body>
<!--top-->
<header class="header-PC header-Product">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--Bult Buy-->
<!-- 轮播 s -->
<div class="homeban banner-other">
<div class="bd">
<ul>
<li class="ques-r" ><img src="__PUBLIC__/weben/images/ask-banner.png"/>
<div class ="ques-a">
<h3> Ask a Question </h3>
<p>Having problems using our products? We are glad to help. Before you call or email, maybe some of your questions are answered here:Check FAQs</p>
</div>
</li>
</ul>
</div>
</div>
<!-- 轮播 e -->
<div class="apply_content" >
<div class="ques_title">Still Have Questions?
<p>Please complete the form below or just email us:<b>supports@orico.com.cn</b></br> We'll reply as soon as possible.</p>
</div>
<form id="addquestion" method="post" enctype="multipart/form-data">
<div class="apply_form">
<div class="name clearfix" style="margin-bottom: 1.875rem;">
<div style="margin-right: 1rem;">
<strong style=" margin-right: 0.3125rem;">Your name </strong> <input type="text" class="fname" name="fname" id="fname"/>
</div>
<div>
<strong style="color: red; margin-right: 0.3125rem;">*</strong><strong>Country</strong>
<select class=" detail-w01 ques-select country" id='country' name='country'>
<option value ="">--- Select your country ---</option>
<option value ="Afghanistan">Afghanistan</option>
<option value ="Albania">Albania</option>
<option value ="Algeria">Algeria</option>
<option value ="American Samoa">American Samoa</option>
<option value ="Andorra">Andorra</option>
<option value ="Angola">Angola</option>
<option value ="Anguilla">Anguilla</option>
<option value ="Antigua and Barbuda">Antigua and Barbuda</option>
<option value ="Argentina">Argentina</option>
<option value ="Armenia">Armenia</option>
<option value ="Aruba">Aruba</option>
<option value ="Australia">Australia</option>
<option value ="Austria">Austria</option>
<option value ="Azerbaijan">Azerbaijan</option>
<option value ="Azores">Azores</option>
<option value ="Bahamas">Bahamas</option>
<option value ="Bahrain">Bahrain</option>
<option value ="Bangladesh">Bangladesh</option>
<option value ="Barbados">Barbados</option>
<option value ="Belarus">Belarus</option>
<option value ="Belgium">Belgium</option>
<option value ="Belize">Belize</option>
<option value ="Benin">Benin</option>
<option value ="Bermuda">Bermuda</option>
<option value ="Bhutan">Bhutan</option>
<option value ="Bolivia">Bolivia</option>
<option value ="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value ="Botswana">Botswana</option>
<option value ="Brazil">Brazil</option>
<option value ="Brunei">Brunei</option>
<option value ="Bulgaria">Bulgaria</option>
<option value ="Burkina Faso">Burkina Faso</option>
<option value ="Burundi">Burundi</option>
<option value ="Cambodia">Cambodia</option>
<option value ="Cameroon">Cameroon</option>
<option value ="Canada">Canada</option>
<option value ="Canarias">Canarias</option>
<option value ="Cape Verde">Cape Verde</option>
<option value ="Cayman">Cayman</option>
<option value ="Central African Republic">Central African Republic</option>
<option value ="Chad">Chad</option>
<option value ="Chile">Chile</option>
<option value ="China">China</option>
<option value ="Colombia">Colombia</option>
<option value ="Comoros">Comoros</option>
<option value ="Congo (Congo-Kinshasa)">Congo (Congo-Kinshasa)</option>
<option value ="Congo">Congo</option>
<option value ="Cook Islands">Cook Islands</option>
<option value ="Costa Rica">Costa Rica</option>
<option value ="Cote D'Ivoire">Cote D'Ivoire</option>
<option value ="Croatia">Croatia</option>
<option value ="Cuba">Cuba</option>
<option value ="Cyprus">Cyprus</option>
<option value ="Czech">Czech</option>
<option value ="Denmark">Denmark</option>
<option value ="Djibouti">Djibouti</option>
<option value ="Dominica">Dominica</option>
<option value ="Dominican">Dominican</option>
<option value ="Ecuador">Ecuador</option>
<option value ="Egypt">Egypt</option>
<option value ="El Salvador">El Salvador</option>
<option value ="Equatorial Guinea">Equatorial Guinea</option>
<option value ="Eritrea">Eritrea</option>
<option value ="Estonia">Estonia</option>
<option value ="Ethiopia">Ethiopia</option>
<option value ="Fiji">Fiji</option>
<option value ="Finland">Finland</option>
<option value ="France">France</option>
<option value ="French Guiana">French Guiana</option>
<option value ="French Polynesia">French Polynesia</option>
<option value ="Gabon">Gabon</option>
<option value ="Gambia">Gambia</option>
<option value ="Georgia">Georgia</option>
<option value ="Germany">Germany</option>
<option value ="Ghana">Ghana</option>
<option value ="Greece">Greece</option>
<option value ="Greenland">Greenland</option>
<option value ="Grenada">Grenada</option>
<option value ="Guadeloupe">Guadeloupe</option>
<option value ="Guam">Guam</option>
<option value ="Guatemala">Guatemala</option>
<option value ="Guinea">Guinea</option>
<option value ="Guinea-Bissau">Guinea-Bissau</option>
<option value ="Guyana">Guyana</option>
<option value ="Haiti">Haiti</option>
<option value ="Honduras">Honduras</option>
<option value ="Hungary">Hungary</option>
<option value ="Iceland">Iceland</option>
<option value ="India">India</option>
<option value ="Indonesia">Indonesia</option>
<option value ="Iran">Iran</option>
<option value ="Iraq">Iraq</option>
<option value ="Ireland">Ireland</option>
<option value ="Israel">Israel</option>
<option value ="Italy">Italy</option>
<option value ="Jamaica">Jamaica</option>
<option value ="Japan">Japan</option>
<option value ="Jordan">Jordan</option>
<option value ="Kazakhstan">Kazakhstan</option>
<option value ="Kenya">Kenya</option>
<option value ="Kiribati">Kiribati</option>
<option value ="Korea (North)">Korea (North)</option>
<option value ="Korea (South)">Korea (South)</option>
<option value ="Kuwait">Kuwait</option>
<option value ="Kyrgyzstan">Kyrgyzstan</option>
<option value ="Laos">Laos</option>
<option value ="Latvia">Latvia</option>
<option value ="Lebanon">Lebanon</option>
<option value ="Lesotho">Lesotho</option>
<option value ="Liberia">Liberia</option>
<option value ="Libya">Libya</option>
<option value ="Liechtenstein">Liechtenstein</option>
<option value ="Lithuania">Lithuania</option>
<option value ="Luxembourg">Luxembourg</option>
<option value ="Macedonia">Macedonia</option>
<option value ="Madagascar">Madagascar</option>
<option value ="Madeira">Madeira</option>
<option value ="Malawi">Malawi</option>
<option value ="Malaysia">Malaysia</option>
<option value ="Maldives">Maldives</option>
<option value ="Mali">Mali</option>
<option value ="Malta">Malta</option>
<option value ="Marshall Islands">Marshall Islands</option>
<option value ="Martinique">Martinique</option>
<option value ="Mauritania">Mauritania</option>
<option value ="Mauritius">Mauritius</option>
<option value ="Mexico">Mexico</option>
<option value ="Micronesia">Micronesia</option>
<option value ="Moldova">Moldova</option>
<option value ="Monaco">Monaco</option>
<option value ="Mongolia">Mongolia</option>
<option value ="Montserrat">Montserrat</option>
<option value ="Morocco">Morocco</option>
<option value ="Mozambique">Mozambique</option>
<option value ="Myanmar">Myanmar</option>
<option value ="Namibia">Namibia</option>
<option value ="Nauru">Nauru</option>
<option value ="Nepal">Nepal</option>
<option value ="Netherlands Antilles">Netherlands Antilles</option>
<option value ="Netherlands">Netherlands</option>
<option value ="New Caledonia">New Caledonia</option>
<option value ="New Zealand">New Zealand</option>
<option value ="Nicaragua">Nicaragua</option>
<option value ="Niger">Niger</option>
<option value ="Niue">Niue</option>
<option value ="Northern Mariana">Northern Mariana</option>
<option value ="Norway">Norway</option>
<option value ="Oman">Oman</option>
<option value ="Pakistan">Pakistan</option>
<option value ="Palau">Palau</option>
<option value ="Palestine">Palestine</option>
<option value ="Panama">Panama</option>
<option value ="Papua New Guinea">Papua New Guinea</option>
<option value ="Paraguay">Paraguay</option>
<option value ="Peru">Peru</option>
<option value ="Philippines">Philippines</option>
<option value ="Pitcairn Islands">Pitcairn Islands</option>
<option value ="Poland">Poland</option>
<option value ="Portugal">Portugal</option>
<option value ="Puerto Rico">Puerto Rico</option>
<option value ="Qatar">Qatar</option>
<option value ="Reunion">Reunion</option>
<option value ="Romania">Romania</option>
<option value ="Russian Federation">Russian Federation</option>
<option value ="Rwanda">Rwanda</option>
<option value ="Saint Helena">Saint Helena</option>
<option value ="Saint Kitts-Nevis">Saint Kitts-Nevis</option>
<option value ="Saint Lucia">Saint Lucia</option>
<option value ="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value ="Samoa">Samoa</option>
<option value ="San Marino">San Marino</option>
<option value ="Sao Tome and Principe">Sao Tome and Principe</option>
<option value ="Saudi Arabia">Saudi Arabia</option>
<option value ="Senegal">Senegal</option>
<option value ="Serbia">Serbia</option>
<option value ="Seychelles">Seychelles</option>
<option value ="Sierra Leone">Sierra Leone</option>
<option value ="Singapore">Singapore</option>
<option value ="Slovakia">Slovakia</option>
<option value ="Slovenia">Slovenia</option>
<option value ="Solomon Islands">Solomon Islands</option>
<option value ="Somalia">Somalia</option>
<option value ="South Africa">South Africa</option>
<option value ="Spain">Spain</option>
<option value ="Sri Lanka">Sri Lanka</option>
<option value ="Sudan">Sudan</option>
<option value ="Suriname">Suriname</option>
<option value ="Swaziland">Swaziland</option>
<option value ="Sweden">Sweden</option>
<option value ="Switzerland">Switzerland</option>
<option value ="Syria">Syria</option>
<option value ="Tajikistan">Tajikistan</option>
<option value ="Tanzania">Tanzania</option>
<option value ="Thailand">Thailand</option>
<option value ="The British Virgin Islands">The British Virgin Islands</option>
<option value ="The United States Virgin Islands">The United States Virgin Islands</option>
<option value ="Timor-Leste">Timor-Leste</option>
<option value ="Togo">Togo</option>
<option value ="Tokelau">Tokelau</option>
<option value ="Tonga">Tonga</option>
<option value ="Trinidad and Tobago">Trinidad and Tobago</option>
<option value ="Tunisia">Tunisia</option>
<option value ="Turkey">Turkey</option>
<option value ="Turkmenistan">Turkmenistan</option>
<option value ="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value ="Tuvalu">Tuvalu</option>
<option value ="Uganda">Uganda</option>
<option value ="Ukraine">Ukraine</option>
<option value ="United Arab Emirates">United Arab Emirates</option>
<option value ="United Kingdom">United Kingdom</option>
<option value ="United States">United States</option>
<option value ="Uruguay">Uruguay</option>
<option value ="Uzbekistan">Uzbekistan</option>
<option value ="Vanuatu">Vanuatu</option>
<option value ="Vatican City">Vatican City</option>
<option value ="Venezuela">Venezuela</option>
<option value ="Vietnam">Vietnam</option>
<option value ="Wallis and Futuna">Wallis and Futuna</option>
<option value ="Western Sahara">Western Sahara</option>
<option value ="Yemen">Yemen</option>
<option value ="Zambia">Zambia</option>
<option value ="Zimbabwe">Zimbabwe</option> </select>
</div>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Email</p>
<input type="email" class="femail" name="femail" id="femail"/>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Where did you buy from?</p>
<select class="detail-w02 ques-select channel" name="channel" id="channel">
<option value="">-- Where did you buy from-- </option>
<option value="Amazon">Amazon</option>
<option value="AliExpress">AliExpress</option>
<option value="Newegg">Newegg</option>
<option value="Lazada">Lazada</option>
<option value="Shopee">Shopee</option>
<option value="Ebay">Ebay</option>
<option value="JD">JD</option>
<option value="Offline">Offline</option>
<option value="Distributors">Distributors</option>
<option value="Other">Other</option>
</select>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Order ID</p>
<input class='orderid' type="text" name="orderid" id="orderid" />
</div>
<div style="margin-bottom: 1.875rem;">
<p>Product Model</p>
<input type="text" name="product_model" class="product_model" id="product_model" />
</div>
<div style="margin-bottom: 1.875rem;">
<p>Operating System</p>
<input type="text" class="operat_system" name="operat_system" id="operat_system"/>
</div>
<div style="margin-bottom: 1.875rem;">
<p><strong style="color: red; margin-right: 0.3125rem;">*</strong>Description</p>
<textarea rows="6" cols="20" class="first detail-w02 region description" name="description" /></textarea>
</div>
<div style="margin-bottom: 1.875rem;">
<p>Attachment<span style="font-weight:100;color:#C6C7C9"> (Screenshot and video preferred)</span></p>
<div class='img_box'>
<ul>
<li class='add_btn'></li>
</ul>
</div>
</div>
<div style= "color:#C6C7C9">File types: jpg | jpeg | png | gif | webp | bmp | mp4 | wmv | m4v | flv | 3gp </br>Size limit: 10 MB </br>Quantity limit: 5</div>
<div class="question_btn">SUBMIT</div>
</div>
</form>
</div>
<!-- Bult Buy e -->
<!--top End-->
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script>
// 输入框失去焦点
$('.fname').blur(function(){
if($('.fname').val() != ''){
$('.fname').removeClass('error');
$('.fname').next('span').addClass('hide');
}else{
$('.fname').addClass('error');
$('.fname').next('span').removeClass('hide');
}
})
$('.femail').blur(function(){
if($('.femail').val() != ''){
$('.femail').removeClass('error');
$('.femail').next('span').addClass('hide');
}else{
$('.femail').addClass('error');
$('.femail').next('span').removeClass('hide');
}
})
$('.country').blur(function(){
if($('.country').val() != ''){
$('.country').removeClass('error');
$('.country').next('span').addClass('hide');
}else{
$('.country').addClass('error');
$('.country').next('span').removeClass('hide');
}
})
$('.channel').blur(function(){
if($('.channel').val() != ''){
$('.channel').removeClass('error');
$('.channel').next('span').addClass('hide');
}else{
$('.channel').addClass('error');
$('.channel').next('span').removeClass('hide');
}
})
$('.orderid').blur(function(){
if($('.orderid').val() != ''){
$('.orderid').removeClass('error');
$('.orderid').next('span').addClass('hide');
}else{
$('.orderid').addClass('error');
$('.orderid').next('span').removeClass('hide');
}
})
$('.description').blur(function(){
if($('.description').val() != ''){
$('.description').removeClass('error');
$('.description').next('span').addClass('hide');
}else{
$('.description').addClass('error');
$('.description').next('span').removeClass('hide');
}
})
try {
k_win_ref = window.parent.document.referrer;
} catch(e) {
k_win_ref = '';
};
// 提交表单
$('.question_btn').click(function(){
var fname = $('.fname').val();
var femail = $('.femail').val();
var channel = $('.channel').val();
var orderid = $('.orderid').val();
var country = $('.country').val();
var description = $('.description').val();
var product_model = $('.product_model').val();
var operat_system = $('.operat_system').val();
if(fname == ''){
$('.fname').addClass('error');
$('.fname').next('span').removeClass('hide');
}
if(country == ''){
$('.country').addClass('error');
$('.country').next('span').removeClass('hide');
}
if(femail == ''){
$('.femail').addClass('error');
$('.femail').next('span').removeClass('hide');
}
if(channel == ''){
$('.channel').addClass('error');
$('.channel').next('span').removeClass('hide');
}
if(orderid == ''){
$('.orderid').addClass('error');
$('.orderid').next('span').removeClass('hide');
}
if(description == ''){
$('.description').addClass('error');
$('.description').next('span').removeClass('hide');
}
//点击创建申请块
if(country && femail && channel && orderid && description) {
$.ajax({
type: "POST",
url: "/us/group/addquestion",
data: $('#addquestion').serialize(),
dataType: "json",
success: function(data){
if(data.code == 200 || data.code == 1) {
alert(data.msg);
window.location.href='/us/group/question';
}
else{
if(data.code == 403 || data.code == 201) {
alert(data.msg);
}
else{
$('.email').addClass('error');
$('.email').next('span').removeClass('hide');
}
}
}
});
}
})
</script>
<script type="text/javascript" src="__PUBLIC__/weben/scripts/upload.js"></script>
<script type="text/javascript">
new img_compress_upload({
max_height: 1024,
max_width: 1024,
max_num: 1,
list_box:$('.img_box'),
add_btn:$('.img_box .add_btn'),
del_btn_class: 'del',
});
</script>
<style>
.csunbmit{height: 35px;margin-top: 10px;margin-bottom: 5px;}
.submitBtn{width: 75px;height: 30px;line-height: 26px;background-color: #339b53;text-align: center;display: block; color: #FFFFFF;font-size: 12px;border-radius: 6px;float: left;}
.cli{border-bottom: 1px dashed #ccc;text-align: left;font-size: 12px;}
.ccontent{width: 98%;padding: 10px; background: #f6f9fb;border:1px solid #ccc;margin-bottom: 10px}
</style>
</body>
</html>

294
app/us/view/group/rdcenter.phtml Executable file
View File

@@ -0,0 +1,294 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Dedicated R&D Achieve the Mission|Orico Group technology R & D Center</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/RDCenter.css">
</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-->
<div class="lj_rd_banner rd_img"><img src="__PUBLIC__/web/images/RDCenter/group_rd_02.jpg" alt=""/>
<div class="lj_rd_text">
<h3>Dedicated R&D Achieve the Mission</h3>
<div class="small">ORICO is a company driven by market demands and centered on products innovation. Our R&D group, as a development engine, is concentrating on USB technology as well as other leading techniques. Actual demands of market are our directions and the realization of product value is our purpose. We are intensified our efforts to stand in front tier of USB tech exploration around the globe!</div>
</div>
</div>
<!--研发团队-->
<div class="rd_team_bg">
<div class="rd_team_w">
<div class="rd_team_title">R&D Group</div>
<div class="rd_team_sm">ORICO R&D center is organized by 140+ engineers who are capable of ID proposal, industrial design, structure design, electronic design, model development and project management…, outputting more advanced tech and products. </div>
<div class="rd_team_icon clearfix">
<ul>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon01.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Chief Tech Officer</p><p class="">211 service speed: 2-week R&D and 1-week production</p></div></li>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon02.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Project Manager</p><p>Experienced and expert</p></div></li>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon03.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Industrial Designer</p><p>Service-oriented and more creative</p></div></li>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon04.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Senior Structure Engineer</p><p>Design every component carefully</p></div></li>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon05.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Electronics Engineer</p><p>Examine electronic accurately</p></div></li>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon06.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Mould Engineer</p><p>Fully responsible for model design, manufacturing, machine commissioning and material selection, etc</p></div></li>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon07.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Production Manager</p><p>A bond that brings together marketing, product design and manufacturing</p></div></li>
<li><div class="rd_f"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon08.jpg" alt=""/></div> <div class="rd_team_t rd_f"><p class="rd_team_big">Package Designer</p><p>Skillful in design of diversified packages used for display, transportation, storage, etc.</p>
</div></li>
</ul>
</div>
</div>
</div>
<!--研发流程-->
<div class="n_rd_process">
<div class="vtext">
<p class="rd_title">R&D Process</p>
</div>
<div class="n_process_w">
<div class="n_pro_img01"><img src="__PUBLIC__/weben/images/RDCenter/n_rd_process_03.jpg" alt=""/></div>
<div class="n_pro_img02"><img src="__PUBLIC__/weben/images/RDCenter/n_rd_process_02.jpg" alt=""/></div>
<div class="n_pro_img03"><img src="__PUBLIC__/weben/images/RDCenter/n_rd_process_04.jpg" alt=""/></div>
</div>
</div>
<!--211快速交付-->
<div class="rd_two_pay">
<div class="rd_two_img">211 Rapid Delivery</div>
<div class="rd_img_b">
<img src="__PUBLIC__/web/images/RDCenter/group_rd_img01.jpg" alt=""/>
<div class="rd_pay_text">
<div class="rd_pay_r"><img src="__PUBLIC__/weben/images/RDCenter/group_num01.png" alt=""/> </div>
<div class="rd_pay_r rd_font_i">Launch new products fast, strengthen channel distribution capacity, seize market share, improve iteration speed
</div>
</div>
</div>
<div class="rd_img_b">
<img src="__PUBLIC__/web/images/RDCenter/group_rd_img03.jpg" alt=""/>
<div class="rd_pay_text">
<div class="rd_pay_r"><img src="__PUBLIC__/weben/images/RDCenter/group_num03.png" alt=""/> </div>
<div class="rd_pay_r rd_font_i">Quicken goods supplement, accelerate funds recycling, grasp market opportunity, set up distribution network fast
</div>
</div>
</div>
<div class="rd_img_b">
<img src="__PUBLIC__/web/images/RDCenter/group_rd_img02.jpg" alt=""/>
<div class="rd_pay_text">
<div class="rd_pay_r"><img src="__PUBLIC__/weben/images/RDCenter/group_num02.png" alt=""/> </div>
<div class="rd_pay_r rd_font_i">Avoid goods overstocking, increase funding rotation rate, control cost effectively, alleviate market risk pressure
</div>
</div>
</div>
</div>
<!--技术与应用-->
<div class="n_rd_tech">
<div class="vtext">
<p class="rd_title">Technology & Application</p>
</div>
<div class="n_rd_tech_w clearfix">
<div class="n_tech_l">
<div class="n_tech_title">All-around Application of Type-C Tech</div>
<div class="n_tech_line"></div>
<div class="n_tech_text">We apply more advanced Type-C technical scheme whose data transmission speed reaches up to 10Gbps into our classic storage, innovative expansion products, 3C accessories and more daily gadgets. ORICO products make up more than 65% market share in storage industry. As for function expansion, Type-C can be compatible with Apple Thunderbolt3 port and can support data transmission, PD two-way power deliver and more functions.</div>
</div>
<div class="n_tech_r"><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech.jpg" alt=""/></div>
</div>
<!--数据传输技术-->
<div class="n_rd_usb">
<div class="n_usb_title"><div class="n_usb_m">USB2.0-3.1</div><b>Data Transmission Tech</b></div>
<div class="n_usb_text">ORICO keeps exploring and innovating USB technology and has developed the data transmission tech from USB2.0 to current leading USB3.1 tech. we are pursuing more breakthroughs coordinated with the technological era.</div>
<div class="n_usb_img clearfix">
<ul>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_01.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_02.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_03.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_04.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_05.jpg" alt=""/></li>
</ul>
</div>
</div>
<!--USB弱电运用技术-->
<div class="n_type_c">
<div class="n_type_c_title"><b>Application of USB Weak-current</b></div>
<div class="n_type_c_line"></div>
<div class="n_type_c_text">USB weak current tech has been widely used on more digital products, such as mouse, keyboard, Mini fan and other daily life peripherals like juicer, lamp, etc.
</div>
<div class="n_type_c_img clearfix">
<ul>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_06.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_07.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_08.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_09.jpg" alt=""/></li>
</ul>
</div>
</div>
<!--安全家用强电技术-->
<div class="n_rd_safe clearfix">
<div class="n_rd_left">
<div class="n_rd_safe_title"><b>Household Strong-current Safety Tech</b></div>
<div class="n_rd_safe_line"></div>
<div class="n_rd_safe_text">Involved in household power strip and other products powered on 220V strong voltage, we take all aspects into account to ensure security, including material selection and electronic structure design. Our products are qualified national 3C standard, overseas FCC and other relevant certificates.</div>
<div class="n_rd_safe_img clearfix">
<ul>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_11.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_12.jpg" alt=""/></li>
</ul>
</div>
</div>
<div class="n_rd_right">
<div class="n_rd_safe_title"><b>Development of Precision Molds</b></div>
<div class="n_rd_safe_line"></div>
<div class="n_rd_safe_text">R&D of precision molds creates more delicate exterior for products that are crafted for some high-end peripherals. Electronic design enables products to be compatible with multiple systems and devices.</div>
<div class="n_rd_safe_img clearfix">
<ul>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_13.jpg" alt=""/></li>
<li><img src="__PUBLIC__/web/images/RDCenter/n_rd_tech_14.jpg" alt=""/></li>
</ul>
</div>
</div>
</div>
</div>
<!--资源利用-->
<div class="lj_make_bg">
<div class="lj_make_all">
<div class="vtext">
<p class="rd_title">Make the Best of Resource</p>
</div>
<div class="lj_make_text">Manufacturing process and material selection are strong supports for satisfying customers and bringing them better using experience. ORICO possesses professional techniques and equipments to make full use of resources. R&D group firmly believe that cost is not reduced by resource saving but reasonable design. The whole design procedure should be optimized according to market condition and target cost to control time and material costs effectively.</div>
<div class="lj_make_con clearfix">
<ul>
<li>
<div class="port-1 effect-2">
<div class="image-box rd_img">
<img src="__PUBLIC__/web/images/RDCenter/group_make_01.jpg" alt="Image-1">
</div>
<div class="text-desc">
<div class="lj_con_all">
<div class="lj_con_title">Model Manufacturing</div>
<div class="lj_con_text">Possess 300+ reserved precision moulds and we are continuing to produce new moulds by precision machining and cutting.</div>
</div>
</div>
</div>
</li>
<li>
<div class="port-1 effect-2">
<div class="image-box rd_img">
<img src="__PUBLIC__/web/images/RDCenter/group_make_02.jpg" alt="Image-1">
</div>
<div class="text-desc">
<div class="lj_con_all">
<div class="lj_con_title">Injection Molding</div>
<div class="lj_con_text">Produce 40,000 PCs and assemble 65,000 molds per mouth.</div>
</div>
</div>
</div>
</li>
<li>
<div class="port-1 effect-2">
<div class="image-box rd_img">
<img src="__PUBLIC__/web/images/RDCenter/group_make_03.jpg" alt="Image-1">
</div>
<div class="text-desc">
<div class="lj_con_all">
<div class="lj_con_title">Surface Treatment</div>
<div class="lj_con_text">Master all kinds of treatment techniques including spray painting, screen printing, laser carving, etc. </div>
</div>
</div>
</div>
</li>
<li>
<div class="port-1 effect-2">
<div class="image-box rd_img">
<img src="__PUBLIC__/web/images/RDCenter/group_make_04.jpg" alt="Image-1">
</div>
<div class="text-desc">
<div class="lj_con_all">
<div class="lj_con_title">Material Selection</div>
<div class="lj_con_text">Select high-pure PC material to ensure better insulation performance and flame resistance. Aluminum alloy and zinc alloy are widely used. </div>
</div>
</div>
</div>
</li> </ul>
</div>
<div class="lj_make_img clearfix">
<div class="lj-Table">
<div class="Table-Row">
<div class="lj_make_al Table-Cell ">
<div class="rd_img"><img src="__PUBLIC__/web/images/RDCenter/group_make_05.jpg" alt=""/></div>
<div class="lj_m_all">
<div class="lj_make_l Table-Cell">Injection molding workshop</div>
<div class="lj_make_r Table-Cell">5 Yizumi machines | 16 Haitian machines
</div>
</div>
</div>
<div class="lj_flow_center"></div>
<div class="lj_make_al Table-Cell">
<div class="rd_img"><img src="__PUBLIC__/web/images/RDCenter/group_make_06.jpg" alt=""/></div>
<div class="lj_m_all">
<div class="lj_make_l Table-Cell">Mould workshop</div>
<div class="lj_make_r Table-Cell">4 Xianfeng milling machines | 2 Sanlian milling machines | 1 Xinxing sawing machine | 1 Xiongying cutting machine | 1 Tianma bench grinder</div>
</div>
</div>
<div class="lj_flow_center"></div>
<div class="lj_make_al Table-Cell">
<div class="rd_img"><img src="__PUBLIC__/web/images/RDCenter/group_make_07.jpg" alt=""/></div>
<div class="lj_m_all">
<div class="lj_make_l Table-Cell">Other machines</div>
<div class="lj_make_r Table-Cell">2 surface grinders | 1 radial drilling machine | 1 lathe</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="lj_quality_bg">
<div class="vtext rd_img">
<p class="rd_title">Quality Guarantee System</p>
</div>
<div class="lj_qua_icon clearfix">
<ul>
<li class="rd_img"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon_25.png" alt=""/>
<div class="lj_qua_text">ISO 90012015 international quality management system</div>
</li>
<li class="rd_img"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon_26.jpg" alt=""/>
<div class="lj_qua_text">Dongguan Municipal Quality Inspection Center simulated environmental monitoring</div>
</li>
<li class="rd_img"><img src="__PUBLIC__/web/images/RDCenter/group_rd_icon_27.jpg" alt=""/>
<div class="lj_qua_text"> Internationally recognized certification system</div>
</li>
</ul>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

145
app/us/view/group/report.phtml Executable file
View File

@@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Report Counterfeit/Orico</title>
<meta name="Keywords" content="Report Counterfeit;" />
<meta name="Description" content="Report Counterfeit;" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/report.css"></head>
<body style="background-color:#f5f5f5">
<!--top-->
<header class="header-PC header-Product">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--top End-->
<div class="swt-Container padding-t-80">
<div class="product_address">
<a href="/index" class="href_01">Home</a>
<span class="icon-arrow arrow_address"></span>
<a href="" class="href_01">Support</a>
<span class="icon-arrow arrow_address"></span>
<a href="" class="href_01">Report Counterfeit</a>
</div>
<div class="img-responsive"><img src="__PUBLIC__/web/images/report/report_banner_en.jpg"></div>
<div class="report_w">
<p class="font-16 f-black f_weight_600 margin-t-30">Beware of counterfeit !</p>
<p class="font-16 f-gray">In order to protect our users from counterfeits and improve ORICOs brand reputation, we are now providing you with a channel to report counterfeits. If you find or suspect the product you bought is counterfeit, please report immediately and provide the following information. Our staff will immediately check it for you.</p>
<p class="font-16 f-black margin-t-30"><span class="f_weight_600">Please provide the following information: ( * is required)</p>
<div class="report_input font-16 margin-t-30">
<ul>
<li class="margin-t-30">
<label>Product Name:<span>*</span></label>
<input class="" type="text" name="product_name" id="product_name">
<span style="display: none; font-size: 0.875em">Please input product name</span>
</li>
<li class="margin-t-30">
<label>Contact Name:</label>
<input class="" type="text" name="customer_name" id="customer_name">
</li>
<li class="margin-t-30">
<label>Product Model:<span>*</span></label>
<input class="" type="text" id="product_model" name="product_model">
<span style="display: none; font-size: 0.875em">Please input product model</span>
</li>
<li class="margin-t-30">
<label>Email Address:</label>
<input class="" type="text" id="customer_email" name="customer_email">
</li>
<li class="margin-t-30">
<label>Manufacturer:<span>*</span></label>
<input class="" type="text" id="product_manufacturer" name="product_manufacturer">
<span style="display: none; font-size: 0.875em">Please input manufacturer</span>
</li>
<li class="margin-t-30">
<label>Phone Number:</label>
<input class="" type="text" id="customer_telephone" name="customer_telephone">
</li>
<li class="margin-t-30">
<label>Purchase Price:</label>
<input class="" type="text" id="product_price" name="product_price">
</li>
<li class="margin-t-30">
<label>Purchase Channel:</label>
<input class="" type="text" id="buy_source" name="buy_source">
</li>
<li class="margin-t-30">
<label>What makes your consider the goods is counterfeit? (e.g. price, quality, package, etc.)</label>
<textarea class="" id="description"></textarea>
</li>
</ul>
<button class="font-16" onclick="submit()">Submit</button>
</div>
</div>
</div>
{include file="include/bottom" /}
</body>
</html>
<script>
$(document).ready(function() {
$("input").focus(function(){
$(".report_input span").hide();
})
});
function submit() {
var product_name = $("#product_name").val(); // 产品名称
var customer_name = $("#customer_name").val(); // 名字
var product_model = $("#product_model").val(); // 产品型号
var customer_email = $("#customer_email").val(); // email
var product_manufacturer = $("#product_manufacturer").val(); // 生产厂商
var customer_telephone = $("#customer_telephone").val(); // 手机号码
var product_price = $("#product_price").val(); // 价格
var buy_source = $("#buy_source").val(); // 购买渠道
var description = $("#description").val(); //仿冒产品原因*/
var data = {
"product_name": product_name,
"customer_name": customer_name,
"product_model": product_model,
"customer_email": customer_email,
"product_manufacturer": product_manufacturer,
"customer_telephone": customer_telephone,
"product_price": product_price,
"buy_source": buy_source,
"description": description
};
if (product_name.length == 0) {
$("#product_name").next("span").show();
}
if (product_model.length == 0) {
$("#product_model").next("span").show();
}
if (product_manufacturer.length == 0) {
$("#product_manufacturer").next("span").show();
}
// Ajax提交数据
$.ajax({
url: "/us/group/create_report", // 提交到controller的url路径
type: "post", // 提交方式
data: data, // data为String类型必须为 Key/Value 格式。
dataType: "json", // 服务器端返回的数据类型
success: function (data) { // 请求成功后的回调函数其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据然后通过data这个参数取JSON数据中的值
if (data.code == 200)
{
alert("Submitted successfully");
location.reload();
}
else if (data.code == -100)
{
alert(data.msg);
location.href = '/us/login.html';
}
else
alert(data.msg);
},
});
}
</script>

77
app/us/view/group/search.phtml Executable file
View File

@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/search.css">
</head>
<body>
<!--top-->
{include file="include/top-product" /}
<!--top End-->
<div class="S-search-bg banner-other nsea">
<div class="swt-Container S-search-content secon1">
<div class="S-Searchbox">
<div class="Search">
<input type="text" name="textfield" class="ipt" placeholder="HDD enclosure" id="search-in">
<button type="submit" name="button" value="" class="searchbtn icon-search" id="search-btn"></button>
</div>
</div>
<!--<div class="sput">
<input value="dfdff" placeholder="站内搜索" id="search-input" type="text">
<a href="javascript:void(0);" id="search-button"><img src="/frontend/web/images/images/sea1.png"></a>
</div>-->
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script type="text/javascript">
/*定位光标*/
document.querySelector('#search-in').focus();
$(function() {
//
$("#search-btn").bind("click", function(event) {
var skeyword = $("#search-in").val();
if (skeyword) {
var href = "<?php echo url('/us/search'); ?>?skeyword=" + encodeURIComponent(skeyword);
location.href = href;
}
});
$("#search-in").keyup(function(event) {
if (event && event.keyCode === 13) {
$("#search-btn").trigger("click");
}
});
var $category = $(".navlist");
$category.hide();
$(".navul li").mouseleave(function() {
$(this).children("a").addClass("aons");
$(this).children("dl").stop(true, true).slideUp(500);
});
$(".navul li").mouseenter(function() {
$category.hide();
$(this).children("dl").stop(true, true).slideDown(500);
});
//搜索框
$(".Searchbox .icon").click(function() {
$(".Search").slideToggle();
});
// 城市
$(".zg").click(function() {
$(".topnav").toggle();
});
});
</script>
</body>
</html>

258
app/us/view/group/series_35.phtml Executable file
View File

@@ -0,0 +1,258 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>35 Series External Hard Drive Enclosure_ORICO</title>
<meta name="Keywords" content="Hard Drive Enclosure" />
<meta name="Description" content="Hard Drive Enclosure" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/series35.css">
<body style="background-color:#f5f5f5;">
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/weben/images/series_35/banner.jpg">
<!--<div class="position-a banner">
<div class="swt-Container f-White padding-t-60">
<div class="font-60 f_weight_400 margin-t-80 ">存储新贵<br>倾尽锋芒</div>
<div class="font-32 margin-t-20vw f_weight_400 light_height_48">orico 35系列硬盘柜<br>——企业级</div>
</div>
</div>-->
</div>
<!--视频一-->
<div class="img-responsive position-r f_weight_100">
<div class="video_subject">
<div class="swt-Container f-black text-l">
<div class="left">
<p class="font-48 margin-t-50">The Ideal Storage Experience</p>
<p class="font-16 margin-t-20vw">The 35 series changes the hard drive from a "lone Wolf" to a "Armed Squad", it giving more space to data storage. In order to cater diverse needs of consumers, 35 series provides multiple storage modes with personalization. It's not just a stack of hardware, we've poured all our care into polishing each part and combining them together to give the 35 series a high level of appearance and performance.</p>
</div>
<div class="right img-responsive">
<video controls poster="" width="100%" src="" loop x-webkit-airplay="true" webkit-playsinline="true">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--365×24h-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/series35/series35_01.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="series35_right series35_mt">
<div class="font-48 padding-t-8vw">365×24h Working</div>
<div class="font-16 margin-t-30 padding-t-8vw">In view of the work characteristics of enterprise servers, the 35 series adopts engineering JMS578+JMB394 dual control scheme, which can adapt to continuous working condition, reduce heating while maintaining stable and excellent performance; It allow the hard drive can keep a high MTBF(Mean Time Between Failures) thus to ensure that the data of hard drive will not be damage.</div>
</div>
</div>
</div>
</div>
<!--80TB海量存储-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/series35/series35_02.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="series35_two_right series35_mt">
<div class="font-48 padding-t-8vw">Up to 80TB Capacity</div>
<div class="font-16 margin-t-30 padding-t-8vw">With the growth demand of personal and enterprise data storage, it is increasingly important to have a method to solves massive data storage. In response to this situation, each bay of 35 series hard drive enclosure supports 16TB hard drive, combining 5-bay allows your computer to have extra 80TB large capacity, the ideal solution for both personal document and enterprise data storage.</div>
</div>
</div>
</div>
</div>
<div class="img-responsive f_weight_100 series05_three">
<div class="swt-Container f-White">
<ul>
<li>
<img src="__PUBLIC__/web/images/series35/series05_three_01.jpg">
<div class="title font-32 text-c">Security Monitoring</div>
</li>
<li>
<img src="__PUBLIC__/web/images/series35/series05_three_02.jpg">
<div class="title font-32 text-c">Video Editing</div>
</li>
<li>
<img src="__PUBLIC__/web/images/series35/series05_three_03.jpg">
<div class="title font-32 text-c">Private Storage</div>
</li>
<li>
<img src="__PUBLIC__/web/images/series35/series05_three_04.jpg">
<div class="title font-32 text-c">Sever Expansion</div>
</li>
</ul>
</div>
</div><!--来自螺丝钉的呵护-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/series35/series35_04.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="series35_four_right series35_mt">
<div class="font-48 padding-t-8vw">Superior Protection</div>
<div class="font-16 margin-t-30 padding-t-8vw">35 series hard drive enclosure adopts separate bracket design with fixed screws, to perfectly tighten the hard drive on the bracket without loosening or displacement, it greatly improve the stability and safety of data transmission, all the carefully installed screws are designed to give you a safe and carefree storage experience.</div>
</div>
</div>
</div>
</div>
<!--时尚与沉稳的交织-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/series35/series35_05.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="series35_left series35_mt">
<div class="font-48 padding-t-8vw">Soild and Stylish</div>
<div class="font-16 margin-t-30 padding-t-8vw">The case is made of high-quality aluminum alloy, which has gone through 13 working process. It has skillfully blended practical technology and sophisticated design, the aluminum alloy tightly encloses the hard drive, giving it a stronger and safer space. The whole product is delicate and stylish with the dual color embellishment of dark gray and silver.</div>
</div>
</div>
</div>
</div>
<!--8种RAID模式-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/series35/series35_06.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="series35_four_left">
<div class="font-48">About RAID</div>
<div class="margin-t-50"><img src="__PUBLIC__/weben/images/series_35/series35_06_content.png"></div>
</div>
<div class="series35_four_right">
<div class="font-48 margin-t-80">Multiple RAID Modes</div>
<div class="font-16 margin-t-30 padding-t-8vw">Support multiple disk array modes, including RAID 0, RAID 1, RAID 5, RAID 3, RAID 10, SPAN, Normal and CLONE, to meet the needs of various users and levels of data security.</div>
</div>
</div>
</div>
</div>
<!--8种RAID模式-->
<div class="img-responsive position-r f_weight_100">
<div class="series35_07">
<div class="font-48 f-White text-c">5 Core Performance</div>
<div class="swt-Container f-White series35_border text-c">
<ul>
<li>
<div class="font-32 position-r"><img src="__PUBLIC__/web/images/series35/2.png">Efficient Heat Dissipation</div>
<div class="line_height"></div>
<div class="font-16">Honeycomb heat dissipation holes with 80*80mm high-power silent fan, which provide excellent air circulation, thus to improve heat dissipation performance.</div>
</li>
<li>
<div class="font-32 position-r"><img src="__PUBLIC__/web/images/series35/1.png">Strong Power Supply</div>
<div class="line_height"></div>
<div class="font-16">Built-in 150W power adapter, with strong power supply that provide more stable data exchange of large hard drive. Adopts multiple protection, including overcurrent protection, short-circuit protection, leakage protection, overheat protection and overvoltage protection.</div>
</li>
<li>
<div class="font-32 position-r"><img src="__PUBLIC__/web/images/series35/3.png">Ultrafast Transmission</div>
<div class="line_height"></div>
<div class="font-16">USB3.0 interface with up to 5Gbps transfer rate, can reducing the data latency and enabling multi-task easily.</div>
</li>
<li>
<div class="font-32 position-r"><img src="__PUBLIC__/web/images/series35/4.png">Auto-Sleep</div>
<div class="line_height"></div>
<div class="font-16">Enters sleep mode automatically after left unused for 10 minutes, energy-saving, it can prolong the service life of disk. </div>
</li>
<li>
<div class="font-32 position-r"><img src="__PUBLIC__/web/images/series35/5.png">Universal Compatibility</div>
<div class="line_height"></div>
<div class="font-16">Fits most of 2.5/3.5-inch SATA HDD and SSD, and compatibile with multiple systems includes Windows, Mac and Linux, plug and play.</div>
</li>
</ul>
</div>
</div>
</div>
<!--产品列表-->
<div class="img-responsive position-r f_weight_100">
<div class="series35_list subject_three_list">
<ul>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/7050.html"><img src="__PUBLIC__/web/images/series35/series35_eight_01.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">3529RU3</p>
</div>
<div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/7050.html" target="_blank">Learn More</a>
</div>
</div>
</li>
<li class="solid_blue">
<a href="/product/detail/6767.html"><img src="__PUBLIC__/web/images/series35/series35_eight_02.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">3549RU3</p>
</div>
<div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/7070.html" target="_blank">Learn More</a>
</div>
</div>
</li>
<li class="solid_blue">
<a href="/product/detail/6769.html"><img src="__PUBLIC__/web/images/series35/series35_eight_03.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">3559RU3</p>
</div>
<div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/7072.html" target="_blank">Learn More</a>
</div>
</div>
</li>
<li class="solid_blue">
<a href="__ORICOROOT__/product/detail/7049.html"><img src="__PUBLIC__/web/images/series35/series35_eight_04.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">3529U3</p>
</div>
<div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/7049.html" class="subject_span" target="_blank">Learn More</a>
</div>
</div>
</li>
<li class="solid_blue">
<a href="/product/detail/6767.html"><img src="__PUBLIC__/web/images/series35/series35_eight_05.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">3549U3</p>
</div>
<div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/7069.html" class="subject_span" target="_blank">Learn More</a>
</div>
</div>
</li>
<li class="solid_blue">
<a href="/product/detail/6769.html"><img src="__PUBLIC__/web/images/series35/series35_eight_06.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">3559U3</p>
</div>
<div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/7071.html" class="subject_span" target="_blank">Learn More</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="charger_06_img_M img-responsive"><img src="__PUBLIC__/web/images/ssd/ssd_b.jpg"></div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

272
app/us/view/group/series_95.phtml Executable file
View File

@@ -0,0 +1,272 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title> Our team may help you advance the realization of ideas</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/95_series.css">
</head>
<body style="background-color:#f2f2f2;">
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/95_series/banner.jpg">
<div class="position-a banner">
<div class="swt-Container f-White">
<div class="font-60 f_weight_400">More Capacity. Easier Storage.</div>
<div class="font-32 margin-t-20vw f_weight_400">Ultimate Data Shelter . All-New Upgrade</div>
<div class="font-18 margin-t-15vw">ORICO 95 Series External Hard Drive Enclosure Launches</div>
</div>
</div>
</div>
<!--视频一-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/95_series/95_series_01.jpg">
<div class="position-a ssd_video">
<div class="swt-Container f-black text-l">
<div class="left">
<p class="font-60 margin-t-50 padding-t-60">More Capacity. Easier Storage. </p>
<p class="font-18 margin-t-20vw">The ultimate in storage, upgraded. The larger storage space of the ORICO 95 Series external hard drive enclosure is designed to meet users urgent need for large storage capacity. Through its extraordinary performance proves that: “More Capacity. Easier Storage”.</p>
</div>
<div class="right img-responsive">
<video controls poster="" width="100%" src="__PUBLIC__/web/images/95_series/video-en.mp4" loop="loop" x-webkit-airplay="true" webkit-playsinline="true">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive position-r f_weight_100 series_95_three_all">
<div class="swt-Container f-White">
<div class="font-60 text-c padding-t-60">The 5 Major Upgrade.</div>
<div class="margin-t-50 series_95_three text-c">
<ul class="two_list">
<li>
<p class="font-32"><img src="__PUBLIC__/web/images/95_series/icon_01.png">Cooling Upgrade</p>
<p class="line margin-t-10vw"></p>
<p class="margin-t-10vw">Honeycomb heat dissipation holes with high-power silent fan, which provide excellent air circulation, thus to improve heat dissipation performance.</p>
</li>
<li>
<p class="font-32"><img src="__PUBLIC__/web/images/95_series/icon_02.png">Security Upgrade</p>
<p class="line margin-t-10vw"></p>
<p class="margin-t-10vw">Unibody aluminum alloy body, up to 4mm thick, extruded aluminum case which is hard to deform, with independent safety lock, to avoid disk damage caused by accidental falling down.</p>
</li>
</ul>
<ul class="three_list">
<li>
<p class="font-32"><img src="__PUBLIC__/web/images/95_series/icon_03.png">Power Upgrade</p>
<p class="line margin-t-10vw"></p>
<p class="margin-t-10vw">Built-in 150W power adapter, with strong power supply that provide more stable data exchange and secure data transmission.</p>
</li>
<li>
<p class="font-32"><img src="__PUBLIC__/web/images/95_series/icon_04.png">Speed Upgrade</p>
<p class="line margin-t-10vw"></p>
<p class="margin-t-10vw">Adopts SATA 3.0 TO USB3.0 bridge scheme, with UASP protocol, support theoretical transfer rate up to 5Gbps, easily transfer large files. </p>
</li>
<li>
<p class="font-32"><img src="__PUBLIC__/web/images/95_series/icon_05.png">Performance Upgrade</p>
<p class="line margin-t-10vw"></p>
<p class="margin-t-10vw">Adopts JMS578+JMB575 dual control chip, improve the safety and stability of data storage and transferring. </p>
</li>
</ul>
</div>
</div>
</div>
<!--RAID版本-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/95_series/95_series_03.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="series_95_right series_95_mt">
<div class="font-60 padding-t-8vw">RAID Version</div>
<div class="font-18 margin-t-30 padding-t-8vw">On the basis of the regular version, 95 series has added RAID function, which provides 4/7 types of RAID mode. It can operate with RAID 0, 1, 3, 5, 10, as well as normal and large array modes for all your storage needs, whether it's in the pursuit of a high-speed, large capacity storage, or in the security of data, 95 series with RAID will bring you unexpected experience.</div>
</div>
</div>
</div>
</div>
<!--精雕细琢,更见匠心-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/95_series/95_series_04.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="series_95_left series_95_mt">
<div class="font-60 padding-t-8vw">Always Pursuing Better</div>
<div class="font-18 margin-t-30 padding-t-8vw des">Product managers at ORICO are obsessed with the appearance design of their products and strive to make them eye-catching. The whole series is forged by aluminum alloy with high quality, matched with sand-blasting anodizing process to highlight the metal quality. Pure color design with black and silver, delicate and stylish.</div>
</div>
</div>
</div>
</div>
<!--适用更多场景-->
<div class="img-responsive f_weight_100 overflow-f">
<div class="swt-Container f-black text-c padding-t-60">
<div class="font-60">Various Applications</div>
<div class="series_95_05_text font-18 margin-t-15vw padding-t-5vw">95 Series Hard Drive Enclosure supports 16TB hard drive, combining 5-bay can provide a 80Tb large capacity, which applicable to various applications from work to life, and bring you excellent storage experience.</div>
<div class="series_95_05 margin-t-20vw f-White">
<div class="left position-r">
<img src="__PUBLIC__/web/images/95_series/01.jpg">
<div class="position-a text text-c">
<div class="font-32 title">
<p>Enterprise/Private Storage</p>
<p class="line"></p>
</div>
</div>
</div>
<div class="right">
<ul>
<li class="position-r">
<img src="__PUBLIC__/web/images/95_series/02.jpg">
<div class="position-a text text-c">
<div class="font-32 title">
<p>Sever Expansion</p>
<p class="line"></p>
</div>
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/95_series/03.jpg">
<div class="position-a text text-c">
<div class="font-32 title">
<p>Cloud Storage</p>
<p class="line"></p>
</div>
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/95_series/04.jpg">
<div class="position-a text text-c">
<div class="font-32 title">
<p>Security Monitoring</p>
<p class="line"></p>
</div>
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/95_series/05.jpg">
<div class="position-a text text-c">
<div class="font-32 title">
<p>HD Video Transcoding</p>
<p class="line"></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--95系列产品-->
<div class="img-responsive f_weight_100">
<div class="swt-Container f-black text-c margin-t-20vw overflow-f">
<div class="font-60">Choose Your Preference</div>
<div class="font-32 margin-t-20vw">95U3 Series</div>
<div class="subject_four_list margin-t-20vw overflow-f padding-b-30">
<ul>
<li class="solid_blue">
<img src="__PUBLIC__/web/images/95_series/product_01.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">9518 Hard Drive Enclosure</p>
</div>
<!-- <div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/6770.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_blue">
<img src="__PUBLIC__/web/images/95_series/product_02.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">9528 Hard Drive Enclosure</p>
</div>
<!-- <div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/6762.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_blue">
<img src="__PUBLIC__/web/images/95_series/product_03.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">9548 Hard Drive Enclosure</p>
</div>
<!-- <div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/6764.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_blue">
<img src="__PUBLIC__/web/images/95_series/product_04.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">9558 Hard Drive Enclosure</p>
</div>
<!-- <div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/6775.html" class="subject_span" target="_blank">Learn More</a>
</div>
</div> -->
</li>
</ul>
</div>
</div>
<div class="swt-Container f-black text-c overflow-f">
<div class="font-32 margin-t-20vw">95RU3 Series</div>
<div class="subject_four_list margin-t-20vw padding-b-30 margin-b-30vw overflow-f">
<ul>
<li class="solid_blue">
<img src="__PUBLIC__/web/images/95_series/product_05.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">9528 RAID Enclosure</p>
</div>
<!-- <div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/6772.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_blue">
<img src="__PUBLIC__/web/images/95_series/product_06.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">9548 RAID Enclosure</p>
</div>
<!-- <div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/6773.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_blue">
<img src="__PUBLIC__/web/images/95_series/product_07.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">9558 RAID Enclosure</p>
</div>
<!-- <div class="subject_Popup_buy computer">
<div class="subject_Popup_button">
<a href="__ORICOROOT__/product/detail/6774.html" class="subject_span" target="_blank">Learn More</a>
</div>
</div> -->
</li>
</ul>
</div>
</div>
</div>
<div class="charger_06_img_M img-responsive"><img src="__PUBLIC__/web/images/ssd/ssd_b.jpg"></div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

142
app/us/view/group/special.phtml Executable file
View File

@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>ORICO Transparent Series</title>
<link href="__PUBLIC__/weben/css/subject/specil_new.css" rel="stylesheet" type="text/css">
</head>
<body>
<body style="background: #b5b5b5;">
<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="position-r">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/banner.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container">
<p class="banner-title img-responsive"><img src="__PUBLIC__/web/images/special/banner-title-en.png"></p>
<p class="font-36 f-White text-c">We make technology products that perfect your life details.</p>
</div>
</div>
</div>
<!--第一屏-->
<div class="special_01">
<div class="content f-black">
<div class="swt-Container text-c">
<p><span><img src="__PUBLIC__/web/images/special/fly.png"></span></p>
<p class="font-24">Well make unremitting efforts to provide you a better life with concise and comfort.</p>
</div>
</div>
</div>
<!--第二屏-->
<div class="position-r">
<a href="__ORICOROOT__/Group/transparent.html" class="f-White">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/1.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_02">
<p class="special_small_title">ORICO Transparent Series</p>
<p class="special_title">See The Performance Inside-Out </p>
<p class="special_text">Crystal-clean body with high-performance chip, all confidence in technology. </p>
<p class="special_button">Learn More </p>
</div>
</div>
</div>
</a>
<div class="special_num special_num_r">01</div>
</div>
<!--第三屏-->
<div class="position-r margin-t-10vw">
<a href="__ORICOROOT__/Group/ssd.html" class="f-White">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/2.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_03">
<p class="special_small_title">ORICO Troodon SSD Series</p>
<p class="special_title"> Dominate With Furious Speed </p>
<p class="special_text">Ultimate performance, designed to bring real speed for laptop/desk top user, easily process multitasking, take control of your game. </p>
<p class="special_button">Learn More </p>
</div>
</div>
</div>
</a>
<div class="special_num special_num_l">02</div> </div>
<!--第四屏-->
<div class="position-r margin-t-10vw">
<a href="__ORICOROOT__/Group/series_95.html" class="f-White">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/3.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_04">
<p class="special_small_title">95 Series Hard Drive Enclosure</p>
<p class="special_title">Enhance the Safety of Your Data</p>
<p class="special_text">Up to 5Gbps transfer rate, easily accommodate 16TB large capacity hard disk, anodized aluminum alloy case, with safety lock, silent heat dissipation and tool-free installation. It is the optimal choice of data storage for you.</p>
<p class="special_button">Learn More </p>
</div>
</div>
</div>
</a>
<div class="special_num special_num_r">03</div>
</div>
<!--第五屏-->
<div class="position-r margin-t-10vw">
<a href="__ORICOROOT__/Group/thunderbolt_3" class="f-White">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/4.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_05">
<p class="special_small_title">Thunderbolt 3 Storage + Expansion</p>
<p class="special_title">The Power of Thunderbolt™ 3</p>
<p class="special_text">Excellent Intel chip is here to quench your thirst for state-of-the-art technology, Thunderbolt 3 storage supports 2TB expansion, delivers up to 40 Gbps transfer speed with stable thermal management. And the Thunderbolt 3 expansion provide 8-in-1 expansion which can meet a variety of functional requirement. Lets enjoy the real lightning speed from work to life with Thunderbolt 3.</p>
<p class="special_button">Learn More </p>
</div>
</div>
</div>
</a>
<div class="special_num special_num_l">04</div>
</div>
<!--第六屏-->
<div class="position-r margin-t-10vw">
<a href="__ORICOROOT__/Group/stripe" class="f-White">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/5.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_06">
<p class="special_small_title">Pick Up Your Favorite Stripe</p>
<p class="special_title">The Stripe Collection </p>
<p class="special_text">Adopts stripe elements, perfect combination of shock and skid resistance, exquisite and delicate, enrich your life.</p>
<p class="special_button">Learn More </p>
</div>
</div>
</div>
</a>
<div class="special_num special_num_r">05</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body></body>
</html>

View File

@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>ORICO Transparent Series</title>
<link href="__PUBLIC__/weben/css/subject/specil_new.css" rel="stylesheet" type="text/css">
</head>
<body>
<body style="background: #b5b5b5;">
<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="position-r">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/banner.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container">
<p class="banner-title img-responsive"><img src="__PUBLIC__/web/images/special/banner-title-en.png"></p>
<p class="font-36 f-White text-c">We make technology products that perfect your life details.</p>
</div>
</div>
</div>
<!--第一屏-->
<div class="special_01">
<div class="content f-black">
<div class="swt-Container text-c">
<p><span><img src="__PUBLIC__/web/images/special/fly.png"></span></p>
<p class="font-24">Well make unremitting efforts to provide you a better life with concise and comfort.</p>
</div>
</div>
</div>
<!--第二屏-->
<div class="position-r">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/1.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_02">
<p class="special_small_title">ORICO Transparent Series</p>
<p class="special_title">See The Performance Inside-Out </p>
<p class="special_text">Crystal-clean body with high-performance chip, all confidence in technology. </p>
<a href="__ORICOROOT__/Group/transparent.html" class="f-White"><p class="special_button">Learn More </p></a>
</div>
</div>
</div>
<div class="special_num special_num_r">01</div>
</div>
<!--第三屏-->
<div class="position-r margin-t-10vw">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/2.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_03">
<p class="special_small_title">ORICO Troodon SSD Series</p>
<p class="special_title"> Dominate With Furious Speed </p>
<p class="special_text">Ultimate performance, designed to bring real speed for laptop/desk top user, easily process multitasking, take control of your game. </p>
<a href="__ORICOROOT__/Group/ssd.html" class="f-White"><p class="special_button">Learn More </p></a>
</div>
</div>
</div>
<div class="special_num special_num_l">02</div> </div>
<!--第四屏-->
<div class="position-r margin-t-10vw">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/3.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_04">
<p class="special_small_title">95 Series Hard Drive Enclosure</p>
<p class="special_title">Enhance the Safety of Your Data</p>
<p class="special_text">Up to 5Gbps transfer rate, easily accommodate 16TB large capacity hard disk, anodized aluminum alloy case, with safety lock, silent heat dissipation and tool-free installation. It is the optimal choice of data storage for you.</p>
<a href="__ORICOROOT__/Group/series_95.html" class="f-White"><p class="special_button">Learn More </p></a>
</div>
</div>
</div>
<div class="special_num special_num_r">03</div>
</div>
<!--第五屏-->
<div class="position-r margin-t-10vw">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/4.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_05">
<p class="special_small_title">Thunderbolt 3 Storage + Expansion</p>
<p class="special_title">The Power of Thunderbolt™ 3</p>
<p class="special_text">Excellent Intel chip is here to quench your thirst for state-of-the-art technology, Thunderbolt 3 storage supports 2TB expansion, delivers up to 40 Gbps transfer speed with stable thermal management. And the Thunderbolt 3 expansion provide 8-in-1 expansion which can meet a variety of functional requirement. Lets enjoy the real lightning speed from work to life with Thunderbolt 3.</p>
<a href="__ORICOROOT__/Group/thunderbolt_3" class="f-White"><p class="special_button">Learn More </p></a>
</div>
</div>
</div>
<div class="special_num special_num_l">04</div>
</div>
<!--第六屏-->
<div class="position-r margin-t-10vw">
<div class="Swt-Banner">
<img src="__PUBLIC__/web/images/special/5.jpg">
</div>
<div class="position-a position-a-w">
<div class="swt-Container f-White">
<div class="special_06">
<p class="special_small_title">Pick Up Your Favorite Stripe</p>
<p class="special_title">The Stripe Collection </p>
<p class="special_text">Adopts stripe elements, perfect combination of shock and skid resistance, exquisite and delicate, enrich your life.</p>
<a href="__ORICOROOT__/Group/stripe" class="f-White"><p class="special_button">Learn More </p></a>
</div>
</div>
</div>
<div class="special_num special_num_r">05</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body></body>
</html>

372
app/us/view/group/ssd.phtml Executable file
View File

@@ -0,0 +1,372 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Troodon Series</title>
<meta name="Keywords" content="SSD" />
<meta name="Description" content="SSD" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/ssd.css">
<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>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/banner01.jpg">
<div class="position-a ssd_banner">
<div class="swt-Container f-White text-c">
<div class="font-28">Troodon Series Solid State Drive</div>
<div class="font-48 padding-t-8vw f_weight_400">Unfathomable Performance · Drive at Furious Speed </div>
</div>
</div>
</div>
<!--视频一-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/video_bg.jpg">
<div class="position-a ssd_video">
<div class="swt-Container f-black text-l">
<div class="left">
<p class="font-20 f-gray margin-t-20vw">New Generation -3D NAND TECHNOLOGY</p>
<p class="font-48 f-black margin-t-10vw f_weight_400">Boosted Storage Density<br>Enhanced Performance</p>
<p class="font-16 margin-t-66">The whole series of ORICO Troodon solid-state drives are powered by 3D NAND flash, and the storage density is higher than traditional 2D flash. Reached the high level of storage density in the industry, and greatly enhancing the transmission performance, making it easy to process a large amount of stored data.</p>
</div>
<div class="right">
<video controls="" poster="" src="__PUBLIC__/weben/images/ssd/external_ssd.mp4" width="100%">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--SN100/SV100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/SN100_SV100.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right padding-t-80">
<div class="font-24">Troodon- Armor Series SN100/SV100</div>
<div class="font-48 padding-t-8vw f_weight_400">All it Protect is Memory</div>
<div class="font-24 margin-t-20vw">- External Mobile SSD </div>
<div class="font-16 margin-t-30">Troodon Armor Series adopts double protection of aluminum alloy case and silicon protector, this makes it stands up to shock, splashes, spills and dusts, and it also provide 4 optional capacity includes 128G/256G/512G/1TB.
With Speed 1.0 version and Speed 2.0 version, SN100 internal NGFF SSD delivers high-speed transfer with up to 540MB/s read speeds; SV100 internal NVMe SSD can delivers super-speed transfer with up to 940MB/s read speeds. Both of SN100 and SV100 are supports to UASP+TRIM dual protocol, high-performance of transferring. Compatible with Type-C devices like cell phone and PCs, made for the outdoors.</div>
<!-- <a href="__ORICOROOT__/product/detail/5455.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--FV300/GV100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/FV300_GV100.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left padding-t-80">
<div class="font-24">Troodon- Wing Series FV100/GV100</div>
<div class="font-48 padding-t-8vw f_weight_400">Light. Compact. Fast.</div>
<div class="font-24 margin-t-20vw">- External Mobile SSD </div>
<div class="font-16 margin-t-30">Troodon Wing Series, ultra-compact and portable, it just fit in your pocket, built to go wherever you go. Built-in NVMe superspeed solid state drive, which provide 940MB/s sequential reads, transferring 1G large files in a flash.
Equipped with two data cable of A-to-C port and C-to-C port, it supports the selection of four capacity versions, and can be compatible with mobile phone, computer, TV and other devices to expansion, creating the portable database.</div>
<!-- <a href="__ORICOROOT__/product/detail/5491.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--BH100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/BH100.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right padding-t-80">
<div class="font-24">Troodon- Shield Series BH100/BM200/BV300</div>
<div class="font-48 padding-t-8vw f_weight_400">Designed to Stable. Built to Rugged. </div>
<div class="font-24 margin-t-20vw">- External Mobile SSD </div>
<div class="font-16 margin-t-30">Troodon Shield Series is made of high-quality aluminum alloy + CNC technology, which help to maintain the stability of heat dissipation during the high-speed data transferring, help to transfer large files steadily and smoothly. It has two versions of highspeed and superspeed, embedded with self-encapsulated 3D NAND flash particles, it can process big data at incredible speed and be compatible with various office devices.</div>
<!-- <a href="__ORICOROOT__/product/detail/5501.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div><!--SSD外置产品-->
<div class="img-responsive ssd_08 f_weight_100">
<div class="swt-Container f-black text-c padding-t-60">
<div class="font-48 f_weight_400">Complement Your Storage Experience</div>
<div class="margin-t-15vw font-30"><i>See All The Portable SSD > </i></div>
<div class="margin-t-66 ssd_p_three padding-t-8vw ">
<ul class="padding-b-80">
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_01.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Armor Series </p>
<p class="font-24 padding-t-8vw">ORICO SN100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5455.html">Learn More</a>
</div> -->
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_02.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Armor Series </p>
<p class="font-24 padding-t-8vw">ORICO SV100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5456.html">Learn More</a>
</div> -->
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_03.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Wing Series </p>
<p class="font-24 padding-t-8vw">ORICO FV300</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5491.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_04.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Shield Series </p>
<p class="font-24 padding-t-8vw">ORICO BH100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5501.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_05.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Shield Series </p>
<p class="font-24 padding-t-8vw">ORICO BM200</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5506.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_06.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Shield Series </p>
<p class="font-24 padding-t-8vw">ORICO BV300</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5507.html">Learn More</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_three_07.jpg">
<div class="title position-a f-black">
<p class="font-30">Troodon- Wing Series </p>
<p class="font-24 padding-t-8vw">ORICO GV100</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/5508.html">Learn More</a>
</div> -->
</div>
</li>
</ul>
</div>
</div>
</div>
<!--视频-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_02.jpg">
<div class="position-a position-a-w">
<div class="f-White text-c ssd_02">
<div class="font-48 margin-t-90 padding-t-5vw">ORICOs Ten Years Experience in Storage</div>
<div class="margin-t-30 font-24">The Excellent SSD Solution You Never Had</div>
<div class="font-16 margin-t-30 ssd_02_des">ORICOs SSD has achieved a strong presence in personal consumption storage through its rapidly program response, quick data processing and stable flash.</div>
<video controls="" poster="" src="__PUBLIC__/weben/images/ssd/ssd_video.mp4" class="margin-t-20vw" width="100%">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
<!--H100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_03.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left margin-t-90">
<div class="font-18">Troodon in Armor H100</div>
<div class="font-48 padding-t-8vw">Cool down<br>Speed Up</div>
<div class="font-24 margin-t-66">- SATA3.0 protocol, the SSD you better choose.</div>
<div class="font-16 margin-t-30">Silver Troodon H100 adopts SATA3.0 protocol, up to 6Gbps data transferrin, 550MB/s sequential read and 510 MB/s sequential write, with 2.5-inch aluminum alloy case which provide steady heat dissipation at high speed transmission. </div>
<!-- <a href="__ORICOROOT__/product/detail/4113.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--M200-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_04.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right margin-t-90">
<div class="font-18">Troodon M200 </div>
<div class="font-48 padding-t-8vw">No Delay<br>Exceptional Responsivity</div>
<div class="font-24 margin-t-66">- mSATA interface, born for the notebook.</div>
<div class="font-16 margin-t-30">Troodon M200 adopts 3D flash particles that allow to processing data rapidly, it has low-delay and SATA3.0 protocol, be equipped with excellent transmission performance; Compact and lightweight, compatible with most of mSATA interface notebook.</div>
<!-- <a href="__ORICOROOT__/product/detail/4116.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--N300-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_05.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left margin-t-90">
<div class="font-18">Troodon N300 </div>
<div class="font-48 padding-t-8vw">SSD Master<br>Always Evolving Performance</div>
<div class="font-24 margin-t-66">- Enhanced LDPC algorithm, less loading time.</div>
<div class="font-16 margin-t-30">The next advancement in NVMe SSDs. Troodon series with advanced control chip, LDPC error correction, DevSleep power-saving tech, Trim SSD optimize instruction and NCQ intelligent queue management, further improving the performance and service life of SSD.</div>
<!-- <a href="__ORICOROOT__/product/detail/4095.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--V500-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_06.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right margin-t-90">
<div class="font-18">Troodon V500</div>
<div class="font-48 padding-t-8vw">Dominate the E-Sport with Ferocious Speed</div>
<div class="font-24 margin-t-66">- PCI-E ×4, approximately four times faster than the traditional SSD.</div>
<div class="font-16 margin-t-30">Experience the best. ORICO Troodon V500 combines the M.2 interface, with the NVMe protocol SSD and PCI-E Gen3.0x4 to deliver ultimate performance; Up to 2000 MB/s sequential reads and 1500 MB/s sequential writes. Approximately four times faster than the traditional SSD, built to be professional.</div>
<!-- <a href="__ORICOROOT__/product/detail/4098.html"><div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div></a> -->
</div>
</div>
</div>
</div>
<!--产品-->
<div class="img-responsive ssd_08 f_weight_100">
<div class="swt-Container f-black text-c padding-t-60">
<div class="font-48">Complement Your Sense of Style</div>
<div class="margin-t-15vw font-24"><i>SEE ALL THE SSD</i></div>
<div class="ssd_p margin-t-66 padding-t-8vw ">
<ul class="padding-b-80">
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_01.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon in Armor H100</p>
<p class="font-20 f-gray">SATA3.0 SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4113.html">View details</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_02.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon M200 </p>
<p class="font-20 f-gray">MSATA SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4116.html">View details</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_03.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon N300 </p>
<p class="font-20 f-gray">M.2 (NGFF) SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4095.html">View details</a>
</div> -->
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_04.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon V500</p>
<p class="font-20 f-gray">M.2 NVMe SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span class="c_span">128 GB</span>
<span class="c_span">256 GB</span>
<span class="c_span">512 GB</span>
<span class="c_span">1 TB</span>
<!-- <div class="ssd_buy_button">
<a href="__ORICOROOT__/product/detail/4098.html">View details</a>
</div> -->
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="charger_06_img_M img-responsive"><img src="__PUBLIC__/web/images/ssd/ssd_b.jpg"></div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

View File

@@ -0,0 +1,203 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Troodon Series</title>
<meta name="Keywords" content="SSD" />
<meta name="Description" content="SSD" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/ssd.css">
<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>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/banner01.jpg">
<div class="position-a ssd_banner">
<div class="swt-Container f-White">
<div class="ssd_left margin-t-90">
<div class="font-28">Troodon Series Solid State Drive</div>
<div class="font-90 padding-t-8vw">Unfathomable Performance<br>Drive at Furious Speed</div>
<div class="ssd_button f-black font-30 margin-t-66">Learn More &gt; </div>
</div>
</div>
</div>
</div>
<!--视频-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_02.jpg">
<div class="position-a position-a-w">
<div class="f-White text-c ssd_02">
<div class="font-48 margin-t-50 padding-t-5vw">ORICOs Ten Years Experience in Storage</div>
<div class="margin-t-30 font-24">The Excellent SSD Solution You Never Had</div>
<div class="font-20 margin-t-30 ssd_02_des">ORICOs SSD has achieved a strong presence in personal consumption storage through its rapidly program response, quick data processing and stable flash.</div>
<video controls="" poster="" src="__PUBLIC__/weben/images/ssd/ssd_video.mp4" class="margin-t-20vw" width="100%">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
<!--H100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_03.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left margin-t-90">
<div class="font-18">Troodon in Armor H100</div>
<div class="font-48 padding-t-8vw">Cool down<br>Speed Up</div>
<div class="font-24 margin-t-66">- SATA3.0 protocol, the SSD you better choose.</div>
<div class="font-20 margin-t-30">Silver Troodon H100 adopts SATA3.0 protocol, up to 6Gbps data transferrin, 550MB/s sequential read and 510 MB/s sequential write, with 2.5-inch aluminum alloy case which provide steady heat dissipation at high speed transmission. </div>
<div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div>
</div>
</div>
</div>
</div>
<!--M100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_04.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right margin-t-90">
<div class="font-18">Troodon M200 </div>
<div class="font-48 padding-t-8vw">No Delay<br>Exceptional Responsivity</div>
<div class="font-24 margin-t-66">- mSATA interface, born for the notebook.</div>
<div class="font-20 margin-t-30">Troodon M200 adopts 3D flash particles that allow to processing data rapidly, it has low-delay and SATA3.0 protocol, be equipped with excellent transmission performance; Compact and lightweight, compatible with most of mSATA interface notebook.</div>
<div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div>
</div>
</div>
</div>
</div>
<!--H100-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_05.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_left margin-t-90">
<div class="font-18">Troodon N300 </div>
<div class="font-48 padding-t-8vw">SSD Master<br>Always Evolving Performance</div>
<div class="font-24 margin-t-66">- Enhanced LDPC algorithm, less loading time.</div>
<div class="font-20 margin-t-30">The next advancement in NVMe SSDs. Troodon series with advanced control chip, LDPC error correction, DevSleep power-saving tech, Trim SSD optimize instruction and NCQ intelligent queue management, further improving the performance and service life of SSD.</div>
<div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div>
</div>
</div>
</div>
</div>
<!--V500-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_06.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White ">
<div class="ssd_right margin-t-90">
<div class="font-18">Troodon V500</div>
<div class="font-48 padding-t-8vw">Dominate the E-Sport with Ferocious Speed</div>
<div class="font-24 margin-t-66">- PCI-E ×4, approximately four times faster than the traditional SSD.</div>
<div class="font-20 margin-t-30">Experience the best. ORICO Troodon V500 combines the M.2 interface, with the NVMe protocol SSD and PCI-E Gen3.0x4 to deliver ultimate performance; Up to 2000 MB/s sequential reads and 1500 MB/s sequential writes. Approximately four times faster than the traditional SSD, built to be professional.</div>
<div class="ssd_button f-black font-24 margin-t-66">Learn More &gt; </div>
</div>
</div>
</div>
</div>
<!--新一代-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/ssd/ssd_07.jpg">
<div class="position-a position-a-w">
<div class="f-White text-c padding-t-80 ssd_02">
<div class="font-48">New Generation -3D NAND TECHNOLOGY</div>
<div class="margin-t-30 font-24">Boosted Storage Density, Enhanced Performance</div>
<div class="font-20 margin-t-30 ssd_02_des">The whole series of ORICO Troodon solid-state drives are powered by 3D NAND flash, and the storage density is higher than traditional 2D flash. Reaching the high level of storage density in the industry, the P/E life, durability and transmission performance have been greatly enhanced, making it easy to process a large amount of stored data.</div>
</div>
</div>
</div>
<!--产品-->
<div class="img-responsive ssd_08 f_weight_100">
<div class="swt-Container f-black text-c padding-t-80">
<div class="font-48">Complement Your Sense of Style</div>
<div class="margin-t-15vw font-24"><i>SEE ALL THE SSD</i></div>
<div class="padding-t-48vw ssd_p">
<ul class="padding-b-150">
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_01.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon in Armor H100</p>
<p class="font-20 f-gray">SATA3.0 SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span>128 GB</span>
<span>256 GB</span>
<span>512 GB</span>
<span>1 TB</span>
</div>
<div class="ssd_buy_button position-a">
<span class="subject_span">Amazon</span>
<span class="subject_span">eBay</span>
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_02.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon M200 </p>
<p class="font-20 f-gray">MSATA SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span>128 GB</span>
<span>256 GB</span>
<span>512 GB</span>
<span>1 TB</span>
</div>
<div class="ssd_buy_button position-a">
<span class="subject_span">Amazon</span>
<span class="subject_span">eBay</span>
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_03.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon N300 </p>
<p class="font-20 f-gray">M.2 (NGFF) SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span>128 GB</span>
<span>256 GB</span>
<span>512 GB</span>
<span>1 TB</span>
</div>
<div class="ssd_buy_button position-a">
<span class="subject_span">Amazon</span>
<span class="subject_span">eBay</span>
</div>
</li>
<li class="position-r">
<img src="__PUBLIC__/web/images/ssd/p_04.jpg">
<div class="title position-a f-black">
<p class="font-28">Troodon V500</p>
<p class="font-20 f-gray">M.2 NVMe SSD</p>
</div>
<div class="capacity position-a f-l-gray">
<span>128 GB</span>
<span>256 GB</span>
<span>512 GB</span>
<span>1 TB</span>
</div>
<div class="ssd_buy_button position-a">
<span class="subject_span">Amazon</span>
<span class="subject_span">eBay</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="charger_06_img_M img-responsive"><img src="__PUBLIC__/web/images/ssd/ssd_b.jpg"></div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

279
app/us/view/group/stripe.phtml Executable file
View File

@@ -0,0 +1,279 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Stripe series _ORICO Website</title>
<meta name="Keywords" content="Stripe series" />
<meta name="Description" content="Stripe series" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/stripe.css">
<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>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/banner.jpg">
<div class="position-a banner text-c">
<div class="swt-Container f-White">
<div class="banner_text">
<div class="font-60 f_weight_400">Optimizing <br>Your Life</div>
<div class="font-24 margin-t-10vw banner_subtitle f_weight_400">Explode The Sight With Stripe</div>
<div class="font-18 margin-t-10vw">Quality. Design. Unusual. Grip all your want.</div>
</div>
</div>
</div>
</div>
<!--条纹系列移动电源-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/stripe_01.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-black text-l margin-t-90">
<div class="stripe_right margin-t-10vw">
<p class="font-30">Suitcase-Style Power Bank</p>
<p class="font-60 padding-t-5vw">Get ready with enough power.</p>
<p class="margin-t-50 f_gray font-18">Be the “suitcase” you always want to carry.</p>
<p class="f_gray margin-t-15vw font-18">It has incredibly charging speed and large capacity, perfectly suitable for various use scenarios such as business trip, long-distance travel and power cut emergency. The case is made of high-quality ABS with unusual suitcase design, stylish and durable, bring your worry-free charging experience.</p>
<!-- <p><a href="__ORICOROOT__/product/detail/3604.html"><span class="stripe_button font-30 margin-t-66">Learn More</span></a></p> -->
</div>
</div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive f_weight_100 stripe_product_bg">
<div class="swt-Container f-black text-c">
<div class="font-60">Stripe Series Power Bank</div>
<div class="font-30 margin-t-15vw"><span class="stripe_subtitle">See All The Power Bank </span></div>
<div class="subject_four_list margin-t-90">
<ul>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_two_01.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">10000mAh FIREFLY Series Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO FIREFLY-K10000</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3972.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_two_02.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">20000mAh FIREFLY Series Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO FIREFLY-K20000</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3973.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_two_03.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">20000mAh Orico USB-A Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO FIREFLY-K20S</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/5113.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_two_04.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">3200mAh Mini Lipstick Portable Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO SL1</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/4041.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<img src="__PUBLIC__/web/images/stripe/stripe_two_05.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">10000mAh Ultra-thin Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO FIREFLY-K10S</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3591.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<img src="__PUBLIC__/web/images/stripe/stripe_two_06.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">10000mAh Suitcase Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO FIREFLY-TM10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3601.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<img src="__PUBLIC__/web/images/stripe/stripe_two_07.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">10000mAh Suitcase Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO FIREFLY-TR10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3603.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<img src="__PUBLIC__/web/images/stripe/stripe_two_08.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-20">20000mAh Suitcase Power Bank</p>
<p class="padding-t-8vw f-l-gray font-16">ORICO FIREFLY-TR20</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3604.html" target="_blank">Learn More</a>
</div>
</div>
</div> -->
</li>
</ul>
</div>
</div>
</div>
<!--条纹系列硬盘盒-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/stripe_04.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White text-l margin-t-90">
<div class="stripe_right margin-t-10vw">
<p class="font-30">Stripes Series Hard Drive Enclosure</p>
<p class="font-60 padding-t-5vw">Managing Your Disk</p>
<p class="margin-t-50 f_gray font-18">Stripes series hard drive enclosure can bring your ultra high-speed of data transfer, beyond that, the all-aluminum heat sink with fins design surface provides high heat dissipation performance while enhances the security of data, it designed to fully protect the hard drive.</p>
<!-- <p><a href="__ORICOROOT__/product/detail/904.html"><span class="stripe_button font-30 margin-t-66">Learn More</span></a></p> -->
</div>
</div>
</div>
</div>
<!--第五屏-->
<div class="img-responsive f_weight_100 stripe_product_bg">
<div class="swt-Container f-black text-c margin-t-20vw">
<div class="font-60">Stripe Series Power Bank</div>
<div class="font-30 margin-t-15vw"><span class="stripe_subtitle">See All The Power Bank </span></div>
<div class="subject_two_list margin-t-90">
<ul>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_three_01.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-50 font-30 padding-t-8vw">NVMe M.2 To Type-C SSD Enclosure </p>
<p class="margin-t-10vw f-l-gray font-24">ORICO TCM2-C3</p>
</div>
<div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/4039.html" target="_blank">Learn More</a>
</div>
</div>
</li>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_three_02.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-50 font-30 padding-t-8vw">NVMe M.2 To Type-C SSD Enclosure </p>
<p class="margin-t-10vw f-l-gray font-24">ORICO TCM2-C3</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/4039.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
</ul>
</div>
</div>
</div>
<!--条纹充电系列-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/stripe_06.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-black text-l margin-t-90">
<div class="stripe_left margin-t-10vw">
<p class="font-30">Stripes Series Charger</p>
<p class="font-60 padding-t-5vw">As Good As It Gets</p>
<p class="margin-t-50 f_gray font-18">We refuse to be stereotyped and continuous efforts to make a product with distinctive design. Stripes series charger is the perfect combination of delicate bump textures and high heat dissipation. It have eye-catching appearance and unparalleled performance, with multiple model available, its not just about charging.</p>
<!-- <p><a href="__ORICOROOT__/product/detail/4110.html"><span class="stripe_button font-30 margin-t-66">Learn More</span></a></p> -->
</div>
</div>
</div>
</div>
<!--第七屏-->
<div class="img-responsive f_weight_100 stripe_product_bg">
<div class="swt-Container f-black text-c margin-t-20vw">
<div class="font-60">Stripes Series Charger</div>
<div class="font-30 margin-t-15vw"><span class="stripe_subtitle">See All The Charger</span></div>
<div class="subject_three_list margin-t-90">
<ul>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_five_01.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">2.1A Suitcase Series Quick Charge Cable</p>
<p class="margin-t-10vw f-l-gray font-20">ORICO KTL2-10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3775.html">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_five_02.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">2.1A Suitcase Series Quick Charge Cable</p>
<p class="margin-t-10vw f-l-gray font-20">ORICO KTL1-10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/3774.html">Learn More</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<img src="__PUBLIC__/web/images/stripe/stripe_five_03.jpg">
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">Dual Port 2.4A Smart Charger</p>
<p class="margin-t-10vw f-l-gray font-20">ORICO WHB-2U</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="__ORICOROOT__/product/detail/4110.html" target="_blank">Learn More</a>
</div>
</div> -->
</li>
</ul>
</div>
</div>
</div>
<div class="text-c f-black font-48">
<p class="margin-t-50 margin-b-30vw f_weight_100">More products, coming soon…</p>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Honor|Orico USB storage|charging</title>
<!-- <link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/honor.css"> -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/style2.css">
</head>
<body onload="closeWindow();">
<!--top-->
<header class="header-PC header-Product">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--Bult Buy-->
<div class="submission" style="margin-top: 230px;">
<div class="submiss-content">
<p> <img src="__PUBLIC__/weben/images/finish.png"></p>
<h3>Thank you for your submission!</h3>
<p class="submiss-p">Someone from our team will reach out shortly.</p>
<div class="submiss-u-p"><a class="submiss-blue" href="javascript:window.history.go(-1);">Return to the previous page</a> in <span id="js-alert-head" class="alert-head"></span>
<span id="js-alert-box" class="alert-box">
<span id="js-sec-text" class="alert-sec-text"></span>
<text class="alert-sec-unit" x="82" y="172" fill="#BDBDBD">seconds</text>
</span>
</div>
</div>
{include file="include/bottom" /}
<!-- bottom e -->
<!--倒计时-->
<script>
function alertSet(e) {
document.getElementById("js-alert-box").style.display = "inline-block",
document.getElementById("js-alert-head").innerHTML = e;
var t = 10,
n = document.getElementById("js-sec-circle");
document.getElementById("js-sec-text").innerHTML = t,
setInterval(function() {
if ( t -= 1){
document.getElementById("js-sec-text").innerHTML = t;
var e = Math.round(t / 10 * 735);
n.style.strokeDashoffset = e - 735;
// location.href="https://www.orico.cc/us/Group/honor";//#时间到后跳转地址
}else {
window.history.go(-1);
}
},
970);
}
</script>
<script>alertSet('');</script>
<!--倒计时-->
</body>
</html>

View File

@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>ORICO Thunderbolt 3 Series Storage + Expansion|apple thunderbolt display</title>
<meta name="keywords" content="apple thunderbolt display,thunderbolt to hdmi,thunderbolt port">
<meta name="description" content="ORICO Thunderbolt 3 series have introduced high-speed chip technology of Intel, the theoretical transfer rate is up to 40Gbps. Beyond that, ORICO has also reached cooperation with Intel in other field including storage and expansion.">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/thunderbolt_3.css">
<body style="background-color:#f2f2f2;">
<!--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="img-responsive position-r">
<img src="__PUBLIC__/web/images/thunderbolt_3/thunderbolt_3_banner.jpg">
<div class="thunderbolt_3_banner">
<div class="intel">
<div class="swt-Container">
<div class="intel_left">
<img src="__PUBLIC__/web/images/thunderbolt_3/intel.png">
</div>
</div>
</div>
<div class="swt-Container content f-White">
<p class="font-60 title">40Gbps transfer rate, built to be fast.</p>
<p class="font-30 margin-t-15vw f_weight_100">ORICO Thunderbolt 3 Series Storage + Expansion</p>
<!-- <p class="font-18 padding-t-8vw f_weight_100"><a href="#Thunderbolt_3_Storage" class="f_blue">Thunderbolt 3 Storage Learn More>></a></p>
<p class="font-18 padding-t-8vw f_weight_100"><a href="#Thunderbolt_3_Expansion" class="f_blue">Thunderbolt 3 Expansion Learn More>></a></p> -->
</div>
</div>
</div>
<!--视频-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/thunderbolt_3/thunderbolt_3_one.jpg">
<div class="thunderbolt_3_banner">
<div class="swt-Container">
<div class="thunderbolt_3_one f_black f_weight_100">
<div class="left">
<p class="font-60">Thunderbolt 3<br>Official Certification</p>
<p class="font-30 margin-t-15vw f_weight_100">Real Speed More Professional </p>
<p class="font-18 padding-t-8vw f_weight_100">ORICO Thunderbolt 3 series have introduced high-speed chip technology of Intel, the theoretical transfer rate is up to 40Gbps. Beyond that, ORICO has also reached cooperation with Intel in other field including storage and expansion. Adhering to the brand concept of “little change, big difference", ORICO keeps showing the features of latest technology and strives to make ORICO Thunderbolt 3 series more reliable in the field of Thunderbolt product.</p>
</div>
<div class="img-responsive right">
<video controls poster="" width="100%" src="__PUBLIC__/weben/images/thunderbolt_3/video.mp4" loop x-webkit-airplay="true" webkit-playsinline="true">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
</div>
<!--第二屏-->
<a name="Thunderbolt_3_Storage"></a><div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/thunderbolt_3/thunderbolt_3_two.jpg">
<div class="thunderbolt_3_banner">
<div class="swt-Container f-White f_weight_100">
<div class="thunderbolt_3_two">
<p class="font-60 title">Drive At Lightning Speed</p>
<p class="font-30 margin-t-15vw f_weight_100">Applicable to Thunderbolt 3 interface notebook and desktop. </p>
<p class="font-18 padding-t-8vw f_weight_100">Thunderbolt 3 series NVMe M.2 SSD enclosure supports the theoretical transfer rate to 40Gbps, and is equipped with Thunderbolt 3 40Gbps data cable, which can store high-resolution images, audio and video files at superspeed. It supports large capacity of 2TB, and has multiple heat dissipation such as aluminum alloy case and silicon thermal pad, which makes the enclosure maintain the stability of heat dissipation during the data transferring.</p>
</div>
</div>
</div>
</div>
<!--第三屏-->
<div class="thunderbolt_3_three clearfix">
<div class="swt-Container img-responsive">
<div class="subject_three_list">
<div class="font-60 f-black f_weight_100 text-c">Thunderbolt 3 NVMe M.2 SSD Enclosure</div>
<ul>
<li class="solid_blue text-c">
<img src="__PUBLIC__/web/images/thunderbolt_3/APM2T3-G40.jpg">
<div class="title f_black">APM2T3-G40</div>
<!-- <div class="subject_new_buy subject_computer">
<a href="__ORICOROOT__/product/detail/6859/APM2T3-G40-GY.html" target="_blank">View details</a>
</div> -->
</li>
<li class="solid_blue text-c">
<img src="__PUBLIC__/web/images/thunderbolt_3/TFM2T3-G40.jpg">
<div class="title f_black">TFM2T3-G40</div>
<!-- <div class="subject_new_buy subject_computer">
<a href="__ORICOROOT__/product/detail/6860/APM2T3-G40-GY.html" target="_blank">View details</a>
</div> -->
</li>
<li class="solid_blue text-c">
<a href="__ORICOROOT__/product/detail/6861.html"><img src="__PUBLIC__/web/images/thunderbolt_3/SCM2T3-G40.jpg"></a>
<div class="title f_black">SCM2T3-G40</div>
<!-- <div class="subject_new_buy subject_computer">
<a href="__ORICOROOT__/product/detail/6861/SCM2T3-G40-GY.html" target="_blank">View details</a>
</div> -->
</li>
</ul>
</div>
</div>
</div>
<!--第四屏-->
<a name="Thunderbolt_3_Expansion"></a><div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/thunderbolt_3/thunderbolt_3_four.jpg">
<div class="thunderbolt_3_banner">
<div class="swt-Container f-White f_weight_100">
<div class="thunderbolt_3_four">
<p class="font-60 title" style="width:75%;">Expansion With <br>Real Thunderbolt 3</p>
<p class="font-30 margin-t-15vw f_weight_100">Thunderbolt 3, 8-In-1 Multi-Function Docking Station</p>
<p class="font-18 padding-t-8vw f_weight_100">Thunderbolt 3 docking station with multiple ports, support Thunderbolt 3 40Gbps transfer rate; 8K@60Hz HD resolution; 2TB SD card reading; With daisy-chain function which allow to backward compatible with 6*Thunderbolt 3 devices. Meanwhile, it support external power supply, with 4 peripheral interfaces, can expand to multiple devices such as USB interface and Type-C interface devices, it supports connecting to wired network that making the game/office expansion more convenient.</p>
</div>
</div>
</div>
</div>
<!--第五屏-->
<div class="swt-Container margin-t-66 margin-b-40">
<div class="solid_blue f_black f_weight_100 img-responsive">
<img src="__PUBLIC__/web/images/thunderbolt_3/thunderbolt_3_five.jpg">
<div class="thunderbolt_3_five">
<p class="font-24">Thunderbolt 3, 8-In-1 Multi-Function Docking Station</p>
<p class="font-20 padding-t-5vw">8-In-1 Function + DC24V Power Supply</p>
<!-- <div class="subject_new_buy margin-t-20vw subject_computer">
<a href="__ORICOROOT__/product/detail/5481.html" class="subject_span" target="_blank">View details</span></a>
</div> -->
</div>
</div>
</div>
<!--第六屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/thunderbolt_3/thunderbolt_3_six.jpg">
<div class="thunderbolt_3_banner">
<div class="thunderbolt_3_six f-White text-c">
<p class="font-60 f_weight_100">Look At The New Era</p>
<p class="font-18 margin-t-20vw f_weight_100"> Thunderbolt 3 as one of the hot spots of latest technology, ORICO is keenly aware of the trends and always follow it, in order to create more comprehensive Thunderbolt 3 series products. From hard drive enclosure to docking station, it is a big step forward for ORICO. In terms of storage and expansion, ORICO focus on products such as Thunderbolt 3 hard drive enclosure, multi-bay enclosure and docking station, which will be release successively in the further time.</p>
</div>
</div>
</div>
<!--第七屏-->
<div class="thunderbolt_3_seven text-c f-black font-48">
<p class="margin-t-50 margin-b-30vw f_weight_100">More Thunderbolt 3 series, coming Soon…</p>
</div>
<!--第八屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/thunderbolt_3/thunderbolt_3_seven.jpg">
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

View File

@@ -0,0 +1,223 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<title>Transparent Series - Orico Glbal site</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/transparent.css"></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" /}
<!--Banner-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_01.jpg">
<div class="transparent_01">
<div class="swt-Container">
<p class="title">Transparent Series</p>
<p class="text">Visible Chip, Technology in Your Life</p>
</div>
</div>
</div>
<!--视频-->
<div class="position-r transparent_02_bg">
<div class="transparent_02 transparent_alltext">
<div class="swt-Container">
<div class="f-black left ">
<p class="transparent_title">Advocate Technology<br>
Innovate the Future</p>
<p class="transparent_subtitle">Storage + Expansion<br>
Original transparent design, “naked” sincerity.</p>
<p class="transparent_text">We advocate high tech as well as better life, so wed like to merge technologies into our life and persist in innovation and fine crafts. Our USB smart life peripherals are devoted to better and more convenient life.<br>
Since ORICO was founded, we have constantly stuck to original pioneering spirit. In 2017, our full transparent products, such as external HDD enclosure and hard drive dock appeared in the market. And we started all-round developing and producing transparent products in 2018, which meets our life and work demands continuously.
</p>
</div>
<div class="right img-responsive">
<img src="__PUBLIC__/web/images/transparent/transparent_02_video.jpg">
<video height="100%" controls poster="">
<source src="__PUBLIC__/weben/images/transparent/video.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_03.jpg">
<div class="transparent_03 f-White">
<div class="swt-Container">
<div class="transparent_03_alltext">
<p class="transparent_title">Achieve More Creative Desktop Crafts</p>
<p class="transparent_subtitle">Expansion & Storage Combined</p>
<p class="transparent_text">Our desktop HUB, HDD enclosure, hard drive dock, Bluetooth speaker and more products make your desktop clean and tidy, which also give you a mysterious sense of technology.
<br>
We keep upgrading product performance constantly, for example, 4-port HUB is upgraded to 7 ports and its size becomes smaller and smaller. HDD enclosure and hard drive dock are enabled USB3.0, USB3.1, Type-C and more interfaces, supporting HDDs of various types and capacities. All your demands are satisfied.
<br>
Transparent design makes it easier to distinguish files without any labels. HDD enclosure, hard drive dock can be coped with HUB, which brings great convenience to your work.
</p>
</div>
</div>
</div>
</div>
<!--第四屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_04.jpg">
<div class="transparent_04">
<div class="swt-Container">
<div class="transparent_04_alltext f-black">
<p class="transparent_title">Visible Charm of Technology</p>
<p class="transparent_text">Newly emerging technology inclines to be “minimalist”, and interfaces of more laptops tend to be gradually reduced. So desktop HUB is an ideal solution to the problem.<br>
Transparent body shows confidence in our fine craftsmanship. Its structure is clearly visible so you dont need to worry about any damages while disassembling and installing it.
<br>
Like a great “artwork”, it evokes all your desire for having it.
</p>
</div>
</div>
</div>
</div>
<!--第五屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/transparent/transparent_05.jpg">
<div class="transparent_05">
<div class="swt-Container">
<div class="f-black transparent_05_alltext">
<p class="transparent_title">Transparent Speaker<br>Perfect Life Companion</p>
<p class="transparent_text">Listen to beautiful melodies at your leisure time, relieve your pressure and make you relaxing, free to be yourself.</p>
</div>
</div>
</div>
</div>
<!--第六屏-->
<div class="transparent_06">
<div class="swt-Container">
<div class="text-c transparent_title f-black">Transparent Series Products</div>
<div class="transparent_06_four img-responsive">
<ul>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_01.jpg">
<div class="text transparent_06_text">USB3.0 7-port Desktop HUB</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.811.3441505eAuczph&id=581452943579&rn=fc5280aa4163ad14ace2062577e9f321&abbucket=19&sku_properties=148242406:21516">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_02.jpg">
<div class="text transparent_06_text">USB3.0 7-port Desktop HUB</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.539.3441505eAuczph&id=579136094508&rn=fc5280aa4163ad14ace2062577e9f321&abbucket=19&skuId=3865302457837">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_03.jpg">
<div class="text transparent_06_text">UUSB3.0 4-port Desktop HUB</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.539.3441505eAuczph&id=579136094508&rn=fc5280aa4163ad14ace2062577e9f321&abbucket=19&sku_properties=148242406:21516">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_04.jpg">
<div class="text transparent_06_text">USB3.0 4-port Desktop HUB</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.97.3441505eAuczph&id=556374896537&rn=fc5280aa4163ad14ace2062577e9f321&abbucket=19">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_05.jpg">
<div class="text transparent_06_text">2.5inch USB3.0 HDD Enclosure</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.98.3173381b2eD6Df&id=538189703406">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_06.jpg">
<div class="text transparent_06_text">2.5inch Type-C HDD Enclosure</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.118.3173381b2eD6Df&id=538577044860">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_07.jpg">
<div class="text transparent_06_text">3.5inch USB3.0 HDD Enclosure</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.168.3173381b2eD6Df&id=548909679923">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_08.jpg">
<div class="text transparent_06_text">3.5inch Type-C HDD Enclosure</div>
<!-- <div class="transparent_buy">
<div class="transparent_buy_button">
<a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.168.3173381b2eD6Df&id=548909679923">Amazon</a>
<a href="">AliExpress</a>
</div>
</div> -->
</li>
</ul>
</div>
<div class="transparent_06_two img-responsive">
<ul>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_09.jpg">
<div class="all_text">
<p class="transparent_06_text title">3.5inch Type-C HDD Enclosure </p>
<p class="subtitle">Universal to 2.5/3.5 HDD </p>
<!-- <p class="transparent_buy"><a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.143.3173381b2eD6Df&id=548996604143">Amazon</a><a href="">AliExpress</a></p> -->
</div>
</li>
<li>
<img src="__PUBLIC__/web/images/transparent/transparent_06_10.jpg">
<div class="all_text">
<p class="transparent_06_text title">Single-bay Type-C Hard Drive Dock
</p>
<p class="subtitle">Universal to 2.5/3.5 HDD, USB3.1 Gen1 </p>
<!-- <p class="transparent_buy"><a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-15573035611.288.3173381b2eD6Df&id=553654630082">Amazon</a><a href="">AliExpress</a></p> -->
</div>
</li>
</ul>
</div>
<div class="transparent_06_one img-responsive">
<img src="__PUBLIC__/web/images/transparent/transparent_06_11.jpg">
<div class="all_text">
<p class="transparent_06_text title">Transparent Bluetooth Speaker </p>
<p class="subtitle">Bluetooth4.2/Hi-fi/3 Modes </p>
<!-- <p class="transparent_buy"><a href="">Amazon</a><a href="">AliExpress</a></p> -->
</div>
</div>
<div class="text-c transparent_title f-black">More Products Are Coming</div>
</div>
</div>
{include file="include/bottom" /}
</body>
</html>

68
app/us/view/group/vision.phtml Executable file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Vision and Mission|Orico culture</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/culture.css">
</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-->
<div class="img-responsive"><img src="__PUBLIC__/web/images/culture/vision-banner.jpg"></div>
<div class="culture_vision">
<div class="swt-Container">
<div class="title">Vision and Mission</div>
<div class="swt-Table img-responsive">
<div class="Table-Row">
<div class="Table-Cell left"><img src="__PUBLIC__/web/images/culture/vision-01.jpg"></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right">
<p class="subtitle">Deep Research on USB Technology</p>
<p class="des"> The development and innovation of USB technology is vast and infinite. For a long time in the future, ORICO will concentrate on the exploration and innovation of USB technology and use it more in transmission, power, audio and video to better facilitate people and promote the breakthrough transformation of transmission technology. Rome was not built in one day. We know that only by bringing together small changes will it be possible to explore greater innovations, and make our career endless through accumulation. </p>
</div>
</div>
</div>
<div class="swt-Table img-responsive culture_vision_02">
<div class="Table-Row">
<div class="Table-Cell left"><p class="subtitle">Provide Better Choices for A Better Life</p>
<p class="des"> Change is not only the responsibility of each ORICO employee, but also the opportunity. We expect our change, just like our brand's iconic element, Archimedes screw, to make small changes and corrections in the direction, and to continue to radiate farther away to explore the unknown. Our initial dream of the departure will be as clear as ever. ORICO hopes to explain the power of change to employees, users, and the wider world!</p></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right"><img src="__PUBLIC__/web/images/culture/vision-02.jpg"></div>
</div>
</div>
<div class="swt-Table img-responsive culture_vision_view">
<div class="Table-Row">
<div class="Table-Cell right"><img src="__PUBLIC__/web/images/culture/vision-02.jpg"></div>
<div class="Table-Cell left"><p class="subtitle">Provide Better Choices for A Better Life</p>
<p class="des"> Change is not only the responsibility of each ORICO employee, but also the opportunity. We expect our change, just like our brand's iconic element, Archimedes screw, to make small changes and corrections in the direction, and to continue to radiate farther away to explore the unknown. Our initial dream of the departure will be as clear as ever. ORICO hopes to explain the power of change to employees, users, and the wider world!</p></div>
</div>
</div>
<div class="swt-Table img-responsive">
<div class="Table-Row">
<div class="Table-Cell left"><img src="__PUBLIC__/web/images/culture/vision-03.jpg"></div>
<div class="Table-Cell center"></div>
<div class="Table-Cell right">
<p class="subtitle">Power of Change</p>
<p class="des">For the public, ORICO advocates to change the “habitual” lifestyle, encourages everyone to pursue a better life!</p>
</div>
</div>
</div>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

117
app/us/view/group/weare.phtml Executable file
View File

@@ -0,0 +1,117 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>We are/Orico culture </title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/culture.css">
</head>
<body>
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-black">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--top End-->
<div class="Swt-Banner"><img src="__PUBLIC__/web/images/culture/weare-banner.jpg"></div>
<div class="wewill_01">
<div class="swt-Container">
<div class="left img-responsives"><img src="__PUBLIC__/web/images/culture/weare_lj_img.jpg"></div>
<div class="right">
<div class="wewill_title">We are</div>
<div class="cul_line"></div>
<div class="wewill_des">Shenzhen ORICO Technologies Co., Ltd. was established in 2009, and its brand ORICO is an innovative national high-tech enterprise focusing on USB data transmission and USB charging technology.</div>
</div>
</div>
</div>
<!--IDEA-->
<div class="weare_bg weare_idea">
<div class="swt-Container">
<div class="weare_bg_white swt-Table">
<div class="Table-Row">
<div class="Table-Cell left">
<div class="weare_idea_all">
<div class="wewill_title">IDEA</div>
<div class="wewill_des">
<p>In ORICO, from product to service, we insist on seeking truth and being pragmatic. We have pioneering thinking and not constrained, and we are striving for great mission from every subtle changes.</p>
<p>ORICO has the manufacturing strength of R&D, design and production of the entire industrial chain. It also has the R&D strength for timely tracking and research of new technologies, as well as the simultaneous development of online platforms and offline channels, and complementary global sales networks. There is also a "two-week research and development, one-week production, MOQ of one" featured 211 service; continue to export USB and consumer electronics products for the market, while quickly capture and reflect market changes, and constantly upgrade products and services.</p>
</div>
</div>
</div>
<div class="Table-Cell right"><img src="__PUBLIC__/web/images/culture/weare_lj_idea.jpg"></div>
</div>
</div>
<div class="weare_bg_white swt-Table margin-top">
<div class="Table-Row">
<div class="Table-Cell left">
<div class="weare_idea_all">
<div class="wewill_title">MISSION</div>
<div class="wewill_des">
<p>We shoulders the corporate development mission of “help customers, help employees, help investors and shoulder social responsibility”. It is necessary to gain insight into the essential needs of consumers, to provide better choices in the way small changes. At the same time, create a fair, reasonable and respectful atmosphere for corporate partners, employees and their families to realize themselves.</p>
<p>Looking forward to the future, ORICO will strive to provide more comprehensive products and technical support to the market through the firm pursuit of technology and manufacturing, and provide better choices for people's pursuit of a better life. We will also take social responsibility, promote resource reciprocity, and speak for Chinese companies and Chinese manufacturing.</p>
</div>
</div>
</div>
<div class="Table-Cell right"><img src="__PUBLIC__/web/images/culture/weare_lj_mission.jpg"></div>
</div>
</div>
</div>
</div>
<!--研发团队-->
<div class="weare_bg_white">
<div class="swt-Container">
<ul class="weare_03">
<li>
<img src="__PUBLIC__/web/images/culture/weare_lj_icon01.jpg">
<p class="wewill_des">Products sell well for 11 years worldwide</p>
<p class="wewill_des_text">Since the establishment of ORICO, it has opened up domestic and overseas offline channels in many countries around the world for 11 years, and has independent agents and distributors in many countries. At the same time, in the B2C business segment, ORICO has been accepted by the industry in the external HDD enclosure and USB3.0 peripherals for four consecutive years. Its intelligent fast charging surge protector keeps the top 5 in the rapid growth.</p>
</li>
<li>
<img src="__PUBLIC__/web/images/culture/weare_lj_icon02.jpg">
<p class="wewill_des">Superior R&D team</p>
<p class="wewill_des_text">Established a professional R & D team of nearly 100 senior engineers, structural engineers, electronic engineers, etc. Become a company with a technical reserve. Develop thousands of products such as USB storage, USB expansion, USB power strip, USB charging, digital accessories, and quality peripherals. We maintain the R&D of new products every week.</p>
</li>
<li>
<img src="__PUBLIC__/web/images/culture/weare_lj_icon03.jpg">
<p class="wewill_des">Annual production capacity exceeds 4 billion</p>
<p class="wewill_des_text">ORICO invested nearly 80 million to build Internet & Creativity Industrial Park, which integrates maker training, project incubation, industry acceleration, investment and financing, and listing cultivation as a whole. The annual production capacity can exceed 4 billion yuan.</p>
</li>
</ul>
</div>
</div>
<!--走进ORICO-->
<div class="weare_bg weare_04">
<div class="swt-Container">
<div class="wewill_title">Learn about ORICO</div>
<div class="wewill_des">Office environment</div>
<div class="wewill_des_text">The working environment is an important embodiment of the corporate culture. ORICO office is quiet, clean and bright, and the working environment gives employees a sense of independence and comfort, and motivates the enthusiasm and creativity of employees.</div>
<ul class="img-responsive">
<li><img src="__PUBLIC__/web/images/culture/weare_lj_img01.jpg"></li>
<li><img src="__PUBLIC__/web/images/culture/weare_lj_img02.jpg"></li>
<li><img src="__PUBLIC__/web/images/culture/weare_lj_img03.jpg"></li>
</ul>
</div>
<div class="swt-Container">
<div class="wewill_des">Factory equipments</div>
<div class="wewill_des_text">Adopting 5S management is the premise of creating excellent products. Orico has introduced advanced equipment in the industry and has guaranteed the realization of exquisite technology to ensure high quality of products and high production capacity.</div>
<ul class="img-responsive">
<li><img src="__PUBLIC__/web/images/culture/weare_lj_img04.jpg"></li>
<li><img src="__PUBLIC__/web/images/culture/weare_lj_img05.jpg"></li>
<li><img src="__PUBLIC__/web/images/culture/weare_lj_img06.jpg"></li>
</ul>
</div>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>

161
app/us/view/group/wewill.phtml Executable file
View File

@@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>We will|Orico culture</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/culture.css">
</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-->
<div class="Swt-Banner"><img src="__PUBLIC__/web/images/culture/wewill-banner.jpg"></div>
<div class="wewill_01">
<div class="swt-Container">
<div class="left img-responsives"><img src="__PUBLIC__/web/images/culture/wewill_img01.jpg"></div>
<div class="right">
<div class="wewill_title">We will</div>
<div class="cul_line"></div>
<div class="wewill_des">We will make every effort to let more people witness changes power. If we help a child to school, his fate will be changed completely; If we help a SME to R&D a creative product, the future situation of an industry may be changed; if we help a staff to realize his individual value, his whole family s wish may be changed…Focus on changing, ORICO is on the way. </div>
</div>
</div>
</div>
<!--新技术的专研实力-->
<div class="wewill_bg wewill_02">
<div class="swt-Container">
<div class="wewill_title">Explore New Tech Constantly</div>
<div class="swt-Table">
<div class="Table-Row">
<div class="Table-Cell text_width img-responsive">
<div class="text_all">
<img src="__PUBLIC__/web/images/culture/wewill_tech_01.jpg" alt=""/>
<p class="wewill_des">All-around Application of Type-C Technology</p>
<p class="wewill_des_text">We apply more advanced Type-C technical scheme whose data transmission speed reaches up to 10Gbps into our classic storage, innovative expansion products, 3C accessories and more daily gadgets. As for function expansion of Type-C, it can be compatible with Apple Thunderbolt3 port and can support data transmission, PD two-way power deliver and more functions.</p>
</div>
</div>
<div class="Table-Cell spacing"></div>
<div class="Table-Cell text_width img-responsive">
<div class="text_all ">
<img src="__PUBLIC__/web/images/culture/wewill_tech_02.jpg" alt=""/>
<p class="wewill_des">USB Data/Power Transmission Technology</p>
<p class="wewill_des_text">ORICO keeps exploring and innovating USB technology, for example, we develop the data transmission technology from USB2.0 to leading USB3.1 tech; we apply USB weak current to digital devices and more products. ORICO will pursue more breakthroughs with the technological age.</p>
</div>
</div>
<div class="Table-Cell spacing"></div>
<div class="Table-Cell text_width img-responsive">
<div class="text_all">
<img src="__PUBLIC__/web/images/culture/wewill_tech_03.jpg" alt=""/>
<p class="wewill_des">Household Strong Current Safety Technology</p>
<p class="wewill_des_text">Involved in household power strip and other products powered on 220V strong voltage, we take all aspects into account to ensure security, including material select and electronic structure design. Our products are qualified national 3C standard, overseas FCC and other relevant certificates.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--不断探索与改变-->
<div class="wewill_bg wewill_03">
<div class="swt-Container">
<div class="wewill_title">Accumulate Changes</div>
<div class="wewill_des">“Little Change, Big Difference” brand concept impels us to accumulate changes step by step. No matter individual technical of our staffs or R&D of products and consideration about customers feelings, we are accumulating changes gradually. Finally, all efforts will make us closer to the big dream of “Empower People to Live a Better Life”.</div>
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/web/images/culture/wewill_change_01.jpg">
<p class="wewill_des_text">Changes empower people to live a better life</p>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/web/images/culture/wewill_change_02.jpg">
<p class="wewill_des_text">Accumulate little by little, make more breakthroughs</p>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/web/images/culture/wewill_change_03.jpg">
<p class="wewill_des_text">Persistent and diligent, accomplish more and better</p>
</li>
</ul>
</div>
</div>
<!--承担社会责任-->
<div class="wewill_bg wewill_02">
<div class="swt-Container">
<div class="wewill_title">Undertake Social Responsibility</div>
<div class="sub_title">We will spare no efforts to make more people witness the power of change. If we help a child to school, his fate will be changed completely; If we help a SME to R&D a creative product, the future situation of an industry may be changed; if we help a staff to realize his individual value, his whole family s wish may be changed…Focus on changing, ORICO is on the way. </div>
<div class="swt-Table">
<div class="Table-Row">
<div class="Table-Cell text_width img-responsive">
<div class="text_all">
<img src="__PUBLIC__/web/images/culture/wewill_blame_01.jpg" alt=""/>
<p class="wewill_des">Donations to Schools</p>
<p class="wewill_des_text">Make donations for hometowns education and always concern about development of hometown and factory district.</p>
</div>
</div>
<div class="Table-Cell spacing"></div>
<div class="Table-Cell text_width img-responsive">
<div class="text_all ">
<img src="__PUBLIC__/web/images/culture/wewill_blame_02.jpg" alt=""/>
<p class="wewill_des">Aid to Border Areas education</p>
<p class="wewill_des_text">Dispatch helpful persons and send funds to border areas of our country, devote to development of local educational causes.</p>
</div>
</div>
<div class="Table-Cell spacing"></div>
<div class="Table-Cell text_width img-responsive">
<div class="text_all">
<img src="__PUBLIC__/web/images/culture/wewill_blame_03.jpg" alt=""/>
<p class="wewill_des">Staffs Warm Family</p>
<p class="wewill_des_text">Build a “Staff Home” for staffs and their families, care for their physical and mental health and individual development.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--新技术的专研实力
<div class="wewill_bg c_wewill_p">
<div class="weweill_w">
<div class="we_change">Undertake Social Responsibility</div>
<div class="we_change_small wewill_blame">We will spare no efforts to make more people witness the power of change. If we help a child to school, his fate will be changed completely; If we help a SME to R&D a creative product, the future situation of an industry may be changed; if we help a staff to realize his individual value, his whole family s wish may be changed…Focus on changing, ORICO is on the way. </div>
<div class="lj-tech-Table">
<div class="Table-Row">
<div class="we_tech_img we_white Table-Cell">
<div class="we_img_s "> <img src="__PUBLIC__/web/images/culture/wewill_blame_01.jpg" alt=""/> </div>
<div class="we_tech_title">Donations to Schools</div>
<div class="we_blame_text">Make donations for hometowns education and always concern about development of hometown and factory district.</div>
</div>
<div class="we_tech_height"></div>
<div class="we_tech_img we_white Table-Cell">
<div class="we_img_s"> <img src="__PUBLIC__/web/images/culture/wewill_blame_02.jpg" alt=""/> </div>
<div class="we_tech_title">Aid to Border Areas education</div>
<div class="we_blame_text">Dispatch helpful persons and send funds to border areas of our country, devote to development of local educational causes.</div>
</div>
<div class="we_tech_height"></div>
<div class="we_tech_img we_white Table-Cell">
<div class="we_img_s"> <img src="__PUBLIC__/web/images/culture/wewill_blame_03.jpg" alt=""/> </div>
<div class="we_tech_title">Staffs Warm Family</div>
<div class="we_blame_text">Build a “Staff Home” for staffs and their families, care for their physical and mental health and individual development.</div>
</div>
</div>
</div>
</div>
</div>
-->
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>