78 lines
3.2 KiB
HTML
78 lines
3.2 KiB
HTML
<div class="header">
|
|
{% include "components/header_one.html" %}
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
function winScrollTop() {
|
|
var winScrollTop = $(window).scrollTop();
|
|
if (winScrollTop > 0) {
|
|
$(".header").addClass("bgcf");
|
|
} else {
|
|
$(".header").removeClass("bgcf");
|
|
}
|
|
}
|
|
winScrollTop()
|
|
$(window).scroll(function () {
|
|
winScrollTop()
|
|
});
|
|
})
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$(".alau .en").hover(function () {
|
|
$(this).find("img").fadeToggle(500);
|
|
});
|
|
})
|
|
</script>
|
|
<script>$(".nav li").hover(function () { $(this).find(".sub").stop().slideToggle(500); })</script>
|
|
<div class="banner">
|
|
<div class="swiper-container swiper-container-1">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide" data-swiper-autoplay="38000">
|
|
<div class="banvideo">
|
|
<video autoplay="" loop="" muted="" width="100%" height="100%"
|
|
style="object-fit: cover; position:absolute">
|
|
<source style="width: 100%;height: 100vh;object-fit: cover;"
|
|
src="upload/2023-03/167876178328587900.mp4" type="video/mp4">
|
|
</video>
|
|
<div class="banposter"><img style="width: 100%;height: 100vh;object-fit: cover;"
|
|
src="upload/2023-03/167815766487152500.jpg" width="100%">
|
|
</div>
|
|
<div class="word"><img src="images/word.png" width="100%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<a href="">
|
|
<img style="width: 100vw;height: 100vh;object-fit: cover;object-position: center;"
|
|
src="upload/2023-11/169925748791906500.jpg" alt="首页BANNER" width="100%" height="auto"
|
|
class="img01">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="swiper-pagination swiper-pagination-1"></div> -->
|
|
</div>
|
|
<script>
|
|
var swiper1 = new Swiper('.swiper-container-1', {
|
|
loop: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
disableOnInteraction: false,
|
|
},
|
|
pagination: {
|
|
el: '.swiper-pagination-1',
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.swiper-next',
|
|
prevEl: '.swiper-prev',
|
|
},
|
|
});
|
|
</script>
|
|
<div class="ban_down">
|
|
<a href="">
|
|
<div class="ban_downa">鼠标向下滚动</div>
|
|
<div class="ban_downb"><img src="images/banner_down_15.png"></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<script>jQuery(".banner").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPlay: true, autoPage: true });</script>
|
|
</div> |