$require(['swiper'], function () {
    var hao_lietX = new Swiper('.hao_lietX', {
        loop: true,
        loopAdditionalSlides: 3,
        spaceBetween: 50,
        speed: 1000,
        autoplay: true,
        slidesPerView: 1,
        centerInsufficientSlides: true,
        centeredSlides: true,
        centeredSlidesBounds: true,
        navigation: {
            nextEl: '.hao_lietX .swiper-button-next',
            prevEl: '.hao_lietX .swiper-button-prev',
        },
       pagination: {
        el: '.hao_lietX .swiper_pagination_news',
        type: 'fraction',
        renderFraction: function (currentClass, totalClass) {
          return '<span class="' + currentClass + '"></span>' +
                 ' of ' +
                 '<span class="' + totalClass + '"></span>';
        },
  },
        scrollbar: {
            el: '.swiper-scrollbar',
        },
        on: {
            sliderMove: function () {
                $(".hao_lietX").addClass('touch-start')
            },
            touchStart: function (swiper, event) {
                $(".hao_lietX").addClass('touch-start')
            },
            touchEnd: function (swiper, event) {
                $(".hao_lietX").removeClass('touch-start')
            },
            touchMoveOpposite: function (swiper, event) {
                $(".hao_lietX").removeClass('touch-start')
            },
            slideChangeTransitionStart: function () {
                $(".hao_lietX").addClass('touch-start')
            },
            slideChangeTransitionEnd: function (swiper, event) {
                $(".hao_lietX").removeClass('touch-start')
            },
        }
    })
})
if (!isFrontEnv()) {
    $(".hao_lietX").addClass("outstyle");
}




$require(['swiper'], function () {
    var hao_lietX2 = new Swiper('.hao_lietX2', {
        loop: true,
        loopAdditionalSlides: 3,
        spaceBetween: 50,
        speed: 1000,
        autoplay: true,
        slidesPerView: 1,
        centerInsufficientSlides: true,
        centeredSlides: true,
        centeredSlidesBounds: true,
        navigation: {
            nextEl: '.hao_lietX2 .swiper-button-next',
            prevEl: '.hao_lietX2 .swiper-button-prev',
        },
       pagination: {
        el: '.hao_lietX2 .swiper_pagination_news',
        type: 'fraction',
        renderFraction: function (currentClass, totalClass) {
          return '<span class="' + currentClass + '"></span>' +
                 ' of ' +
                 '<span class="' + totalClass + '"></span>';
        },
  },
        scrollbar: {
            el: '.swiper-scrollbar',
        },
        on: {
            sliderMove: function () {
                $(".hao_lietX2").addClass('touch-start')
            },
            touchStart: function (swiper, event) {
                $(".hao_lietX2").addClass('touch-start')
            },
            touchEnd: function (swiper, event) {
                $(".hao_lietX2").removeClass('touch-start')
            },
            touchMoveOpposite: function (swiper, event) {
                $(".hao_lietX2").removeClass('touch-start')
            },
            slideChangeTransitionStart: function () {
                $(".hao_lietX2").addClass('touch-start')
            },
            slideChangeTransitionEnd: function (swiper, event) {
                $(".hao_lietX2").removeClass('touch-start')
            },
        }
    })
})
if (!isFrontEnv()) {
    $(".hao_lietX2").addClass("outstyle");
}