var swiper = new Swiper('.swiper-container', {
    direction: 'vertical',
    slidesPerView: 4,
    slidesPerGroup: 4,
    pagination: {
        el: '.swiper-pagination',
        clickable: false,
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    observer:true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents:true//修改swiper的父元素时，自动初始化swiper
});
function indexTab(e) {
    $(e).addClass('active').siblings().removeClass('active')
    var toggle=$(e).children('a').attr('data-show')
    $(toggle).addClass('active').siblings().removeClass('active')
    var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        slidesPerView: 3,
        slidesPerGroup: 3,
        pagination: {
            el: '.swiper-pagination',
            clickable: false,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        observer:true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents:true//修改swiper的父元素时，自动初始化swiper
    });
}
// tab切换
function showSlideTab(e) {
    var toggle=$(e).attr('toggle');
    $(e).addClass('active').siblings().removeClass('active');
    $("#"+toggle).slideDown().siblings().slideUp();
}

function showZph(e) {
    $(e).addClass('active').siblings().removeClass('active')
    var toggle = $(e).attr('data-toggle')
    $(toggle).addClass('active').siblings().removeClass('active')
}
// 返回顶部
function returnTop(){
    $('html,body').animate({//$('html,body')兼容问题body属于chrome
        scrollTop:0
    })
}
// 常见问题
function  showTab(e) {
    $(e).siblings().addClass('active')
    // $(e).parent().siblings().find('.detail').css('color', 'red')
    $(e).parent().siblings().find('.detail').removeClass('active');
    $(e).siblings().slideDown()
    // $(e).parent().siblings().find('.detail').siblings().slideUp();
}


$(".city").hover(function(){
    $('.city').addClass('hover');
    $('.city  .icon-bottom').show();
    $('.city  .icon-top').hide();
},function(){
    $('.city').removeClass('hover');
    $('.city  .icon-bottom').hide();
    $('.city  .icon-top').show();
});