// 轮播图效果
function banner(a,b,c,d){
    var i=0,auto,att=$(a).length;
   $(a).eq(0).show().siblings().hide();
  // $(d).eq(0).show().siblings().hide();
  $(d).eq(0).css('left','30').siblings().hide();
   $(b).eq(0).addClass(c).siblings().removeClass(c);
 // 自动
 autoitm(a,b,c,d);
 //滑过
  $(b).hover(function(){
     clearInterval(auto);
      i=$(this).index();
     autoban(a,b,c,d);
  },function(){
    autoitm(a,b,c,d);
 });
  
  function autoban(a,b,c,d){
    let sqw=$(window).width();
        $(a).eq(i).stop(true,true).fadeIn(300).siblings().stop(true,true).fadeOut(300); 
       // $(d).eq(i).stop(true,true).fadeIn(300).siblings().stop(true,true).fadeOut(300);      
     
        if(sqw<=375){
          $(d).eq(0).css('left','30%').siblings().hide();
          $(d).eq(i).animate({'left':'0%'},300,'', $(d).eq(i).fadeIn(300).stop(true,true).animate({'left':'100%'}).stop(true,true).siblings().fadeOut(100)); 
        }else{
          $(d).eq(0).css('left','0').siblings().hide();
          $(d).eq(i).animate({'left':'30%'},300,'', $(d).eq(i).fadeIn(300).stop(true,true).animate({'left':'100%'}).stop(true,true).siblings().fadeOut(100)); 
        }
            
       $(b).eq(i).stop(true,true).addClass(c).siblings().stop(true,true).removeClass(c);
  };
  function autoitm(a,b,c,d){
      auto=setInterval(function(){
          i++;
   if(i>att-1){
       i=0;
   }
    autoban(a,b,c,d);
 },6000);
  };
}