795 lines
39 KiB
HTML
795 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="renderer" content="webkit" />
|
||
<meta name="format-detection" content="telephone=no" />
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||
<meta name="format-detection" content="telephone=no" />
|
||
<meta name="applicable-device" content="pc,mobile" />
|
||
<link rel="shortcut icon" href="/favicon.ico" />
|
||
<title>上海熙讯电子科技有限公司</title>
|
||
<meta name="keywords" content="熙讯、深圳熙讯云、熙讯电子科技有限公司、熙讯官网、熙讯下载、LED控制卡、接收卡" />
|
||
<meta name="description" content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！" />
|
||
<link rel="stylesheet" href="./static/iconfont/iconfont.css" />
|
||
<link rel="stylesheet" type="text/css" href="./static/layui/css/layui.css" />
|
||
<link rel="stylesheet" type="text/css" href="./static/css/layout.css" />
|
||
|
||
<script type="text/javascript" src="./static/js/jquery.min.js"></script>
|
||
<script type="text/javascript" src="./static/js/BeerSlider.js"></script>
|
||
|
||
<meta name="Author" content="xixun" />
|
||
<style lang="scss">
|
||
#wonder{
|
||
position: fixed;
|
||
width: 100%;
|
||
/* height: 100%; */
|
||
height: 42%;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 2;
|
||
background: url(./static/image/homeFooterCanvasBg/starsky.jpg) no-repeat;
|
||
background-size: cover;
|
||
/* background-position: center center; */
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<script>
|
||
var type=navigator.appName;
|
||
if (type=="Netscape") var lang = navigator.language;
|
||
else var lang = navigator.userLanguage;
|
||
var lang = lang.substr(0,2);
|
||
|
||
//英文路径
|
||
var url = window.location;
|
||
//获取网页的来路
|
||
|
||
function getQueryString(name) {
|
||
const url_string = window.location.href; // window.location.href
|
||
const url = new URL(url_string);
|
||
if(url.searchParams.get(name) != null){
|
||
Cookie_Set('language',url.searchParams.get(name));
|
||
}
|
||
}
|
||
getQueryString('language');
|
||
console.log(!Cookie_Get('language'),lang)
|
||
if(!Cookie_Get('language') && lang == 'en'){
|
||
window.location.href = 'http://sysolution.net/';
|
||
}
|
||
|
||
|
||
function Cookie_Set(name, val) {
|
||
// var strsec = getsec(time);
|
||
var exp = new Date();
|
||
// exp.setTime(exp.getTime() + strsec * 1);
|
||
document.cookie = name + "=" + val + ";path=/";
|
||
}
|
||
function Cookie_Get(name) {
|
||
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
|
||
if (arr = document.cookie.match(reg)) {
|
||
return (arr[2]);
|
||
} else {
|
||
return null;
|
||
}
|
||
}
|
||
function getsec(str) {
|
||
var str1 = str.substring(1, str.length) * 1;
|
||
var str2 = str.substring(0, 1);
|
||
if (str2 == "s") {
|
||
return str1 * 1000;
|
||
} else if (str2 == "h") {
|
||
return str1 * 60 * 60 * 1000;
|
||
} else if (str2 == "d") {
|
||
return str1 * 24 * 60 * 60 * 1000;
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<body class="index_body">
|
||
<div class="index_home">
|
||
<div class="home_swiper swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="header head2 indexHeader">
|
||
#include(navbar)
|
||
</div>
|
||
<div class="home1">
|
||
<div class="index_swiper swiper-container Lshow">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_灯杆解决方案.jpg" alt="" class="Lshow" />
|
||
<!-- <img src="img/X20-banner-2.png" alt="" class="Lhide">-->
|
||
<div class="bannertextImg">
|
||
<!-- <img src="./static/banner/banner_lamp_top_sign.jpg" alt="" class="Lshow" /> -->
|
||
<!-- <img src="img/X20-bannertext2.png" alt="" class="Lhide">-->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_车载解决方案.png" alt="" class="Lshow" />
|
||
<!-- <img src="img/X20-banner-2.png" alt="" class="Lhide">-->
|
||
<div class="bannertextImg">
|
||
<!-- <img src="./static/banner/banner2.jpg" alt="" class="Lshow" /> -->
|
||
<!-- <img src="img/X20-bannertext2.png" alt="" class="Lhide">-->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_商显解决方案.png" alt="" class="Lshow" />
|
||
<!-- <img src="img/X20-banner-2.png" alt="" class="Lhide">-->
|
||
<div class="bannertextImg">
|
||
<!-- <img src="./static/banner/banner3.jpg" alt="" class="Lshow" /> -->
|
||
<!-- <img src="img/X20-bannertext2.png" alt="" class="Lhide">-->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_同步视频处理方案.png" alt="" class="Lshow" />
|
||
<!-- <img src="img/X20-banner-2.png" alt="" class="Lhide">-->
|
||
<div class="bannertextImg">
|
||
<!-- <img src="./static/banner/商显.jpg" alt="" class="Lshow" /> -->
|
||
<!-- <img src="img/X20-bannertext2.png" alt="" class="Lhide">-->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_二次开发解决方案.jpg" alt="" class="Lshow" />
|
||
<!-- <img src="img/X20-banner-2.png" alt="" class="Lhide">-->
|
||
<div class="bannertextImg">
|
||
<!-- <img src="./static/banner/灯杆.jpg" alt="" class="Lshow" /> -->
|
||
<!-- <img src="img/X20-bannertext2.png" alt="" class="Lhide">-->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_云平台.png" alt="" class="Lshow" />
|
||
<!-- <img src="img/X20-banner-2.png" alt="" class="Lhide">-->
|
||
<div class="bannertextImg">
|
||
<!-- <img src="./static/banner/车载.jpg" alt="" class="Lshow" /> -->
|
||
<!-- <img src="img/X20-bannertext2.png" alt="" class="Lhide">-->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination insw_pagination"></div>
|
||
<div class="swiper-button-prev index_prev"></div>
|
||
<div class="swiper-button-next index_next"></div>
|
||
</div>
|
||
<div class="index_swiper swiper-container Lhide">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<!-- Lhide 移动端 -->
|
||
<a href="">
|
||
<img src="./static/image/banner/new_灯杆解决方案.png" alt="" class="index_Bg" />
|
||
<img src="" alt="" class="index_Cp" />
|
||
</a>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<!-- Lhide 移动端 -->
|
||
<a href="">
|
||
<img src="./static/image/banner/new_车载解决方案.png" alt="" class="index_Bg" />
|
||
<img src="" alt="" class="index_Cp" />
|
||
</a>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<!-- Lhide 移动端 -->
|
||
<a href="">
|
||
<img src="./static/image/banner/new_商显解决方案.png" alt="" class="index_Bg" />
|
||
<img src="" alt="" class="index_Cp" />
|
||
</a>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<!-- Lhide 移动端 -->
|
||
<a href="">
|
||
<img src="./static/image/banner/new_同步视频处理方案.png" alt="" class="index_Bg" />
|
||
<img src="" alt="" class="index_Cp" />
|
||
</a>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<!-- Lhide 移动端 -->
|
||
<a href="">
|
||
<img src="./static/image/banner/new_二次开发解决方案.jpg" alt="" class="index_Bg" />
|
||
<img src="" alt="" class="index_Cp" />
|
||
</a>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<!-- Lhide 移动端 -->
|
||
<a href="">
|
||
<img src="./static/image/banner/new_云平台.png" alt="" class="index_Bg" />
|
||
<img src="" alt="" class="index_Cp" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination insw_pagination"></div>
|
||
<div class="swiper-button-prev index_prev"></div>
|
||
<div class="swiper-button-next index_next"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="home2 padding95 bgimg">
|
||
<div class="index_product">
|
||
<div class="container1260">
|
||
<div class="tong_title" data-name="setfadeInUp">
|
||
<h2>产品中心</h2>
|
||
<span class="gradient_underline"></span>
|
||
<!-- <p>
|
||
产品以先进技术为核心，从产品框架到生产研发、方案应用，<br />
|
||
每一步的追求只为确保向客户提供更优质的产品方案与服务。<br />
|
||
</p> -->
|
||
</div>
|
||
<div class="inproduct_swiper swiper-container" data-name="setfadeInUp">
|
||
<!-- <div class="swiper-wrapper"> -->
|
||
<div class="swiper-wrapper" style="display: flex;justify-content: space-evenly;">
|
||
<div class="product-item">
|
||
<img src="./static/products/control_system/control_system.png">
|
||
<!-- <div class="product-item-a-box">
|
||
<a href="./products/control_system/LCD/LCD.html" class="product-item-a">
|
||
<span class="product-item-title">控制系统</span>
|
||
<span class="product-item-more">查看更多</span>
|
||
</a>
|
||
</div> -->
|
||
<div class="product_control_sys_list">
|
||
<h5>控制系统</h5>
|
||
<!-- <i class="layui-icon layui-icon-component"></i> -->
|
||
<ul class="product_control_sys_ul">
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/control_system/commerce_display/M80B-S/M80B-S.html">M80B-S</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/control_system/lamp_pole/Y70/Y70.html">Y70</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/control_system/car_load/KD06/KD06.html">KD06</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/control_system/sync_send/ST30/ST30.html">ST30</a>
|
||
</li>
|
||
</ul>
|
||
<a class="see_more" href="./products/control_system/LCD/LCD.html">查看更多...</a>
|
||
</div>
|
||
</div>
|
||
<div class="product-item">
|
||
<img src="./static/products/video_process/video_process.png">
|
||
<!-- <div class="product-item-a-box">
|
||
<a href="./products/control_system/sync_send/sync_send.html" class="product-item-a">
|
||
<span class="product-item-title">视频处理</span>
|
||
<span class="product-item-more">查看更多</span>
|
||
</a>
|
||
</div> -->
|
||
<div class="product_control_sys_list">
|
||
<h5>视频处理</h5>
|
||
<!-- <i class="layui-icon layui-icon-component"></i> -->
|
||
<ul class="product_control_sys_ul">
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/video_process/2-in-1_video_process/S70S/S70S.html">S70S</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/video_process/independent_control/S200/S200.html">S200</a>
|
||
</li>
|
||
</ul>
|
||
<a class="see_more" href="./products/control_system/sync_send/sync_send.html">查看更多...</a>
|
||
</div>
|
||
</div>
|
||
<div class="product-item">
|
||
<img src="./static/products/xixun_software/xixun_software.png">
|
||
<!-- <div class="product-item-a-box">
|
||
<a href="./products/control_system/lamp_pole/lamp_pole.html" class="product-item-a">
|
||
<span class="product-item-title">软件服务</span>
|
||
<span class="product-item-more">查看更多</span>
|
||
</a>
|
||
</div> -->
|
||
<div class="product_control_sys_list">
|
||
<h5>软件服务</h5>
|
||
<!-- <i class="layui-icon layui-icon-component"></i> -->
|
||
<ul class="product_control_sys_ul">
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/xixun_software/SingleMachine/LedOK_Express/LedOK_Express_specific.html">LedOK Express</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="https://www.ledokcloud.com" target="_blank">LEDOK IoT智慧物联平台</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="./products/xixun_software/APP/LEDOK Lite/LEDOK Lite_specific.html">LEDOK Lite</a>
|
||
</li>
|
||
</ul>
|
||
<a class="see_more" href="./products/xixun_software/SingleMachine/SingleMachine.html">查看更多...</a>
|
||
</div>
|
||
</div>
|
||
<div class="product-item">
|
||
<img src="./static/products/custom_develop/custom_develop.png">
|
||
<!-- <div class="product-item-a-box">
|
||
<a href="./products/control_system/lamp_pole/lamp_pole.html" class="product-item-a">
|
||
<span class="product-item-title">定制开发</span>
|
||
<span class="product-item-more">查看更多</span>
|
||
</a>
|
||
</div> -->
|
||
<div class="product_control_sys_list">
|
||
<h5>定制开发</h5>
|
||
<!-- <i class="layui-icon layui-icon-component"></i> -->
|
||
<ul class="product_control_sys_ul">
|
||
<li class="product_control_sys_li">
|
||
<a href="">定制开发1</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="">定制开发2</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="">定制开发3</a>
|
||
</li>
|
||
</ul>
|
||
<a class="see_more" href="./products/control_system/sync_send/sync_send.html">查看更多...</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="inpro_pagination"></div> -->
|
||
<div class="swiper-scrollbar inproduct_scrollbar" style="display: flex;background-color: black;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="home3">
|
||
<div class="container1260">
|
||
<div class="top">
|
||
<div class="tong_title" data-name="setfadeInUp">
|
||
<h2>解决方案</h2>
|
||
<span class="gradient_underline"></span>
|
||
<!-- <p>
|
||
秉持客户至上的理念，以产品和服务为基础，针对各行业不同的显示需求，<br />
|
||
为客户提供软硬件一体化的视频图像领域综合化解决方案。
|
||
</p> -->
|
||
</div>
|
||
<div class="purpose_tab" data-name="setfadeInUp">
|
||
<div class="item active">智慧灯杆</div>
|
||
<div class="item">车载应用</div>
|
||
<!-- <div class="item">交通应用</div> -->
|
||
<div class="item">商业显示</div>
|
||
<!-- <div class="item">同步视频</div> -->
|
||
<div class="item">二次开发</div>
|
||
<!-- <div class="item">智慧社区</div> -->
|
||
<!-- <div class="item">智慧地铁屏</div> -->
|
||
<!-- <div class="item">智慧新农村</div> -->
|
||
</div>
|
||
</div>
|
||
<div class="con" data-name="setfadeInUp">
|
||
<div class="container1260">
|
||
<div class="purpose_swiper swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide" >
|
||
<a href="./solutions/lamp_pole/lamp_pole.html">
|
||
<img src="./static/image/banner/new_灯杆解决方案.jpg" alt="" class="img_bg bgimg"/>
|
||
</a>
|
||
<!-- <div style="width: 50%;height: 60%;background-color: aliceblue;"></div> -->
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<a href="./solutions/car_load/car_load.html">
|
||
<img src="./static/image/banner/new_车载解决方案.png" alt="" class="img_bg bgimg" />
|
||
</a>
|
||
</div>
|
||
<!-- <div class="swiper-slide">
|
||
<a href="./solutions/car_load/car_load.html">
|
||
<img src="./static/image/banner/new_车载解决方案.png" alt="" class="img_bg bgimg" />
|
||
</a>
|
||
</div> -->
|
||
<div class="swiper-slide">
|
||
<a href="./solutions/commerce_display/commerce_display.html">
|
||
<img src="./static/image/banner/new_商显解决方案.png" alt="" class="img_bg bgimg" />
|
||
</a>
|
||
</div>
|
||
<!-- <div class="swiper-slide">
|
||
<a href="./solutions/video_process/video_process.html">
|
||
<img src="./static/image/banner/new_同步视频处理方案.png" alt="" class="img_bg bgimg" />
|
||
</a>
|
||
</div> -->
|
||
<div class="swiper-slide">
|
||
<a href="./solutions/second_develop/second_develop.html">
|
||
<img src="./static/image/banner/new_二次开发解决方案.jpg" alt="" class="img_bg bgimg" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="home3Text">
|
||
<div class="home3TabCont">
|
||
<a href="" class="home3TabItem active">
|
||
<div class="ppsw_box">
|
||
<h2>智慧灯杆</h2>
|
||
<div class="desc dot2">超凡表现，出色呈现</div>
|
||
<div class="more_links"><span>了解更多</span><i class="iconfont"></i></div>
|
||
</div>
|
||
</a>
|
||
<a href="" class="home3TabItem">
|
||
<div class="ppsw_box">
|
||
<h2>车载应用</h2>
|
||
<div class="desc dot2">智慧视界 大有可为</div>
|
||
<div class="more_links"><span>了解更多</span><i class="iconfont"></i></div>
|
||
</div>
|
||
</a>
|
||
<a href="" class="home3TabItem">
|
||
<div class="ppsw_box">
|
||
<h2>交通应用</h2>
|
||
<div class="desc dot2">所见即所得，创意无边界</div>
|
||
<div class="more_links"><span>了解更多</span><i class="iconfont"></i></div>
|
||
</div>
|
||
</a>
|
||
<a href="" class="home3TabItem">
|
||
<div class="ppsw_box">
|
||
<h2>商业显示</h2>
|
||
<div class="desc dot2">创意显示，无限可能</div>
|
||
<div class="more_links"><span>了解更多</span><i class="iconfont"></i></div>
|
||
</div>
|
||
</a>
|
||
<a href="" class="home3TabItem">
|
||
<div class="ppsw_box">
|
||
<h2>同步视频</h2>
|
||
<div class="desc dot2">触碰真实，活灵活现</div>
|
||
<div class="more_links"><span>了解更多</span><i class="iconfont"></i></div>
|
||
</div>
|
||
</a>
|
||
<a href="" class="home3TabItem">
|
||
<div class="ppsw_box">
|
||
<h2>二次开发</h2>
|
||
<div class="desc dot2">智慧灯杆屏方案，为新基建提速<br /></div>
|
||
<div class="more_links"><span>了解更多</span><i class="iconfont"></i></div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="home4">
|
||
<div class="index_case">
|
||
<div class="container1260">
|
||
<div class="top">
|
||
<div class="tong_title" data-name="setfadeInUp">
|
||
<h2>典型案例</h2>
|
||
<span class="gradient_underline"></span>
|
||
<!-- <p>
|
||
凭借行业领先的技术、全面综合的方案、高效快捷的服务，<br />
|
||
产品广泛应用于世界各地的庆典活动、竞技赛事、大型会议、展览展示等<br />
|
||
各行各类的视频图像显示领域。
|
||
</p> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="home4TabCont">
|
||
<div class="tabItem active">
|
||
<div class="incase_content">
|
||
<div class="incase_swiper swiper-container incase_swiper1" data-name="setfadeInUp">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/微信图片_20230915115559_1694750393.jpg" alt="0" />
|
||
</a>
|
||
<!-- <a href="/case/large/8301/index.html" class="more_links">
|
||
<span>了解更多</span><i class="iconfont"></i></a> -->
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/国庆70周年阅兵_1674108026.jpg" alt="1" />
|
||
</a>
|
||
<!-- <a href="" class="more_links">
|
||
<span>了解更多</span><i class="iconfont"></i></a> -->
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/微信图片_20230915135845_1694757574.jpg" alt="2" />
|
||
</a>
|
||
<!-- <a href="" class="more_links">
|
||
<span>了解更多</span><i class="iconfont"></i></a> -->
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/建党100周年文艺汇演_1675068009_1675994652.jpg" alt="3" />
|
||
</a>
|
||
<!-- <a href="" class="more_links">
|
||
<span>了解更多</span><i class="iconfont"></i></a> -->
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/国庆70周年阅兵_1674108026.jpg" alt="4" />
|
||
</a>
|
||
<!-- <a href="" class="more_links">
|
||
<span>了解更多</span><i class="iconfont"></i></a> -->
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/国庆70周年阅兵_1674108026.jpg" alt="5" />
|
||
</a>
|
||
<!-- <a href="" class="more_links">
|
||
<span>了解更多</span><i class="iconfont"></i></a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="incase_tab">
|
||
<div class="container1260">
|
||
<div class="incase_tablist" data-name="setfadeInRight">
|
||
<div class="item active">国庆70周年</div>
|
||
<div class="item">户外裸眼3D</div>
|
||
<div class="item">智慧灯杆屏</div>
|
||
<div class="item">车载广告屏</div>
|
||
<div class="item">商业显示</div>
|
||
<div class="item">交通屏</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabItem">
|
||
<div class="incase_content">
|
||
<div class="incase_swiper swiper-container incase_swiper2" data-name="setfadeInUp">
|
||
<div class="swiper-wrapper"></div>
|
||
</div>
|
||
<div class="incase_tab">
|
||
<div class="container1260">
|
||
<div class="incase_tablist" data-name="setfadeInRight"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="indexContentbox swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide indexContent">
|
||
<div class="home5">
|
||
<div class="index_about bgimg">
|
||
<div class="common-banner waves_banner">
|
||
<div class="starry_sky">
|
||
<div id="wonder"></div>
|
||
</div>
|
||
</div>
|
||
<!-- <section id="works-visual"></section> -->
|
||
<div class="container1260">
|
||
<div class="tong_title">
|
||
<h2>熙讯科技</h2>
|
||
<p>上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。<br />10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
#include(footer)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-scrollbar indexContentbar" style="opacity: 1">
|
||
<div class="swiper-scrollbar-drag" style="height: 176.4px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
|
||
|
||
<script type="text/javascript">
|
||
function getCookie(cname) {
|
||
var name = cname + "=";
|
||
var ca = document.cookie.split(";");
|
||
for (var i = 0; i < ca.length; i++) {
|
||
var c = ca[i].trim();
|
||
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
|
||
}
|
||
return "";
|
||
}
|
||
getCookie("theme_state_OFFLi");
|
||
// console.log(typeof(getCookie("theme_state_OFFLi")))
|
||
if (getCookie("theme_state_OFFLi") === undefined || getCookie("theme_state_OFFLi") === "") {
|
||
console.log("不存在cookie");
|
||
} else {
|
||
console.log("存在cookie");
|
||
$(".popWindow").hide();
|
||
}
|
||
|
||
$(function () {
|
||
// var Page_code
|
||
$(".closeDiv").on("click", function () {
|
||
$(".popWindow").hide();
|
||
function setCookie(cname, cvalue, exdays) {
|
||
var d = new Date();
|
||
d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
|
||
var expires = "expires=" + d.toGMTString();
|
||
document.cookie = cname + "=" + cvalue + "; " + expires;
|
||
}
|
||
setCookie("theme_state_OFFLi", "vagree");
|
||
});
|
||
});
|
||
|
||
window.onload = function () {
|
||
if ($(window).innerWidth() > 1260) {
|
||
var hei = $(".home3 .top").innerHeight();
|
||
var home4TopHei = $(".home4 .top").innerHeight();
|
||
var winHei = $(window).height();
|
||
var ZHei = winHei - hei - 25;
|
||
var ZHei2 = winHei - home4TopHei - 10;
|
||
|
||
$(".home3 .con").css("height", ZHei);
|
||
$(".incase_swiper .imgbox").css("height", ZHei2);
|
||
}
|
||
};
|
||
|
||
// $(".product-item").hover(function(){
|
||
// // 鼠标进入元素时要执行的操作
|
||
// console.log('鼠标进入');
|
||
// }, function(){
|
||
// console.log('鼠标离开');
|
||
// // 鼠标离开元素时要执行的操作
|
||
// });
|
||
|
||
</script>
|
||
|
||
<!--百度分享脚本-->
|
||
<script type="text/javascript" src="./static/js/share.js"></script>
|
||
<!--select模拟插件-->
|
||
<script type="text/javascript" src="./static/js/select2.min.js"></script>
|
||
<!--省市区三级联动-->
|
||
<script type="text/javascript" src="https://pv.sohu.com/cityjson"></script>
|
||
<script type="text/javascript" src="./static/js/jquery.citys.js"></script>
|
||
<!--wow入场插件-->
|
||
<script type="text/javascript" src="./static/js/wow.min.js"></script>
|
||
<!-- 数字滚动插件 -->
|
||
<script type="text/javascript" src="./static/js/jquery.counterup.min.js"></script>
|
||
<script type="text/javascript" src="./static/js/waypoints.min.js"></script>
|
||
<!--swiper插件-->
|
||
<script type="text/javascript" src="./static/js/swiper.jquery.min.js"></script>
|
||
<!--瀑布流插件-->
|
||
<!-- <script src="/js/modernizr.custom.js"></script>
|
||
<script src="/js/masonry.pkgd.min.js"></script>
|
||
<script src="/js/imagesloaded.pkgd.min.js"></script>
|
||
<script src="/js/classie.js"></script>
|
||
<script src="/js/AnimOnScroll.js"></script> -->
|
||
|
||
<!--自定义脚本-->
|
||
<script type="text/javascript" src="./js/layout.js"></script>
|
||
|
||
<!-- 星空绘制 -->
|
||
<script src="./static/js/homeFooterCanvas/Wonder.js"></script>
|
||
|
||
<script>
|
||
var script1 = document.createElement("script");
|
||
var script2 = document.createElement("script");
|
||
var script3 = document.createElement("script");
|
||
// var script4 = document.createElement('script');
|
||
script1.src = "./static/js/three.min.js";
|
||
script2.src = "./static/js/Projector.js";
|
||
script3.src = "./static/js/CanvasRenderer.js";
|
||
// script4.src = 'dist/js/works.visual.js';
|
||
document.write(script1.outerHTML);
|
||
document.write(script2.outerHTML);
|
||
document.write(script3.outerHTML);
|
||
// document.write(script4.outerHTML);
|
||
</script>
|
||
<script>
|
||
new Wonder({
|
||
el: '#wonder',
|
||
dotsNumber: 100,
|
||
lineMaxLength: 300,
|
||
dotsAlpha: .5,
|
||
speed: 1.5,
|
||
clickWithDotsNumber: 5
|
||
})
|
||
|
||
$(function () {
|
||
$(window).resize(function () {
|
||
ifSwiper();
|
||
});
|
||
ifSwiper();
|
||
|
||
$(".couter").countUp({
|
||
delay: 10,
|
||
time: 1000,
|
||
});
|
||
});
|
||
|
||
function ifSwiper() {
|
||
var window_width = $(window).innerWidth();
|
||
if (window_width > 1260) {
|
||
var oSwiper = new Swiper(".home_swiper", {
|
||
direction: "vertical", // Slides的滑动方向-垂直
|
||
mousewheelControl: true, // 开启鼠标滚轮控制Swiper切换。
|
||
noSwiping: true,
|
||
speed: 500, // 切换速度
|
||
onSetTransition: function (swiper) {
|
||
// if (swiper.activeIndex == 4) {
|
||
// swiper.params.onlyExternal = true;
|
||
// swiper.disableMousewheelControl();
|
||
// } else {
|
||
// swiper.params.onlyExternal = false;
|
||
// swiper.enableMousewheelControl();
|
||
// }
|
||
},
|
||
onSlideChangeStart: function (swiper) {
|
||
var activeIndex = swiper.activeIndex;
|
||
var animation_name = ["setfadeInUp", "setfadeInLeft", "setfadeInRight"];
|
||
for (var i = 0; i < animation_name.length; i++) {
|
||
$(".home_swiper>.swiper-wrapper>.swiper-slide")
|
||
.eq(activeIndex)
|
||
.find('div[data-name="' + animation_name[i] + '"]')
|
||
.addClass(animation_name[i]);
|
||
$(".home_swiper>.swiper-wrapper>.swiper-slide")
|
||
.eq(activeIndex)
|
||
.siblings()
|
||
.find('div[data-name="' + animation_name[i] + '"]')
|
||
.removeClass(animation_name[i]);
|
||
}
|
||
if (activeIndex > 0) {
|
||
$(".Topping").addClass("active");
|
||
} else {
|
||
$(".Topping").removeClass("active");
|
||
}
|
||
},
|
||
});
|
||
$(".Topping").click(function () {
|
||
oSwiper.slideTo(0, 1000, false);
|
||
});
|
||
var iSwiper = new Swiper(".indexContentbox", {
|
||
scrollbar: ".indexContentbar",
|
||
direction: "vertical",
|
||
slidesPerView: "auto",
|
||
freeMode: true,
|
||
freeModeMomentum: false,
|
||
mousewheelControl: true,
|
||
mousewheelSensitivity: 0.5,
|
||
onSetTransition: function (swiper, translate) {
|
||
//translate 一直为0，不可直接用
|
||
nowTranslate = swiper.translate;
|
||
if (typeof beforeTranslate == "undefined") {
|
||
beforeTranslate = 0;
|
||
}
|
||
slideHeight = swiper.slides[0].scrollHeight;
|
||
swiperHeight = swiper.height;
|
||
if (nowTranslate > -2 && nowTranslate > beforeTranslate) {
|
||
oSwiper.slideTo(3);
|
||
}
|
||
if (slideHeight - swiperHeight + nowTranslate < 2 && nowTranslate < beforeTranslate) {
|
||
oSwiper.slideTo(4);
|
||
}
|
||
beforeTranslate = nowTranslate;
|
||
},
|
||
onTouchEnd: function (swiper) {
|
||
//if(swiper.translate>0){oSwiper.slideTo(3);}
|
||
if (swiper.translate < swiper.height - swiper.slides[0].scrollHeight) {
|
||
oSwiper.slideTo(3);
|
||
}
|
||
},
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|