// $(".headerBox").load("../html/head.html");
$(".suspension").load("../html/suspension.html");
$(".footer").load("../html/footer.html");
$(function () {
// var swiper = new Swiper(".mySwiper", {
// loop: true,
// autoplay: true,
// pagination: {
// el: ".swiper-pagination",
// },
// });
$("#home").click(function () {
$("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000)
});
$("#jiejue").click(function () {
$("html,body").animate({ scrollTop: $(".h3").offset().top }, 1000)
});
$("#fuwu").click(function () {
$("html,body").animate({ scrollTop: $("#mian").offset().top }, 1000)
});
$("#anli").click(function () {
$("html,body").animate({ scrollTop: $(".caseBox").offset().top }, 1000)
});
$("#women").click(function () {
$("html,body").animate({ scrollTop: $(".aboutUt").offset().top }, 1000)
});
$(".itemImgBox1").click(function () {
$(".activity1").css("display", "block")
$(".activity2").css("display", "none")
$(".activity3").css("display", "none")
$(".activity4").css("display", "none")
$(".explainBox1").css("display", "block")
$(".explainBox2").css("display", "none")
$(".explainBox3").css("display", "none")
$(".explainBox4").css("display", "none")
})
$(".itemImgBox2").click(function () {
$(".activity1").css("display", "none")
$(".activity2").css("display", "block")
$(".activity3").css("display", "none")
$(".activity4").css("display", "none")
$(".explainBox1").css("display", "none")
$(".explainBox2").css("display", "block")
$(".explainBox3").css("display", "none")
$(".explainBox4").css("display", "none")
})
$(".itemImgBox3").click(function () {
$(".activity1").css("display", "none")
$(".activity2").css("display", "none")
$(".activity3").css("display", "block")
$(".activity4").css("display", "none")
$(".explainBox1").css("display", "none")
$(".explainBox2").css("display", "none")
$(".explainBox3").css("display", "block")
$(".explainBox4").css("display", "none")
})
$(".itemImgBox4").click(function () {
$(".activity1").css("display", "none")
$(".activity2").css("display", "none")
$(".activity3").css("display", "none")
$(".activity4").css("display", "block")
$(".explainBox1").css("display", "none")
$(".explainBox2").css("display", "none")
$(".explainBox3").css("display", "none")
$(".explainBox4").css("display", "block")
})
// 动画组
$(".caseLogo1").mouseenter(function () {
$(".caseLogo1").animate({ width: '443px' }, 300, function () {
$(".caseLogo2").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo3").css("width", "222px")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none")
})
})
// $(".caseLogo1").mouseleave(function() {
// $(".caseLogo1").stop()
// // 隐藏其他
// $(".caseLogo2").css("width", "222px")
// $(".jinbaoBoxA2").css("display", "none")
// $(".logoBox2").css("display", "block")
// $(".caseLogo3").css("width", "222px")
// $(".jinbaoBoxA3").css("display", "none")
// $(".logoBox3").css("display", "block")
// $(".caseLogo4").css("width", "222px")
// $(".jinbaoBoxA4").css("display", "none")
// $(".logoBox4").css("display", "block")
// $(".caseLogo1").animate({ width: '222px' }, 300)
// $(".jinbaoBoxA1").css("display", "none")
// $(".logoBox1").css("display", "block")
// })
$(".caseLogo2").mouseenter(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
// 隐藏其他
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo3").css("width", "222px")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".caseLogo2").animate({ width: '443px' }, 300, function () {
$(".jinbaoBoxA2").css("display", "block")
$(".logoBox2").css("display", "none")
})
})
$(".caseLogo2").mouseleave(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo3").css("width", "222px")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo2").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none")
})
})
$(".caseLogo3").mouseenter(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".caseLogo3").animate({ width: '443px' }, 300, function () {
$(".jinbaoBoxA3").css("display", "block")
$(".logoBox3").css("display", "none")
})
})
$(".caseLogo3").mouseleave(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo3").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none")
})
})
$(".caseLogo4").mouseenter(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo3").css("width", "222px")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo4").animate({ width: '443px' }, 300, function () {
$(".jinbaoBoxA4").css("display", "block")
$(".logoBox4").css("display", "none")
})
})
$(".caseLogo4").mouseleave(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo3").css("width", "222px")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo4").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none")
})
})
$(".caseLogo5").mouseenter(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo3").css("width", "222px")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo5").animate({ width: '443px' }, 300, function () {
$(".jinbaoBoxA5").css("display", "block")
$(".logoBox5").css("display", "none")
})
})
$(".caseLogo5").mouseleave(function () {
$(".caseLogo2").stop()
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block")
$(".caseLogo3").css("width", "222px")
$(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block")
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block")
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".caseLogo5").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none")
})
})
$(".concentrationBox").click(function () {
// window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn")
})
})