@charset "utf-8";
:root {
    --color-head-bg: #93080c; /* 头部背景色 */
    --color-coffee: #ae5a42;
    --color-gray: #828CA7;
    --color-dark-text: black; /* 主文本深色 */
    --color-light-text: white; /* 主文本浅色 */
    --color-nav-bg: #ad2222; /* 栏目背景色*/
    --color-secondary: #2ecc71; /* 辅助色调 */
    --color-accent: #e74c3c; /* 强调色 */
}

a:any-link {
    color: var(--color-dark-text);
    text-decoration: none;
    transition: .2s color ease;
}

a:focus, a:hover {
    color: var(--color-coffee);
    font-weight: bold;
}

.row {
    max-width: 1400px;
    margin: 0px auto;
}

article, aside, audio, body, canvas, caption, dd, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, input, label, legend, li, mark, menu, nav, ol, p, section, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, video {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

article, aside, blockquote, dialog, figure, footer, header, hgroup, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

img {
    border: 0 none;
    vertical-align: top
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: none
}

input::-ms-clear {
    display: none !important
}

a, button, input, textarea {
    outline: 0
}

html {
    background-color: #fff;
    scroll-behavior: smooth
}

body {
    position: relative;
    background: #fff;
    font: 14px/1.6 'PingFang SC', Arial, "Microsoft YaHei UI", "Microsoft YaHei", serif
}

.inner, .outer {
    position: relative;
    display: block
}


.footer-logo {
    padding: 40px 0 20px
}

.footer-logo img {
    width: auto;
    height: 80px
}


.footer-link {
    position: relative;
    padding-top: 70px
}

.footer-link ul {
    display: flex;
    justify-content: left
}

.footer-link li {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.footer-link li img {
    vertical-align: middle
}

.footer-link li a {
    margin: 0 20px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.footer-link li a:hover {
    opacity: .8
}

.footer-info {
    padding: 40px 0 30px;
    line-height: 2
}

.footer-info h3 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.footer-info p {
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.footer-entrance {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top: 32px
}

.header-nav {
    width: 100%;
    height: 55px;
    z-index: 199;
    line-height: 55px;
    background: var(--color-coffee)
}


.site-nav {
    padding-right: 0;
    padding-left: 0
}

.site-nav {
    width: 100%
}

.site-nav > ul {
    display: flex;
    justify-content: end;
    float: none
}

.navbar-nav > li {
    position: relative;
    width: 100%;
    line-height: 1
}

.navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 17px 0;
    width: 115%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    transition: all .3s ease
}

.navbar-nav > li:hover > a {
    background-color: #fff;
    color: #b0261c
}

.site-nav .open > a, .site-nav .open > a:focus, .site-nav .open > a:hover, .site-nav > li > a:focus, .site-nav > li > a:hover {
    border: none;
    background-color: #fff;
    color: #b0261c;
    font-weight: 700
}


.dropdown-menu > li {
    width: 100%
}

.dropdown-menu > li > a {
    display: block;
    padding: 18px 0;
    background: var(--color-nav-bg);
    color: #fff;
    text-align: center;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.dropdown-menu > li > a:hover {
    color: #fff;
    background-color: var(--color-accent)
}

.open > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.site-nav > ul > li:last-child .dropdown-menu {
    left: auto;
    right: 0;
    width: 100%
}

.gray_bg {
    background-color: #f4f4f4;
}

.flex-row {
    display: flex;
    flex-direction: row;
}