257 lines
9.0 KiB
PHTML
Executable File
257 lines
9.0 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>ORICO/奥睿科集团官网|数据线|硬盘盒|电脑配件|插线板</title>
|
||
<meta name="Keywords" content="ORICO,奥睿科,插线板,HUB,充电器,移动硬盘盒,USB3.0,车充,排插,数据线" />
|
||
<meta name="Description" content="ORICO/奥睿科集团官网拥有成熟的电脑/数码周边外设配件产品，提供USB插线板，硬盘盒，USB3.0 HUB，USB充电器，数据线，车充等数码3C产品的在线选购，让您轻松享受科技数码时代的乐趣！客服电话：400-6696-298" />
|
||
<script name="baidu-koubei-verification" src="//ikoubei.baidu.com/embed/1ba921d43f25f664afbdc9bd646d2ce2"></script>
|
||
{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>
|
||
/*首页弹出*/
|
||
.popup {
|
||
position: fixed;
|
||
background-color: rgba(0,0,0,0.5);
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 9999;
|
||
}
|
||
.popup_img {
|
||
position: relative;
|
||
left: 50%;
|
||
top: 50%;
|
||
margin-top: -10.68vw;
|
||
margin-left: -17.71vw;
|
||
}
|
||
.close {
|
||
position: absolute;
|
||
right: 27.6vw;
|
||
top: 50%;
|
||
margin-top: -11.68vw;
|
||
z-index: 10000;
|
||
width: 1.875vw;
|
||
height: 1.875vw;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body οnlοad="openwin()">
|
||
<!--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 $bigbanners = getBannerList(8, 6); 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="position-r"> <a href="<?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="<?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.25;
|
||
}else{
|
||
var pl_li_width = pl_slier_width * 0.2;
|
||
}
|
||
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__/index/Group/special">
|
||
<img src="__PUBLIC__/web/images/home/special_index.jpg">
|
||
<div class="position-a position-a-w"><img src="__PUBLIC__/web/images/home/special_index_button.png"></div>
|
||
</a>
|
||
</li>
|
||
<li class="img-responsive workshop">
|
||
<div class="workshop_all f-black">
|
||
<a href="__ORICOROOT__/index/Group/odm">
|
||
<img src="__PUBLIC__/web/images/home/workshop-01.jpg">
|
||
<div class="content">
|
||
<div class="content_text">
|
||
<div class="title">品牌ODM服务</div>
|
||
<div class="subtitle">两周研发一周生产的211服务速度</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a href="__ORICOROOT__/index/Group/rdcenter">
|
||
<img src="__PUBLIC__/web/images/home/workshop-02.jpg">
|
||
<div class="content">
|
||
<div class="content_text">
|
||
<div class="title">集团技术研发中心</div>
|
||
<div class="subtitle">新技术追踪钻研的力量</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a href="__ORICOROOT__/index/Group/industry">
|
||
<img src="__PUBLIC__/web/images/home/workshop-03.jpg">
|
||
<div class="content">
|
||
<div class="content_text">
|
||
<div class="title">集团产业链</div>
|
||
<div class="subtitle">研发、设计、生产的全产业链实力</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">小改变 大不同</div>
|
||
<div class="f-black font-24 text-c video-index-subtitle margin-t-10vw">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__/web/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' => 1]);
|
||
if ($articles):
|
||
?>
|
||
<div class="swt-Container video-index-title index_news">
|
||
<div class="f_blue font-48 text-c video-index-title">最新动态</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="<?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, 36); ?></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; ?>
|
||
</div>
|
||
<!-- 弹出框 S-->
|
||
<div class="popup" id="popup">
|
||
<div class="popup_img">
|
||
<a href="https://www.orico.com.cn/index/Group/backup_treasure"><img src="__PUBLIC__/web/images/backuper/popup.png"></a>
|
||
</div>
|
||
<div class="close" id="close">
|
||
<img src="__PUBLIC__/web/images/backuper/close.png">
|
||
</div>
|
||
</div>
|
||
<!-- 弹出框 E-->
|
||
|
||
|
||
|
||
<!-- bottom s -->
|
||
{include file="include/bottom" /}
|
||
{include file="include/kefu" /}
|
||
<!-- bottom e -->
|
||
<script type="text/javascript">
|
||
//首页弹窗
|
||
function openwin()
|
||
{
|
||
$("#popup").show();
|
||
};
|
||
|
||
//首页弹窗关闭
|
||
$("#close").click(function(){
|
||
$("#popup").hide();
|
||
});
|
||
/*新闻轮播*/
|
||
$(function(){
|
||
$('.newBox ul').bxSlider({
|
||
controls:true,
|
||
pager:false,
|
||
infiniteLoop:false,
|
||
auto:true,
|
||
pause:2000
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|