211 lines
7.8 KiB
PHTML
Executable File
211 lines
7.8 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>ORICO-USB Storage Adapters|Chargers|Hubs|Cable|Electronics</title>
|
||
<meta name="Keywords" content="orico,Computer Peripheral, HUB, Electronics，Mobile Storage，Car Charger " />
|
||
<meta name="Description" content="The official website of ORICO has mature computer / digital peripheral accessory products. It provides online purchase of USB patch panel, hard disk box, USB 3.0 hub, USB charger, data line, car charger and other digital 3C products, so that you can easily enjoy the fun of the digital era of science and technology! Customer service hotline: 400-6696-298" />
|
||
{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 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>
|