let exhibmap = [{
    title: '鍏ュ彛澶勫墠鍙?,
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/1.jpg"],
    imgtext: ['<div class="title">鏉句笅鍋ュ悍鏅鸿兘鐢熸椿棣咟/div><div class="text">钀ヤ笟鏃堕棿锛 9:00 ~ 17:00锛堝叏骞存棤浼戯級<br />鍦?100骞虫柟绫崇殑绌洪棿涓紝鐢熸椿棣嗗寘鍚玃anasonic姒傚康灞曞尯銆佹澗涓嬬ぞ鍖烘蹇靛睍鍖恒€佷綇瀹呯┖闂淬€佸仴搴峰挩璇綋楠屽銆佽冻娴翠綋楠屄烽槄瑙堝尯銆侀摱榫勬眹绛夊尯鍩燂紝鍏ㄩ潰灞曠ず鏉句笅鍋ュ悍銆佹竻娲併€佸吇鑰佺悊蹇典笌浜у搧銆侟/div>'],
    dotstyle: 'top: 42%; left: 79%;',
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-1.jpg',
}, {
    title: '鍋ュ悍鍜ㄨ浣撻獙瀹?,
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/2-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/2-2.jpg"],
    imgtext: ['<div class="title">鍋ュ悍鍜ㄨ浣撻獙瀹｜/div><div class="text">閲囩敤鏉句笅鐙湁鐨勨€滆剳浣撳仴搴锋寚鏁版帹瀹氱郴缁熲€濊繘琛屾琛屻€佸彛鑵斻€丮CI锛堣交搴﹁鐭ラ殰纰嶏級娴嬭瘎锛岀粰鍑衡€滄纭殑璧拌矾濮垮娍鈥濈瓑鐢熸椿涔犳儻鏂归潰鐨勬敼鍠勫缓璁紝甯姪鎮ㄦ湁鏁堥槻姝㈠悜瑕佹姢鐞嗕汉缇ょ殑杞Щ銆侟/div>'],
    dotstyle: 'top: 28%;left: 56%;',
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-2.jpg',
}, {
    title: '浣忓畢绌洪棿',
    dotstyle: 'top: 26%; left: 41%;',
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-3.jpg',
    bigimg: true,
}, {
    title: 'Panasonic姒傚康灞曞尯',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-4.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-5.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-6.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-7.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-1-8.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-2-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-2-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-2-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/4-2-4.jpg"],
    imgtext: ['<div class="title">鍋ュ悍路娓呮磥瑙ｅ喅鏂规</div><div class="text">鏉句笅鐨勫悍鍏讳簨涓氶潰鍚戝悇涓勾榫勬浜虹兢锛氬仴搴蜂竴浣撴満鍙互杩涜澶氶」韬綋鏁版嵁鐩戞祴锛涘娆惧鐢典骇鍝佹惌杞界撼璇烘€♀劉鎶€鏈紝鏈夋晥闄よ弻銆侀櫎寮傚懗銆佹姂鍒惰繃鏁忔簮銆佷繚鎸佹粙娑︼紱闄よ弻鍠烽浘鈥滃皬榄旀鈥濆瑙傛椂灏氬皬宸э紝涓嶅惈閰掔簿锛屽嵆鏃跺氨鍙畬鎴愭棩甯告竻娲侊紱娆′簹璇虹┖闂撮櫎鑿屾秷鑷満鏈夋晥鎻愬崌绌洪棿娓呮磥绋嬪害锛岄珮鏁堥櫎鑿屻€侟/div>', '<div class="title">鏅烘収鍏昏€佽В鍐虫柟妗圏/div><div class="text">鏉句笅涓诲紶璁╄€佸勾浜烘嫢鏈夊畨鍏ㄣ€佸畨蹇冦€侀珮鍝佽川鐨勭敓娲伙紝涓烘鑱氱劍鑰侀緞浜虹兢鐨勬棩甯哥敓娲伙紝灞曞巺閲屽睍绀轰簡鐢靛姩鍒嗙搴婏紱鍋ユ鏈哄櫒浜哄彲浠ヤ緷鎹嚜韬姸鍐靛埗瀹氫笉鍚岀殑璁粌妯″紡锛屾彁楂樻琛岃兘鍔涳紱閫傚悎瀹朵腑澶氱鐜瀹夎浣跨敤鐨勫浐瀹氭壎鎵嬩互鍙婅鑰佷汉杞绘澗娌愭荡鐨勬姌鍙犳矏娴存锛岃兘鍑忓皯楂橀緞浜虹兢鍦ㄦ棩甯哥敓娲讳腑鍙兘閬囧埌鐨勫嵄闄╁拰涓嶄究銆侟/div>'],
    texttransform: 9,
    dotstyle: 'top: 46%;left: 63%;',
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-4.jpg',
}, {
    title: '绌鸿皟路绌烘皵璐ㄩ噺瑙ｅ喅鏂规',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/5-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/5-2.jpg"],
    imgtext: ['<div class="title">绌烘皵璐ㄩ噺瑙ｅ喅鏂规-6鎭掓皵鍊欑珯</div><div class="text">鏉句笅 鈥?鎭掓皵鍊欑珯鈥濈郴缁熼泦鎭掓俯銆佹亽婀裤€佹亽姘с€佹亽娲併€佹亽闈欍€佹亽椋庡叚澶у姛鏁堜簬涓€浣擄紝骞舵惌杞芥澗涓嬬嫭鏈夋竻娲佹妧鏈€斺€旂撼璇烘€♀劉锛屾墜鏈篈PP銆佽Е鎽稿睆銆侀泦涓帶鍒跺櫒涓夊睆鑱斿姩锛岃交鏉惧疄鐜拌繙绋嬫搷鎺с€佹暟鎹洃娴嬨€佸満鏅垏鎹紝婊¤冻涓嶅悓绫诲瀷鐨勬搷鎺ч渶姹傘€侟/div>'],
    dotstyle: 'top: 63%;left: 58%;',
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-5.jpg',
}, {
    title: '瓒虫荡浣撻獙路闃呰鍖?,
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/6-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/6-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/6-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/6-4.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/6-5.jpg"],
    imgtext: ['<div class="title">瓒虫荡浣撻獙路闃呰鍖裹/div><div class="text">鏉句笅鍋ュ悍鏅鸿兘鐢熸椿棣嗚繕涓虹ぞ鍖哄眳姘戞彁渚涗簡涓€涓紤闂插ū涔愮殑濂藉幓澶勩€傞鍐呴槄瑙堝尯閲囩敤涓嶈鍒欎功鏋讹紝鍒嚭蹇冭鐨勮璁′负闃呰澧炴坊鏇村瓒ｅ懗锛涚壒鑹茬殑鏃ュ紡瓒虫荡璁╀綋楠岃€呭敖鎯呮斁鏉捐韩蹇冿紱鍜栧暋鍖鸿缃湪鐜荤拑澧欎竴渚э紝鍝佸皾鍜栧暋鐨勫悓鏃跺彲灏嗙獥澶栨櫙鑹插敖鏀剁溂搴曘€侟/div>'],
    dotstyle: 'top: 43%;left: 26%;',
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-6.jpg',
}, {
    title: '閾堕緞姹?,
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/7.jpg"],
    imgtext: ['<div class="title">閾堕緞姹嘃/div><div class="text">闆呰揪閾堕搩姹囦负鎮ㄦ彁渚汸anasonic鍟嗗搧鐨勪粙缁嶉攢鍞€佹姢鐞嗙敤鍝佺殑璧勮閿€鍞互鍙婂晢鍝佺殑绉熻祦銆侟/div>'],
    dotstyle: 'top: 19%;left: 14%;',
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-7.jpg',
}

]
let exhibmap2 = [{
    title: '鐜勫叧',
    dotstyle: 'top: 58%; left: 26%',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/in-1-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-1-2.jpg"],
    imgtext: ['<div class="title">鐜勫叧</div><div class="text">鍏ユ埛鎰熷簲鐏€佹棆杞瀷鏋躲€佸畨鍏ㄦ壎鎵嬨€佹櫤鑳介棬閿佺瓑浜烘€у寲閰嶇疆锛屼篃涓€搴斾勘鍏紝璁╀汉浠殑鏃ュ父灞呭鐢熸椿鏇翠负鑸掗€備究鎹枫€侟/div>'],
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-in-1.jpg',
}, {
    title: '鍘ㄦ埧',
    dotstyle: 'top: 38%; left: 27%',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/in-2-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-2-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-2-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-2-4.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-2-5.jpg"],
    imgtext: ['<div class="title">鍘ㄦ埧</div><div class="text">鍘ㄦ埧閲囩敤浜嗘澗涓嬩竴浣撳紡姗辨煖锛屽苟閰嶅浜嗘澗涓嬫姌鍙犻棬銆佷笅鎷夊紡鍌ㄧ墿绡€佹娊鎷夊紡姘撮緳澶淬€佹礂纰楁満绛夛紝鎵撻€犱竴涓磥鍑€銆佷究鎹风殑鍘ㄦ埧绌洪棿锛岃浜哄敖浜児楗箣涔愩€侟/div>'],
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-in-2.jpg',
}, {
    title: '瀹㈠巺',
    dotstyle: 'top: 59%; left: 44%',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/in-3-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-3-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-3-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-3-4.jpg"],
    imgtext: ['<div class="title">瀹㈠巺</div><div class="text">鍏ㄥ瀹夎鈥?鎭掓皵鍊欑珯鈥濓紝鎵撻€犫€滄亽娓┾€濄€佲€滄亽姘р€濄€佲€滄亽婀库€濄€佲€滄亽娲佲€濄€佲€滄亽闈欌€濄€佲€滄亽椋庘€濈殑灞呬綇绌洪棿锛岃浜烘儸鎰忓湴搴﹁繃涓€骞村洓瀛ｃ€侟/div>'],
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-in-3.jpg',
}, {
    title: '闃冲彴',
    dotstyle: 'top: 70%; left: 51%',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/in-4-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-4-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-4-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-4-4.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-4-5.jpg"],
    imgtext: ['<div class="title">闃冲彴</div><div class="text">鈥滈槼鍙版垬鐣モ€濋€氳繃妯″潡鍖栫粍鍚堬紝瀹炵幇鏇村鍙兘鐨勭┖闂村竷灞€锛岃鏈夐檺鐨勯槼鍙扮┖闂达紝瀹炵幇鏃犻檺鐨勪娇鐢ㄤ环鍊笺€侟/div>'],
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-in-4.jpg',
}, {
    title: '鍗у',
    dotstyle: 'top: 31%; left: 59%',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/in-5-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-5-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-5-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-5-4.jpg"],
    imgtext: ['<div class="title">鏅鸿兘鍗у</div><ul class="text"><li>鍒╃敤鐢熺墿鑺傚鐓ф槑甯姪椤哄埄鍏ョ湢</li><li>鍒嗘瀽鐫＄湢娣卞害锛岃皟鑺傚娓?/li><li>閫氳繃鑷姩绐楀笜甯︽潵鑸掗€傜殑鍞ら啋</li></ul>'],
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-in-5.jpg',
}, {
    title: '鍗敓闂 ',
    dotstyle: 'top: 14%; left: 49%',
    imgaegallery: ["/wp-content/themes/bb-theme-child/asset/home-community/images/in-6-1.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-6-2.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-6-3.jpg", "/wp-content/themes/bb-theme-child/asset/home-community/images/in-6-4.jpg"],
    imgtext: ['<div class="title">鍗敓闂滁/div><div class="text">闆呰揪路鏉句笅绀惧尯鏍囬厤鏉句笅鏅鸿兘椹《锛涙荡瀹ゅ唴鍔犺鐨勬澗涓嬪潗寮忔穻娴村櫒锛屼笉浠呭彲鎻愪緵澶氱娌愭荡鏂瑰紡锛屽畨鍏ㄤ究鎹枫€備篃鍙€夎鏉句笅鐨勫仴搴蜂竴浣撴満锛屽湪浣犲鍘曟椂娴嬮噺浣撹剛銆佸翱妫€绛夎韩浣撳仴搴锋暟鎹紝骞堕€氳繃鎵嬫満APP锛屼竴鎵嬫帉鎻″浜哄仴搴锋儏鍐点€侟/div>'],
    transimg: '/wp-content/themes/bb-theme-child/asset/home-community/images/map-in-6.jpg',
}

]

function mapinit(idx, exhibmaparr, mapidx) {
$('#mapcontainer').removeClass('map1').removeClass('map2').removeClass('map-black')
$('#mapcontainer').addClass(mapidx)
let mapHtml = ''
for (let i = 0; i < exhibmaparr.length; i++) {
    let dotinfo = exhibmaparr[i]
    mapHtml += '<div class="map-dot" data-pop-id="' + i + '" style="' + dotinfo.dotstyle + '">'
    mapHtml += '<div class="map-cross"><img src="/wp-content/themes/bb-theme-child/asset/home-community/images/cross.png" alt="' + dotinfo.title + '"></div>'
    mapHtml += '<div class="dot-text">' + dotinfo.title + '</div>'
    mapHtml += '</div>'
}
$('#mapcontainer .row .map-dot-content').html(mapHtml)
}
$(function() {
'use strict';
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: true,
    live: true
});
wow.init();
var swiper = new Swiper('.banner-container', {
    effect: 'fade',
    autoplay: {
        delay: 5000,
    },
    speed: 1000,
    pagination: {
        el: '.banner-pagination',
        clickable: true,
    },
    navigation: {
        nextEl: '.banner-next',
        prevEl: '.banner-prev',
    },
    on: {
        init: function (swiper) {
            var index = this.activeIndex;
            $("#banner-container .swiper-slide").eq(index).find("img.banner-img").addClass("curr").end().siblings().find("img.bg").removeClass("curr");
            swiperAnimateCache(this);
            swiperAnimate(this);
        },
        slideChange: function (swiper) {
            var index = this.activeIndex;
            $("#banner-container .swiper-slide").eq(index).find("img.banner-img").addClass("curr").end().siblings().find("img.bg").removeClass("curr");
            swiperAnimate(this);
        }
    },
});
var spaceBetween;
if(window.innerWidth < 1440){}
var healthyswiper = new Swiper('#healthy-swiper-container.swiper-container', {
    autoplay: {
       delay: 5000,
    },
    speed: 2000,
    loop: true,
    loopedSlides: 3,
    spaceBetween: 60,
    centeredSlides: true,
    slidesPerView: 'auto',
    paginationClickable: true,
    autoplayDisableOnInteraction: false,
    navigation: {
        nextEl: '.healthy-next',
        prevEl: '.healthy-prev',
    },
    pagination: {
        el: '.healthy-pagination',
        clickable: true,
    },
    breakpoints: {
        1024: {
            loopedSlides: 1,
            slidesPerView: 1,
            spaceBetween: 0
        }
    }
});
var effect;
if(window.innerWidth > 800){
    effect = 'fade'
}else{
    effect = 'slide'
}
var productswiper = new Swiper('.product-container', {
    effect: effect,
    autoplay: {
       delay: 5000,
    },
    speed: 1000,
    loop: true,
    navigation: {
        nextEl: '.product-next',
        prevEl: '.product-prev',
    },
});
let controller = new ScrollMagic.Controller();
let screenTween = new TimelineMax()
let community = TweenMax.from('.community-img', 1.5, {
    scale: 0.5,
})
new ScrollMagic.Scene({
    triggerElement: '#community-container',
    duration: 0,
})
    .setTween(community)
    .addTo(controller)

if(window.innerWidth > 800 && window.innerWidth <= 1920){
    $('#banner-container .banner-pagination-wrap').css('right',(window.innerWidth- $('#aranya-pc-header').width()) / 2 + 32 + 'px')
}
var mbol = true;
$('#mr-mobile-header').click(function(){
    $('#araglobalheader-mb-nav').slideToggle(200,function(){
        
        if(mbol){
            // open
            $('#mr-mobile-header img').attr('src',$('#mr-mobile-header img').attr('load2'))
        }else{
            // close
            $('#mr-mobile-header img').attr('src',$('#mr-mobile-header img').attr('load1'))
        }
        mbol=!mbol
    })
})
$('#araglobalheader-mb-nav .navI.has-sub-pc').click(function(){
    $(this).toggleClass('sub-active')
    $(this).children('.sub-menu').slideToggle(200)
})

$('.navI.has-sub-pc>.navI-title').on('click','a',function(e){
    e.preventDefault();
})
$('#aranya-pc-header .navI.has-sub-pc').click(function(){
    if($(this).hasClass('active')){
        $(this).removeClass('active')
        $(this).find('.sub-menu').removeClass('navII-active')
        $(this).closest('#aranya-pc-header-wrapper').removeClass('headerActive')
        $('#ara-pc-header-bag').removeClass('navII-active')
    }else{
        if($('.navI.has-sub-pc.active').length > 0){
            $('.navI.has-sub-pc').removeClass('active')
            $('.navI.has-sub-pc').find('.sub-menu').removeClass('navII-active')
            $('.navI.has-sub-pc').closest('#aranya-pc-header-wrapper').removeClass('headerActive')
            $('#ara-pc-header-bag').removeClass('navII-active')
            $(this).addClass('active')
            $(this).find('.sub-menu').addClass('navII-active')
            $(this).closest('#aranya-pc-header-wrapper').addClass('headerActive')
            $('#ara-pc-header-bag').addClass('navII-active')
            $('#ara-pc-header-bag').css('height',+($('.sub-menu.navII-active').height()+38)+'px')
        }else{
            $(this).addClass('active')
            $(this).find('.sub-menu').addClass('navII-active')
            $(this).closest('#aranya-pc-header-wrapper').addClass('headerActive')
            $('#ara-pc-header-bag').addClass('navII-active')
            $('#ara-pc-header-bag').css('height',+($('.sub-menu.navII-active').height()+38)+'px')
        }
    }
})
try {
    var player = new YKU.Player('youkuplayer',{
        styleid: '0',
        client_id: 'add33ebd50a54298',
        vid: 'XNTgwMDQ3ODgyOA==',
        newPlayer: true,
    });
} catch (err) {
  console.log(err)  
}

    mapinit(1, exhibmap, 'map1')
$('.map-dir-content.map-dir-content2').hide()

$('body').on('click', '.popup-back', function() {
    if ($('#mapcontainer').hasClass('map-black') && $('#mapcontainer').hasClass('map2')) {
        $('.mapbg2').attr('src','/wp-content/themes/bb-theme-child/asset/home-community/images/map-scale.jpg')
        
        $('#mapcontainer').removeClass('map-black')
        $('.map-dot').show()
        $('.popup-back').show()
        return 
    }if ($('#mapcontainer').hasClass('map-black') && $('#mapcontainer').hasClass('map1')) {
        // 鍦板浘1榛戞崲鍒板湴鍥?
        $('.mapbg1').attr('src','/wp-content/themes/bb-theme-child/asset/home-community/images/map.jpg')
        $('.map-dot').show()
        $('.popup-back').hide()
    } else {
        $('.mapbg1').attr('src','/wp-content/themes/bb-theme-child/asset/home-community/images/map.jpg')
        $('.popup-back').hide()
        $('.map-dir-content.map-dir-content2').hide()
        TweenMax.to($('.mapbg2'), 0.5, {
            opacity: 0,
            onComplete: function() {
                mapinit(1, exhibmap, 'map1')
                $('.mapbg1').attr('style','')
                TweenMax.fromTo($('.mapbg1'), 0.5, { opacity: 0}, { opacity: 1})
                $('.map-dir-content.map-dir-content1').show()

            }
        })
    }
})
var popupSwiper
$('body').on('click', '.map-dot', function() {
  
    let popidx = Number($(this).attr('data-pop-id'))
    let popinfo
    if ($('#mapcontainer').attr('class').indexOf('map1') != -1) {
        popinfo = exhibmap[popidx]
    } else {
        popinfo = exhibmap2[popidx]
    }

    if (popinfo.bigimg) {
        // 鎹㈠湴鍥?
        $('.mapbg1').attr('style','')
        $('.map-dir-content.map-dir-content1').hide()
        TweenMax.fromTo($('.mapbg1'), 0.5,{opacity:1,scale:1}, {
            opacity: 0,
            scale: 1.3,
            onComplete: function() {
                mapinit(2, exhibmap2, 'map2')
                $('.mapbg2').attr('style','')
                TweenMax.from($('.mapbg2'), 1, { opacity: 0 })
                $('.map-dir-content.map-dir-content2').show()
                $('.popup-back').show()
            }
        })
    }else{
        $('body').addClass('body-hidden')
    
    let galleryHtml = ""
    for (let i = 0; i < popinfo.imgaegallery.length; i++) {
        galleryHtml += '<div class="swiper-slide"><img src="' + popinfo.imgaegallery[i] + '" data-original="' + popinfo.imgaegallery[i] + '" alt="" /></div>'
    }
    $('.popup-container .swiper-wrapper').html(galleryHtml)
    $('.exp-detail').html(popinfo.imgtext[0])
    if (popinfo.imgaegallery.length > 1) {
        $('.popup-nav').show()
        popupSwiper = new Swiper('.popup-container .swiper-container.exp-gallery', {
            effect: 'slide',
            speed: 300,
            loop: true,
            navigation: {
                nextEl: '.pop-next',
                prevEl: '.pop-prev',
            },
            init:false,
            on: {
                slideChange: function() {
                    if (this.activeIndex == 0) {
                        $('.exp-detail').html(popinfo.imgtext[1])
                    } else if (this.activeIndex > popinfo.imgaegallery.length) {
                        $('.exp-detail').html(popinfo.imgtext[0])
                    } else if (this.activeIndex < popinfo.texttransform) {
                        $('.exp-detail').html(popinfo.imgtext[0])
                    } else {
                        $('.exp-detail').html(popinfo.imgtext[1])
                    }
                }
            }

        })

        setTimeout(function(){
            popupSwiper.init()
        }, 500);
        
    } else {
        $('.popup-nav').hide()
    }

    $('.popup-container').removeClass('popup-hide')
    TweenMax.fromTo($('.popup-container'), 0.3, { opacity: 0 }, { opacity: 1 })
    }
})

$('.popup-close,.popup-bg').click(function() {
    $('body').removeClass('body-hidden')
    TweenMax.fromTo($('.popup-container'), 0.3, { opacity: 1 }, {
        opacity: 0,
        onComplete: function() {
            $('.popup-container').addClass('popup-hide')
        }
    })
    popupSwiper.destroy(false);

})
$('.map-dir').on('click', function() {
    let idx = Number($(this).attr('data-mapidx'))
    let popinfo
    if ($('#mapcontainer').attr('class').indexOf('map1') != -1) {
        popinfo = exhibmap[idx]
    } else {
        popinfo = exhibmap2[idx]
    }
    $('#mapcontainer').addClass('map-black')
        if ($('#mapcontainer').attr('class').indexOf('map1') != -1) {
            $('.mapbg1').attr('src', popinfo.transimg)
        }else{
            $('.mapbg2').attr('src', popinfo.transimg)
        }
    $('.map-dot').hide()
    $('.map-dot').eq(idx).show()
    $('.popup-back').show()
})
if (window.innerWidth >= 720) {
    $('body').on('mouseenter', '.map-dot', function() {
        let _this = this
        TweenMax.fromTo($(_this).find('.map-cross'), 0.2, { rotation: 0 }, {
            rotation: 90,
            scale: 0,
            onComplete: function() {
                $(_this).addClass('dot-done')
                $(_this).css('width', $(_this).find('.dot-text').width() + 30)
            }
        })
    });
    $('body').on('mouseleave', '.map-dot', function() {
        $(this).css('width', 50)
        $(this).removeClass('dot-done')
        $('.map-dot').removeClass('dot-done').css('width', 50)
        TweenMax.fromTo($(this).find('.map-cross'), 0.4, { rotation: 180 }, { rotation: 0, scale: 1 })
    });
}
if (window.innerWidth < 720) {
    setTimeout(function()  {

        $('#mapcontainer').scrollLeft(150)
    }, 300);
}
// if (window.innerWidth < 1080) {
//     let hwinth=window.innerWidth*9/16
// $('#youkuplayer iframe').attr('width',window.innerWidth+'px')
// $('#youkuplayer iframe').attr('height',hwinth+'px')
// }
    
var shareboole=true
$('.ft-share>a').click(function() {
   
    if(shareboole){
        shareboole=!shareboole
        $('.shareami .open_social_box.share_box').css('transform', 'translateY(75px)')
       
    }else{
        shareboole=!shareboole
        $('.shareami .open_social_box.share_box').css('transform', 'translateY(-75px)')
    }
    
});
})