@keyframes jump{0%{bottom:0}to{bottom:15px}}section.content{width:100%;display:flex;flex-direction:column;background-color:#fff}section.content .references .splash{margin:0 0 100px;padding:50px 0;display:flex;background:#353e56;box-shadow:0 4px 10px rgba(0,0,0,.05);min-height:360px;align-items:center}section.content .references .splash .titleBox{width:100%;margin:0}section.content .references .splash .titleBox .title{width:100%;margin:0;font-weight:500;font-size:24px;line-height:29px;letter-spacing:-.03em;text-align:center;color:#fff}section.content .references .splash .titleBox .title:after{content:"";display:block;width:60px;height:2px;background:#1cade4;margin:14px auto 12px}section.content .references .splash .titleBox .desc{max-width:1000px;margin:0 auto;font-weight:300;font-size:30px;line-height:40px;text-align:center;color:#fff}section.content .references .references-list{margin:0 0 100px;display:block}section.content .references .references-list ul.reference{width:100%;display:flex;flex-wrap:wrap;transition:height 600ms;height:auto}section.content .references .references-list ul.reference li{width:256px;height:120px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eaeaea;margin:0 0 -1px -1px}section.content .references .references-list ul.reference li .imgBox{width:142px;height:60px;overflow:hidden;position:relative}section.content .references .references-list ul.reference li .imgBox .bgImage{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain}section.content .references .references-list #referencesbyword,section.content .references .references-list ul.reference li .imgBox .hover,section.content .references .references-list ul.reference li:hover .imgBox .bgImage{display:none}section.content .references .references-list ul.reference li:hover{cursor:pointer;background-color:#353e56}section.content .references .references-list ul.reference li:hover .imgBox{height:auto}section.content .references .references-list ul.reference li:hover .imgBox .hover{display:flex;align-content:center;justify-content:center;font-weight:700;font-size:16px;line-height:19px;text-align:center;letter-spacing:-.02em;color:#fff}section.content .references .reference-banner{width:100%;margin:40px 0 60px;display:block}section.content .references .reference-banner .container .box{background:#353e56;min-height:260px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;position:relative}section.content .references .reference-banner .container .box .bannerTextBox{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative;z-index:2}section.content .references .reference-banner .container .box .bannerTextBox .descBox{width:calc(52% - 40px);justify-content:start;margin:0 0 0 40px;font-weight:400;font-size:34px;line-height:40px;letter-spacing:-.02em;color:#fff}section.content .references .reference-banner .container .box .bannerTextBox .linkBox{width:calc(48% - 100px);justify-content:end;margin:0 100px 0 0}section.content .references .reference-banner .container .box .bgImage{position:absolute;right:8px;bottom:7px;z-index:1;width:735px;height:320px}.ua-ie section.content .investmentProducts .top .box .title span{display:table}@media screen and (max-width:1100px){.container,section.content .references .references-list .top .container{width:calc(100% - 40px)}section.content .references .references-list ul.reference li{width:247px}}@media screen and (max-width:960px){section.content .references .references-list .top .container{width:calc(100% - 40px)}section.content .references .reference-banner{width:100%;margin:55px 0 60px;display:block}section.content .references .reference-banner .container .box .bannerTextBox .descBox{width:calc(40% - 20px);margin:0 0 0 20px;font-weight:400;font-size:24px;line-height:30px;letter-spacing:-.02em;color:#fff;text-shadow:2px 2px #353e56}section.content .references .reference-banner .container .box .bannerTextBox .linkBox{width:calc(60% - 80px);justify-content:end;margin:0 80px 0 0}section.content .references .reference-banner .container .box .bgImage{position:absolute;right:8px;bottom:7px;z-index:1;width:735px;height:320px}}@media screen and (max-width:768px){section.content .references .splash{margin:0 0 50px;padding:50px 0 40px;min-height:unset;align-items:center}section.content .references .splash .titleBox .desc{font-size:18px;line-height:28px}section.content .references .references-list{margin:0 0 40px}section.content .references .references-list #referencesbyword li{position:relative}section.content .references .references-list #referencesbyword li .word{cursor:pointer;display:block;background:#353e56;height:55px;line-height:55px;font-weight:500;margin:0 0 1px;font-size:24px;text-align:center;letter-spacing:-.03em;color:#fff;z-index:3;position:relative}section.content .references .references-list #referencesbyword li .word::after{content:"";position:absolute;right:20px;top:25px;background-image:url(../sprite/sprite.webp);background-position:-477px -360px;width:12px;height:6px}section.content .references .references-list #referencesbyword li.on .word::after{transform:rotate(180deg)}section.content .references .references-list #referencesbyword li.on ul.reference{width:100%;display:flex;flex-wrap:wrap;transition:height 600ms;height:auto;margin:10px 0}section.content .references .references-list #referencesbyword li.on ul.reference li{width:50%;height:78px}section.content .references .references-list #referencesbyword li.on ul.reference li .imgBox{width:95px;height:40px}section.content .references .references-list #referencesbyword li ul.reference,section.content .references .references-list ul.reference,section.content .references .references-list ul.reference li:hover .imgBox .hover{display:none}section.content .references .reference-banner{width:100%;margin:55px 0 60px;display:block}section.content .references .reference-banner .container .box{display:block;padding:270px 0 30px}section.content .references .reference-banner .container .box .bannerTextBox{display:block;margin:0 30px;width:calc(100% - 60px)}section.content .references .reference-banner .container .box .bannerTextBox .descBox{width:100%;margin:0;font-weight:400;font-size:24px;line-height:30px;letter-spacing:-.02em;color:#fff;text-shadow:unset}section.content .references .reference-banner .container .box .bannerTextBox .linkBox{width:100%;margin:32px 0 0;justify-content:start}section.content .references .reference-banner .container .box .bgImage{background-size:contain;background-repeat:no-repeat;background-position:center top;overflow:visible;z-index:7;position:absolute;left:0;right:0;top:-24px;width:calc(100% - 34px);margin:0 auto}section.content .references .references-list #referencesbyword,section.content .references .references-list ul.reference li:hover .imgBox .bgImage{display:block}section.content .references .references-list ul.reference li:hover{cursor:default;background-color:#fff}}@media screen and (max-width:550px){section.content .references .reference-banner .container .box{padding:170px 0 30px}}@media screen and (max-width:400px){section.content .references .reference-banner .container .box{padding:130px 0 30px}}