@charset "UTF-8";.sorts{display:flex}.right_but{display:flex;flex-direction:row;}.case_but{display:inline-block;width:130px;border-radius:5px;height:35px;color:#fff;font-size:16px;text-align:center;cursor:pointer;line-height:35px;background-color:#00aeef;margin-left:10px}@media screen and (max-width:1280px){.sorts{justify-content:flex-end;flex-wrap:wrap}.right_but{width:auto}.case_but{margin-top:30px;margin-right:10px}}@media screen and (max-width:750px){.sorts{justify-content:center}.case_but{margin-top:30px}}.case_but a{border-radius:5px;color:#000;display:inline-block;width:100%;height:100%;overflow:hidden;position:relative;z-index:1}.case_button{-webkit-transition:border-color .3s,color .3s;transition:border-color .3s,color .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.case_button:hover{color:#fff;border-color:#161616}.case_button::before{content:'';position:absolute;top:0;left:0;width:150%;height:100%;background:#37474f;z-index:-1;-webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transition:-webkit-transform .3s,opacity .3s,background-color .3s;transition:transform .3s,opacity .3s,background-color .3s}.case_button:hover::before{opacity:1;background-color:#161616;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.video_box .prj-grid{position:relative}.line_box{position:absolute;bottom:0;left:0;width:3px;height:110px;background:#4454ff;animation:line_box 4s linear infinite}@keyframes line_box{3%{width:3px;height:110px;left:0;bottom:0}22%{width:3px;height:110px;left:0;bottom:calc(100% - 110px)}27%{width:110px;height:3px;left:0;bottom:calc(100% - 3px)}47%{width:110px;height:3px;left:calc(100% - 110px);bottom:calc(100% - 3px)}53%{width:3px;height:110px;left:calc(100% - 3px);bottom:calc(100% - 110px)}72%{width:3px;height:110px;left:calc(100% - 3px);bottom:0}78%{width:110px;height:3px;left:calc(100% - 110px);bottom:0}97%{width:110px;height:3px;left:0;bottom:0}}.video_box .tuijian1{background:#fff;height:100%;position:relative;z-index:4;padding:7px}.video_box .prj-grid{padding:3px}