File: /data/wwwroot/wordpress/wp-content/themes/yantou/index.php
<?php get_header(); ?>
<div id="luxy">
<main id="main">
<div class="g_body">
<div class="i-banner-swiper banner">
<div class="swiper-container1 swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="text">
<b>技术性创新</b>
<span>Technological innovation</span>
<p>专注新型材料创新，创值得信赖的国际品牌</p>
</div>
<div class="i-banner" style="background-image: url('<?php echo of_get_option('banner_index1'); ?>')"> </div>
</div>
<div class="swiper-slide">
<div class="text">
<b>个性化创新</b>
<span>Personalized innovation</span>
<p>专注新型材料创新，创值得信赖的国际品牌</p>
</div>
<div class="i-banner" style="background-image: url('<?php echo of_get_option('banner_index2'); ?>')"> </div>
</div>
<div class="swiper-slide">
<div class="text">
<b>全新性服务</b>
<span>New service</span>
<p>专注新型材料创新，创值得信赖的国际品牌</p>
</div>
<div class="i-banner" style="background-image: url('<?php echo of_get_option('banner_index3'); ?>')"> </div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="i_con1">
<div class="i_title">
<b class="g_f_t">产品中心</b>
<span>Product center</span>
</div>
<div class="g_w">
<div class="swiper swiper-container3">
<div class="swiper-wrapper">
<?php function tx_wp_get_category_root_id($cat){
$this_category = get_category(2);
while ($this_category->category_parent) {
$this_category = get_category($this_category->category_parent);
}
return $this_category->term_id;
}
foreach (get_categories('hide_empty=0&child_of=' . tx_wp_get_category_root_id(2) . '') as $cate) { ?>
<div class="swiper-slide">
<div class="item">
<a href="<?php echo get_category_link($cate->term_id); ?>">
<div class="img">
<div class="g_bg" style="background-image: url('<?php the_field('pro-cate-img', $cate); ?>')">
</div>
</div>
<span class="title"><?php echo get_cat_name($cate->term_id); ?></span>
</a>
</div>
</div>
<?php $r++; if($r>15) break; } ?>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="link">
<a href="/product">查看更多 <span>>></span></a>
</div>
</div>
</div>
<div class="i_con2">
<div class="g_w">
<div class="i_title white">
<b class="g_f_t">关于我们</b>
<span>About us</span>
</div>
<p><?php echo of_get_option('gsjs'); ?></p>
<!-- <p>
上海岩投新材料科技有限公司成立于2021年，位于上海临港自由贸易试验区，地理位置十分优越，是一家集新材料产品和解决方案于一身的民营企业。
<br>
公司主要依托于吉林长玉成长起来，目前是长玉稳定的渠道代理商，负责长玉海外日本区域的碳<br>化物粉末推广与销售，包括但不限于氧化镁等工业粉体海外渠道的进口销售。
</p> -->
</div>
</div>
<!-- <div class="i_con3">
<div class="i_title">
<b class="g_f_t">合作伙伴</b>
<span>Business partner</span>
</div>
<div class="swiper swiper-container4">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/1.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/2.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/3.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/4.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/5.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/6.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/7.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/8.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/9.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/10.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/11.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="swiper swiper-container5">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/1.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/2.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/3.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/4.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/5.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/6.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/7.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/8.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/9.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/10.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/11.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="swiper swiper-container4">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/11.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/10.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/9.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/8.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/7.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/6.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/5.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/4.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/3.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/2.png" alt="">
</div>
<div class="swiper-slide">
<img src="<?php bloginfo('template_url'); ?>/static/logo/1.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div> -->
<!-- <div class="i_con4">
<div class="g_w">
<div class="top">
<div class="i_title white" style=" display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; ">
<b class="g_f_t">未来发展</b>
<span>Future development</span>
</div>
<p>公司已形成了以技术服务和创新为导向，进而带
动公司各类粉体产品销售的可持续性发展结构。海外进
出口业务已拓展到日韩，未来将继续努力开发欧美等地
区客户，希望可以得到海内外客户的一致认可。
目前公司已参与国企大型项目中标多次，希望在不久的将来
销售可突破千万，并为社会提供更多的就业岗位，实现公司
自身的价值！</p>
</div>
</div>
</div> -->
</div>
</main>
</div>
<script>
document.getElementById("head_li_0").className = "active";
var mySwiper1 = new Swiper('.swiper-container1', {
direction: 'horizontal',
// loop: true,
effect: 'fade',
fadeEffect: {
crossFade: true,
},
speed: 1000,
observer: true,
observeParents: true,
observeSlideChildren: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
on: {
init: function () {
swiperAnimateCache(this); //隐藏动画元素
swiperAnimate(this); //初始化完成开始动画
},
slideChangeTransitionStart: function () {
},
slideChangeTransitionEnd: function () {
swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
//this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
}
}
});
var mySwiper2 = new Swiper('.swiper-container2', {
direction: 'horizontal',
speed: 2000,
loop: true,
slidesPerView: 'auto',
spaceBetween: 300,
centeredSlides: true,
observer: true,
observeParents: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// breakpoints: {
// 1440: { spaceBetween: 250, },
// },
on: {
slideChangeTransitionStart: function () {
var i = this.realIndex;
$('.i_con1 .item_tabCon').eq(i).addClass('active').siblings().removeClass('active')
},
slideChangeTransitionEnd: function () {
}
}
});
var mySwiper3 = new Swiper('.swiper-container3', {
direction: 'horizontal',
speed: 2000,
fill: 'row',
slidesPerColumnFill:'row',
slidesPerColumn: 2,
slidesPerView: 3,
rows: '2',
spaceBetween: 50,
observer: true,
observeParents: true,
breakpoints: {
1440: { spaceBetween: 30, },
980: { slidesPerView: 2, slidesPerColumn: 2,spaceBetween: 20, centeredSlides: false,},
600: { slidesPerView: 2, slidesPerColumn: 2,spaceBetween: 20, centeredSlides: false,},
},
});
var mySwiper4 = new Swiper('.swiper-container4', {
observer: true,
observeSlideChildren: true,
observeParents: true, //这三个可以去文档看下介绍，主要就是异步情况会重新加载swiper。
loop: true, //开启环路
speed: 4000, //每个轮播图过渡的时间
spaceBetween: 6, //每个轮播图间隔
slidesPerView: 6, //当前页面显示几个，这里是auto
loopedSlides: 12, //比你页面显示的数量大于2就好
updateOnWindowResize: false, //分辨率改变时，防止样式错乱加上！
autoplay: {
delay: 0, //每循环一圈，间隔时间，无缝轮询，则为0
stopOnLastSlide: false,
disableOnInteraction: false,
},
preloadImages: true,
updateOnImagesReady: true,
});
var mySwiper5 = new Swiper('.swiper-container5', {
observer: true,
observeSlideChildren: true,
observeParents: true, //这三个可以去文档看下介绍，主要就是异步情况会重新加载swiper。
loop: true, //开启环路
speed: 4500, //每个轮播图过渡的时间
spaceBetween: 6, //每个轮播图间隔
slidesPerView: 6, //当前页面显示几个，这里是auto
loopedSlides: 12, //比你页面显示的数量大于2就好
updateOnWindowResize: false, //分辨率改变时，防止样式错乱加上！
autoplay: {
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: false,
reverseDirection: true,
},
preloadImages: true,
updateOnImagesReady: true,
});
</script>
<?php get_footer(); ?>