.case-luoxi{overflow-x:hidden}.case-luoxi .case-logo{align-items:flex-end;padding-bottom:8px}.case-luoxi .page-title-content{flex-wrap:nowrap;align-items:flex-end}.case-luoxi .page-title-content .title{flex-shrink:0;margin:0;padding:0}.case-luoxi .page-title-content .text{flex-grow:1;padding-left:60px;width:auto;max-width:480px;padding-bottom:5px}.luoxi-offer{position:relative;padding:136px 0 108px;top:30px;opacity:0;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;transition:all .6s ease 0s}.luoxi-offer .image{position:relative;z-index:10;max-width:538px;margin:0 auto}.luoxi-offer .image img{display:block;width:100%}.luoxi-offer.animate{top:0;opacity:1}.luoxi-black{padding:108px 0;background:#0e0e0e;color:#fff}.luoxi-black .title{font-family:"SF Pro Display",sans-serif;font-size:104px;font-weight:300;line-height:88px}.luoxi-black .text{max-width:545px;margin-top:48px;font-size:18px;line-height:28px}.luoxi-black .text>p{margin-bottom:28px}.luoxi-black .text>p:last-child{margin-bottom:0}.luoxi-post{position:relative;padding:108px 0;text-align:center}.luoxi-post .image{margin-bottom:26px}.luoxi-post .image img{display:block;margin:0 auto;width:538px;height:538px}.luoxi-post .title{font-size:18px;font-weight:700;line-height:28px}.luoxi-post .action{margin-top:26px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.luoxi-post .action .btn{min-width:260px;height:55px;line-height:55px}.luoxi-post .action .link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;font-weight:700;line-height:1;color:#1b1c20;text-decoration:none;padding:0 15px;height:55px;min-width:260px;border:1px solid #404040}.luoxi-post .action .link-arrow{position:relative;display:block;width:15px;height:13px;left:0;background:url("/assets/img/luoxi/arrow.svg") no-repeat center;background-size:contain;margin-left:15px;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;transition:all .6s ease 0s}.luoxi-post .action .link:hover .link-arrow{left:10px}.luoxi-image{position:relative}.luoxi-image .image{position:relative;z-index:10;max-width:538px;margin:0 auto}.luoxi-image .image img{display:block;width:100%}.luoxi-image-1{padding:215px 0 108px}.luoxi-image-2{padding:245px 0 108px}.luoxi-square{position:absolute;left:50%;width:910px;margin-left:-455px;border:2px solid #000}.luoxi-square-top{top:108px;bottom:0;border-bottom:0}.luoxi-square-bottom{top:0;bottom:108px;border-top:0}.luoxi-bg-rectangle-1{position:absolute;top:0px;left:50%;width:953px;height:1744px;margin-left:-719px;border:2px solid #000;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);transform-origin:top right}.luoxi-bg-rectangle-2{position:absolute;top:110px;left:50%;width:963px;height:1827px;margin-left:-223px;border:2px solid #000;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg);transform-origin:top left}@media(max-width: 992px){.luoxi-black .title{font-size:65px;line-height:60px}.luoxi-bg-rectangle-1{width:937px;height:1689px;margin-left:-702px}.luoxi-bg-rectangle-2{width:959px;height:1771px;margin-left:-234px;top:109px}.luoxi-square{width:800px;margin-left:-400px}}@media(max-width: 768px){.case-luoxi{overflow-x:visible}.case-luoxi .page-offer{padding-bottom:0}.case-luoxi .page-title-content .text{padding:0 30px 0 30px}.luoxi-offer{overflow:hidden;padding:90px 0 72px}.luoxi-offer .image{width:350px}.luoxi-offer:before{content:"";display:block;width:363px;height:500px;position:absolute;top:39px;left:50%;margin-left:-144px;border:2px solid #000;transform:matrix(0.97, -0.26, 0.25, 0.96, 0, 0)}.luoxi-post{overflow:hidden;padding:72px 0}.luoxi-post .image img{width:350px;height:350px}.luoxi-post .title{font-size:14px;line-height:20px}.luoxi-post-1:before{content:"";display:block;width:363px;height:700px;position:absolute;top:-225px;left:50%;margin-left:-247px;border:2px solid #000;transform:matrix(0.97, -0.26, 0.25, 0.96, 0, 0)}.luoxi-post-3:before{content:"";display:block;width:363px;height:700px;position:absolute;top:-224px;left:50%;margin-left:-120px;border:2px solid #000;transform:matrix(-0.97, -0.26, -0.25, 0.96, 0, 0)}.luoxi-post-1 .title,.luoxi-post-3 .title{text-shadow:0 -2px 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,-1px -2px 0 #fff,1px -2px 0 #fff,-1px 2px 0 #fff,1px 2px 0 #fff,-2px -1px 0 #fff,2px -1px 0 #fff,-2px 1px 0 #fff,2px 1px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff}.luoxi-image{overflow:hidden}.luoxi-image .image{width:350px}.luoxi-image-1{padding:144px 0 72px}.luoxi-image-2{padding:144px 0 72px}.luoxi-image-2:before{content:"";display:block;width:363px;height:500px;position:absolute;top:92px;left:50%;margin-left:-222px;border:2px solid #000;transform:matrix(-0.97, -0.26, -0.25, 0.96, 0, 0)}.luoxi-black{padding:72px 0}.luoxi-black .title{font-size:32px;line-height:28px;margin-bottom:32px}.luoxi-black .text{font-size:12px;line-height:21px;max-width:350px}.luoxi-black .text>p{margin-bottom:21px}.luoxi-bg-rectangle-1,.luoxi-bg-rectangle-2{display:none}.luoxi-square{width:auto;margin:0;left:15px;right:15px}.luoxi-square-top{top:72px}.luoxi-square-bottom{bottom:72px}}@media(max-width: 500px){.case-luoxi .case-logo{justify-content:flex-start;padding-bottom:0}.case-luoxi .case-logo img{max-width:51px;margin:0}.case-luoxi .page-title-content .text{padding:0;margin-top:8px}.luoxi-offer{overflow:hidden;padding:70px 0 72px}.luoxi-offer .image{width:256px}.luoxi-offer:before{width:263px;height:500px;top:28px;margin-left:-87px}.luoxi-post .image img{width:256px;height:256px}.luoxi-post .action .btn{display:flex;align-items:center;justify-content:space-between;width:100%}.luoxi-post .action .link{justify-content:space-between;width:100%}.luoxi-post-1:before{width:263px;height:700px;top:-330px;margin-left:-204px}.luoxi-post-3:before{width:263px;height:700px;top:-330px;margin-left:-62px}.luoxi-image .image{width:256px}.luoxi-image-2:before{width:263px;height:500px;top:102px;margin-left:-179px}}/*# sourceMappingURL=case-luoxi.css.map */