代码拉取完成，页面将自动刷新
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta name="format-detection" content="telephone=no,email=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 控制状态栏显示样式 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出 -->
<meta http-equiv="Pragma" content="no-cache" />
<!-- 优先使用最新的ie版本 最新的chrome版本-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<!-- 控制文档的缓存机制 -->
<!-- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> -->
<!-- 响应过期的日期和时间 -->
<meta http-equiv="Expires" content="0" />
<!-- 选择使用的浏览器解析内核 -->
<meta name="renderer" content="webkit">
<!-- 搜索引擎 网页的关键字 -->
<meta name="keywords" content="H3C DIGITAL TOUR 2024">
<!-- 搜索引擎 网页主要内容 -->
<meta name="description" content="Dedication, For A Smarter Future">
<!-- 网页的作者 -->
<meta name="author" content="新华三集团" />
<!-- 标注版权 -->
<meta name="Copyright" content="www.h3c.com,版权所有,不得随意转载" />
<title>H3C DIGITAL TOUR 2024</title>
<!-- icon -->
<link rel="icon" type="image/x-icon" href="https://www.h3c.com/en/tres/NewWebUI/images/favicon.ico">
<!-- 样式 -->
<link rel="stylesheet" href="./css/index.css" />
<!-- swiper样式 -->
<link rel="stylesheet" href="./css/swiper.min.css" />
<script src="./js/jquery.min.js"></script>
<script src="./js/swiper.jquery.min.js"></script>
<script src="./js/swiper.animate.min.js"></script>
<!-- footer代码 -->
<script src="./js/footer.js"></script>
<!-- js代码 -->
<script src="./js/index.js"></script>
</head>
<body>
<!-- header顶部导航信息 -->
<header>
<div class="top">
<div class="top-c">
<!-- header logo -->
<div class="logo">
<a href="https://www.h3c.com/en/" target="_blank">
<img src="./images/index/logo.png" alt="" />
</a>
</div>
<ul class="nav">
<li class="active">Digital Tour 2024 in Regions</li>
<li>Highlight Video</li>
</ul>
<!-- 移动端menu -->
<div class="menu show-phone">
<span class="menu-line"></span>
<span class="menu-line"></span>
<span class="menu-line" style="margin-bottom:0;"></span>
</div>
</div>
</div>
<!-- banner信息 -->
<div class="banner">
<!-- 左侧介绍 -->
<div class="bannerLeft">
<div class="bannerText">
<img src="./images/bannerText04.png" alt="" />
</div>
<div class="bannerDesc show-pc">
Themed “Dedication, For A Smarter Future”, the Digital Tour aims to build on an open, collaborative, and shared platform, and attract industry leaders and experts to take part in the cutting-edge technology discussions, while bringing H3C’s latest ICT point of view and innovative solutions in a variety of areas.
</div>
</div>
<!-- 右侧视频 -->
<div class="bannerRight">
<div class="audioContent">
<img src="./images/index/audioPlay.png" alt="播放" class="videoPlay"/>
<video id="video" poster="./images/index/audio3.png">
<source src="./images/index/video0.mp4" />
</video>
</div>
</div>
<div class="bannerDesc show-phone">
Themed “Dedication, For A Smarter Future”, the Digital Tour aims to build on an open, collaborative, and shared platform, and attract industry leaders and experts to take part in the cutting-edge technology discussions, while bringing H3C’s latest ICT point of view and innovative solutions in a variety of areas.
</div>
</div>
</header>
<!-- 中间内容信息 -->
<section>
<!-- Regions -->
<div class="content" id="m0">
<div class="main">
<div class="mainTit">
<img src="./images/index/regions2.png" alt="" />
</div>
<div class="regionsCards">
<div class="regionsCard">
<div>
<img src="./images/index/apj1.png" alt="" />
</div>
<div class="name">APJ</div>
<a class="more" href="./content.html">
<span>Learn More</span>
<div></div>
</a>
</div>
<div class="regionsCard">
<div>
<img src="./images/index/emea1.png" alt="" />
</div>
<div class="name">EMEA</div>
<div class="more">
<span>Learn More</span>
<div></div>
</div>
</div>
<div class="regionsCard">
<div>
<img src="./images/index/latam1.png" alt="" />
</div>
<div class="name">LATAM</div>
<div class="more">
<span>Learn More</span>
<div></div>
</div>
</div>
<div class="regionsCard">
<div>
<img src="./images/index/namer1.png" alt="" />
</div>
<div class="name">NAMER</div>
<div class="more">
<span>Learn More</span>
<div></div>
</div>
</div>
</div>
</div>
</div>
<!-- Highlight video -->
<div class="content" id="m1">
<div class="main">
<div class="mainTit">
<img src="./images/index/hvTit2.png" alt="" />
</div>
<div class="hightVideos">
<div class="hightDesc show-phone">
<div>Themed “Dedication, For A Smarter Future”, the Digital Tour aims to build on an open, collaborative, and shared platform, and attract industry leaders and experts to take part in the cutting-edge technology discussions while bringing H3C’s latest ICT point of view and innovative solutions in a variety of areas. </div>
<div>Join us and share your insights and experience. Find out how together with H3C, we can help to bring a better digital future.</div>
</div>
<div class="hightLeft">
<div class="hightAdd">
<div>Beijing</div>
<div>Presented in Mandarin</div>
</div>
<div class="hightTime">
<img src="./images/index/hightTime1.png" alt="">
<div>June 23, 2024</div>
</div>
<div class="hightAudio hightAudio1">
<span></span>
<img src="./images/index/hightAudioBg1.png" alt="" class="hightAudioBg">
<div> China</div>
<img src="./images/index/hightAudioPlay1.png" alt="" class="hightAudioBtn">
</div>
<!-- 视频 -->
<div class="hightAudio hightAudio2">
<video id="video2" poster="./images/index/hightAudioBg1.png">
<source src="./images/index/video0.mp4" />
</video>
</div>
</div>
<div class="hightRight">
<div class="hightDesc show-pc">
<div>Themed “Dedication, For A Smarter Future”, the Digital Tour aims to build on an open, collaborative, and shared platform, and attract industry leaders and experts to take part in the cutting-edge technology discussions while bringing H3C’s latest ICT point of view and innovative solutions in a variety of areas. </div>
<div>Join us and share your insights and experience. Find out how together with H3C, we can help to bring a better digital future.</div>
</div>
<div class="hightSwipercontainer">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/index/swiper0.png" alt="" />
<div> China</div>
</div>
<div class="swiper-slide">
<img src="./images/index/swiper1 (1).png" alt="" />
<div> China</div>
</div>
<div class="swiper-slide">
<img src="./images/index/swiper2 (2).png" alt="" />
<div> China</div>
</div>
<div class="swiper-slide">
<img src="./images/index/swiper3 (2).png" alt="" />
<div> China</div>
</div>
<div class="swiper-slide">
<img src="./images/index/swiper3 (2).png" alt="" />
<div> China</div>
</div>
<div class="swiper-slide">
<img src="./images/index/swiper1 (1).png" alt="" />
<div> China</div>
</div>
<div class="swiper-slide">
<img src="./images/index/swiper3 (2).png" alt="" />
<div> China</div>
</div>
<div class="swiper-slide">
<img src="./images/index/swiper3 (2).png" alt="" />
<div> China</div>
</div>
</div>
<!-- 如果需要分页器 -->
<!-- <div class="swiper-pagination"></div> -->
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 如果需要滚动条 -->
<div class="swiper-scrollbar"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Follow Us 信息 -->
<div class="follow-us">
<div class="container">
<div class="top1">
<div>
<h2>Follow Us</h2>
<div class="bottom-img show-pc">
<img src="./images/bottom-img.png" alt="">
</div>
</div>
<div>
<div class="bottom-titw1">
Find out more about this event or engage in our discussion using:
</div>
<p class="bottom-titw2">
#H3CDigtialTour2024
</p>
<div class="top2">
<a href="https://www.linkedin.com/company/h3c-technologies-co-ltd/posts/?feedView=all&viewAsMember=true"
target="_blank">
<img src="./images/icon-in.png">
</a>
<a href="https://www.facebook.com/H3CGlobal" target="_blank">
<img src="./images/icon-facebook.png">
</a>
<a href="https://twitter.com/H3CGlobal" target="_blank">
<img src="./images/icon-twitter.png">
</a>
<a href="https://www.youtube.com/channel/UC2NT0dk1z4Wb4zQjk1b6q1g" class="youtube"
target="_blank">
<img src="./images/icon-youtube.png"></a>
</div>
<div class="bottom-img show-phone">
<img src="./images/bottom-img.png" alt="">
</div>
</div>
</div>
<h5>
<span>Are you an H3C partner? Log in to see additional resources.</span>
<br />
<span>You can find excellent H3C partners, or you can become one of them to build a partnership with
H3C and share success together.</span>
</h5>
<a href="https://www.h3c.com/en/Partners/" target="_blank" class="learn-more">
<span>Learn More</span>
<img src="./images/arrow-next.png" class="default">
<img src="./images/arrow-next-white1.png" class="hover">
</a>
</div>
</div>
</section>
<!-- footer 底部导航信息 -->
<footer class="footer">
<div class="main">
<div class="right">
<a href="https://www.h3c.com/en/Home/Sitemap/">Sitemap</a>
<a href="https://www.h3c.com/en/Home/TermsOfUse/">Terms Of Use</a>
<a href="https://www.h3c.com/en/Home/Privacy/" class="youtube">Privacy Statement</a>
</div>
<span>Copyright © New H3C Technologies Co., Ltd. All Rights Reserved.</span>
<span class="div-br">
<span>浙ICP备09064986号-1</span>
<img src="./images/hui.png"/>
<span>浙公网安备 33010802004416号</span>
</span>
</div>
</footer>
<script type="text/javascript">
$(document).ready(function () {
var isMobild = 'ontouchstart' in document.documentElement;
var mySwiper = new Swiper('.swiper-container', {
// 如果需要分页器
// pagination: '.swiper-pagination',
// 如果需要前进后退按钮
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
// 滚动条
scrollbar: ".swiper-scrollbar",
// 显示几个
slidesPerView: isMobild ? 3 : 4,
// slide之间的距离（单位px）。
spaceBetween: 10,
});
// banner 播放视频
var video1 = $("#video")[0];
$(".videoPlay").on("click", function(e) {
if(video.paused) {//暂停
video1.play();
video1.controls = true;
$(".videoPlay").hide()
} else {
video1.pause()
video1.controls = false;
$(".videoPlay").show()
}
});
// Highlight Video
var video2 = $("#video2")[0];
var hightAudio1 = $(".hightAudio1");
var hightAudio2 = $(".hightAudio2");
// 点击播放视频，
$(".hightAudioBtn").on("click", function(e) {
hightAudio1.hide();
hightAudio2.show();
video2.play();
video2.controls = true;
});
// 点击切换图片
$(".swiper-slide").on("click", function(e){
hightAudio1.show();
hightAudio2.hide();
video2.pause();
var src = $(this).children("img").attr("src");
$(".hightAudioBg").attr("src", src)
});
})
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手