@charset "utf-8";.x-case-1 .inner-title{width:100%;height:auto;text-align:center;overflow:hidden}.x-case-1 .inner-title .headline{font-weight:500;color:#000;font-size:var(--font-size1)}.x-case-1 .inner-title .subtitle{color:#858791;font-size:var(--font-size7)}.x-case-1{width:100%;height:auto;padding-top:1.6rem;background-size:cover;background-repeat:no-repeat;background-position:top center;overflow:hidden}.x-case-1 .cases-box{width:100%;height:auto}.x-case-1 .cases-box .swiper-box{width:100%;height:auto;margin-top:.5rem;box-shadow:2px 3.464px 24px 0 rgba(0,0,0,0.06);overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide{width:100%;height:auto;border-radius:6px;background:#FFFFFF;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .images{width:50%;height:auto;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .images .pb{padding-bottom:70%}.x-case-1 .cases-box .swiper-box .swiper-slide a .images img{width:100%;height:100%;object-fit:cover}.x-case-1 .cases-box .swiper-box .swiper-slide a .content{width:50%;height:auto;padding:0 .7rem 0 .9rem;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;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .info-box{width:100%;height:auto;flex:1;padding:.5rem 0;display:block;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .info-box .classify{font-size:18px;font-weight:500;color:var(--color)}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .info-box .title{font-size:var(--font-size3);max-height:calc(2em * 1.2);margin-top:.8em;font-weight:500;color:#282B37;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .info-box .details{max-height:calc(3em * 1.625);margin-top:1.625em;color:#999999;line-height:1.625;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more{width:100%;height:auto;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more .line{width:100%;height:auto;position:relative;z-index:1;overflow:hidden;--active-color:#D9DBDE}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more .line::before{content:'';width:100%;height:1px;position:absolute;left:0;top:0;z-index:1;background:var(--active-color)}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more .line::after{content:'';width:.2rem;height:.2rem;position:relative;z-index:5;left:10px;display:block;background:#FFFFFF;transform:rotate(45deg) translateY(-80%);border:1px solid var(--active-color)}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more .more{width:100%;height:auto;padding:.2rem 0 .5rem;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;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:var(--color);overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more .more .word{color:var(--color)}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more .more .icon svg path{fill:currentColor}.x-case-1 .cases-box .swiper-logo{width:100%;height:auto;box-sizing:content-box;padding:30px 10px;margin-left:-10px;overflow:hidden;--radius:6px}.x-case-1 .cases-box .swiper-logo .swiper-slide{width:12.5%;height:auto;position:relative;z-index:1;cursor:pointer}.x-case-1 .cases-box .swiper-logo .swiper-slide::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:4;box-sizing:border-box;border:1px solid #F3F3F3;border-radius:var(--radius);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.x-case-1 .cases-box .swiper-logo .swiper-slide::after{content:'';width:0;height:4px;position:absolute;left:0;bottom:0;z-index:5;border-radius:0 0 var(--radius) var(--radius);background:var(--color)}.x-case-1 .cases-box .swiper-logo .swiper-slide .pb{padding-bottom:41.667%;z-index:1;border-radius:var(--radius)}.x-case-1 .cases-box .swiper-logo .swiper-slide .ab{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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.x-case-1 .cases-box .swiper-logo .swiper-slide-active::before{box-shadow:0 0 20px 0 rgba(67,76,97,0.09),inset 0 0 0 2px rgba(255,255,255,0.79);border-color:#FFFFFF}.x-case-1 .cases-box .swiper-logo .swiper-slide-active::after{animation:lines 5s linear}@media (max-width: 1260px){.x-case-1 .cases-box .swiper-box .swiper-slide .content{padding:0 20px 0 30px}.x-case-1 .cases-box .swiper-box .swiper-slide .content .info-box{padding:20px 0}.x-case-1 .cases-box .swiper-box .swiper-slide .content .info-box .details{max-height:calc(2em * 1.625);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.x-case-1 .cases-box .swiper-box .swiper-slide .content .view-more .more{padding:10px 0 20px}}@media (max-width: 991px){.x-case-1 .cases-box .swiper-box .swiper-slide a{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.x-case-1 .cases-box .swiper-box .swiper-slide a .images{width:100%}.x-case-1 .cases-box .swiper-box .swiper-slide a .content{width:100%;flex:1;padding:30px 20px 0}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .info-box{padding:0}.x-case-1 .cases-box .swiper-box .swiper-slide a .content .view-more{margin-top:30px}}@keyframes lines{0%{width:0}100%{width:100%}}
 
@charset "utf-8";.x-case-2 .basepage{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.x-case-2 .basepage a,.x-case-2 .basepage span,.x-case-2 .basepage .f_fan,.x-case-2 .basepage input{width:56px;height:56px;display:flex;align-items:center;border-radius:3px;justify-content:center;border:solid 1px #eeeeee;color:#282b37;flex-shrink:0;transition:all .4s;float:left;font-size:16px;font-size:var(--font-size9);margin:0 10px 10px}@media (max-width: 1580px){.x-case-2 .basepage a,.x-case-2 .basepage span,.x-case-2 .basepage .f_fan,.x-case-2 .basepage input{width:50px;height:50px;margin:0 6px 10px}}@media (max-width: 991px){.x-case-2 .basepage a,.x-case-2 .basepage span,.x-case-2 .basepage .f_fan,.x-case-2 .basepage input{width:45px;margin:0 5px 10px;height:45px}}@media (max-width: 991px){.x-case-2 .basepage a,.x-case-2 .basepage span,.x-case-2 .basepage .f_fan,.x-case-2 .basepage input{width:34px;height:34px;font-size:14px}}.x-case-2 .basepage input{text-align:center}.x-case-2 .basepage span{border:none;width:auto}.x-case-2 .basepage .f_zi{margin-right:0}.x-case-2 .basepage .f_zi2{margin-left:0}.x-case-2 .basepage .active{border:1px solid var(--color);background-color:var(--color);color:#fff}.x-case-2 .basepage .active:hover{color:#fff;background-color:var(--color)}.x-case-2 .basepage .f_fan{width:72px;color:var(--color);padding:0 10px;text-align:center}@media (max-width: 1580px){.x-case-2 .basepage .f_fan{width:68px}}@media (max-width: 767px){.x-case-2 .basepage .f_fan{width:64px}}.x-case-2 .basepage .f_fan::-webkit-input-placeholder{color:#999999}.x-case-2 .basepage .f_fan::-ms-input-placeholder{color:#999999}.x-case-2 .basepage .prev,.x-case-2 .basepage .next{position:relative;width:auto;padding:0 .24rem;color:#222}.x-case-2 .basepage .prev svg,.x-case-2 .basepage .next svg{width:17px;height:15px}@media (max-width: 1580px){.x-case-2 .basepage .prev svg,.x-case-2 .basepage .next svg{width:15px;height:13px}}.x-case-2 .basepage .prev svg path,.x-case-2 .basepage .next svg path{transition:all .4s;fill:#222}.x-case-2 .basepage .prev:hover,.x-case-2 .basepage .next:hover{background-color:var(--color);color:#fff}.x-case-2 .basepage .prev:hover svg path,.x-case-2 .basepage .next:hover svg path{fill:var(--color)}.x-case-2 .basepage .fan{width:auto;padding:0 15px}.x-case-2 .basepage a:hover{border:1px solid var(--color);color:#fff;background:var(--color)}.x-case-2 .inner-title{width:100%;height:auto;text-align:center;overflow:hidden}.x-case-2 .inner-title .headline{font-weight:500;font-size:var(--font-size1);color:#000}.x-case-2 .inner-title .subtitle{color:#858791}.x-case-2{width:100%;height:auto;padding:1.2rem 0;overflow:hidden}.x-case-2 .cases-box{width:100%;height:auto}.x-case-2 .cases-box .cases-link{width:100%;height:auto;margin-top:20px;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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;grid-gap:20px;overflow:hidden;overflow-x:auto}@media (max-width: 767px){.x-case-2 .cases-box .cases-link{justify-content:flex-start}}.x-case-2 .cases-box .cases-link a{flex:0 0 auto}.x-case-2 .cases-box .cases-link a{position:relative;z-index:1;padding:0 1em 1em;color:#282B37;line-height:1.2;font-size:var(--font-size6)}.x-case-2 .cases-box .cases-link a::after{content:'';width:0;height:3px;position:absolute;left:50%;bottom:0;z-index:1;transform:translateX(-50%);background:var(--color)}.x-case-2 .cases-box .cases-link a.active{color:var(--color)}.x-case-2 .cases-box .cases-link a.active::after{width:100%}.x-case-2 .cases-box .cases-list{width:100%;height:auto;margin-top:.4rem;padding:10px;box-sizing:content-box;transform:translateX(-10px);display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:.4rem}.x-case-2 .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;background:#FFFFFF;position:relative;z-index:1;overflow:hidden}.x-case-2 .cases-box .cases-list .item .img{width:100%;height:auto;position:relative;z-index:1;border-radius:6px;overflow:hidden}.x-case-2 .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-2 .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-2 .cases-box .cases-list .item .img .pb{padding-bottom:61.36%}.x-case-2 .cases-box .cases-list .item .img img{width:100%;height:100%;object-fit:cover}.x-case-2 .cases-box .cases-list .item .info{width:100%;height:auto;position:relative;z-index:5;padding:.4rem;margin-top:-36px;border-radius:10px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;overflow:hidden;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px)}.x-case-2 .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-2 .cases-box .cases-list .item .info .logo img{width:auto;height:100%;object-fit:contain}.x-case-2 .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-2 .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-2 .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-2 .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-2 .cases-box .cases-list .item .more .icon{margin-left:10px}.x-case-2 .cases-box .cases-list .item .more .icon svg path{fill:currentColor}.x-case-2 .cases-box .cases-list .item:hover .info{transform:translateY(-36px);will-change:transform}.x-case-2 .cases-box .cases-list .item:hover .info .title{min-height:1.3em}.x-case-2 .cases-box .cases-list .item:hover .info .tabs-text{margin-top:.2rem}.x-case-2 .cases-box .cases-list .item:hover .more{opacity:1;transform:translateY(0)}.x-case-2 .cases-box .basepage{margin-top:.7rem}@media (max-width: 1260px){.x-case-2 .cases-box .cases-list{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 991px){.x-case-2 .cases-box .cases-list .item .more{position:relative;transform:translate(0);opacity:1}}@media (max-width: 767px){.x-case-2 .cases-box .cases-list{grid-template-columns:100%}}
 
@charset "utf-8";.x-case-3 .inner-title{width:100%;height:auto;text-align:center;overflow:hidden}.x-case-3 .inner-title .headline{font-weight:500;font-size:var(--font-size1);color:#000}.x-case-3 .inner-title .subtitle{color:#858791}.x-case-3{width:100%;height:auto;margin:1.2rem 0;overflow:hidden}.x-case-3 .link-box{width:100%;height:auto}.x-case-3 .link-box .link-tab{width:100%;height:auto;margin-top:.3rem;overflow:hidden}.x-case-3 .link-box .link-tab .swiper-slide{width:auto;cursor:pointer}.x-case-3 .link-box .link-tab .swiper-slide .word{font-size:var(--font-size6);position:relative;padding-bottom:.5em;z-index:1;color:#333333;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.x-case-3 .link-box .link-tab .swiper-slide .word::after{content:'';width:0;height:2px;position:absolute;left:50%;bottom:0;z-index:1;transform:translateX(-50%);background:var(--color);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.x-case-3 .link-box .link-tab .swiper-slide.active .word{color:var(--color)}.x-case-3 .link-box .link-tab .swiper-slide.active .word::after{width:100%}.x-case-3 .link-box .swiper-box{width:100%;height:auto;margin-top:.4rem;padding:10px;box-sizing:content-box;position:relative;left:-10px;overflow:hidden}.x-case-3 .link-box .swiper-box div.swiper-slide .swiper-subnav{padding:8px;margin:-8px;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.x-case-3 .link-box .swiper-box div.swiper-slide.active .swiper-subnav{opacity:1}.x-case-3 .link-box .swiper-box li.swiper-slide{width:20%;box-shadow:0 0 8px rgba(0,0,0,0.1)}.x-case-3 .link-box .swiper-box li.swiper-slide a{width:100%;height:auto;display:block;position:relative;z-index:1;pointer-events:auto;overflow:hidden}.x-case-3 .link-box .swiper-box li.swiper-slide a .title{width:100%;height:100%;padding:10px;position:absolute;left:0;top:0;z-index:10;background:rgba(250,139,42,0.96);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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:#FFFFFF;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;overflow:hidden}.x-case-3 .link-box .swiper-box li.swiper-slide a .img{width:100%;height:auto;background:#FFFFFF;overflow:hidden}.x-case-3 .link-box .swiper-box li.swiper-slide a .img .pb{padding-bottom:42.1641791%}.x-case-3 .link-box .swiper-box li.swiper-slide a .img .ab{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;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.x-case-3 .link-box .swiper-box li.swiper-slide a .img img{max-width:100%;max-height:100%}.x-case-3 .link-box .swiper-box li.swiper-slide a:hover .title{opacity:1}