master
lion 4 weeks ago
parent c8d6998937
commit ff33b630a5

@ -9,21 +9,27 @@
<style>
@font-face {
font-family: "Event Heiti";
src: local("Heiti SC"), local("STHeiti"), local("黑体"), local("SimHei");
src: local("Heiti SC"), local("STHeiti"), local("PingFang SC"), local("PingFangSC-Regular"), local("黑体"), local("SimHei"),
url("assets/fonts/SourceHanSansSC-Regular-gb2312.woff2?v=20260828") format("woff2");
font-weight: 400 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Event Songti";
src: local("Songti SC"), local("STSong"), local("宋体"), local("SimSun"), local("NSimSun");
src: local("Songti SC"), local("STSongti-SC-Regular"), local("STSong"), local("宋体"), local("SimSun"), local("NSimSun"),
url("assets/fonts/SourceHanSerifSC-Regular-gb2312.woff2?v=20260828") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Event Songti";
src: local("Songti SC Bold"), local("STSongti-SC-Bold"), local("宋体"), local("SimSun"), local("NSimSun");
src: local("Songti SC Bold"), local("STSongti-SC-Bold"), local("宋体"), local("SimSun"), local("NSimSun"),
url("assets/fonts/SourceHanSerifSC-SemiBold-gb2312.woff2?v=20260828") format("woff2");
font-weight: 600 900;
font-style: normal;
font-display: swap;
}
:root {
--blue: #0094dc;
@ -46,8 +52,8 @@
--white: #fff;
--wrap: min(1280px, calc(100% - 64px));
--ease: cubic-bezier(.2,.8,.2,1);
--font-sans: "Event Heiti", sans-serif;
--font-serif: "Event Songti", serif;
--font-sans: "Event Heiti", "PingFang SC", "Heiti SC", sans-serif;
--font-serif: "Event Songti", "Songti SC", "STSongti-SC-Regular", serif;
--font-small: var(--font-serif);
--font-small-size: 14px;
--font-en: var(--font-serif);
@ -110,10 +116,10 @@
pointer-events: none;
}
.hero-banner--landmarks {
background-image: url("assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826");
background-image: none;
}
.hero-banner--photonic {
background-image: url("assets/generated/hero-photonic-youth-blue-purple-balanced-v7-sharp-trails-4k.jpg?v=20260826");
background-image: none;
background-position: center center;
}
.hero-banner--photonic img { object-position: center center; }
@ -561,7 +567,7 @@
.site-header .wrap, .hero .wrap { width: min(760px, calc(100% - 40px)); }
.brand { width: min(16.8vw, 152px); }
.hero { background-position: 55% center; }
.hero-banner--landmarks { background-image: url("assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826"); background-size: cover; background-position: 10% center; }
.hero-banner--landmarks { background-image: none; background-size: cover; background-position: 10% center; }
.hero-banner--landmarks img { object-position: 10% center; }
.hero-banner--photonic { background-size: cover; background-position: right center; }
.hero-banner--photonic img { object-position: right center; }
@ -604,7 +610,7 @@
.header-inner { min-height: 62px; }
.brand { width: min(34.4%, 124px); }
.nav { display: none; }
.hero-banner--landmarks { background-image: url("assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826"); background-size: cover; background-position: 10% center; }
.hero-banner--landmarks { background-image: none; background-size: cover; background-position: 10% center; }
.hero-banner--landmarks img { object-position: 10% center; }
.hero-banner--photonic { background-size: cover; background-position: right center; }
.hero-banner--photonic img { object-position: right center; }
@ -5646,14 +5652,14 @@
<section class="hero is-orbit-visible">
<div class="hero-banners" aria-hidden="true">
<div class="hero-banner hero-banner--landmarks is-active">
<img src="assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826" alt="">
<img src="assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826" alt="" fetchpriority="high" decoding="async">
</div>
<div class="hero-banner hero-banner--photonic">
<img src="assets/generated/hero-photonic-youth-blue-purple-balanced-v7-sharp-trails-4k.jpg?v=20260826" alt="">
<img data-src="assets/generated/hero-photonic-youth-blue-purple-balanced-v7-sharp-trails-4k.jpg?v=20260826" alt="" decoding="async">
</div>
</div>
<div class="hero-map-dots" aria-hidden="true"></div>
<img class="hero-orbit-beams" src="assets/generated/hero-reference-beams-v1.png?v=20260826" alt="" aria-hidden="true">
<img class="hero-orbit-beams" src="assets/generated/hero-reference-beams-v1.png?v=20260826" alt="" aria-hidden="true" loading="lazy" decoding="async">
<div class="hero-orbit-composition" aria-hidden="true">
<div class="hero-orbit-mark">
<img src="assets/competition-radial-mark.png?v=20260826" alt="">
@ -5696,9 +5702,9 @@
</div>
<div class="audience-detail">
<div class="audience-types" aria-label="参赛主体类型">
<div class="audience-type" tabindex="0"><img src="assets/icons/audience-enterprise.svg" alt=""><div><strong>科技企业</strong><p>光通信细分领域创业项目,目前已具备一定的技术储备和市场规模。</p></div></div>
<div class="audience-type" tabindex="0"><img src="assets/icons/audience-university.svg" alt=""><div><strong>高校团队</strong><p>关注产学研成果转化类项目,目前已进行概念验证,希望进行市场化运作。</p></div></div>
<div class="audience-type" tabindex="0"><img src="assets/icons/audience-institute.svg" alt=""><div><strong>科研院所</strong><p>聚焦光通信产业领域前沿技术类项目,未来可引领技术市场发展方向。</p></div></div>
<div class="audience-type" tabindex="0"><img src="assets/icons/audience-enterprise.svg" alt="" loading="lazy"><div><strong>科技企业</strong><p>光通信细分领域创业项目,目前已具备一定的技术储备和市场规模。</p></div></div>
<div class="audience-type" tabindex="0"><img src="assets/icons/audience-university.svg" alt="" loading="lazy"><div><strong>高校团队</strong><p>关注产学研成果转化类项目,目前已进行概念验证,希望进行市场化运作。</p></div></div>
<div class="audience-type" tabindex="0"><img src="assets/icons/audience-institute.svg" alt="" loading="lazy"><div><strong>科研院所</strong><p>聚焦光通信产业领域前沿技术类项目,未来可引领技术市场发展方向。</p></div></div>
</div>
</div>
</div>
@ -5855,15 +5861,28 @@
var fadeMs = 1200;
var intervalMs = 7000;
function ensureBannerImage(banner) {
if (!banner) return;
var img = banner.querySelector("img[data-src]");
if (!img || img.getAttribute("src")) return;
img.setAttribute("src", img.getAttribute("data-src"));
img.removeAttribute("data-src");
}
function setOrbitVisible(visible) {
if (!hero) return;
hero.classList.toggle("is-orbit-visible", visible);
}
window.setTimeout(function () {
ensureBannerImage(banners[(index + 1) % banners.length]);
}, 1500);
window.setInterval(function () {
if (fading) return;
fading = true;
var next = (index + 1) % banners.length;
ensureBannerImage(banners[next]);
banners[next].style.zIndex = "2";
banners[next].classList.add("is-active");
setOrbitVisible(banners[next].classList.contains("hero-banner--landmarks"));

Loading…
Cancel
Save