
$(document).ready(function(){
    $('.owl-carousel').owlCarousel({
      loop:true,
      margin:10,
      nav:false,
      responsive:{
          0:{
              items:1
          },
          400:{
              items:2
          },
          1200:{
              items:3
          }
        },
    autoplay:true,
    slideSpeed:500,
    autoplayTimeout:3000,
    autoplayHoverPause:true
    }
    );
  });


  $(function(){
    $("#subnav-toggle").click(function(){
        $(".subnav-collapse-wrap").addClass("on");
    });
    $(".wrap-bg").click(function(){
        $(".subnav-collapse-wrap").removeClass("on");
    });
    $(".pic-gallery .pic-item").click(function(){
        var imgUrl=$(this).find('img').attr("src");
        $(".gallery-mask").find('img').attr("src",imgUrl);
        $(".gallery-mask").addClass("showMask");
    });
    $(".gallery-mask .close-btn").click(function(){
        $(".gallery-mask").removeClass("showMask");
    });
});

//back-top
$(function(){
	$(window).scroll(function(){
		var _top = $(window).scrollTop();
		if(_top>300){
			$('.totop').fadeIn(600);
		}else{
			$('.totop').fadeOut(600);
		}
	});
	$(".totop").click(function(){
		$("html,body").animate({scrollTop:0},500);
	});
});


$(function(){
    $('.autoplay1').slick({
    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 3000,
    speed: 1500,
    pauseOnHover:false,
     responsive: [
{
  breakpoint: 1024,
  settings: {
    slidesToShow:4,
    slidesToScroll: 1,
    infinite: true,
    autoplay: true,
    autoplaySpeed: 3000,
    speed: 1500,
  }
},
{
  breakpoint:768,
  settings: {
    slidesToShow: 4,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 3000,
    speed: 1500,
  }
},
{
  breakpoint: 480,
  settings: {
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 3000,
    speed: 1500,
  }
}
]
})
    });

    $(function() {
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 30,
          mobile: true,
          live: true
      });
      wow.init();
    });
