$(function(){
    $(".hov>div").hover(function(){
        $(this).css("width","56%");
        $(this).siblings().css("width","44%");
    })

    $require(['swiper'],function(){
            var myswiper1 = new swiper('.sw1', {
              slidesperview:2, 
              spacebetween : 10,
              navigation: {
                nextel: '.btn2',
                prevel: '.btn1',
              },
              breakpoints: {
                  769: {  
                    slidesperview: 4,
                    spacebetween: 35,
                  },
              }
           })
            var myswiper2 = new swiper('.sw2', {
              slidesperview:3, 
              spacebetween : 35,
              direction: 'vertical',
              freemode: true,
              mousewheel: true,
              watchslidesprogress: true,
              breakpoints: {
                  1600: {  
                    slidesperview: 4,
                    spacebetween: 20,
                  },
              }
           })
           var myswiper3 = new swiper('.sw3', {  
                     effect : 'fade',
                    fadeeffect: {
                      crossfade: true,
                    },
                    slidesperview:1, 
                    
                    mousewheel: true,
                    thumbs: {
                      swiper: myswiper2,
                    },
           });
           var myswiper4 = new swiper('.sw4', {  
                    slidesperview:4,    
                    spacebetween: 10,
                    centerinsufficientslides: true,
             navigation: {
      nextel: '.sw4 .swiper-button-next',
      prevel: '.sw4 .swiper-button-prev',
    },
                    breakpoints: {
                       300: {  
                          slidesperview:2, 
                          spacebetween: 10,
                        },
                        769: {  
                          slidesperview:2, 
                          spacebetween: 20,
                        },
                         900: {  
                          slidesperview:3, 
                          spacebetween: 20,
                        },
                          1200: {  
                          slidesperview:4, 
                          spacebetween: 20,
                        },
                      
                    }
           })
           var myswiper4 = new swiper('.sw5', {  
                    slidesperview:1,    
                    spacebetween: 0,
                    centerinsufficientslides: true,
                    breakpoints: {
                        769: {  
                          slidesperview:3, 
                          spacebetween: 30,
                        },
                    }
           })
    })
   
    $(".sort_point .p_item p").click(function(){
    		var _index=$(this).index();
      		var num=$(".point").eq(_index).offset().top;
           $("html, body").animate({
                  scrolltop: num + "px"
                }, {
                  duration: 500,
                  easing: "swing"
            });
    })
    
    
    	var wow = new wow({
          boxclass: 'wow',
          animateclass: 'animated',
          offset: 0,
          live: true
        }).init();
})