require(['jquery','bxslider'],function($){
            $(document).ready(function() {
                $('.main-slides .main-slider').bxSlider({
                    auto:true,
                    pause: 10000,
                    touchEnabled:true,
                    oneToOneTouch:true,
                    swipeThreshold:10,
                    preventDefaultSwipeX: true,
                    maxSlides: 5,
                    slideMargin : 0,
                    moveSlides: 1,
                    minSlides: 2,
                    pager: true,
                    controls: false
                });

                slideHeight();
            });

            $(window).on('resizeEnd', function() {
                slideHeight();
            });

            function slideHeight()
            {
                if($('.main-slides .main-slider').offset()) {
                    var slideHeight = 445;
                    if($('body').width() <= 1200){
                        var percent = 445/1200 * 100;
                        slideHeight = percent * $(window).width() / 100;
                    }

                    $(".main-slides .bx-viewport").css('height',slideHeight+'px');

                    $(".main-slides .main-slider .banner-slide").each(function( index ) {
                        $(this).css('height',slideHeight+'px');
                    });
                }
            }

        });
    

    .main-slides .bx-clone {display: none;}
    .main-slides .bx-wrapper .bx-controls .bx-pager {bottom: 4%;}
    .main-slides .bx-wrapper .bx-controls .bx-pager-item a {width: 12px; height: 12px; line-height: 12px;}
    .main-slides .banner-slide {background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.main-slides .bx-wrapper {border: 0 !important;}
    

    .meat-product .main-title span {vertical-align: middle;}
    .meat-product .banners {display: flex; border-top: 1px solid #ddd;}
    .meat-product .small-banner-wrapper {display: flex;}
    .meat-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
    .meat-product .banners img {display: block; width: 100%;}

    @media screen and (max-width: 479px) {
        .meat-product .banners {display: block;}
        .meat-product .big-banner {width: 100%;}
        .meat-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
        .meat-product .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
    }
    

    .seafood-product .main-title span {vertical-align: middle;}
    .seafood-product .banners {display: flex; border-top: 1px solid #ddd;}
    .seafood-product .small-banner-wrapper {display: flex;}
    .seafood-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
    .seafood-product .banners img {display: block; width: 100%;}

    @media screen and (max-width: 479px) {
        .seafood-product .banners {display: block; border-top: none;}
        .seafood-product .big-banner {width: 100%;}
        .seafood-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
        .seafood-product .small-banner-wrapper .small-banner {width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
    }
    

.fruit-vegetables-product .main-title span {vertical-align: middle;}
.fruit-vegetables-product .banners {display: flex; border-top: 1px solid #ddd;}
.fruit-vegetables-product .small-banner-wrapper {display: flex;}
.fruit-vegetables-product .small-banner-wrapper .small-banner {border-right: 1px solid #ddd;}
.fruit-vegetables-product .banners img {display: block; width: 100%;}

@media screen and (max-width: 479px) {
    .fruit-vegetables-product .banners {display: block;  border-top: none;}
    .fruit-vegetables-product .big-banner {width: 100%;}
    .fruit-vegetables-product .small-banner-wrapper {display: block; overflow: hidden; border-right: 1px solid #ddd;}
    .fruit-vegetables-product .small-banner-wrapper .small-banner{width: 50%; float: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: none; box-sizing: border-box;}
}