179 lines
6.1 KiB
PHTML
Executable File
179 lines
6.1 KiB
PHTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
{include file="include/head" /}
|
|
<script type="text/javascript">
|
|
var navID = "1";
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/webid/scripts/bxslider/jquery.bxslider.css">
|
|
<script type="text/javascript" src="__PUBLIC__/webid/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.111111111111111;
|
|
}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: 7,
|
|
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">Layanan Brand ODM</div>
|
|
<div class="subtitle">Dua minggu R&D, Satu minggu Produksi - kecepatan pelayanan 211</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">Pusat R&D Grup</div>
|
|
<div class="subtitle">Teknologi baru didapatkan dari penyelidikan yang dalam</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">Rantai Industri</div>
|
|
<div class="subtitle">R&D, desain dan produksi - rantai industri yang menyeluruh</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">Sedikit Perubahan, Besar Perbedaan</div>
|
|
<div class="index-video margin-t-20vw margin-b-5">
|
|
<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 -->
|
|
|
|
</div>
|
|
<script type="text/javascript">
|
|
/*特色专题轮播*/
|
|
$(function(){
|
|
$('.slider').bxSlider({
|
|
pager:true,
|
|
infiniteLoop:true,
|
|
auto:true,
|
|
pause:2000
|
|
});
|
|
});
|
|
|
|
</script>
|
|
<!-- bottom s -->
|
|
{include file="include/bottom" /}
|
|
{include file="include/kefu" /}
|
|
<!-- bottom e -->
|
|
</body>
|
|
</html>
|