// 首页banner

$.ajax({
  url: base_url + "dfhcate/details",
  data: {
    id: 5
  },
  success: function (res) {
    if (res.statusCode == 200) {
      // console.log('首页-成功', res.data);
    //   res.data.albums = [
    //     {
    //       img: "http://www.edongfanghong.com/upload/bgs/category1/album/202406/17/202406171509477999.jpeg",
    //       link: "http://www.edongfanghong.com/abouts/2-1-1about.html?pageid=2",
    //       title: ""
    //     },
    //     {
    //       img: "http://www.edongfanghong.com/upload/bgs/category1/album/202405/31/202405311658527800.jpg",
    //       link: "http://www.edongfanghong.com/abouts/2-1-1about.html?pageid=2",
    //       title: ""
    //     }
    // ]
    // res.data.albumsH5 = [
    //   {
    //     img: "http://www.edongfanghong.com/upload/bgs/category1/album/202406/25/202406251015118052.jpg",
    //     link: "http://www.edongfanghong.com/abouts/2-1-1about.html?pageid=2",
    //     title: ""
    //   },
    //   {
    //     img: "http://www.edongfanghong.com/upload/bgs/category1/album/202405/31/202405311658527800.jpg",
    //     link: "http://www.edongfanghong.com/abouts/2-1-1about.html?pageid=2",
    //     title: ""
    //   }
    // ]
      res.data.albums.forEach((item,index) => {
        // console.log('首页-成功-pc',item)
        $('#ajaxbannerPc').append(`
                  <div class="swiper-slide">
                      <a class="banner-item relative" href="${item.link}">
                          <img class="banner-pic banner-pic-pc" src="${item.img}" alt="">
                          <div class="banner-pic banner-pic-pc banner-pic-chuan ani"
                              swiper-animate-effect="fadeInRight" swiper-animate-duration="3s"
                              swiper-animate-delay="0s">
                          </div>

                          
                      </a>
                  </div>
              `)
      });
      // 处理banner为1的指示器问题
      if(res.data.albums.length<=1){
        $(".banner_page").hide()
      }

      res.data.albumsH5.forEach((item,index) => {
        // console.log('首页-成功-h5',item)
        $('#ajaxbannerH5').append(`
          <a class="swiper-slide" href="${item.link}">
              <div class="banner-item relative">
                  <img class="banner-pic banner-pic-h5"  src="${item==undefined? '/img/index_banner_bg.png':item.img}" alt="" >
  
                  
              </div>
          </a>
        `)
      });

      
      // 轮播图-初始化-pc
      let bannerSwiper_PC = new Swiper('.banner-pc', {
        slidesPerView: 1,
        spaceBetween: 0,
        speed: 1000,
        allowSlideNext: res.data.albums.length<=1? false : true,
        allowSlidePrev: res.data.albums.length<=1? false : true,
        autoplay: false,
        disableOnInteraction: false,
        loop: true,
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
        on: {
          // init: function () {
          //   swiperAnimateCache(this); //隐藏动画元素
          //   swiperAnimate(this); //初始化完成开始动画
          // },
          // slideChangeTransitionEnd: function () {
          //   swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
          // },
        }
      });
      // 轮播图-初始化-h5
      let bannerSwiper_H5 = new Swiper('.banner-h5', {
        slidesPerView: 1,
        spaceBetween: 0,
        speed: 1000,
        allowSlideNext: res.data.albumsH5.length<=1? false : true,
        allowSlidePrev: res.data.albumsH5.length<=1? false : true,
        autoplay: false,
        disableOnInteraction: false,
        loop: true,
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
        on: {
          // init: function () {
          //   swiperAnimateCache(this); //隐藏动画元素
          //   swiperAnimate(this); //初始化完成开始动画
          // },
          // slideChangeTransitionEnd: function () {
          //   swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
          // },
        }
      });
      // 轮播图-点击切换
      $('#bannerponl').click(function () {
        bannerSwiper_PC.slidePrev();
      })
      $('#bannerponr').click(function () {
        bannerSwiper_PC.slideNext();
      })

    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});


// console.log('homeSwiper', homeSwiper);

// 通知公告
$.ajax({
  url: base_url + "dfharticle/list",
  data: {
    id: 18,
    index: true,
    pageIndex: 1,
    pageSize: 4
  },
  success: function (res) {
    if (res.statusCode == 200) {
      res.data.items = sort(res.data.items,'sort')
      // console.log('通知公告成功', res.data);
      if (res.data.items.length < 1) {
        $('#ajaxtzgg').append(`<div class="kongbox"><img src="./img/serchres.png"><p>暂无内容</p></div>`)
      } else {
        res.data.items.forEach(item => {
          $('#ajaxtzgg').append(`
                <li>
                  <a swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
                      swiper-animate-delay="0.5s"
                      class="ani news-center-item flex items-center" href="./newscenter/5-1-2details.html?id=${item.id}&fid=${item.cateId}">
                      <img src="./img/icon-you2.png">
                      <div>
                          <p class="tzgg_desc">${item.title}</p>
                          <p class="tzgg_time">${item.addTime}</p>
                      </div>
                  </a>
              </li>
              `)
        });
      }


    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});

// 公司新闻
$.ajax({
  url: base_url + "dfharticle/list",
  data: {
    id: 17,
    index: true,
    pageIndex: 1,
    pageSize:6
  },
  
  success: function (res) {
    if (res.statusCode == 200) {
      res.data.items = sort(res.data.items,'sort')
      // console.log('公司新闻-成功', res.data);
      if (res.data.items.length < 1) {
        $('#ajaxbjsp').append(`<div class="kongbox"><img src="./img/serchres.png"><p>暂无内容</p></div>`)
      } else {
        // swiper-slide
        res.data.items.forEach(item => {
          $('#ajaxbjsp').append(`
              <li class="bjsp_item bjsp_item2 swiper-slide">
                <a href="./newscenter/5-1-2details.html?id=${item.id}&fid=${item.cateId}">
                  <div class="news_img">
                    <img class="am6" src="${item.img}">
                  </div>
                  <h5 class="text-cut2">${item.title}</h5>
                  <p class="text-cut4">${item.subTitle}</p>
                  <div class="jus-sta ali-cen news_more news_more2">
                      <div>${item.addTime}</div>
                      <div class="news_more_btn">
                          <img src="./img/icon-you.png" alt="" srcset="">
                      </div>
                  </div>
                </a>
              </li>

          `)
          
          
        });
        // 公司新闻-tab点击切换
        $('.project-tags-aaa .project-tag').click(function () {
         
          var index = $(this).index();
          // console.log(index);
          // 改变图标
          $(this).addClass('news_chose').siblings().removeClass('news_chose')
          if(index){
            $(this).children('img').attr('src', './img/jkzx_icon0.png')
            $(this).siblings().children('img').attr('src', './img/gsxw_icon1.png')
            // $('.project-total-aaa ul').eq(index).show()
            // $('.project-total-aaa ul').eq(index-1).hide()
            // second_swiper two_swiper
            // console.log(second_swiper);
            second_swiper.slideTo(6)
            
          }else{
            $(this).children('img').attr('src', './img/gsxw_icon0.png')
            $(this).siblings().children('img').attr('src', './img/jkzx_icon1.png')
            second_swiper.slideTo(6)
            // console.log(second_swiper);
            
          }
          // $('.project-total-aaa ul').eq(index).show()
          projectTypeSwiperaaa.slideTo(index);
        })
        // 公司新闻-滑动产品对应tab切换
        var projectTypeSwiperaaa = new Swiper('.project-total-aaa', {
          on: {
            slideChangeTransitionStart: function(){
              // console.log(this.activeIndex);
              if (this.activeIndex == 0) {
                $('.news_tit>div').eq(0).addClass('news_chose')
                $('.news_tit>div').eq(1).removeClass('news_chose')
                // console.log( $('.news_tit>div').eq(this.activeIndex).find('img'));
                // console.log( $('.news_tit>div').eq(this.activeIndex+1).find('img'));
                $('.news_tit>div').eq(this.activeIndex).find('img').attr('src', './img/gsxw_icon0.png')
                $('.news_tit>div').eq(this.activeIndex+1).find('img').attr('src', './img/jkzx_icon1.png')
              } else {
                $('.news_tit>div').eq(1).addClass('news_chose')
                $('.news_tit>div').eq(0).removeClass('news_chose')
                // console.log( $('.news_tit>div').eq(this.activeIndex).find('img'));
                // console.log( $('.news_tit>div').eq(this.activeIndex-1).find('img'));
                $('.news_tit>div').eq(this.activeIndex).find('img').attr('src', './img/jkzx_icon0.png')
                $('.news_tit>div').eq(this.activeIndex-1).find('img').attr('src', './img/gsxw_icon1.png')
              }
            },
          }
        });
        // ====

        var second_swiper=new Swiper('.second-one',{
          nested: true,
          slidesPerView: 'auto',
          on: {
            // 最后一个
            reachEnd: function (e) {
              // console.log('最后一个');
              // $('.news_tit>div').eq(1).addClass('news_chose')
              // $('.news_tit>div').eq(0).removeClass('news_chose')
              // $('.news_tit>div').eq(this.activeIndex).find('img').attr('src', './img/jkzx_icon0.png')
              // $('.news_tit>div').eq(this.activeIndex-1).find('img').attr('src', './img/gsxw_icon1.png')
            }
          }
        });
        
        // ====
      }


    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});

// 健康资讯-营养补充类
$.ajax({
  url: base_url + "dfharticle/list",
  data: {
    id: 19,
    index: true,
    pageIndex: 1,
    pageSize: 6
  },
  success: function (res) {
    if (res.statusCode == 200) {
      res.data.items = sort(res.data.items,'sort')
      // console.log('健康资讯-成功', res.data);
      if (res.data.items.length < 1) {
        $('#ajaxyybc').append(`<div class="kongbox"><img src="./img/serchres.png"><p>暂无内容</p></div>`)
      } else {
        res.data.items.forEach(item => {
          $('#ajaxyybc').append(`
                <li class="jkzx_item swiper-slide">
                  <a href="./newscenter/5-1-2details.html?id=${item.id}&fid=${item.cateId}">
                    <h5 class="text-cut2">${item.title}</h5>
                    <p class="text-cut5">${item.zhaiYao}</p>
                    <div class="jus-sta ali-cen news_more">
                        <div>${item.addTime}</div>
                        <div class="news_more_btn">
                            <img src="./img/icon-you.png" alt="" srcset="">
                        </div>
                    </div>
                  </a>
                </li>
              `)
        });
        var two_swiper=new Swiper('.second-two',{
          nested: true,
          slidesPerView: 'auto',
          on:{
            reachBeginning: function () {
              console.log('到了第一个slide');
            },
          },
        });
      }


    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});

// 走进太阳成tyc122cc入口+科研创新
$.ajax({
  url: base_url + "dfharticle/list",
  data: {
    id: 5,
    index: true,
  },
  success: function (res) {
    if (res.statusCode == 200) {
      
      res.data.items = sort(res.data.items,'sort')
      // console.log('走进太阳成tyc122cc入口++科研创新-成功===', res.data.items);

      // 走进太阳成tyc122cc入口
      if (res.data.items[0].subTitle.length < 1) {
        $('#ajaxabout1').text('暂无内容')
        $('#ajaxabout2').text('暂无内容')
        $('#ajaxabout3').text('暂无内容')
      } else {
        $('#ajaxabout1').text(res.data.items[0].title)
        $('#ajaxabout2').text(res.data.items[0].subTitle)
        $('#ajaxabout3').text(res.data.items[0].zhaiYao)
      }

      // 走进太阳成tyc122cc入口的数字 和 背景
      $('.about_right').css('background-image',`url('${res.data.items[0].albums[0].img}')`)
      let txtarry = res.data.items[0].albums[0].title
      let txtarry2=[]
      txtarry = txtarry.split(';')
      txtarry.forEach(i => {
        txtarry2.push(i.split('$'))
      })
      // console.log('走进太阳成tyc122cc入口++科研创新-成功===', txtarry2);
      $('#ajaxabout4').append(`
        <div class="about_right_item">
            <span>${txtarry2[0][2]}</span>
            <div class="count-container1" id="count-container1"></div>
            <p>${txtarry2[0][0]}</p>
        </div>
        <div class="about_right_item">
            <span>${txtarry2[1][2]}</span>
            <div class="jus-sta ali-end">
                <div id="count-container2-0"></div>
                <div style="display:${txtarry2[1][1].split('.')[1]==undefined? 'none':''};">
                  <span class="point">.</span>
                  <div id="count-container2-1"></div>
                </div>
                
            </div>
            <p>${txtarry2[1][0]}</p>
        </div>
        <div class="about_right_item">
            <span>${txtarry2[2][2]}</span>
            <div id="count-container3"></div>
            <p>${txtarry2[2][0]}</p>
        </div>
      `)
      
      ajaxaboutnum1 = txtarry2[0][1]
      ajaxaboutnum20 = txtarry2[1][1].split('.')[0]
      ajaxaboutnum21 = txtarry2[1][1].split('.')[1]
      ajaxaboutnum3 = txtarry2[2][1]
      // 科研创新
      if (res.data.items[1].title.length < 1) {
        $('#ajaxkycx1').text('暂无内容')
      } else {
        $('#ajaxkycx1').append(res.data.items[1].zhaiYao)
        res.data.items[1].albums.forEach((item, index) => {
          // let title = item.title.split('\n')[0]  
          // let desc = item.title.split('\n')[1]
          // console.log('hasNewline==',item.title.split('\n'));
          $('#ajaxkycx2').append(`
          <a class="swiper-slide" href="${item.link}">
              <img class="kycx_right_item_pic" src="${item.img}">
              <div class="kycx_right_item_box kycx_right_item_boxact am6">
                  <h4 class="text-cut1" style="display:${item.title.split('\n')[0]==undefined?'none':''};">${item.title.split('\n')[0]}</h4>
                  <p class="text-cut2" style="display:${item.title.split('\n')[1]==undefined?'none':''};">${item.title.split('\n')[1]}</p>
                  <img src="./img/jiantou.png">
              </div>
          </a>
        `)
        })
        // console.log(pageWidth)
        var mySwiper
        setTimeout(()=>{
          if(pageWidth<1080){
            // h5
            mySwiper = new Swiper('#swiper0', {
              autoplay: true, //是否自动播放 true 是  false 否
              centeredSlides: true,
              loop: true,
              slidesPerView:2,
              spaceBetween: 10,
              effect: 'slide',     
            })
          }else{
            // pc
            mySwiper = new Swiper('#swiper0', {
              autoplay: true, //是否自动播放 true 是  false 否
              centeredSlides: true,
              loop: true,
              effect:'coverflow',
              slidesPerView:3,
              spaceBetween: 10,
              coverflowEffect: {
                  rotate: 0,        
                  depth: 180,   
                  modifier: 1,     
              }
            })
          }
        },1000)
        
        // 科研创新-轮播图-pc
        // var mySwiper = new Swiper('#swiper0', {
        //   autoplay: true, //是否自动播放 true 是  false 否
        //   centeredSlides: true,
        //   loop: true,
        //   effect: pageWidth<375? 'slide':'coverflow',
        //   coverflowEffect: {
        //       rotate: 0,             //slide做3d旋转时Y轴的旋转角度
        //       depth: 180,           //slide的位置深度。值越大z轴距离越远，看起来越小。
        //       modifier: 1,       //值越大这三个参数的效果越明显。
        //   },            
        //   breakpoints: {
        //       375: { //当屏幕宽度大于等于375
        //           slidesPerView:2,
        //           spaceBetween: 10,
        //           effect: 'slide',
        //       },
        //       1000: { //当屏幕宽度大于等于1000
        //           slidesPerView:3,
        //       }
        //   }
        // })
        // 科研创新-图标交互
        $('#kycxLeft').click(function () {
            mySwiper.slidePrev();
        })
        $('#kycxLeft').mouseenter(function () {
            $(this).children('.shzr_tit_btnpic1').hide()
            $(this).children('.shzr_tit_btnpic2').show()
        })
        $('#kycxLeft').mouseleave(function () {
            $(this).children('.shzr_tit_btnpic2').hide()
            $(this).children('.shzr_tit_btnpic1').show()
        })
        $('#kycxRight').click(function () {
            mySwiper.slideNext();
        })
        $('#kycxRight').mouseenter(function () {
            $(this).children('.shzr_tit_btnpic1').hide()
            $(this).children('.shzr_tit_btnpic2').show()
        })
        $('#kycxRight').mouseleave(function () {
            $(this).children('.shzr_tit_btnpic2').hide()
            $(this).children('.shzr_tit_btnpic1').show()
        })


      }
    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});

// 研发团队-列表 ====
var pageWidth = $(window).width();
$.ajax({
  url: base_url + "dfharticle/list",
  data: {
    id: 15,
    index: true,
    pageIndex: 1,
    pageSize: 10
  },
  success: function (res) {
    if (res.statusCode == 200) {
      res.data.items = sort(res.data.items,'sort')
      // console.log('研发团队-列表-成功', res.data); 
      // <img class="yftd_peo1" src="${item.img}">
      // <img class="yftd_peo1_cri cri1" src="./img/science/zjbg1.png">
      // <img class="yftd_peo1_cri cri2" src="./img/science/zjbg2.png">
      // ,url("./img/science/zjbg1.png"),url("./img/science/zjbg2.png")
      if (res.data.items.length < 1) {
        $('#ajaxyftd').append(`<div class="kongbox"><img src="./img/serchres.png"><p>暂无内容</p></div>`)
      } else {
        // <img class="yftd_peo1" src="/img/peo1.png"></img>
        res.data.items.forEach(item => {
          $('#ajaxyftd').append(`
              <a href="./science/3-4-1yftd.html" class="swiper-slide yftd_item">
                <div class="yftd_peo">
                <img class="bbb" src="${item.img}">
                <img class="yftd_peo1_cri cri1 am6" src="./img/science/zjbg1.png">   
                <img class="yftd_peo1_cri cri2 am6" src="./img/science/zjbg2.png">   
                </div>
                <div class="yftd_txt">
                    <div class="yftd_name jus-sta ali-cen">
                        <h5>${item.title}</h5>
                        <span>${item.subTitle}</span>
                    </div>
                    <p>${item.zhaiYao}</p>
                </div>
              </a>
            `)
        });
        var mySwiper1 =new Swiper('#swiper1', {
          loop: true,
          slidesPerView: pageWidth<=500?1:4,
          // autoplay: true,
          speed: 1000,
        })
        // 研发团队-点击icon切换
        $('#yftdLeft').click(function () {
            mySwiper1.slidePrev();
        })
        $('#yftdRight').click(function () {
            mySwiper1.slideNext();
        })
        // 研发团队-icon hover效果
        $('#yftdLeft').mouseenter(function () {
            $(this).children('.shzr_tit_btnpic1').hide()
            $(this).children('.shzr_tit_btnpic2').show()
        })
        $('#yftdLeft').mouseleave(function () {
            $(this).children('.shzr_tit_btnpic2').hide()
            $(this).children('.shzr_tit_btnpic1').show()
        })
        $('#yftdRight').mouseenter(function () {
            $(this).children('.shzr_tit_btnpic1').hide()
            $(this).children('.shzr_tit_btnpic2').show()
        })
        $('#yftdRight').mouseleave(function () {
            $(this).children('.shzr_tit_btnpic2').hide()
            $(this).children('.shzr_tit_btnpic1').show()
        })
        
        // 研发团队-item的hover效果   1 蓝  2灰
        // 进入
        $('.yftd_item').mouseenter(function () {
            $(this).find('.cri1').css('height','100%')
            $(this).find('.cri2').css('height','0%')
            // $(this).find('.cri1').show()
            // $(this).find('.cri2').hide()
            
        })
        $('.yftd_item').mouseleave(function () {
          $(this).find('.cri1').css('height','0%')
          $(this).find('.cri2').css('height','100%')
            // $(this).find('.cri1').hide()
            // $(this).find('.cri2').show()
        })
      }

    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});

// 产品体系-列表 tab
$.ajax({
  url: base_url + "dfhcate/tree",
  data: {
    parentId: 4,
  },
  success: function (res) {
    if (res.statusCode == 200) {
      res.data = sort(res.data,'sort')
      // console.log('产品体系-列表-成功', res.data);
      res.data.forEach((item, index) => {
        // console.log(index, item.id);
        // 循环tab
        $('#ajaxcptxnav').append(`
          <div swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.${index}s"
              class="ani project-tag am6 relative flex justify-center items-center ${index == 0 ? 'active' : ''}" data-index="${item.id}"
              onclick="getgoods(${item.id})">
              ${item.title}
          </div>
        `)

        // 循环tab对应的box
        $('#ajaxcptxbox').append(`
              <div class="ani swiper-slide uuuuuuuuuuuuu" swiper-animate-effect="fadeInUp"
                  swiper-animate-duration="0.5s" swiper-animate-delay=".1s" id="navid${item.id}">
                  <div class="main-layout">
                      <section class="project-swiper swiper-container">
                          <div class="swiper-wrapper zzzzzzzzzzuuuuu">
                              
                             
                          </div>
                          <div class="project-pagination flex justify-center"></div>
                          <div class="project-button project-next swiper-button-next" style="display:none"></div>
                          <div class="project-button project-prev swiper-button-prev" style="display:none"></div>
                      </section>

                  </div>
              </div>
        `)
      })
      setTimeout(() => {
        getgoods(20)
        getgoods(21)
        getgoods(22)
        getgoods(23)
        getgoods(24)
      },1000)
    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});

// =================产品体系-详情=================
function getgoods(navid) {
  // wrapnum产品的列数,也就是换行的index数
  function getclass(wrapnum,length,index) {
    
    if (length <= 6) {
      return 'wrapnormal'
    } else {
      // console.log(wrapnum,length)
      if(wrapnum%2==0){   //换行从偶数开始
        if (index >= wrapnum) {
          return 'wrapsecond'
        } else {
          return 'wrapfirst'
        }
      }else{             //换行从奇数开始
        return 'wrapsecond'
      }
      
    }
  }
  $.ajax({
    url: base_url + "dfharticle/list",
    data: {
      id: navid,   
      pageSize: 10,
      pageIndex:1
    },
    success: function (res) {
      if (res.statusCode == 200) {
        res.data.items = sort(res.data.items, 'sort')
        let wrapnum
        if (res.data.items.length >= 6) {
          // console.log(navid, res.data.items.length+'/2=',Math.ceil(res.data.items.length/2)) //除以2 向上取整
          wrapnum = Math.ceil(res.data.items.length/2)

        }
        // console.log($('#navid' + navid).find('.zzzzzzzzzzuuuuu'));
        $('#navid'+navid).find('.zzzzzzzzzzuuuuu').empty();
        if (res.data.items.length < 1) {
          $('#navid' + navid).find('.main-layout').empty()
          $('#navid' + navid).find('.main-layout').append(`
            <div class="kongbox">
              <img src="./img/serchres.png">
              <p>暂无内容</p>
            </div>
          `)
        }  else {
          res.data.items.forEach((item, index, array) => {

            // 老版本
            // if (index % 2==0) {
            //   console.log('1111',array[index + 1]);
            //   console.log('1111',array[index + 1]==undefined);  
            //   $('#navid'+navid).find('.zzzzzzzzzzuuuuu').append(`
            //     <div  class="swiper-slide project-slide bbbbbbbbbbbbbbb">
            //         <a href="./goods/4-1-2goods.html?goodsid=${item.id}">
            //             <div class="project-item">
            //                 <div class="project-item-pic relative">
            //                     <img class="project-pic" src="${item.img}">
            //                 </div>
            //             </div>
            //             <div class="project-item-title am nowrap f16">${item.title}</div>
            //             <div class="project-item-desc am  f14 text-cut1">${item.subTitle}</div>
            //         </a>
            //         ${array[index + 1] == undefined ? `` : `
            //         <a href="">
            //           <div class="project-item">
            //               <div class="project-item-pic relative">
            //                 <img class="project-pic" src="${item.img}">
            //               </div>
            //           </div>
            //           <div class="project-item-title am nowrap f16">${array[index+1].title}</div>
            //           <div class="project-item-desc am  f14 text-cut1">${array[index+1].subTitle}</div>
            //         </a>
            //         `}
                    
            //     </div>
            //   `)
            // }
            // 新版本
            $('#navid'+navid).find('.zzzzzzzzzzuuuuu').append(`
            <div class="swiper-slide project-slide ${getclass(wrapnum,array.length,index)}">
                <a href="./goods/4-1-2goods.html?goodsid=${item.id}">
                    <div class="project-item">
                        <div class="project-item-pic relative">
                            <img class="project-pic" src="${item.img}">
                        </div>
                    </div>
                    <div class="project-item-title am nowrap f16">${item.title}</div>
                    <div class="project-item-desc am  f14 text-cut1">${item.subTitle}</div>
                </a>
                
            </div>
          `)
            
          })
          // 产品体系-轮播初始化
          new Swiper('.project-swiper', {
            parallax: true,
            // spaceBetween: 0,
            // slidesPerView: 3,
            // 底部分页
            pagination: {
                el: '.project-pagination',
                clickable: true,
            },
            // 左右翻页
            navigation: {
                nextEl: '.project-next',
                prevEl: '.project-prev',
            },
            breakpoints: {
              375: { //当屏幕宽度大于等于500
                spaceBetween: 25,
                slidesPerView: 1,
                grid: {
                  fill: 'row',
                  rows: 1,
                },
              },
              1280: { //当屏幕宽度大于等于1280
                spaceBetween: 0,
                slidesPerView: 3,
                grid: {
                  fill: 'row',
                  rows: 2,
                },
              },
                
            }
          });


        }
  
  
      }
    },
    error: function (err) {
      console.log('失败', err);
    },
  });
}
// =================产品体系-列表 详情=================

// 视频专区
$.ajax({
  url: base_url + "dfharticle/list",
  data: {
    id: 29,
    index: true,
    pageIndex: 1,
    pageSize: 2
  },
  success: function (res) {
    if (res.statusCode == 200) {
      // res.data.items = sort(res.data.items,'sort')
      // console.log('视频专区-成功', res.data.items);
      if (res.data.items.length < 2) {
        $('#ajaxvideohiden').remove()
      } else {
        // $('#ajaxvideo1').data(res.data.items[0].video)
        $('#ajaxvideo1 h5').text(res.data.items[0].title)
        $('#ajaxvideo1 p').text(res.data.items[0].subTitle)
        $('#video_pic1').attr('src', res.data.items[0].img)
        $('#video_pic1').click(() => {
          // console.log(000, res.data.items[0].video)
          $("#video").attr('src',res.data.items[0].video)
        })


        // $('#ajaxvideo2').data(res.data.items[1].video)
        $('#ajaxvideo2 h5').text(res.data.items[1].title)
        $('#ajaxvideo2 p').text(res.data.items[1].subTitle)
        $('#video_pic2').attr('src',res.data.items[1].img)
        $('#video_pic2').click(() => {
          // console.log(111, res.data.items[1].video)
          $("#video").attr('src',res.data.items[1].video)
        })
      }
    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});

// 社会责任
$.ajax({
  url: base_url + "dfharticle/list",
  data: {
    id: 7,
    index: true,
    pageIndex: 1,
    pageSize: 10
  },
  success: function (res) {
    if (res.statusCode == 200) {
      res.data.items = sort(res.data.items,'sort')
      // console.log('社会责任-成功', res.data.items);
      if (res.data.items.length < 1) {
        $('#ajaxshzrhiden').remove()
      } else {
        
        res.data.items.forEach((item, index) => {
          $('#swiper-wrapper3').append(`
            <div class="swiper-slide">
              <a href="./abouts/2-2-1shzr.html?pageid=2" class="shzr_item">
                <div class="shzr_item_pic">
                    <img src="${item.img2}">
                </div>
                <p class="shzr_tit text-cut2">${item.title} | ${item.subTitle}</p>
                <div class="shzr_btn_box">
                    <div class="shzr_btn">
                        <img src="./img/jiantou3.png" alt="">
                    </div>
                </div>
              </a>
            </div>
          `)
        })
        // 社会责任-banner初始化
        var mySwiper3 = new Swiper('#swiper3', {
            loop: true,
            slidesPerView: 3,
            // autoplay: true,
            speed: 1000,
            spaceBetween: 20,
            breakpoints: {
                320: { //当屏幕宽度大于等于320
                  slidesPerView: 1,
                  spaceBetween: 0,
                },
                1280: { //当屏幕宽度大于等于1280
                  slidesPerView: 3,
                  spaceBetween: 20,
                }
            }
        })
        // 社会责任-icon交互
        $('.shzr_tit_btn>.pubbtn').mouseenter(function () {
            $(this).children('.shzr_tit_btnpic1').hide()
            $(this).children('.shzr_tit_btnpic2').show()
        });
        $('.shzr_tit_btn>.pubbtn').mouseleave(function () {
            $(this).children('.shzr_tit_btnpic2').hide()
            $(this).children('.shzr_tit_btnpic1').show()
        });
        // 社会责任-icon点击事件
        $('#shzr_tit_btnr').click(function () {
            mySwiper3.slideNext();
        })
        $('#shzr_tit_btnl').click(function () {
            mySwiper3.slidePrev();
        })
        // swiper-wrapper3
        $('.shzr_item').mouseenter(function(){
            $(this).children('.shzr_btn_box').show()
        });
        $('.shzr_item').mouseleave(function(){
            $(this).children('.shzr_btn_box').hide()
        });
        $('#yftdLeft').click(function () {
            mySwiper3.slidePrev();
        })
      }
    }
  },
  error: function (err) {
    console.log('失败', err);
  },
});