$(function(){
    banner();
   $(document).on("click",".re_bottom li",function(){
        $(this).addclass("on").siblings().removeclass("on");
        $(".index_box01 .right li").eq($(this).index()).show().siblings().hide();
        imgratio();
    })


   
   

})




function banner(){
    $(document).ready(function() {
    var swiperflag = false;
    $(".banner li").eq(0).addclass("ani-slide");
    if($(".banner li").length>1){
        $(".banner .swiper-pagination").show();
        var myswiper = new swiper('.banner .swiper-container', {
            autoplay: 5000, 
            speed:1000,
            // autoheight: true,
            // effect : 'fade',
            loop: true,
            prevbutton:'.banner .swiper-button-prev',
            nextbutton:'.banner .swiper-button-next',
            autoplaydisableoninteraction : false,
            pagination: '.banner .swiper-pagination',
            paginationclickable :true,
            autoplaydisableoninteraction : false,
            oninit: function(swiper){
                slide=swiper.slides.eq(0);
                slide.addclass('ani-slide');
                      
            },ontransitionstart: function(swiper){
                for(i=0;i<swiper.slides.length;i++){
                  slide=swiper.slides.eq(i);
                  slide.removeclass('ani-slide');
                }

            },
            onslidechangeend: function(swiper) {
                slide=swiper.slides.eq(swiper.activeindex);
                slide.addclass('ani-slide');
                
                var _this = $('.banner .swiper-slide').eq(swiper.activeindex);
                if(!swiperflag) {
                    swiperflag = true;
                } else {
                    videoselect(_this);
                }
            }
        })
        
    }else{
        $(".banner .swiper-pagination").hide();
        var myswiper = new swiper('.banner .swiper-container', {
            autoplay: 5000, 
            speed:1000,
            // autoheight: true,
            // effect : 'fade',
            loop: false,
            prevbutton:'.banner .swiper-button-prev',
            nextbutton:'.banner .swiper-button-next',
            autoplaydisableoninteraction : false,
            pagination: '.banner .swiper-pagination',
            paginationclickable :true,
            autoplaydisableoninteraction : false,
            oninit: function(swiper){
                slide=swiper.slides.eq(0);
                slide.addclass('ani-slide');
                      
            },ontransitionstart: function(swiper){
                for(i=0;i<swiper.slides.length;i++){
                  slide=swiper.slides.eq(i);
                  slide.removeclass('ani-slide');
                }

            },
            onslidechangeend: function(swiper) {
                slide=swiper.slides.eq(swiper.activeindex);
                slide.addclass('ani-slide');
                
                var _this = $('.banner .swiper-slide').eq(swiper.activeindex);
                if(!swiperflag) {
                    swiperflag = true;
                } else {
                    videoselect(_this);
                }
            }
        })
    }
    
    if ($(window).width()>767) {
        videoselect($('.banner .swiper-slide.swiper-slide-active'));
        
    }else{
        
    }
    
    function videoselect(_this) {
        var flag = true;
        var cc = _this.hasclass('ban_video');
        if(cc) {
            
            myswiper.stopautoplay();
            var videos =
                '<video src="' + _this.data('video') + '"  autoplay="autoplay" muted class="vv" style="display:none;"></video>';
            _this.append(videos);
 
            var aaa = setinterval(function() {
                if(!isnan($(".vv").get(0).duration) && flag) {
                    clearinterval(aaa);
                    flag = false;
                    settimeout(function() {
                        _this.find('video').css("display", "block");
                    }, 500)
                }
            }, 10);
 
            _this.find('video').bind('ended', function() {
                myswiper.slidenext();
                myswiper.startautoplay();
            });
        } else {
            $('.vv').remove();
        }
    }



})
}