$(document).ready(function () {
    // 顶部banner轮播
    var bannerswiper = new swiper ('.banner .swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay: {
            delay: 3500,
        },
        pagination: {// 如果需要分页器
          el: '.banner .swiper-pagination',
          clickable: true
        },
        observer:true,// 修改swiper自己或子元素时，自动初始化swiper。
        observeparents:true// 修改swiper的父元素时，自动初始化swiper。
    });

    // 底部生产基地卡片轮播
    var pbswiper = new swiper ('.contact-box .swiper-container', {
        slidesperview: 3,
        spacebetween: 15,
        speed:600,
        loop : true,
        autoplay: {
            delay: 3500,
            disableoninteraction: false,
        },
        navigation: {// 如果需要前进后退按钮
          nextel: '.button-next',
          prevel: '.button-prev',
        },
        observer:true,// 修改swiper自己或子元素时，自动初始化swiper。
        observeparents:true// 修改swiper的父元素时，自动初始化swiper。
    });
});

// 企业概况动画效果
$(".li-small1").mouseover(function(){
    $(this).css({"width":"320px","box-shadow":"3px 8px 18px rgba(0, 0, 0, 0.09)","transition":"all 0.2s"});
    $(".li-small1 .img-small1").css({"transform":"scale(1.1)","-webkit-transform":"scale(1.1)","-moz-transform":"scale(1.1)","-o-transform":"scale(1.1)","transition":"all 0.2s"});
    $(".li-small2").css({"width":"280px","box-shadow":"3px 8px 18px rgba(0, 0, 0, 0.09)","transition":"all 0.2s"});
    $(".li-small2 p").css("color","#fff");
}).mouseout(function(){
   $(this).css({"width":"300px","box-shadow":"none"});
    $(".li-small1 .img-small1").css({"transform":"scale(1)","-webkit-transform":"scale(1)","-moz-transform":"scale(1)","-o-transform":"scale(1)","transition":"all 0.2s"});
   $(".li-small2").css({"width":"300px","box-shadow":"none"});
});
$(".li-small2").mouseover(function(){
    $(this).css({"width":"280px","box-shadow":"3px 8px 18px rgba(0, 0, 0, 0.09)","transition":"all 0.2s"});
    $(".li-small1").css({"width":"320px","box-shadow":"3px 8px 18px rgba(0, 0, 0, 0.09)","transition":"all 0.2s"});
    $(".li-small1 .small1-box").css({"width":"320px","transition":"all 0.2s"});
    $(".li-small1 .img-small1").css({"transform":"scale(1.1)","-webkit-transform":"scale(1.1)","-moz-transform":"scale(1.1)","-o-transform":"scale(1.1)","transition":"all 0.2s"});
}).mouseout(function(){
    $(".li-small1").css({"width":"300px","box-shadow":"none"});
    $(this).css({"width":"300px","box-shadow":"none"});
    $(".li-small1 .img-small1").css({"transform":"scale(1)","-webkit-transform":"scale(1)","-moz-transform":"scale(1)","-o-transform":"scale(1)","transition":"all 0.2s"});
});
$(".li-small3").mouseover(function(){
    $(".li-small3 .text-box h2").css({"padding-left":"30px","transition":"all 0.2s"});
    $(".li-small3 .text-box p").css({"padding-left":"30px","transition":"all 0.2s"});
    $(".li-small3 .img-small3").css({"transform":"scale(1.1)","-webkit-transform":"scale(1.1)","-moz-transform":"scale(1.1)","-o-transform":"scale(1.1)","transition":"all 0.2s"});
}).mouseout(function(){
    $(".li-small3 .text-box h2").css({"padding-left":"20px","transition":"all 0.2s"});
    $(".li-small3 .text-box p").css({"padding-left":"20px","transition":"all 0.2s"});
    $(".li-small3 .img-small3").css({"transform":"scale(1)","-webkit-transform":"scale(1)","-moz-transform":"scale(1)","-o-transform":"scale(1)","transition":"all 0.2s"});
});
$(".li-small4").mouseover(function(){
    $(".li-small4 .text-box h2").css({"padding-left":"30px","transition":"all 0.2s"});
    $(".li-small4 .text-box p").css({"padding-left":"30px","transition":"all 0.2s"});
    $(".li-small4 .img-small4").css({"transform":"scale(1.1)","-webkit-transform":"scale(1.1)","-moz-transform":"scale(1.1)","-o-transform":"scale(1.1)","transition":"all 0.2s"});
}).mouseout(function(){
    $(".li-small4 .text-box h2").css({"padding-left":"20px","transition":"all 0.2s"});
    $(".li-small4 .text-box p").css({"padding-left":"20px","transition":"all 0.2s"});
    $(".li-small4 .img-small4").css({"transform":"scale(1)","-webkit-transform":"scale(1)","-moz-transform":"scale(1)","-o-transform":"scale(1)","transition":"all 0.2s"});
});

// 科技实力动画效果
$(".sats1-box").mouseover(function(){
    $(".sats4-box img").css({"transform":"scale(1.1)","-webkit-transform":"scale(1.1)","-moz-transform":"scale(1.1)","-o-transform":"scale(1.1)","transition":"all 0.2s"});
}).mouseout(function(){
    $(".sats4-box img").css({"transform":"scale(1)","-webkit-transform":"scale(1)","-moz-transform":"scale(1)","-o-transform":"scale(1)","transition":"all 0.2s"});
});
$(".sats3-box").mouseover(function(){
    $(".sats2-box img").css({"transform":"scale(1.1)","-webkit-transform":"scale(1.1)","-moz-transform":"scale(1.1)","-o-transform":"scale(1.1)","transition":"all 0.2s"});
}).mouseout(function(){
    $(".sats2-box img").css({"transform":"scale(1)","-webkit-transform":"scale(1)","-moz-transform":"scale(1)","-o-transform":"scale(1)","transition":"all 0.2s"});
});
$(".sats5-box").mouseover(function(){
    $(".sats6-box img").css({"transform":"scale(1.1)","-webkit-transform":"scale(1.1)","-moz-transform":"scale(1.1)","-o-transform":"scale(1.1)","transition":"all 0.2s"});
}).mouseout(function(){
    $(".sats6-box img").css({"transform":"scale(1)","-webkit-transform":"scale(1)","-moz-transform":"scale(1)","-o-transform":"scale(1)","transition":"all 0.2s"});
});

// 数字跳动
$.fn.countto = function (options) {
    options = options || {};

    return $(this).each(function () {
        // set options for current element
        var settings = $.extend({}, $.fn.countto.defaults, {
            from:            $(this).data('from'),
            to:              $(this).data('to'),
            speed:           $(this).data('speed'),
            refreshinterval: $(this).data('refresh-interval'),
            decimals:        $(this).data('decimals')
        }, options);

        // how many times to update the value, and how much to increment the value on each update
        var loops = math.ceil(settings.speed / settings.refreshinterval),
            increment = (settings.to - settings.from) / loops;

        // references & variables that will change with each update
        var self = this,
            $self = $(this),
            loopcount = 0,
            value = settings.from,
            data = $self.data('countto') || {};

        $self.data('countto', data);

        // if an existing interval can be found, clear it first
        if (data.interval) {
            clearinterval(data.interval);
        }
        data.interval = setinterval(updatetimer, settings.refreshinterval);

        // initialize the element with the starting value
        render(value);

        function updatetimer() {
            value += increment;
            loopcount++;

            render(value);

            if (typeof(settings.onupdate) == 'function') {
                settings.onupdate.call(self, value);
            }

            if (loopcount >= loops) {
                // remove the interval
                $self.removedata('countto');
                clearinterval(data.interval);
                value = settings.to;

                if (typeof(settings.oncomplete) == 'function') {
                    settings.oncomplete.call(self, value);
                }
            }
        }

        function render(value) {
            var formattedvalue = settings.formatter.call(self, value, settings);
            $self.html(formattedvalue);
        }
    });
};

$.fn.countto.defaults = {
    from: 0,              // the number the element should start at
    to: 0,                // the number the element should end at
    speed: 1000,          // how long it should take to count between the target numbers
    refreshinterval: 100, // how often the element should be updated
    decimals: 0,          // the number of decimal places to show
    formatter: formatter, // handler for formatting the value before rendering
    onupdate: null,       // callback method for every time the element is updated
    oncomplete: null      // callback method for when the element finishes updating
};

function formatter(value, settings) {
    return value.tofixed(settings.decimals);
}

// custom formatting example
$('#count-number').data('counttooptions', {
    formatter: function (value, options) {
      return value.tofixed(options.decimals).replace(/\b(?=(?:\d{3})+(?!\d))/g, ',');
    }
});

// start all the timers
$('.timer').each(count);

function count(options) {
    var $this = $(this);
    options = $.extend({}, options || {}, $this.data('counttooptions') || {});
    $this.countto(options);
}