body {
    color: #333;
}

body a,
body a:active {
    color: #333;
}

body a:hover {
    color          : #f08300;
    text-decoration: none;
}

body .btn-primary {
    background-color: #f08300;
    border-color    : #f08300;
}

header #logo {
    width: 190px;
}

body {
    padding-top: 97px;
}

header .navbar {
    background-color: #fff;
}

header .navbar .nav-item {
    font-size : 1rem;
    flex-grow : 1;
    text-align: center;
    padding   : 10px 0;
}


header .navbar .nav-item a {

    padding: 0;
}

header .navbar-dark .navbar-nav .nav-link {
    color: #333;
}

header .navbar-nav .active a,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #f08300 !important;
}
header .navbar .nav-item.search {
    margin-top: -6px;
    font-size : 18px;
    position  : relative;
    width     : 200px;
    text-align: right;
    padding   : 0 45px 0 35px;
}

header .navbar .nav-item.search a {
    color: rgba(0, 0, 0, .5);
}


header .navbar .nav-item:last-child a {
    border-left: solid 0px #dbdbdd;
}

header .navbar .nav-item:hover,
header .navbar .nav-item.active {
    border-bottom: solid 2px #f08300;
    color        : #f08300;
}

header .navbar .nav-item.search {
    padding-top: 10px;
}

header .navbar .nav-item.search:hover {
    border-width: 0;
}

header .navbar .nav-item.search a,
header .navbar .nav-item:hover a {
    /* border-width:0; */

}

#txbSearch {
    border          : solid 1px #f08300;
    border-radius   : 15px;
    width           : 150px;
    background-color: transparent;
    display         : inline-block;
    position        : absolute;
    right           : 35px;
    z-index         : 1;
    text-align      : left;
}

#txbSearch input {
    border-width    : 0;
    width           : 70%;
    background-color: transparent;
    outline         : none;
    padding-left    : 10px;
}

#txbSearch input:focus,
#txbSearch input:focus-visible {
    border-width: 0;
}

#btnSearch {
    position: absolute;
    right   : 45px;
    z-index : 2;
}


footer {
    padding   : 68px 0 30px;
    color     : #aeaeae;
    background: #000 url(../images/aboutus/line.png) repeat-x center top;
}

footer a {
    color: #aeaeae;
}

footer .bb {
    margin: 38px auto;
}

.title1 {
    font-size     : 30px;
    font-weight   : 400px;
    position      : relative;
    padding-bottom: 24px;
    margin-bottom : 25px;
}

.title1::after {
    content      : " ";
    border-bottom: solid #f08300 3px;
    width        : 65px;
    display      : block;
    position     : absolute;
    bottom       : 0;
}

.title2 {
    font-size     : 30px;
    font-weight   : 400px;
    position      : relative;
    padding-bottom: 24px;
    margin-bottom : 25px;
    text-align    : center;
    ;
}

.title2::after {
    content      : " ";
    border-bottom: solid #f08300 3px;
    width        : 65px;
    display      : block;
    position     : absolute;
    bottom       : 0;
    left         : 50%;
    transform    : translateX(-50%);


}

.pager .page-link {
    color: #f08300;
}

.breadcrumb {
    background-color: transparent;
}

.page-item.active .page-link {
    background-color: #f08300;
    border-color    : #f08300;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px;
    }
}


/* 小屏幕适配 */
@media screen and (max-width: 768px) {
    body {
        width      : 100%;
        overflow-x : hidden;
        padding-top: 56px;
        line-height: 1.3125;
    }

    header .navbar-nav .active a,
    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff !important;
    }

    .breadcrumb {
        margin-bottom: 0;
    }

    header #logo {
        width: 120px;
    }

    header .navbar {
    background: linear-gradient(0deg, black, #f08300);
        padding-top     : 0;
        padding-bottom  : 0;
    }

    header .navbar-brand {
        text-align: center;
    }

    header .navbar-toggler {
        border-color: #fff !important;
        border-width: 0;
    }

    header .navbar-dark .navbar-nav .nav-link {
        color: #fff;
    }

    header .navbar .nav-item.search {
        margin    : 0;
        padding   : 10px 0;
        width     : auto;
        text-align: center;
    }

    #txbSearch {
        border-color: #fff;
        position    : relative;
        width       : 100%;
        right       : 0;
        color       : #fff;
    }

    #txbKW {
        color: #fff;
    }

    #btnSearch {
        position: absolute;
        right   : 20px;
        color   : #fff;
    }

    footer {
        padding: 1rem 0;
    }

    footer .hb {
        display: none;
    }

    footer .bb {
        margin: 10px auto;
    }

    footer p {
        margin-bottom: 0;
    }

    .title2 {
        margin-bottom : 10px;
        margin-top    : 25px;
        padding-bottom: 15px;
    }
}