/*锚点动效*/
$('a[href*=#],area[href*=#]').click(function() {
   if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
      var $target = $(this.hash);
      $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
      if ($target.length) {
         var targetOffset = $target.offset().top ;
         $('html,body').animate({
               scrollTop: targetOffset
            },
            500);
         return false;
      }
   }
});



var swpierLength = $(".swiper-container01 .swiper-wrapper01 .swiper-slide").length
//console.log(swpierLength)
for (var i = 0; i < swpierLength; i++) {
  var swiperWidth = $(".swiper-container01 .swiper-wrapper01 .swiper-slide").eq(i).find('span').width()
  //console.log(swiperWidth)
  $(".swiper-container01 .swiper-wrapper01 .swiper-slide").eq(i).css("width",swiperWidth)
}
var swiper01 = new Swiper('.swiper-container01', {
  slidesPerView: 'auto',
  spaceBetween: 0,
  pagination: {
    el: '.swiper-pagination01',
    type: 'progressbar',
  },
  navigation: {
    nextEl: '.swiper-button-next01',
    prevEl: '.swiper-button-prev01',
  },
});
swiper01.init();





/*var swiper02 = new Swiper('.swiper-container02', {
  slidesPerView: 'auto',
  spaceBetween: 0,
  pagination: {
    el: '.swiper-pagination02',
    type: 'progressbar',
  },
  navigation: {
    nextEl: '.swiper-button-next02',
    prevEl: '.swiper-button-prev02',
  },
});
swiper02.init();*/



$(".swiper-container03 .swiper-pagination03 span:first-child").addClass("swiper-pagination-bullet-active");
var swiper03 = new Swiper('.swiper-container03', {
  slidesPerView: 'auto',
  spaceBetween: 10,
  pagination: {
    el: '.swiper-pagination03',
    clickable: true,
    renderBullet: function (index, className) {
      switch(index){
        case 0:text='菲律宾';break;
        case 1:text='巴西';break;
        case 2:text='葡萄牙';break;
        case 7:text='智利';break;
        case 4:text='意大利';break;
        case 5:text='希腊';break;
        case 6:text='阿曼';break;
        case 9:text='中国香港';break;
        case 8:text='巴基斯坦';break;
        case 3:text='澳大利亚';break;

      }
      return `<span class="${className}">${text}</span>`;
    },
  },
  navigation: {
    nextEl: '.swiper-button-prev03',
    prevEl: '.swiper-button-next03',
  },
});
swiper03.init();