1004 lines
41 KiB
HTML
1004 lines
41 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 >
|
||
/* 消息弹出框样式 */
|
||
.popup-message {
|
||
display: none; /* 初始隐藏 */
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: rgba(0, 0, 0,0.7);
|
||
justify-content: center;
|
||
align-items: center;
|
||
z-index: 9999;
|
||
overflow: scroll;
|
||
}
|
||
|
||
.popup-content {
|
||
position: relative;
|
||
max-width: 80%; /* 弹框宽度占屏幕的80% */
|
||
max-height: 80%; /* 弹框高度占屏幕的80% */
|
||
background: #fff;
|
||
border-radius: 10px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
padding: 20px;
|
||
}
|
||
|
||
.popup-content img {
|
||
width: 100%; /* 让图片宽度自适应 */
|
||
height: auto; /* 保持图片比例 */
|
||
max-height: 70%; /* 限制图片的最大高度为弹框的70% */
|
||
border-radius: 10px;
|
||
object-fit: contain; /* 保证图片不会被裁剪 */
|
||
}
|
||
|
||
.buttons {
|
||
margin-top: 20px;
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 20px; /* 按钮间的间隔 */
|
||
}
|
||
|
||
.dont-show-btn, .close-btn {
|
||
padding: 15px 30px;
|
||
font-size: 16px;
|
||
background-color: #4CAF50;
|
||
color: white;
|
||
border: none;
|
||
border-radius: 10px;
|
||
cursor: pointer;
|
||
min-width: 120px; /* 按钮宽度最小为120px，保证点击区域大 */
|
||
transition: background-color 0.3s ease;
|
||
}
|
||
|
||
.dont-show-btn:hover, .close-btn:hover {
|
||
background-color: #45a049;
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.popup-content {
|
||
max-width: 90%; /* 屏幕较小时，弹框宽度占90% */
|
||
max-height: 90%; /* 高度也占90% */
|
||
}
|
||
|
||
.dont-show-btn, .close-btn {
|
||
padding: 12px 25px; /* 按钮在小屏时略小 */
|
||
font-size: 14px; /* 字体大小调整 */
|
||
}
|
||
}
|
||
@media (max-width: 400px) {
|
||
.popup-content {
|
||
max-width: 90%; /* 屏幕较小时，弹框宽度占90% */
|
||
max-height: 90%; /* 高度也占90% */
|
||
}
|
||
|
||
.dont-show-btn, .close-btn {
|
||
padding: 6px 15px; /* 按钮在小屏时略小 */
|
||
font-size: 12px; /* 字体大小调整 */
|
||
}
|
||
}
|
||
|
||
/* #wonder{
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 42%;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 2;
|
||
background: url(./static/image/homeFooterCanvasBg/starsky.jpg) no-repeat;
|
||
background-size: cover;
|
||
|
||
} */
|
||
#wonder {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 2;
|
||
background: url(./static/image/homeFooterCanvasBg/starsky.jpg) no-repeat;
|
||
background-size: cover;
|
||
}
|
||
|
||
.Lbanner5 img {
|
||
background-size: cover;
|
||
object-fit: fill;
|
||
}
|
||
|
||
.purpose_swiper .img_bg {
|
||
background-size: cover;
|
||
object-fit: fill;
|
||
}
|
||
|
||
@media screen and (min-width: 1276px) {
|
||
.swiper-wrapper .product-item {
|
||
width: 40%;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 1276px) and (max-width: 1295px) {
|
||
.swiper-wrapper .product-item .product_control_sys_list h5 {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul .product_control_sys_li a {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.swiper-wrapper .product-item .product_control_sys_list .see_more {
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
</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;
|
||
}
|
||
}
|
||
// window.onload = function() {
|
||
// document.getElementById("popupMessage").style.display = "flex";
|
||
// }
|
||
|
||
// 消息弹出框
|
||
|
||
// $(function(){
|
||
// const currentTime = new Date().getTime();
|
||
// const lastPopupTime = localStorage.getItem("lastPopupTime");
|
||
// // const showPopupDuration = 15 * 60 * 1000; // 设置为15分钟，用户关闭后15分钟内不再弹出
|
||
// const showPopupDuration = 1 * 1000; // 设置为15分钟，用户关闭后15分钟内不再弹出
|
||
|
||
// window.onload = function() {
|
||
|
||
// // 检查是否应该显示弹框
|
||
// if (shouldShowPopup(lastPopupTime, currentTime)) {
|
||
// // 显示图片弹框
|
||
// document.getElementById("popupMessage").style.display = "flex";
|
||
// }
|
||
|
||
// // 点击关闭按钮
|
||
// document.getElementById("closePopup").onclick = function() {
|
||
// document.getElementById("popupMessage").style.display = "none";
|
||
// // 记录关闭时间
|
||
// localStorage.setItem("lastPopupTime", currentTime);
|
||
// };
|
||
|
||
// // 点击“不再提醒”按钮
|
||
// document.getElementById("dontShowAgain").onclick = function() {
|
||
// document.getElementById("popupMessage").style.display = "none";
|
||
// // 设置不再显示的标记
|
||
// localStorage.setItem("dontShowPopupAgain", "true");
|
||
// };
|
||
// };
|
||
|
||
// // 判断是否应该显示弹框
|
||
// function shouldShowPopup(lastPopupTime, currentTime) {
|
||
// // 如果用户已经选择“不再提醒”，则不显示
|
||
// if (localStorage.getItem("dontShowPopupAgain") === "true") {
|
||
// return false;
|
||
// }
|
||
|
||
// // 如果没有记录上次显示时间，或者超过了设置的时间（例如7天）
|
||
// if (!lastPopupTime || currentTime - lastPopupTime > showPopupDuration) {
|
||
// return true;
|
||
// }
|
||
|
||
// return false;
|
||
// }
|
||
// })
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</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" />
|
||
<div class="bannertextImg">
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_车载解决方案.png" alt="" class="Lshow" />
|
||
<div class="bannertextImg">
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_商显解决方案.png" alt="" class="Lshow" />
|
||
<div class="bannertextImg">
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- <div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_同步视频处理方案.png" alt="" class="Lshow" />
|
||
<div class="bannertextImg">
|
||
</div>
|
||
</a>
|
||
</div> -->
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_二次开发解决方案.jpg" alt="" class="Lshow" />
|
||
<div class="bannertextImg">
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide">
|
||
<a href="" class="Lbanner5">
|
||
<img src="./static/image/banner/new_云平台.png" alt="" class="Lshow" />
|
||
<div class="bannertextImg">
|
||
|
||
</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">
|
||
|
||
<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">
|
||
|
||
<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">
|
||
|
||
<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">
|
||
|
||
<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">
|
||
|
||
<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">
|
||
|
||
<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/commerce_display/commerce_display.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/video_process/2-in-1_video_process/2-in-1_video_process.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="/products/custom_develop/second_development/second_development.html">安卓控制卡二次开发</a>
|
||
</li>
|
||
<li class="product_control_sys_li">
|
||
<a href="/products/custom_develop/overall_plan/overall_plan.html">整体方案定制</a>
|
||
</li>
|
||
</ul>
|
||
<a class="see_more" href="/products/custom_develop/second_development/second_development.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 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 class="swiper-slide">
|
||
<a href="./solutions/light_shadow_screen/light_shadow_screen.html">
|
||
<img src="./static/image/banner/光影屏解决方案.png" 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>
|
||
|
||
</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>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/国庆70周年阅兵_1674108026.jpg" alt="1" />
|
||
</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>
|
||
|
||
</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>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="imgbox">
|
||
<a href="">
|
||
<img src="https://support.colorlightinside.com/uploads/国庆70周年阅兵_1674108026.jpg" alt="4" />
|
||
</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>
|
||
|
||
</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" style="margin-top: 6vw;">
|
||
<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>
|
||
<!-- 弹出通知框 -->
|
||
<!-- <div id="popupMessage" class="popup-message">
|
||
<div class="popup-content">
|
||
<img id="popupImage" src="/static/image/ISE.jpg" alt="通知图片">
|
||
<div class="buttons">
|
||
<button id="dontShowAgain" class="dont-show-btn">不再通知</button>
|
||
<button id="closePopup" class="close-btn">关闭</button>
|
||
</div>
|
||
</div>
|
||
</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");
|
||
});
|
||
});
|
||
// const currentTime = new Date().getTime();
|
||
// const lastPopupTime = localStorage.getItem("lastPopupTime");
|
||
// const showPopupDuration = 15 * 60 * 1000; // 设置为15分钟，用户关闭后15分钟内不再弹出
|
||
// // const showPopupDuration = 1 * 1000; // 设置为15分钟，用户关闭后15分钟内不再弹出
|
||
|
||
|
||
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);
|
||
}
|
||
// 检查是否应该显示弹框
|
||
// if (shouldShowPopup(lastPopupTime, currentTime)) {
|
||
// // 显示图片弹框
|
||
// $("#popupMessage").css("display", "flex");
|
||
// }
|
||
|
||
// // 点击关闭按钮
|
||
// $("#closePopup").click(function() {
|
||
// $("#popupMessage").css("display", "none");
|
||
// // 记录关闭时间
|
||
// localStorage.setItem("lastPopupTime", currentTime);
|
||
// });
|
||
|
||
// // 点击“不再提醒”按钮
|
||
// $("#dontShowAgain").click(function() {
|
||
// $("#popupMessage").css("display", "none");
|
||
// // 设置不再显示的标记
|
||
// localStorage.setItem("dontShowPopupAgain", "true");
|
||
// });
|
||
};
|
||
|
||
// 判断是否应该显示弹框
|
||
// function shouldShowPopup(lastPopupTime, currentTime) {
|
||
// // 如果用户已经选择“不再提醒”，则不显示
|
||
// if (localStorage.getItem("dontShowPopupAgain") === "true") {
|
||
// return false;
|
||
// }
|
||
|
||
// // 如果没有记录上次显示时间，或者超过了设置的时间（例如7天）
|
||
// if (!lastPopupTime || currentTime - lastPopupTime > showPopupDuration) {
|
||
// return true;
|
||
// }
|
||
|
||
// return false;
|
||
|
||
// };
|
||
// $(".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> |