/*! https://www.vancheer.com 
 * Copyright (c) VANCHEERABO. All rights reserved.
 * https://www.vancheer.com */

/*! default start */



/*! default end */

/*! Style B start */



/*! Style B end */

/*! default start */



/*! default end */

/*! default start */



        if(winW <= 1004) {
            // plate2
            let plate2Swiper = new Swiper('.plate2-main .main-swiper', {
                direction: 'horizontal',
                speed: 1000,
                // loop: true,
                // loopAdditionalSlides: 1,
                slideToClickedSlide: true,
                watchOverflow: true,
                centeredSlides : true,
                slidesPerView: 'auto',

                on: {
                slideChangeTransitionStart: function(){
                    $('.plate2-main .main-cont .cont-box').removeClass('cont-box-on').eq(this.activeIndex).addClass('cont-box-on')
                },
            },
            })
        }else {
            // plate2
            let plate2Swiper = new Swiper('.plate2-main .main-swiper', {
                direction: 'vertical',
                speed: 1000,
                // loop: true,
                // loopAdditionalSlides: 1,
                slideToClickedSlide: true,
                centeredSlides : true,
                watchOverflow: true,
                slidesPerView: 'auto',
                observer: true,
                observerParents: true,
                observeSlideChildren: true,
                allowTouchMove: false,
                // autoplay: true,

                // autoplay: {
                //     delay: 5000,
                //     disableOnInteraction: false,
                //     // pauseOnMouseEnter: true,
                // },

                navigation: {
                    nextEl: '.plate2-swiper-button-next',
                    prevEl: '.plate2-swiper-button-prev',
                },

                on: {
                    init: function(){
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 1).css({'paddingLeft':'2.35rem'})
           
                        $('.plate2-main .swiper-slide-active').css({'paddingLeft':'2.53rem'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 2).css({'paddingLeft':'1.9rem'})
                     
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 3).css({'paddingLeft':'.7rem'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex + 3).css({'paddingLeft':'1.1rem'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 4).css({'paddingLeft':'0'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex + 4).css({'paddingLeft':'0'})
                                    $('.plate2-main .swiper-slide').eq(this.activeIndex + 1).css({'paddingLeft':'2.45rem'})
                          $('.plate2-main .swiper-slide').eq(this.activeIndex + 2).css({'paddingLeft':'2.05rem'})
                    },
                    slideChangeTransitionStart: function(){
                        // console.log(this.activeIndex + 2);
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 1).css({'paddingLeft':'2.35rem'})
                     
                        $('.plate2-main .swiper-slide-active').css({'paddingLeft':'2.53rem'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 2).css({'paddingLeft':'1.9rem'})
                 
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 3).css({'paddingLeft':'.7rem'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex + 3).css({'paddingLeft':'1.1rem'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex - 4).css({'paddingLeft':'0'})
                        $('.plate2-main .swiper-slide').eq(this.activeIndex + 4).css({'paddingLeft':'0'})
                          $('.plate2-main .swiper-slide').eq(this.activeIndex + 1).css({'paddingLeft':'2.45rem'})
       $('.plate2-main .swiper-slide').eq(this.activeIndex + 2).css({'paddingLeft':'2.05rem'})
                        $('.plate2-main .main-cont .cont-box').removeClass('cont-box-on').eq(this.activeIndex).addClass('cont-box-on')
                    },
                },
            })
        }


/*! default end */

/*! Style A start */



/*! Style A end */

/*! default start */



/*! default end */

/*! Style C start */



/*! Style C end */