@charset "utf-8";
/* ============================================
   rpfju.com 独立头部样式文件
   覆盖 style.css 中的冲突样式
   ============================================ */

/* 强制覆盖全局容器样式 */
body .container,
.rpfju-header .container {
    width: auto !important;
    max-width: 1260px !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
}

/* 强制覆盖全局头部样式 - 使用最高特异性 */
html body .header,
html body .header-nav {
    position: fixed !important;
    width: 100% !important;
    float: none !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    z-index: 886 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transition: all 0.3s ease !important;
}

html body .header {
    padding-top: 0 !important;
    background-color: transparent !important;
}

/* 强制覆盖 logo 样式 */
html body .header .logo,
html body .logobox .logo,
.rpfju-header .logo {
    position: absolute !important;
    font-size: 0 !important;
    height: 35px !important;
    overflow: hidden !important;
    display: block !important;
    text-indent: -20000em !important;
    width: auto !important;
    background-size: 100% 100% !important;
    top: 50% !important;
    margin-top: -18px !important;
    float: none !important;
    padding: 0 !important;
}

html body .header .logo a,
.rpfju-header .logo a {
    display: block !important;
    color: #999 !important;
}

html body .header .logo img,
.rpfju-header .logo img {
    height: 35px !important;
    width: auto !important;
}

html body .header .logo .logob,
.rpfju-header .logo .logob {
    display: none !important;
}

/* 强制覆盖导航栏样式 */
html body .header .navbar,
html body .navbar,
.rpfju-header .navbar {
    float: right !important;
    display: flex !important;
    align-items: center !important;
}

html body .header .navbar li,
html body .navbar li,
.rpfju-header .navbar li {
    display: block !important;
    float: left !important;
    margin: 0 !important;
    position: relative !important;
    min-width: 50px !important;
    text-align: center !important;
    padding: 0 20px !important;
    list-style: none !important;
}

html body .header .navbar a,
html body .navbar a,
.rpfju-header .navbar a {
    display: inline-block !important;
    line-height: 72px !important;
    font-size: 16px !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

html body .header .navbar li:hover > a,
.rpfju-header .navbar li:hover > a {
    color: #F4CE58 !important;
}

html body .header .navbar li.active > a,
.rpfju-header .navbar li.active > a {
    color: #F4CE58 !important;
}

/* 导航下划线效果 */
html body .header .navbar li::after,
.rpfju-header .navbar li::after {
    content: "" !important;
    height: 4px !important;
    width: 0 !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 12px !important;
    background: #F4CE58 !important;
    transition: all 0.3s ease !important;
    border-radius: 50px !important;
}

html body .header .navbar li:hover::after,
html body .header .navbar li.active::after,
.rpfju-header .navbar li:hover::after,
.rpfju-header .navbar li.active::after {
    width: 10px !important;
}

/* 移动端菜单按钮 */
html body .header .moble-bars,
.rpfju-header .moble-bars {
    padding: 0 !important;
    margin: 15px 0 0 !important;
    font-size: 21px !important;
    float: right !important;
    color: #999 !important;
    display: none !important;
    position: relative !important;
    z-index: 99 !important;
}

/* 搜索按钮 */
html body .header .sbtn,
.rpfju-header .sbtn {
    position: inherit !important;
    float: right !important;
    font-size: 18px !important;
    background: transparent !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 1000px !important;
    text-align: center !important;
    margin-top: 16px !important;
    margin-left: 10px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    opacity: 0.65 !important;
    cursor: pointer !important;
}

html body .header .sbtn:hover,
.rpfju-header .sbtn:hover {
    opacity: 1 !important;
    color: #F4CE58 !important;
}

/* 搜索框 */
html body .searchBox,
.rpfju-header .searchBox {
    display: none !important;
}

html body .search-form,
.rpfju-header .search-form {
    height: 35px !important;
    position: relative !important;
}

html body .search-pup form button,
.rpfju-header .search-pup form button {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    color: #000 !important;
    background: #F4CE58 !important;
    border: none !important;
    padding: 0 !important;
    width: 50px !important;
    height: 35px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    cursor: pointer !important;
}

html body .search-input,
.rpfju-header .search-input {
    width: 100% !important;
    border-radius: 3px !important;
    border: 1px solid #eaeaea !important;
    font-size: 14px !important;
    padding: 6px 60px 6px 10px !important;
    background: #fff !important;
    height: 35px !important;
    outline: none !important;
}

/* 移动端菜单 */
html body .moble,
.rpfju-header .moble {
    max-width: 1260px !important;
    margin: 0 auto !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    width: 100% !important;
    padding: 0 10px !important;
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    z-index: 889 !important;
}

html body .moble .navbar,
.rpfju-header .moble .navbar {
    float: left !important;
    width: 100% !important;
}

html body .moble .navbar li,
.rpfju-header .moble .navbar li {
    float: none !important;
    padding: 0 !important;
}

html body .moble .navbar a,
.rpfju-header .moble .navbar a {
    line-height: 45px !important;
    padding: 0 15px !important;
}

/* inner 下拉菜单 */
html body .inner,
.rpfju-header .inner {
    display: none !important;
    position: absolute !important;
    z-index: 49 !important;
    width: 100% !important;
    top: 60px !important;
    left: 0 !important;
}

html body .inner li,
.rpfju-header .inner li {
    width: 100% !important;
    margin: 0 !important;
    height: 43px !important;
    overflow: hidden !important;
}

html body .inner li a,
.rpfju-header .inner li a {
    display: block !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 42px !important;
    padding: 0 55px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
}

html body .inner li a:hover,
.rpfju-header .inner li a:hover {
    background: #F4CE58 !important;
    color: #fff !important;
}

/* 二级下拉菜单 */
html body #navBox > div > ul > li > ul,
.rpfju-header #navBox > div > ul > li > ul {
    position: absolute !important;
    width: 160px !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    padding: 20px 0 !important;
    z-index: 60 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-top: 2px solid #F4CE58 !important;
    display: none !important;
}

html body #navBox > div > ul > li:hover > ul,
.rpfju-header #navBox > div > ul > li:hover > ul {
    display: block !important;
}

html body #navBox > div > ul > li > ul > li a,
.rpfju-header #navBox > div > ul > li > ul > li a {
    float: none !important;
    display: block !important;
    padding: 0 !important;
    color: #666 !important;
    font-size: 14px !important;
    text-align: center !important;
    line-height: 42px !important;
    background: transparent !important;
}

/* logobox */
html body .logobox,
.rpfju-header .logobox {
    position: static !important;
}

/* mLogo */
html body .mLogo,
.rpfju-header .mLogo {
    height: 60px !important;
}

html body .mLogo .logo,
.rpfju-header .mLogo .logo {
    display: none !important;
}

/* search 弹窗 */
html body .search-bg,
.rpfju-header .search-bg {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 890 !important;
    display: none !important;
}

html body a.search-btn,
.rpfju-header a.search-btn {
    display: none !important;
}

/* iconfont 图标 */
html body .iconfont,
.rpfju-header .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px !important;
    font-style: normal !important;
}

/* 响应式 */
@media screen and (max-width: 960px) {
    html body .navbar,
    .rpfju-header .navbar {
        float: left !important;
        width: 100% !important;
        display: none !important;
    }

    html body .moble,
    .rpfju-header .moble {
        display: block !important;
    }

    html body #navBox,
    .rpfju-header #navBox {
        display: none !important;
    }

    html body .header .moble-bars,
    html body .moble-bars,
    .rpfju-header .moble-bars {
        display: block !important;
    }
}

@media screen and (max-width: 640px) {
    html body .moble,
    .rpfju-header .moble {
        height: 48px !important;
    }

    html body .moble-bars,
    .rpfju-header .moble-bars {
        margin-top: 9px !important;
    }
}

/*----------- footer 底部 -----------*/
html body .footer,
.footer {
    margin-top: 0px !important;
    padding: 0px 0 0 !important;
    width: 100% !important;
    background: #000 !important;
    color: rgba(255, 255, 255, 0.48) !important;
    clear: both !important;
    position: relative !important;
    font-size: 12px !important;
    line-height: 22px !important;
    text-align: left !important;
}

html body .footer .footer-text,
.footer .footer-text {
    padding: 20px 10px !important;
    margin: 0 auto !important;
    color: rgba(255, 255, 255, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    max-width: 1260px !important;
}

html body .footer a,
.footer a {
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

html body .footer a:hover,
.footer a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

html body .footer .ftNav,
.footer .ftNav {
    margin: 5px 0 !important;
    text-align: center !important;
}

html body .footer .ftNav a,
.footer .ftNav a {
    display: inline-block !important;
    padding: 0 10px !important;
    position: relative !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

html body .footer .ftNav a:hover,
.footer .ftNav a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

html body .footer .ftNav a:first-child,
.footer .ftNav a:first-child {
    padding-left: 0 !important;
}

html body .footer .ftNav a:first-child::after,
.footer .ftNav a:first-child::after {
    display: none !important;
}

html body .footer .ftNav a::after,
.footer .ftNav a::after {
    content: '' !important;
    width: 1px !important;
    height: 12px !important;
    position: absolute !important;
    left: 0px !important;
    top: 6px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 100px !important;
}

html body .footer p,
.footer p {
    text-align: center !important;
    margin: 5px 0 !important;
}

/* 回到顶部 */
html body .backToTop,
.backToTop {
    position: fixed !important;
    right: 20px !important;
    bottom: 30px !important;
    width: 45px !important;
    height: 45px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    text-align: center !important;
    line-height: 45px !important;
    cursor: pointer !important;
    display: block !important;
    z-index: 888 !important;
}

html body .backToTop:hover,
.backToTop:hover {
    background: #F4CE58 !important;
    color: #000 !important;
}

html body .backToTop i,
.backToTop i {
    font-size: 18px !important;
    color: #fff !important;
}

html body .backToTop:hover i,
.backToTop:hover i {
    color: #000 !important;
}