.header { height: 40px; padding: 20px 0 20px 0; background: url("../../images/rj-01.png?1") no-repeat center center; }

.rj-logo { float: left; margin-right: 40px; }

.rj-nav ul li { float: left; text-align: center; line-height: 40px; margin-left: 50px; }

.rj-nav ul li a { display: inline-block; border-bottom: 2px solid transparent; color: #fff; height: 36px; line-height: 36px; }

.rj-nav ul li.on a { border-bottom: 2px solid #fff; }

.navbar-toggle { position: absolute; right: 5%; top: 15px; z-index: 29; background: 0 0; -o-transition: .3s all; -moz-transition: .3s all; transition: .3s all; -webkit-transition: .3s all; border: none; width: 24px; height: 26px; padding: 0; outline: none; display: none; }

.navbar-toggle span { position: absolute; width: 100%; height: 2px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity .25s; -o-transition: opacity .25s; -moz-transition: opacity .25s; transition: opacity .25s; background-color: #fff; }

.navbar-toggle:before, .navbar-toggle:after { content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; -o-transition: -o-transform .25s; -moz-transition: transform .25s, -moz-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s, -moz-transform .25s, -o-transform .25s; background-color: #fff; }

.navbar-toggle:before { -webkit-transform: translate3d(0, -8px, 0); -moz-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }

.navbar-toggle:after { -webkit-transform: translate3d(0, 8px, 0); -moz-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }

.mobile-nav-down .navbar-toggle { position: fixed; }

.phone_nav { display: none; }

@media screen and (max-width: 1199px) { .rj-nav ul li { margin-left: 30px; } }

@media screen and (max-width: 900px) { .header { padding: 15px 0; }
  .rj-logo { margin-right: 20px; }
  .rj-logo img { width: 160px; margin-top: 8px; }
  .rj-nav ul li { margin-left: 20px; } }

@media screen and (max-width: 768px) { .header { padding: 15px 0; height: 30px; background: url(../../images/rj-01.png) no-repeat center center; -moz-background-size: auto 100%; background-size: auto 100%; }
  .rj-logo img { height: 30px; width: auto; margin-top: 0; }
  .rj-nav { display: none; }
  .navbar-toggle { display: block; }
  .phone_nav { position: fixed; left: 0; bottom: 0; top: 0; z-index: 28; width: 100%; background-color: #1ac9e2; background-image: -webkit-gradient(linear, left top, right top, from(#09afee), color-stop(60%, #1ac9e2), to(#1bd6d1)); background-image: -webkit-linear-gradient(left, #09afee 0%, #1ac9e2 60%, #1bd6d1 100%); background-image: -moz-linear-gradient(left, #09afee 0%, #1ac9e2 60%, #1bd6d1 100%); background-image: -o-linear-gradient(left, #09afee 0%, #1ac9e2 60%, #1bd6d1 100%); background-image: linear-gradient(left, #09afee 0%, #1ac9e2 60%, #1bd6d1 100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; display: block; }
  .phone_nav ul { position: absolute; left: 5%; top: 60px; bottom: 0; right: 5%; overflow-y: auto; }
  .phone_nav ul li { width: 96%; padding: 0 2%; text-align: left; border-bottom: 1px solid #fff; background: url(../../images/icon-right-go.png) no-repeat 98% center; -moz-background-size: 20px 8px; background-size: 20px 8px; }
  .phone_nav ul a { color: #fff; font-size: 16px; line-height: 3; padding: 0; display: block; }
  .mobile-nav-down { overflow: visible; position: static; }
  .mobile-nav-down .menu_h span { opacity: 0; }
  .mobile-nav-down .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
  .mobile-nav-down .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
  .mobile-nav-down .body-box { overflow: hidden; }
  .mobile-nav-down .menu_h span, .mobile-nav-down .menu_h::after, .mobile-nav-down .menu_h::before { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 1px; }
  .mobile-nav-down .phone_nav { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }