html {
    font-size:14px
}
body {
    background:#f5f5f5
}
h1 {
    font-size:1.5rem
}
h2 {
    font-size:1.4rem
}
h3 {
    font-size:1.3rem
}
h4 {
    font-size:1.2rem
}
h5 {
    font-size:1.1rem
}
h6 {
    font-size:1rem
}
.input-group-middle {
    display:-ms-flexbox;
    display:flex
}
.input-group-middle>.input-group-text {
    border-radius:0;
    border-left:0;
    border-right:0
}
.list-loading {
    text-align:center;
    color:#a1a1a1;
    padding:20px 0
}
.empty {
    text-align:center;
    color:#a1a1a1;
    padding:50px 0
}
.media-left {
    width:100px;
    height:60px;
    overflow:hidden
}
.media-left .media-object {
    max-width:100%;
    max-height:100%
}
.control-label {
    margin-bottom:0;
    line-height:2.25rem
}
.nav-box {
    border-bottom:1px #2b2b2c solid;
    padding:0;
    line-height:2.5
}
.navbar-brand {
    padding:0.5rem 0;
    margin-right:0
}
.navbar-brand img {
    display:block
}
.navbar-nav > li > a {
    color:rgba(206,177,92,1)!important;
}
.navbar-nav > li > a:hover {
    color:#ffffff !important;
}
.main-nav {
    margin-right:150px;
    flex:1
}
.nav-box .dropdown-menu {
    margin:0;
    border-radius:0;
    border-top:1px #992835 solid;
    background:#343a40
}
.nav-box .dropdown-menu .dropdown-item {
    color:rgba(206,177,92,1);
}
.nav-box .dropdown-menu .dropdown-item:hover,.nav-box .dropdown-menu .dropdown-item:focus {
    color:rgba(255,255,255,0.9);
    background:none
}
.nav-box .dropdown-menu .active {
    color:rgba(206,177,92,0.5);
    background:none
}
.subbanner .inner {
    height:250px;
    background:url(../images/blank.gif) center center no-repeat #272727;
    background-size:cover
}
.main {
    padding:0 0 1rem 0;

}
.main .container {
    margin-top:1rem;
}
.main .container1 {
    margin-top:1rem;
}
.nav-row {
    border-bottom:1px #e6e6e6 solid
}
.nav-row .row-item {
    text-align:center;
    line-height:4rem;
    margin-top:1rem;
    color:#282828
}
.nav-row .active {
    color:#bf1e2e
}
@media (max-width:992px) {
    .navbar .main-nav .dropdown-item {
        text-align:center
    }
    .navbar ul.justify-content-end {
        display:flex;
        flex-direction:row;
        border-top:1px #666 solid
    }
    .navbar ul.justify-content-end li {
        width:40%;
        flex:1;
        border-right:1px #666 solid
    }
    .navbar ul.justify-content-end li:last-child {
        border-right:0
    }
    .navbar ul.justify-content-end li .nav-link {
        text-align:center
    }
}@media (min-width:991px) {
    .control-label {
        text-align:right
    }
}.dialog-message {
     font-size:18px;
     line-height:22px;
     position:relative
 }
.dialog-message i {
    font-size:22px
}
.dialog-message .closebtn {
    font-size:20px;
    position:absolute;
    right:0;
    top:0;
    color:#fff;
    text-shadow:0 1px 0 #fff;
    transition:all .5s
}
.dialog-message .closebtn:hover {
    transform:rotate(180deg)
}
.list-loading {
    color:#999;
    margin:50px 0;
    text-align:center
}
.list-group .list-group-item .badge {
    margin-left:5px
}
.list-group .list-group-item.disabled .title {
    color:#999
}
.list-group .list-group-item.active .title {
    color:#fff
}
.list-group .list-group-item.active .badge-secondary {
    background-color:#f8f9fa;
    color:#212529
}
#carouselBannerControls {
}#carouselBannerControls .carousel-item {
     overflow:hidden;
     background:url(../images/blank.gif) center center no-repeat #272727;
     background-size:auto 100%
 }
#carouselBannerControls .carousel-item img {
    width:100%
}
.index-card {
    padding:30px
}
.index-bg {
    background:#fff
}
.index-card-title h2 {
    text-align:center;
    color:#CEB15C
}
.index-card-title h2::after {
    content:".";
    color:#bf1e2e;
    font-size:2rem;
    line-height:0.6;
    font-weight:bold;
    vertical-align:sub
}
.index-card-title p {
    text-align:center;
    color:rgba(206,177,92,0.5)
}
.index-card .slide h2 {
    text-align:left
}
.index-card .slide p {
    text-align:left
}
.service-body {
    padding-top:40px
}
.service-body .figure {
    transition:opacity .3s
}
.service-body .figure:hover {
    opacity:.5
}
.service-body .figure figcaption {
    text-align:center;
    white-space:nowrap
}
.service-body .figure .figure-title {
    color:rgba(206,177,92,0.9)
}
.service-body .figure .figure-title span{
    color:rgba(206,177,92,1)
}
.service-body .figure .figure-caption {
    font-size:0.8rem;
    color:rgba(206,177,92,0.6)
}
.solution-body .nav {
    background:#f5f5f5
}
.solution-body .nav-link {
    padding:24px 30px;
    color:#282828;
    border-radius:0;
    position:relative;
    border-bottom:1px #e6e6e6 solid;
    transition:background-color .3s
}
.solution-body .nav-link:last-child {
    border-bottom:0
}
.solution-body .nav-link:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:0;
    background:rgba(0,0,0,0.1);
    border-left:0;
    transition:all .5s
}
.solution-body .nav-link.active {
    background:rgba(0,0,0,0.1);
    color:#282828
}
.solution-body .nav-link.active:after {
    left:-16px;
    width:16px;
    border-left:4px #282828 solid
}
.solution-body .nav-link p {
    line-height:1.8rem;
    margin:0
}
.solution-body .nav-link .vice_title {
    color:#a1a1a1
}
.cases-body .card {
    border-radius:0;
    box-shadow:rgba(0,0,0,0.08) 0 0 5px;
    position:relative;
    transition:background-color .3s;
    border:0
}
.cases-body .card .card-body {
    position:relative;
    z-index:2
}
.cases-body .card h3 {
    transition:color .3s
}
.cases-body .card .mask {
    background:url(../images/eye.png) center -99px no-repeat rgba(0,0,0,0);
    transition:background-color,background-position .5s;
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.cases-body .card:hover {
    background:#1f2326
}
.cases-body .card:hover .mask {
    background-color:rgba(0,0,0,0.6);
    background-position:center 72px
}
.cases-body .card:hover h3 {
    color:#fff
}
.about-body {
    padding-top:60px
}
.slide-box a {
    color:#fff;
    line-height:3rem;
    display:inline-block;
    width:3rem;
    text-align:center;
    background:#1f2326;
    border-radius:5px
}
.news-body a {
    text-decoration:none
}
.news-body .media {
    background:#fff;
    transition:background-color .3s
}
.news-body .media>img {
    width:133px;
    height:100px
}
.news-body .media .media-body {
    padding-top:1.6rem
}
.news-body .media .media-body .badge {
    border-radius:0;
    padding:0 10px;
    color:#c2c2c2;
    border:1px #c2c2c2 solid;
    background:transparent;
    display:inline-block;
    line-height:1.6rem;
    margin-right:1rem
}
.news-body .media .media-body .text-muted {
    color:#c2c2c2
}
.news-body .media .media-body h4 {
    color:#1f2326;
    transition:color .3s;
    font-size:1rem;
    margin-top:1rem
}
.news-body .media:hover {
    background:#1f2326
}
.news-body .media:hover .media-body h4 {
    color:#fff
}
.page-title {
    text-align:center;
    line-height:4rem;
    margin-top:4rem
}
.page-title:after {
    content:"";
    display:block;
    width:60px;
    height:0;
    border-bottom:2px #bf1e2e solid;
    margin:0 auto
}
.page-content {
    min-height:500px
}
.page-content img{
    max-width: 100%;
}
.article-list {
    padding-top:2rem
}
.article-list li {
    border-bottom:1px #e6e6e6 solid;
    padding-top:1rem;
    padding-bottom:1rem
}
.article-list li .media-img {
    width:133px;
    height:100px;
    margin-right:1rem
}
.article-list li .media-body h5 {
    line-height:2rem
}
.article-list li .media-body h5 a {
    color:#1f2326
}
.article-list li .media-body div {
    line-height:1.6rem;
    color:#a1a1a1;
    font-size:0.9rem
}
.article-list li .media-body p {
    margin:0
}
.article-body {
    padding-top:4rem
}
.article-title {
    font-size:2.5rem;
    line-height:4rem;
    text-align:center;
    color:#CEB15C
}
.article-info {
    margin-bottom:1.5rem
}
.article-info a {
    color:rgba(206,177,92,0.8);
    display:inline-block;
    border:1px #e6e6e6 solid;
    padding:0 10px
}
.article-content {
    background:#fff;
    /*border-radius:5px;
    box-shadow:rgba(0,0,0,0.1) 0 0 5px;
    padding:50px;
    min-height:500px;
    margin-bottom:2rem*/
}
.case-list {
    padding:2rem 0
}
.case-list .card {
    border-radius:0;
    box-shadow:rgba(0,0,0,0.08) 0 0 5px;
    position:relative;
    transition:background-color .3s;
    border:0
}
.case-list .card .card-body {
    position:relative;
    z-index:2
}
.case-list .card .card-body h3 {
    transition:color .3s
}
.case-list .card .mask {
    background:url(../images/eye.png) center -99px no-repeat rgba(0,0,0,0);
    transition:background-color,background-position .5s;
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.case-list .card:hover {
    background:#1f2326
}
.case-list .card:hover .card-body h3 {
    color:#fff
}
.case-list .card:hover .mask {
    background-color:rgba(0,0,0,0.6);
    background-position:center 72px
}
.product-list {
    padding:2rem 0
}
.product-list .card {
    border-radius:0;
    box-shadow:rgba(0,0,0,0.08) 0 0 5px;
    position:relative;
    transition:background-color .3s;
    border:0;
    background:#1f2326
}
.product-list .card .card-body {
    position:relative;
    z-index:2
}
.product-list .card .card-body h3 {
    color:#fff
}
.product-list .card .mask {
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.order-body .card {
    margin-top:1rem
}
.user-index {
    padding:0
}
.user-index .user-header {
    background:#fff
}
.user-index .list-group {
    margin-top:10px
}
.footer {
    padding-top:70px
}
.footer dd {
    margin-top:1.8rem;
    line-height:1.8rem
}
.footer dd a {
    display:block;
    color:#CEB15C
}
.footer hr {
    border-color:#3e4044
}
.footer .copyright-row {
    line-height:40px;
    padding-bottom:20px
}
.footer .copyright-row a {
    color:#CEB15C
}
#carouselBannerControls p {
    display:none
}
.article-content img {
    width:100%
}
.article-content p {
    padding:0;
    margin:0;
}
.article-content span {
    padding:1rem;
    margin: 0.5rem 0.5rem;
    line-height: 22px;
    display: inline-block;
}

/*# sourceMappingURL=style.css.map */