.container { position: relative;width: 100%;min-height: 100vh;overflow: hidden; }
.header { background-color: #052369; }
.main { position: relative;padding: 80px 0 422px;width: 100vw; }
.cj-bg {  position: relative;width: 100%;height: calc( 100vh - 80px );background: no-repeat url(../../images/metacj/metacj_bg.png) center / cover; }
.cj-box { position: absolute;right: 5%;top: 10%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;zoom: 0.4; }
.cj-sec { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.cj-logo { height: 80px; }
.cj-font { margin-left: 20px;height: 50px; }  
.cj-code { margin-top: 50px;width: 258px;height: 326px; }