/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
    display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
    font-family: Arial, '微软雅黑', sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
    margin: 0;
    overflow-x: hidden;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a {
    text-decoration: none;
    color: #666666;
}
a:focus {
    outline: 0;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
    margin: 0;
    padding: 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
    quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
    content: '';
    content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
    margin: 0;
    padding: 0;
}
dd {
    margin: 0;
    padding: 0;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
    list-style-type: none;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
    margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
    margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

body {
    font-size: 14px;
    line-height: 1.4;
}
/*邱丹2017-02-19日注释取消样式生效
img {
  width: auto;
  height: auto;
} */
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    /*
     * Extends the .visuallyhidden class to allow the element to be focusable
     * when navigated to via the keyboard: h5bp.com/p
     */
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix {
    /*
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
.clearfix:after {
    clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

body{
    padding-top: 80px;
}
.rj-container{
    position: relative;
    max-width: 1200px;
    margin:0 auto;
}
@media screen and (max-width: 1280px){
    .rj-container{
        max-width: 1000px;
    }
}

@media screen and (max-width: 1024px){
    .rj-container{
        padding:0 20px;
        max-width: none;
    }
}
.rj-btn{
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: middle;
    width: 82px;
    height: 24px;
    line-height: 24px;
    background: #d50838;
    text-align: center;
    color:#fff;
    border-radius: 24px;
    border:1px solid #d50838;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rj-header{
    position: fixed;
    left:0;
    top:0;
    z-index: 1000;
    width: 100%;
    height: 80px;
    background: #fff;
}
.rj-header .rj-container{
    font-size: 0;
}
.rj-logo,
.rj-nav,
.rj-header-bar{
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: middle;
    font-size: 14px;
}
.rj-logo{
    width: 22.5%;
    font-size: 0;
}
.rj-logo a{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 50%;
}
.rj-logo img{
    max-width: 100%;
}
.rj-nav{
    width: 65.8%;
}
.rj-nav ul{
    float: right;
    margin-right: 15px;
}
.rj-nav li{
    float: left;
    padding:0 12px;
    font-size: 16px;
}
.rj-nav li:first-child{
    margin-left: 0;
}
.rj-nav li img{
    position: relative;
    top:-2px;
    width: 15px;
    height: auto;
    margin-right: 5px;
}
.rj-nav .rj-nav-item a{
    padding-right: 25px;
    background: url('../images/arrow-b.png') right center no-repeat;
}

.rj-nav li a{
    display: block;
    height: 80px;
    line-height: 80px;
    color:#000;
    font-weight: 500;
    cursor: pointer;
}
.rj-nav .rj-nav-item.active a{
    background-image: url('../images/arrow-t.png');
}

.rj-nav .rj-nav-item.active a,
.rj-nav li a:hover{
    color:#d20032;
}
.rj-header-bar{
    width: 11.6%;
    font-size: 0;
}
.rj-header-bar > div{
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: middle;
    margin-left:10px;
}
.rj-header-bar .rj-icon{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 30px;
    height: 30px;
    background: center no-repeat;
}
.rj-header-bar .rj-popup-motal{
    display: none;
    position: absolute;
    left:-20px;
    top:100%; 
    z-index: 2;
    font-size: 12px;
}
.rj-header-bar .on .rj-popup-motal{
    display: block;
}
.rj-header-bar .rj-popup-motal .rj-popup-arrow{
    position: relative;
    height: 30px;
}
.rj-header-bar .rj-popup-motal .rj-popup-arrow:before,
.rj-header-bar .rj-popup-motal .rj-popup-arrow:after{
    content:'';
    position: absolute;
    left:25px;
    bottom:0;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color:transparent transparent #d2d2d2;
}
.rj-header-bar .rj-popup-motal .rj-popup-arrow:after{
    bottom:-1px;
    border-color:transparent transparent #fff;
}
.rj-header-bar .rj-popup-motal .rj-popup-cont{
    width: 215px;
    padding:12px;
    background: #fff;
    border-radius: 16px;
    border:1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.rj-header-bar .rj-login-btns{
    margin-top: 10px;
}
.rj-header-bar .rj-search-box{
    margin-left: 0;
    text-align: center;
}
.rj-header-bar .rj-search-box .rj-search-input{
    display: block;
    width: 100%;
    height: 36px;
    padding:0 8px;
    margin:10px 0;
    line-height: 36px;
    border-radius: 8px;
    border:1px solid #d2d2d2;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.rj-header-bar .rj-search-box .rj-login-btns{
    outline: none;
    padding:0;
    margin-top: 5px;
}
.rj-header-bar .rj-search-box .rj-btn-submit{
    outline: none;
    padding:0;
}
.rj-header-bar .rj-lang-box .rj-popup-cont{
    width: 102px;
}
.rj-lang-box .rj-lang-list{
    padding:0 6px;
}
.rj-lang-box .rj-lang-list li{
    padding:4px 0;
    line-height: 1.2;
}
.rj-lang-box .rj-lang-list a:hover,
.rj-lang-box .rj-lang-list .active a{
    color:#d50838;
}

.rj-login-box .rj-login,
.rj-login-box .rj-unlogin{
    display: none;
    padding-top: 10px;
    text-align: center;
}
.rj-login-box .rj-login.active,
.rj-login-box .rj-unlogin.active{
    display: block;
}
.rj-login-box p{
    max-width: 145px;
    margin:0 auto;
    text-align:left;
    color:#000;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rj-login-box .rj-unlogin p{
    padding:10px 0;
}
.rj-login-box .rj-btn-signout{
    background: #437099;
    border-color:#437099;
}
.rj-login-box .rj-btn-register{
    background: #fff;
    color:#d50838;
}

.rj-search-box .rj-icon-search{
    background-image: url('../images/icon-zoom.png');
}
.rj-login-box .rj-icon-login{
    background-image: url('../images/icon-user.png');
}
.rj-lang-box .rj-icon-lang{
    background-image: url('../images/icon-lang.png');
}
.rj-lang-box .rj-icon-lang span{
    display: none;
}

.rj-mobile-search,
.rj-mobile-menu{
    display: none;
}


.rj-nav-list{
    position: fixed;
    left:0;
    top:-500px;
    z-index: 999;
    width: 100%;
    padding:5% 0;
    background: #f7f7f7;
}
.rj-nav-list li{
    display: none;
}
.rj-nav-list .rj-nav-item{
    display: block;
}
.rj-nav-list .rj-nav-item p{
    display: none;
}
.rj-nav-list .rj-nav-child{
    display: none;
    width: 100%;
}
.rj-nav-list .rj-nav-child.active{
    display: table;
}
.rj-nav-list .rj-nav-child-item{
    display: table-cell;
    width: 50%;
    padding-left: 8%;
    border-left:1px solid #b1b1b1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
}
.rj-nav-list .rj-nav-child-item:first-child{
    border-left: 0;
    padding-left: 2%;
}
.rj-nav-list .rj-nav-child-item dt{
    font-size: 24px;
    margin-bottom: 20px;
}
.rj-nav-list .rj-nav-child-item dt a{
    color:#888;
}
.rj-nav-list .rj-nav-child-item dd{
    font-size: 14px;
    padding:10px 0;
}
.rj-nav-list .rj-nav-child-item dd a{
    color:#000;
}
.rj-nav-list .rj-nav-child-item dt a:hover,
.rj-nav-list .rj-nav-child-item dd a:hover{
    color:#d20032;
}
.rj-nav-list .rj-nav-child-03 .rj-nav-child-item{
    width: 33%;
}
.rj-nav-list .rj-nav-child-03 .rj-nav-child-item:first-child{
    width: 42%;
}
.rj-nav-list .rj-nav-child-03 .rj-nav-child-item:first-child + .rj-nav-child-item{
    padding-right: 5%;
    width: 25%;
}
.rj-nav-list .rj-nav-child-03 .rj-nav-child-item:first-child dd{
    width: 50%;
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.rj-nav-list .rj-nav-child-04{
    padding-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rj-nav-list .rj-nav-child-04 .rj-nav-child-item{
    width: 26.9%;
    padding-left:3%; 
}
.rj-nav-list .rj-nav-child-04 .rj-nav-child-item:first-child{
    padding-left: 2%;
}
.rj-nav-list .rj-nav-child-04 .rj-nav-child-item:first-child + .rj-nav-child-item{
    width: 19%;
}
@media screen and (max-width: 1440px){

    .rj-header-bar .rj-popup-motal{
        left:-90px;
    }
    .rj-header-bar .rj-popup-motal .rj-popup-arrow:before, 
    .rj-header-bar .rj-popup-motal .rj-popup-arrow:after{
        left:95px;
    }
    .rj-header-bar .rj-lang-box .rj-popup-motal{
        left:-35px;
    }
    .rj-header-bar .rj-lang-box  .rj-popup-motal .rj-popup-arrow:before, 
    .rj-header-bar .rj-lang-box  .rj-popup-motal .rj-popup-arrow:after{
        left:40px;
    }
}

@media screen and (max-width: 1280px){
    .rj-logo img{
        max-width: 90%;
    }
    .rj-nav ul{
        margin-right: 10px;
    }
    .rj-nav li{
        padding:0 7px;
    }
    .rj-nav .rj-nav-item a{
        padding-right: 20px;
    }
    .rj-header-bar > div{
        margin-left: 10px;
    }
    .rj-header-bar .rj-popup-motal{
        left:-130px;
    }
    .rj-header-bar .rj-popup-motal .rj-popup-arrow:before, 
    .rj-header-bar .rj-popup-motal .rj-popup-arrow:after{
        left:135px;
    }
    .rj-header-bar .rj-lang-box .rj-popup-motal{
        left:-55px;
    }
    .rj-header-bar .rj-lang-box  .rj-popup-motal .rj-popup-arrow:before, 
    .rj-header-bar .rj-lang-box  .rj-popup-motal .rj-popup-arrow:after{
        left:60px;
    }
    .rj-nav-list{
        padding:3% 0;
    }
    .rj-nav-list .rj-nav-child-item{
        padding-left: 6%;
    }
    .rj-nav-list .rj-nav-child-item dt{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .rj-nav-list .rj-nav-child-item dd{
        padding:5px 0;
    }
    
}
@media screen and (min-width: 1025px){
    .rj-nav-list{
        display: block!important;
    }
    .rj-nav-list .rj-nav-child{
        display: none!important;
    }
    .rj-nav-list .rj-nav-child.active{
        display: table!important;
    }
}
@media screen and (max-width: 1024px){
    body{
        padding-top: 60px;
    }
    .rj-header{
        height: 60px;
    }

    .rj-header .rj-container{
        position: static;
    }
    .rj-logo{
        position: relative;
        z-index: 2;
        padding-top: 16px;
        width: 160px;
    }
    .rj-logo img{
        max-width: 100%;
    }
    .rj-nav,
    .rj-header-bar .rj-login-box,
    .rj-header-bar .rj-lang-box{
        display: none;
    }
    .rj-header-bar{
        position: absolute;
        right: 0;
        top:0;
        height: 100%;
        width: 100%;
    }
    .rj-header-bar .rj-search-box{
        position: static;
    }
    .rj-search-box .rj-icon-search{
        position: absolute;
        right: 50px;
        top:50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
    }
    .rj-header-bar .rj-search-box .rj-popup-motal{
        left:0;
        width: 100%;
    }
    .rj-header-bar .rj-search-box .rj-popup-cont{
        position: relative;
        width: 100%;
        border-radius: 0;
        border:0;
        border-bottom: 1px solid #d7d7d7;
        background:#f5f5f5;
    }
    .rj-header-bar .rj-search-box .rj-popup-arrow{
        display: none;
    }
    .rj-header-bar .rj-search-box .rj-search-input{
        margin:0 auto;
        border-radius: 36px;
        padding-right: 100px;
        padding-left: 35px;
        font-size: 14px;
        background:#fff url('../images/icon-zoom.png') 5px center no-repeat;
    }
    .rj-header-bar .rj-search-box .rj-btn-submit{
        position: absolute;
        right: 12px;
        top:12px;
        height: 36px;
        line-height: 36px;
        border-radius: 0 36px 36px 0;
        background: #ebebeb;
        color:#303030;
        border-color:#d7d7d7;
        font-weight: bold;
        font-size: 14px;
    }

    .rj-header-bar .rj-lang-box{
        margin-left: 0;
        position: fixed;
        left:0;
        bottom:0;
        z-index: 1001;
        width: 100%;
    }
    .rj-lang-box .rj-icon-lang {
        width: 100%;
        height: auto;
        padding:0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #d20032;
    }
    .rj-lang-box .rj-icon-lang span{
        display: block;
        padding:10px 0;
        font-size: 14px;
        color:#fff;
        width: 100%;
        background: url('../images/icon-plus.png') right center no-repeat;
        -webkit-background-size: auto 45%;
        background-size: auto 45%;
    }
    .rj-lang-box.on .rj-icon-lang span{
        background-image: url('../images/icon-minus.png');
    }
    .rj-header-bar .rj-lang-box .rj-popup-motal{
        width: 100%;
        left:0;
        top:auto;
        bottom:100%;
    }
    .rj-header-bar .rj-lang-box .rj-popup-arrow{
        display: none;
    }
    .rj-header-bar .rj-lang-box .rj-popup-cont{
        width: 100%;
        border:0;
        border-radius: 0;
        padding:0;
    }
    .rj-lang-box .rj-lang-list{
        padding:0;
    }
    .rj-lang-box .rj-lang-list li{
        font-size: 14px;
        padding:10px 20px;
        border-top:1px solid #e5e5e5; 
    }
    .rj-lang-box .rj-lang-list li:first-child{
        border-top: 0;
    }
    .rj-lang-box .rj-lang-list li a{
        display: block;
    }

    .rj-mobile-menu{
        display: block;
        position: absolute;
        right: 10px;
        top:50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        background: url('../images/icon-menu.png') center no-repeat;
        -webkit-background-size: 50%;
        background-size: 50%;
    }
    .rj-header.on .rj-mobile-menu{
        background-image: url('../images/icon-close.png');
    }
    .rj-header.on .rj-lang-box{
        display: block;
    }

   




    .rj-nav-list{
        display: none;
        top:0!important;
        height: 100%;
        padding-top: 60px;
        padding-bottom: 0;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .rj-nav-list .rj-container{
        background: #f7f7f7;
        padding:0;
        height: 100%;
        overflow-y: auto;
    }
    .rj-nav-list li{
        display: block;
        border-bottom: 1px solid #eee;
        padding:10px 20px;
    }

    .rj-nav-list li p{
        font-size: 16px;
        font-weight: bold;
    }
    .rj-nav-list li p a{
        color:#000;
    }
    .rj-nav-list li p img{
        position: relative;
        top:-2px;
        width: 15px;
        height: auto;
        margin-right: 5px;
    }
    .rj-nav-list .rj-nav-item p{
        display: block;
        background: url('../images/icon-plus.png') right center no-repeat;
        -webkit-background-size: auto 80%;
        background-size: auto 80%;
    }
    .rj-nav-list .rj-nav-item.on p{
        background-image: url('../images/icon-minus.png');
    }

    .rj-nav-list .rj-nav-child.active{
        display: none;
    }
    .rj-nav-list .rj-nav-child-item{
        display: block;
        border-left: 0;
        width: 100%;
        padding:0;
        margin:15px 0;
    }
    .rj-nav-list .rj-nav-child-item:first-child{
        padding:0;
    }
    .rj-nav-list .rj-nav-child-item dt{
        font-size: 16px;
        margin-bottom: 0;
    }
    .rj-nav-list .rj-nav-child-item dd{
        padding:3px 0;
    }
    .rj-nav-list .rj-nav-child-03 .rj-nav-child-item,
    .rj-nav-list .rj-nav-child-03 .rj-nav-child-item:first-child,
    .rj-nav-list .rj-nav-child-03 .rj-nav-child-item:first-child + .rj-nav-child-item{
        width: 100%;
        padding:0;
    }
    .rj-nav-list .rj-nav-child-03 .rj-nav-child-item:first-child dd{
        width: 100%;
        display: block;
    }
    .rj-nav-list .rj-nav-child-04 .rj-nav-child-item{
        width: 100%;
        padding:0;
    }
    .rj-nav-list .rj-nav-child-04 .rj-nav-child-item:first-child{
        padding:0;
    }
    .rj-nav-list .rj-nav-child-04 .rj-nav-child-item:first-child + .rj-nav-child-item{
        width: 100%;
    }

}

@media screen and (max-width: 768px){
    body{
        padding-bottom: 82px;
    }
}
.rj-sub-nav{
    height: 60px;
    background: #0d58ca;
}
.rj-sub-nav-con{
    position: fixed;
    left:0;
    top:80px;
    width: 100%;
    height: 60px;
    background: #0d58ca;
}
.rj-sub-nav-list{
    text-align: center;
}
.rj-sub-nav-list li{
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom:1;
    padding:20px 0;
    margin:0 3%;
    font-size: 14px;
}
.rj-sub-nav-list li a{
    color:#fff;
}
.rj-sub-nav-list li.active:before{
    content: '';
    position: absolute;
    left:50%;
    bottom:8px;
    margin-left: -20px;
    width: 40px;
    height: 4px;
    background: #00dca4;
    border-radius: 4px;
}
@media screen and (max-width: 1024px){
    .rj-sub-nav{
        height: 50px;
    }
    .rj-sub-nav-con{
        top:60px;
        height: 50px;
    }
    .rj-sub-nav-list li{
        padding:15px 0;
    }
    .rj-sub-nav-list .rj-reyee{
        display: none;
    }
}
@media screen and (max-width:480px){
    .rj-sub-nav-list ul{
        display: table;
        width: 100%;
    }
    .rj-sub-nav-list li{
        display: table-cell;
        margin:0;
        text-align: center;
    }
}
.rj-footer{
    background: #f7f7f7;
}
.rj-footer-top{
    padding:5% 0;
    border-bottom:1px solid #ebebeb;
}
.rj-footer-bar{
    float: right;
    width: 380px;
    background: #f3f3f3;
    border:1px solid #eaeaea;
    border-radius: 8px;
    padding:15px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rj-footer-bar .rj-footer-text{
    font-size: 14px;
    color:#000;
}
.rj-footer-bar .rj-footer-subscribe{
    position: relative;

}
.rj-footer-bar .rj-subscribe-input{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #d5d5d5;
    background: #fff;
    padding-left: 10px;
    padding-right: 100px;
    height: 36px;
    line-height: 36px;
    border-radius: 8px;
    outline: none;
}

.rj-footer-bar input::-webkit-input-placeholder { 
    /* WebKit browsers */ 
    color: #ccc; 
} 
.rj-footer-bar input:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #ccc; 
} 
.rj-footer-bar input::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ 
    color: #ccc; 
} 
.rj-footer-bar input:-ms-input-placeholder { 
    /* Internet Explorer 10+ */ 
    color: #ccc; 
}

.rj-footer-bar .rj-subscribe-submit{
    position: absolute;
    right: 0;
    top:0;
    font-size: 14px;
    color:#fff;
    width: 90px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding:0;
    outline: none;
    border:0;
    border-radius: 8px;
    background: #dc0737;
}
.rj-footer-bar .rj-footer-share{
    margin-top: 5px;
}
.rj-footer-bar .rj-footer-share a{
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin-left: 10px;
}
.rj-footer-bar .rj-footer-share a:first-child{
    margin-left: 0;
}
.rj-footer-nav{
    margin-right: 380px;
}
.rj-footer-nav .rj-footer-list{
    float: left;
    width: 20%;
}
.rj-footer-nav .rj-footer-list a{
    color:#3e3e3e;
}
.rj-footer-nav .rj-footer-list a:hover{
    color:#d20032;
}
.rj-footer-nav .rj-footer-list dt{
    font-size: 16px;
    font-weight: bold;
    color:#3e3e3e;
}

.rj-footer-nav .rj-footer-list dd{
    margin-top: 15px;
    font-size: 14px;
}
.rj-footer-nav .rj-footer-list p{
    padding:5px 0;
}
.rj-footer-bottom{
    background: #fff;
    padding:20px 0;
    color:#505050;
    font-size: 14px;
}
.rj-footer-bottom a{
    color:#505050;
}
.rj-footer-bottom a:hover{
    color:#d20032;
}
.rj-footer-bottom ul{
    float: left;
}
.rj-footer-bottom li{
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin-left: 30px;
}
.rj-footer-bottom li:first-child{
    margin-left: 0;
}
.rj-footer-bottom .rj-footer-copyright{
    text-align: right;
}

@media screen and (max-width: 1280px){
    .rj-footer-top{
        padding:3% 0;
    }
    .rj-footer-bar{
        width: 300px;
        padding:15px 20px;
    }
    .rj-footer-nav{
        margin-right: 300px;
    }
}
@media screen and (max-width: 1024px){
    .rj-footer-top{
        padding:30px 0 20px;
    }
    .rj-footer-bar{
        float: none;
        max-width:100%;
        margin:0 auto;
        width: auto;
    }
    .rj-footer-nav{
        margin-right: -8%;
        margin-top: 20px;
    }
    .rj-footer-nav .rj-footer-list dd{
        margin-top: 10px;
    }
}
@media screen and (min-width: 769px){
    .rj-footer-nav .rj-footer-list dd{
        display: block!important;
    }
}
@media screen and (max-width: 768px){
    .rj-footer-top{
        padding:30px 0 20px;
    }
    .rj-footer-nav{
        margin:20px auto 0;
    }
    .rj-footer-nav .rj-footer-list{
        width: 100%;
        padding:10px 0;
        float: none;
        margin:0 auto;
    }
    .rj-footer-nav .rj-footer-list dt{
        background: url('../images/icon-plus.png') right center no-repeat;
        -webkit-background-size: auto 80%;
        background-size: auto 80%;
        cursor: pointer;
    }
    .rj-footer-nav .rj-footer-list.active dt{
        background-image: url('../images/icon-minus.png');
    }
    .rj-footer-nav .rj-footer-list dd{
        margin-top: 0;
        display: none;
    }

    .rj-footer-bottom ul{
        float: none;
        text-align: center;
        margin-bottom: 10px;
        font-size: 0;
    }
    .rj-footer-bottom li{
        margin: 0;
        padding: 0 10px;
        border-left: 1px solid #a4a4a4;
        font-size: 14px;
    }
    .rj-footer-bottom li:first-child{
        border-left: 0;
    }
    .rj-footer-bottom .rj-footer-copyright{
        text-align: center;
    }
}