211 lines
7.5 KiB
PHTML
Executable File
211 lines
7.5 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>ORICO - USB Storage Adapters, Chargers, Hubs, and More</title>
|
||
<meta name="Keywords" content="Computer Peripheral, Phone Peripheral, Electronics " />
|
||
<meta name="Description" content="Online Shopping for reputable consumer electronics. High quality, fast shipping, affordable prices, sold in over 100 countries, and thousands of reviews." />
|
||
{include file="include/head" /}
|
||
<script type="text/javascript">
|
||
var navID = "1";
|
||
</script>
|
||
|
||
<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>
|
||
<style>
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!--top-->
|
||
<header class="header-PC header-Index">
|
||
<div id="header">
|
||
{include file="include/top" /}
|
||
{include file="include/top-header" /}
|
||
</div>
|
||
</header>
|
||
{include file="include/top-header-mobile" /}
|
||
<!--top End-->
|
||
{include file="include/banner" /}
|
||
<?php if ($bigbanners): ?>
|
||
<!-- phone s-->
|
||
<div class="swiper-container deimg">
|
||
<div class="swiper-wrapper">
|
||
<?php foreach ($bigbanners as $k => $banner): ?>
|
||
<div class="swiper-slide"><a href="<?php echo $banner['url']; ?>"><img src="<?php echo getImage($banner['picture']); ?>"></a></div>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
<!-- Add Pagination -->
|
||
<div class="swiper-pagination bandot"></div>
|
||
</div>
|
||
<script>
|
||
var swiper = new Swiper('.deimg', {
|
||
loop: true,
|
||
autoplay: true,
|
||
pagination: {
|
||
el: '.bandot',
|
||
},
|
||
});
|
||
</script>
|
||
<!-- phone e -->
|
||
<?php endif; ?>
|
||
<!-- 品类探索 s -->
|
||
<?php if ($productCategory): ?>
|
||
<div class="lj_index_img_01">
|
||
<div class="lj_its_img">
|
||
<ul>
|
||
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
|
||
<li>
|
||
<div class="lj-port-1 effect-1">
|
||
<div class="image-box"> <a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"><img src="<?php echo $pc['image']; ?>" >
|
||
<div class="groups_a"><?php echo $pc['name']; ?></div>
|
||
</a></div>
|
||
<div class="text-desc"> <a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"> <img src="<?php echo getImage($pc['picture']); ?>" alt=""/> </a></div>
|
||
</div>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
<div style="clear:both"></div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
var pl_length = $(".lj_its_img li").length
|
||
var pl_slier_width = $(".lj_its_img").width();
|
||
//var pl_li_width = pl_slier_width * 0.1429;
|
||
if(pl_slier_width>960){
|
||
var pl_li_width = pl_slier_width * 0.1111;
|
||
}else if(pl_slier_width<640){
|
||
var pl_li_width = pl_slier_width * 0.3333;
|
||
}else{
|
||
var pl_li_width = pl_slier_width * 0.25;
|
||
}
|
||
if((pl_li_width * pl_length)>pl_slier_width){
|
||
$(document).ready(function(){
|
||
$('.lj_index_img_01 ul').bxSlider({
|
||
slideWidth: pl_li_width,
|
||
minSlides: 1,
|
||
maxSlides: 8,
|
||
moveSlides: 1,
|
||
slideMargin: 0,
|
||
auto:true,
|
||
controls:true,
|
||
pager:false,
|
||
infiniteLoop:false
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
<?php endif; ?>
|
||
|
||
<!--特色专题及公司实力-->
|
||
<div class="swt-Container">
|
||
<div class="home_new">
|
||
<ul>
|
||
<li class="img-responsive">
|
||
<a href="__ORICOROOT__/Group/special">
|
||
<img src="__PUBLIC__/web/images/home/special_index.jpg">
|
||
<div class="position-a position-a-w"><img src="__PUBLIC__/weben/images/home/special_index_button.png"></div>
|
||
</a>
|
||
</li>
|
||
<li class="img-responsive workshop">
|
||
<div class="workshop_all f-black">
|
||
<a href="__ORICOROOT__/Group/odm">
|
||
<img src="__PUBLIC__/web/images/home/workshop-01.jpg">
|
||
<div class="content">
|
||
<div class="content_text">
|
||
<div class="title">Brand ODM Service</div>
|
||
<div class="subtitle">Two weeks’ R&D, one week’s production-211 service speed</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a href="__ORICOROOT__/Group/rdcenter">
|
||
<img src="__PUBLIC__/web/images/home/workshop-02.jpg">
|
||
<div class="content">
|
||
<div class="content_text">
|
||
<div class="title">Group R&D Center</div>
|
||
<div class="subtitle">New tech comes from hard delving</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a href="__ORICOROOT__/Group/industry">
|
||
<img src="__PUBLIC__/web/images/home/workshop-03.jpg">
|
||
<div class="content">
|
||
<div class="content_text">
|
||
<div class="title">Industrial Chain</div>
|
||
<div class="subtitle">R&D, design and production-whole industrial chain mode</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 聆听 s -->
|
||
<div class="swt-Container">
|
||
<div class="f_blue font-48 text-c video-index-title f_weight_600">Little change，big difference</div>
|
||
<div class="index-video margin-t-20vw">
|
||
<div class="video-index-image">
|
||
<img src="__PUBLIC__/web/images/home/index-video.jpg" style="position: relative; z-index: -1;">
|
||
<div class="index-video-content" >
|
||
<video controls poster="__PUBLIC__/web/images/home/index-video.jpg" width="100%" src="__PUBLIC__/weben/images/home/brand-video.mp4" loop="loop" x-webkit-airplay="true" webkit-playsinline="true">
|
||
您的浏览器不支持 video 标签。
|
||
Your browser does not support HTML5 video.
|
||
</video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 聆听 e -->
|
||
<!-- 新闻资讯 s -->
|
||
<?php
|
||
$articles = getDifferentArticle('headline', 6, ['cid' => 16]);
|
||
if ($articles):
|
||
?>
|
||
<div class="swt-Container index_news">
|
||
<div class="font-48 text-c video-index-title">News</div>
|
||
<div class="newBox">
|
||
<ul class=" img-responsives">
|
||
<?php foreach ($articles as $article): ?>
|
||
<li>
|
||
<div class="left"><img src="<?php echo getImage($article['picture']); ?>"></div>
|
||
<div class="right">
|
||
<a href="__ORICOROOT__<?php echo url_rewrite('articledetail', ['id' => $article['id']]); ?>"><p class="font-24 f_blue text-l" style="line-height: 1.25em;"><?php echo msubstr($article['name'], 0, 60); ?></p></a>
|
||
<p class="font-24 f-black text-l margin-t-15vw"><?php echo date('Y.m.d', $article['createtime']); ?></p>
|
||
<p class="font-9 f-black text-l padding-t-8vw" style="line-height: 2em;"><?php echo msubstr($article['description'], 0, 200); ?></p>
|
||
</div>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 新闻资讯 e -->
|
||
<?php endif; ?>
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
/*新闻轮播*/
|
||
$(function(){
|
||
$('.newBox ul').bxSlider({
|
||
controls:true,
|
||
pager:false,
|
||
infiniteLoop:false,
|
||
auto:true,
|
||
pause:2000
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
<!-- 合作伙伴 e -->
|
||
|
||
<!-- bottom s -->
|
||
{include file="include/bottom" /}
|
||
{include file="include/kefu" /}
|
||
<!-- bottom e -->
|
||
</body>
|
||
</html>
|