<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>江西盛和赛新材料科技有限公司</title>

  <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
    
    <link rel="stylesheet" href="/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/nav.css">
    <style>
      .footer {
       margin-top: 0px;
   }
   </style>
</head>
<body>
   <script src="/js/nav.js"></script>

    <!-- 顶部大图轮播 Swiper -->
  <div class="swiper swiper-banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="./images/bg1.jpg" alt="图1"></div>
      <div class="swiper-slide"><img src="./images/bg2.jpg" alt="图2"></div>
      <div class="swiper-slide"><img src="./images/bg3.jpg" alt="图3"></div>
    </div>
    <div class="swiper-pagination"></div>
  </div>

  <div class="content">
    <!-- 关于我们 -->
    <div class="about">
      <div class="about-title">关于我们</div>
      <p class="about-text">环保高端安全舒适地板墙板解决方案</p>
      <!-- <button class="but-more">了解更多</button> -->
      <!-- 红色按钮 -->
      <div class="button-container">
        <button class="red-button" onclick=".href='/about.html'">了解更多</button>
      </div>
    </div>
    <!-- 产品认证 -->
    <div class="product_auth">
      <h5>产品认证</h5>
      <p>真正的绿色环保建材，不砍伐树木，无甲醛，旧地板可回收再利用</p>
      <p>产品符合欧美市场严苛的室内空气质量与排放要求，先后通过ISO9001质量管理和ISO14001环境管理体系认证，</p>
      <p>并取得了美国UL绿色卫士金级认证、欧盟IAC健康金级认证等发达国家装饰材料品质标准和市场准入通行证</p>
    </div>
    <!-- 产品认证轮播图 -->
    <div class="swiper swiper-auth">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./images/14001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/9001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/45001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/floor.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/ce.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/14001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/9001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/45001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/floor.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/ce.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/14001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/9001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/45001.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/floor.png" alt=""></div>
        <div class="swiper-slide"><img src="./images/ce.png" alt=""></div>
      </div>
    </div>
    <div class="auth_img"></div>
  </div>
  <div class="product_butt_middle"></div>




    <script src="/js/footer.js"></script>
    <script src="/js/swiper-bundle.min.js"></script>

    <!-- <script src="/js/scripts.js"></script> -->
    <script>
        // 顶部大图轮播
    (function () {
      const swiperBanner = new Swiper('.swiper-banner', {
        loop: true,
        autoplay: {
          delay: 2500,
          disableOnInteraction: false
        },
        pagination: {
          el: '.swiper-banner .swiper-pagination',
          type: 'bullets'
        }
      });
    })();
  </script>
  <script>
    // 产品认证轮播
    (function () {
      const swiperAuth = new Swiper('.swiper-auth', {
        slidesPerView: 7,
        loop: true,
        speed: 2500,
        autoplay: {
          delay: 30,
          stopOnLastSlide: false,
          disableOnInteraction: true,
        },
        spaceBetween: 30,
        centeredSlides: true,
        watchSlidesProgress: true,
        breakpoints: {
          // 当屏幕宽度小于 768px
          0: {
            slidesPerView: 3,
            spaceBetween: 10,
          },
          // 当屏幕宽度大于等于 768px
          768: {
            slidesPerView: 7,
            spaceBetween: 30,
          }
        },
        on: {
          setTranslate(swiperInstance) {
            const slides = swiperInstance.slides;
            for (let i = 0; i < slides.length; i++) {
              const slide = slides[i];
              slide.style.opacity = '';
              slide.style.background = '';
              slide.style.transform = '';
            }
          },
          setTransition(swiperInstance, transition) {
            const slides = swiperInstance.slides;
            for (let i = 0; i < slides.length; i++) {
              slides[i].style.transitionDuration = `${transition}ms`;
            }
          },
        }
      });
    })();
    </script>

    <script src="https://res.zvo.cn/translate/translate.js"></script>
    <script>
      translate.setAutoDiscriminateLocalLanguage();	//设置用户第一次用时，自动识别其所在国家的语种进行切换
      translate.setUseVersion2(); //设置使用v2.x 版本
      translate.selectLanguageTag.show = false;
      translate.execute(); //执行翻译初始化操作，显示出select语言选择
    </script>

    

</body>
</html>