html,body{margin:0;padding:0;color:#6a6864;background-color:#1b1b1c;font-size:16px;font-family:PingFang SC;font-weight:300}body{overflow-x:hidden}*{box-sizing:border-box}p,h1,h2,h3,h4{margin:0;padding:0}a{text-decoration:none}a:hover{cursor:pointer}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.img{overflow:hidden}.img img{width:100%;height:100%;position:relative}.content{max-width:1920px;margin:0 auto;padding:0 75px}ul,li{margin:0;padding:0;list-style:none}@media screen and (max-width: 1020px){body,html{font-size:14px}}@media screen and (max-width: 750px){.content{padding-left:4vw;padding-right:4vw}}.ani{transition:all .3s ease-in}.ani_hide{opacity:0;transform:translateY(50px);transition:all .3s ease-in}.ani_show{opacity:1;transform:translateY(0);transition:all .3s ease-in}.flex{display:flex}.flex.inline{display:inline-flex}.row{display:flex;flex-direction:row}.row.inline{display:inline-flex}.column{display:flex;flex-direction:column}.column.inline{display:inline-flex}.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.reverse-wrap{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.case_banner{height:745px;position:relative;overflow:hidden}.case_banner .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.case_banner .bg img{width:100%;height:100%;object-fit:cover}.case_banner .content{position:relative;z-index:2;height:745px}.case_banner .content .case_banner_txt{padding-top:263px}.case_banner .content .case_banner_txt .text_ani .char3,.case_banner .content .case_banner_txt .text_ani .char4,.case_banner .content .case_banner_txt .text_ani .char5,.case_banner .content .case_banner_txt .text_ani .char6{color:#c6b086}.case_banner .content h3{font-size:64px;font-weight:200;margin-top:20px}.case_list{position:relative;padding:60px 0 120px}.case_list ul{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.case_list ul li{font-size:16px;font-weight:300;line-height:26px;margin-right:30px;color:#6a6864}.case_list ul li span{color:#ffffff4d;font-size:12px;margin-left:10px}.case_list ul li:hover{color:#fff;cursor:pointer}.case_list ul li.on{color:#c6b086}.case_list .items{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.case_list .items>a{display:block;position:relative}.case_list .items>a.hide{display:none}.case_list .items>a .bg{position:relative;font-size:0;width:100%;overflow:hidden;border-radius:16px}.case_list .items>a .bg>img{width:100%;height:auto;opacity:0}.case_list .items>a .bg .img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;transition:all .1s ease-in;border-radius:16px}.case_list .items>a .bg .img img{width:100%;height:100%;object-fit:cover}.case_list .items>a p{font-size:20px;font-weight:500;color:#fff;line-height:25px;margin-top:20px}.case_list .items>a p span{font-size:12px;font-weight:300;color:#ffffff4d;line-height:20px}.case_list .items>a:hover{cursor:pointer}.case_list .items>a:hover .bg .img{transform:scale(1.1)}.case_list .items>a:hover p{color:#c6b086}@media screen and (max-width: 1100px){.case_list .items{grid-template-columns:repeat(2,auto)}}.case_list_ul_fix{display:none}@media screen and (max-width: 750px){.case_banner .content{height:auto}.case_banner .content .case_banner_txt{padding-top:300px}.case_banner .content h3{font-size:8.53333333vw;margin-bottom:300px}.case_banner .content .right{display:none}.case_list{padding-top:8vw;padding-bottom:4vw}.case_list ul{height:30px}.case_list ul li{font-size:2.4vw;margin-right:4vw}.case_list ul li span{font-size:2.13333333vw}.case_list .items{grid-template-columns:repeat(1,auto);gap:4vw}.case_list .items>a p{font-size:3.46666667vw;margin-top:2.66666667vw}.case_list .items>a p span{font-size:2.66666667vw}.case_list_ul_fix{display:none;width:100%;background-color:#1b1b1c;position:fixed;left:4vw;top:17.33333333vw;z-index:5;height:10.66666667vw}.case_list_ul_fix.active{display:block;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.case_list_ul_fix li{font-size:2.4vw;margin-right:4vw}.case_list_ul_fix li span{font-size:2.13333333vw}.case_list_ul_fix li:hover{color:#fff;cursor:pointer}.case_list_ul_fix li.on{color:#c6b086}}