@charset "utf-8";.x-case-4b .inner-title{width:100%;height:auto;text-align:center;overflow:hidden}.x-case-4b .inner-title .headline{font-weight:500;font-size:var(--font-size2);color:#000}.x-case-4b .inner-title .subtitle{color:#858791}.x-case-4{width:100%;height:auto;position:relative;z-index:1;background:#F5F4F5;overflow:hidden}.x-case-4::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:url('/static/home/images/cases-details-bg.jpg') no-repeat bottom / cover;opacity:.3}.x-case-4 .container2{position:relative;z-index:5}.x-case-4 .cases-box{width:100%;height:auto;padding:1.2rem 0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden}.x-case-4 .cases-box .content{width:50%;height:auto;margin-right:1rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.x-case-4 .cases-box .content .logo{width:100%;height:40px;overflow:hidden}.x-case-4 .cases-box .content .logo img{width:auto;height:100%;object-fit:contain}.x-case-4 .cases-box .content .info{width:100%;height:auto;margin:20px 0 30px;flex:1;overflow:hidden}.x-case-4 .cases-box .content .info .title{font-weight:500;font-size:var(--font-size2);color:#000}.x-case-4 .cases-box .content .info .details{margin-top:20px;color:#444444;line-height:1.5}.x-case-4 .cases-box .content .menu{width:100%;height:auto;display:flex;flex-wrap:wrap;grid-template-columns:repeat(3, 1fr);grid-gap:1rem;overflow:hidden}.x-case-4 .cases-box .content .menu .item{width:auto;height:auto;overflow:hidden}.x-case-4 .cases-box .content .menu .item .number{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;color:var(--color);overflow:hidden}.x-case-4 .cases-box .content .menu .item .number .beat{font-weight:500;line-height:1;font-size:var(--font-size1)}.x-case-4 .cases-box .content .menu .item .number .unit{font-size:var(--font-size4);-webkit-box-self:end;-ms-align-self:end;-webkit-align-self:end;align-self:end}.x-case-4 .cases-box .content .menu .item .number .icon{width:.16rem;height:auto;margin-left:10px}.x-case-4 .cases-box .content .menu .item .number .icon svg{width:100%}.x-case-4 .cases-box .content .menu .item .title{width:100%;height:auto;margin-top:5px;color:#444444;overflow:hidden}.x-case-4 .cases-box .images{width:50%;height:auto}.x-case-4 .cases-box .images .pb{border-radius:10px;padding-bottom:58.82352941%}.x-case-4 .cases-box .images img{width:100%;height:100%;object-fit:cover}@media (max-width: 991px){.x-case-4 .cases-box{display:block}.x-case-4 .cases-box .content{width:100%;display:block}.x-case-4 .cases-box .images{width:100%;margin-top:30px}}@media (max-width: 767px){.x-case-4 .cases-box .content .menu{grid-template-columns:repeat(2, 1fr)}}.x-case-4a{width:100%;height:auto;margin:1.5rem 0;overflow:hidden}.x-case-4a .cases-box{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden}.x-case-4a .cases-box .cases-main{width:100%;height:auto;flex:1;overflow:hidden}.x-case-4a .cases-box .cases-main .cases-info{width:100%;height:auto;overflow:hidden}.x-case-4a .cases-box .cases-main .cases-info .title{font-weight:revert;line-height:1.22;font-size:.24rem;color:#000000}.x-case-4a .cases-box .cases-main .cases-info .details{width:100%;height:auto;margin-top:20px;padding:.6rem;border:1px solid #EEEEEE;position:relative;z-index:1;line-height:1.5;color:#222222;overflow:hidden}.x-case-4a .cases-box .cases-main .cases-info .details::before{content:'';width:100%;height:100%;position:absolute;left:.3rem;top:.3rem;z-index:1;background:url('/static/home/images/icon-66.png') no-repeat left top / .52rem auto;pointer-events:none}.x-case-4a .cases-box .cases-main .cases-info .details::after{content:'';width:100%;height:100%;position:absolute;bottom:0;right:.3rem;z-index:1;background:url('/static/home/images/icon-99.png') no-repeat bottom right / .56rem auto;pointer-events:none}.x-case-4a .cases-box .cases-main .cases-info .details .title2{font-size:var(--font-size6)}.x-case-4a .cases-box .cases-main .cases-info+*{margin-top:.8rem}.x-case-4a .cases-box .cases-main .tabs-text{width:100%;height:auto;margin-top:.5rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;grid-gap:.8em;overflow:hidden}.x-case-4a .cases-box .cases-main .tabs-text span{height:auto;padding:.2em .8em;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#F7F7F7;color:#282B37;white-space:nowrap}.x-case-4a .cases-box .cases-main .return-box{width:100%;height:auto;margin-top:.3rem;padding-top:.3rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid #EEEEEE;overflow:hidden}.x-case-4a .cases-box .cases-main .return-box .return-text{font-size:var(--font-size9);width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden}.x-case-4a .cases-box .cases-main .return-box .return-text .title{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;color:#1A1A1A;line-height:1.2}.x-case-4a .cases-box .cases-main .return-box .return-text .title a{max-width:100%;flex:1;color:#1A1A1A;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-case-4a .cases-box .cases-main .return-box .return-text .title a:hover{color:var(--color);text-decoration:underline}.x-case-4a .cases-box .cases-main .return-box .return-text .title+.item{margin-top:10px}.x-case-4a .cases-box .cases-main .return-box .return-btn{margin-left:1rem}.x-case-4a .cases-box .cases-main .return-box .return-btn a{height:52px;padding:0 2em;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--color);border-radius:3px;white-space:nowrap;color:#FFFFFF}.x-case-4a .cases-box .cases-main .return-box .return-btn a i{width:12px;height:100%;margin-left:2em;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.x-case-4a .cases-box .cases-main .return-box .return-btn a i svg{width:100%;height:100%}.x-case-4a .cases-box .cases-main .return-box .return-btn a:hover i{transform:translateX(50%)}.x-case-4a .cases-box .sidebar-box{width:325px;height:auto;margin-left:.6rem}.x-case-4a .cases-box .sidebar-box .headline{font-size:var(--font-size4);width:100%;height:auto;font-weight:500;color:#222222;overflow:hidden}.x-case-4a .cases-box .sidebar-box .sidebar-cases{width:100%;height:auto;padding:20px;border:1px solid #EEEEEE;overflow:hidden}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box{width:100%;height:auto;margin-top:.3rem;overflow:hidden}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item{width:100%;height:auto;position:relative;z-index:1}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item .title{width:100%;height:auto;font-size:16px;font-weight:500;color:#444444;overflow:hidden}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item .details{width:100%;height:auto;margin-top:1em;font-size:14px;color:#999999;line-height:1.5;overflow:hidden}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item .more{width:100%;height:auto;margin-top:.2rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--color);overflow:hidden}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item .more .word{margin-right:.5em;font-size:14px;color:var(--color)}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item .more .icon svg path{fill:currentColor}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item+.item{margin-top:.5rem}.x-case-4a .cases-box .sidebar-box .sidebar-cases .menu-box .item+.item::before{content:'';width:100%;height:1px;position:absolute;left:0;top:-0.25rem;z-index:1;background:#EEEEEE}.x-case-4a .cases-box .sidebar-box .sidebar-product{width:100%;height:auto;margin-top:20px;padding:20px;border:1px solid #EEEEEE;overflow:hidden}.x-case-4a .cases-box .sidebar-box .sidebar-product .menu-box{width:100%;height:auto;margin-top:.3rem}.x-case-4a .cases-box .sidebar-box .sidebar-product .menu-box .item{width:100%;height:auto}.x-case-4a .cases-box .sidebar-box .sidebar-product .menu-box .item a{padding:1em 0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;color:#333333;line-height:1.5;border-bottom:1px solid #EEEEEE}.x-case-4a .cases-box .sidebar-box .sidebar-product .menu-box .item a .word{width:100%;height:auto;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-case-4a .cases-box .sidebar-box .sidebar-product .menu-box .item a i{height:100%;margin-left:10px;padding:0 5px 0 10px;transform:translateY(-50%);border-radius:1em 1em 1em 0;background:var(--color);font-size:14px;color:#FFFFFF;font-style:normal;font-weight:300}.x-case-4a .cases-box .sidebar-box .sidebar-product .menu-box .item:first-child a{padding-top:0}.x-case-4a .cases-box .sidebar-box .sidebar-product .menu-box .item:last-child a{border:0}@media (max-width: 991px){.x-case-4a .cases-box{display:block}.x-case-4a .cases-box .sidebar-box{width:100%;margin:1rem 0 0}}.x-case-4b{width:100%;height:auto;margin:1.5rem 0 1.4rem;overflow:hidden}.x-case-4b .cases-box{width:100%;height:auto}.x-case-4b .cases-box .cases-list{width:100%;height:auto;margin-top:.4rem;padding:10px;transform:translateX(-10px);box-sizing:content-box;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:.4rem;overflow:hidden}.x-case-4b .cases-box .cases-list .item{width:100%;height:auto;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:6px 6px 10px 10px;position:relative;z-index:1;overflow:hidden}.x-case-4b .cases-box .cases-list .item .img{width:100%;height:auto;position:relative;z-index:1;border-radius:6px;overflow:hidden}.x-case-4b .cases-box .cases-list .item .img .hot{width:auto;height:auto;padding:5px 0 5px 1.42em;position:absolute;left:0;top:0;z-index:10;background:var(--color);color:#FFFFFF}.x-case-4b .cases-box .cases-list .item .img .hot::after{content:'';width:100px;height:100%;position:absolute;left:0;top:0;z-index:-1;background:var(--color);border-radius:0 0 6px 0;transform:translateX(-20px) skewX(-20deg)}.x-case-4b .cases-box .cases-list .item .img .pb{padding-bottom:61.36%}.x-case-4b .cases-box .cases-list .item .img img{width:100%;height:100%;object-fit:cover}.x-case-4b .cases-box .cases-list .item .info{width:100%;height:auto;padding:.4rem;position:relative;z-index:5;margin-top:-36px;backdrop-filter:blur(6px);background:rgba(255,255,255,0.8);border-radius:10px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;overflow:hidden}.x-case-4b .cases-box .cases-list .item .info .logo{width:100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:0;overflow:hidden}.x-case-4b .cases-box .cases-list .item .info .title{width:100%;height:auto;min-height:calc(2em * 1.3);max-height:calc(2em * 1.3);margin-top:20px;color:#282B37;font-weight:500;line-height:1.3;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.x-case-4b .cases-box .cases-list .item .info .tabs-text{width:100%;height:auto;margin-top:.5rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;grid-gap:.8em;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;overflow:hidden}.x-case-4b .cases-box .cases-list .item .info .tabs-text span{height:auto;padding:.2em .8em;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#F7F7F7;color:#282B37;white-space:nowrap}.x-case-4b .cases-box .cases-list .item .more{width:100%;height:auto;padding:0 .4rem .4rem;position:absolute;z-index:10;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--color);transform:translateY(1em);opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;overflow:hidden}.x-case-4b .cases-box .cases-list .item .more .icon{margin-left:10px}.x-case-4b .cases-box .cases-list .item .more .icon svg path{fill:currentColor}.x-case-4b .cases-box .cases-list .item:hover .info{transform:translateY(-36px)}.x-case-4b .cases-box .cases-list .item:hover .info .title{min-height:1.3em}.x-case-4b .cases-box .cases-list .item:hover .info .tabs-text{margin-top:.2rem}.x-case-4b .cases-box .cases-list .item:hover .more{opacity:1;transform:translateY(0)}@media (max-width: 1260px){.x-case-4b .cases-box .cases-list{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 991px){.x-case-4b .cases-box .cases-list .item .more{position:relative;transform:translate(0);opacity:1}}@media (max-width: 767px){.x-case-4b .cases-box .cases-list{grid-template-columns:100%}}