.container { position: relative;width: 100%;min-height: 100vh;overflow: hidden; }
.header { background-color: #052369; }
.main { position: relative;padding: 100px 0 326px;width: 100vw;height: calc( 100vh - 100px ); }
@media screen and (max-width: 1500px) {
  .main { padding: 65px 0 326px;height: calc( 100vh - 65px ); }
}
.cj-bg {  position: relative;width: 100%;height: 100%;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; }
.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; }
@media screen and (max-width: 1500px) {
  .cj-box { zoom: 0.7; }
}