https://www.servyou.com.cn/Scripts/js/index.js

1///首页轮播图
2var mySwiper0 = new Swiper('.swiper-container.banner', {
3    loop: true,
4    autoplay: 10000,
5    speed: 500,
6    paginationClickable: true,
7    effect: 'fade',
8    autoplayDisableOnInteraction: false,
9    pagination: '.swiper-container.banner .swiper-pagination',
10    paginationClickable: true,
11    onInit: function (swiper) {
12        if ($('.banner .swiper-slide').eq(swiper.activeIndex).find('video').length == 0) {
13            swiper.startAutoplay();
14        } else {
15            swiper.stopAutoplay();
16            var video = document.getElementById("my-video");
17            video.addEventListener('ended', function () {
18                swiper.slideNext();
19                swiper.startAutoplay();
20            });
21        }
22        var len = $(".swiper-container.banner .swiper-pagination-bullet").length;
23        if (len < 2) {
24            $(".swiper-container.banner .swiper-pagination").hide();
25        }
26    },
27    onSlideChangeStart: function (swiper) {
28        $(".swiper-slide-active").find(".doc-box").addClass("fadeInUp animated");
29        $(".swiper-slide:not('.swiper-slide-active')").find(".doc-box").removeClass("fadeInUp animated");
30    },
31    onSlideChangeEnd: function (swiper) {
32        $('.banner .swiper-slide:not(".clone")').eq(swiper.activeIndex).find('.doc-box').addClass('fadeInUp animated')
33            .end()
34            .siblings('.swiper-slide').find('.doc-box').removeClass('fadeInUp animated');
35        var video = document.getElementById("my-video");
36        if ($('.banner .swiper-slide').eq(swiper.activeIndex).find('video').length > 0) {
37            video.play();
38            swiper.stopAutoplay();
39            video.addEventListener("ended", function () {
40                console.log(video.currentTime, '1')
41                video.currentTime = 0;
42                swiper.startAutoplay();
43                console.log(video.currentTime, '2')
44            });
45        } else {
46            swiper.startAutoplay();
47        }
48    },
49})
50
51
52
53///社会责任
54var mySwiper1 = new Swiper('.swiper-container.service', {
55    slidesPerView: "auto",
56    simulateTouch: false,
57    pagination: '.service-box .swiper-pagination',
58    breakpoints: {
59        991: {
60            simulateTouch: true
61        }
62    }
63})
64
65
66///社会责任
67var mySwiper1_1 = new Swiper('.swiper-container.gover', {
68    slidesPerView: 2,
69    slidesPerGroup: 2,
70    spaceBetween: 20,
71    nextButton: ".gover-cont .swiper-next1",
72    prevButton: ".gover-cont .swiper-prev1",
73    onSlideChangeStart: function (swiper) {
74        if (swiper.activeIndex == 0) {
75         
76            $(".gover-cont .more-boxs1").eq(0).addClass("on").siblings().removeClass("on");
77        } else {
78           
79            $(".gover-cont .more-boxs1").eq(1).addClass("on").siblings().removeClass("on");
80        }
81    }
82})
83
84// 新增
85var mySwiper1_1 = new Swiper('.swiper-container.gover2', {
86    slidesPerView: 2,
87    slidesPerGroup: 2,
88    spaceBetween: 20,
89    nextButton: ".gover-cont .swiper-next2",
90    prevButton: ".gover-cont .swiper-prev2",
91    onSlideChangeStart: function (swiper) {
92        if (swiper.activeIndex == 0) {
93         
94            $(".gover-cont .more-boxs2").eq(0).addClass("on").siblings().removeClass("on");
95        } else {
96           
97            $(".gover-cont .more-boxs2").eq(1).addClass("on").siblings().removeClass("on");
98        }
99    }
100})
101
102
103
104// $('.swiper-container.gover').each(function(){
105//     var $el = $(this),
106//     $prev = $el.siblings('.swiper-prev');
107//     $next = $el.siblings('.swiper-next');
108//     var len = $el.find('.swiper-slide').length;
109//     if(len<2){
110//         $prev.hide();
111//         $next.hide();
112//     }else{
113//         $prev.show();
114//         $next.show();
115//     }
116//     new Swiper($el, {
117//     	slidesPerView : 2,
118//         slidesPerGroup : 2,
119//   spaceBetween : 20,
120//   nextButton: $next,
121//         prevButton: $prev
122//     });
123// })
124$('.gover-cont .gover-cont-main').eq(0).fadeIn().siblings().hide()
125$('.gover-box .gover-tab a').on("click", function () {
126    var indexs = $(this).index();
127    $(this).addClass("on").siblings().removeClass("on");
128    // $(".gover-box .gover-cont-main").eq(indexs).addClass("on").siblings().removeClass("on");
129    $(".gover-cont-ph .item").eq(indexs).addClass("on").siblings().removeClass("on");
130    if (indexs == 0) {

131        // mySwiper1_1.slideTo(1, 500, false);
132        $(".gover-cont .more-boxs").eq(0).addClass("on").siblings().removeClass("on");
133        $('.gover-cont .gover-cont-main').eq(0).fadeIn().siblings().hide()
134    }
135    if (indexs == 1) {
136        // mySwiper1_1.slideTo(2, 500, false);
137        $(".gover-cont .more-boxs").eq(1).addClass("on").siblings().removeClass("on");
138        $('.gover-cont .gover-cont-main').eq(1).fadeIn().siblings().hide()
139    }
140})
141
142///社会责任
143var mySwiper2 = new Swiper('.swiper-container.social', {
144    slidesPerView: 1,
145    spaceBetween: 20,
146    pagination: '.social-box .swiper-pagination',
147})
148
149
150///动画添加
151var width = $(document.body).width(); //得到可视屏幕的宽度
152if (width > 1200) {
153    $(".gover-box .gover-tab a:nth-child(1)").addClass("fadeInLeft wow");
154    $(".gover-box .gover-tab a:nth-child(2)").addClass("fadeInRight wow");
155    $(".gover-box .gover-cont").addClass("fadeInUp  wow");
156    $(".partner-box .list").addClass("fadeInUp  wow");
157
158    $(".news-list1 li").each(function (index, el) {
159        var time = index / 10 + 0.1 + 's';
160        $(this).addClass("wow fadeInUp").attr("data-wow-delay", time)
161    });
162
163    $(".social-box .list li").each(function (index, el) {
164        var time = index / 10 + 0.1 + 's';
165        $(this).addClass("wow fadeInUp").attr("data-wow-delay", time)
166    });
167
168    $(".news-list1 li:nth-child(2)").addClass("on");
169    $(".news-list1 li").hover(function () {
170        $(this).addClass("on").siblings().removeClass("on");
171    });
172}