上传文件至 src
This commit is contained in:
parent
1ccfe2fe9d
commit
2a9f360c49
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
|
|
@ -0,0 +1,827 @@
|
|||
<!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_灯杆解决方案.png" 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/LCD/L30B/L30B.html">L30B</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/commerce_display/M80B-S/M80B-S.html">M80B-S</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/video_process/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/sync_send/ST30/ST30.html">ST30</a>
|
||||
</li>
|
||||
<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/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="">LedOK Express</a>
|
||||
</li>
|
||||
<li class="product_control_sys_li">
|
||||
<a href="">AIPS4</a>
|
||||
</li>
|
||||
<li class="product_control_sys_li">
|
||||
<a href="">LEDOK Lite</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="see_more" href="./products/video_process/sync_send/sync_send.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/video_process/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_灯杆解决方案.png" 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 class="swiper-slide">
|
||||
<div class="imgbox">
|
||||
<a href="">
|
||||
<img src="https://support.colorlightinside.com/uploads/国庆70周年阅兵_1674108026.jpg" alt="6" />
|
||||
</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/国际大会-封面_1656301117.png" alt="7" />
|
||||
</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/车展_1656300635.png" alt="8" />
|
||||
</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">大运会</div>
|
||||
<div class="item">数字VP影棚</div>
|
||||
<div class="item">户外机械屏</div>
|
||||
<div class="item">建党100周年</div>
|
||||
<div class="item">亚洲文化嘉年华</div>
|
||||
<div class="item">国庆70周年</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>
|
||||
Loading…
Reference in New Issue
Block a user