/*#region global*/
body {color: #555;}
a {color: #666;}
.banner > img{width:auto !important}
.navbar{top: 0;z-index: 10;background: rgba(48, 48, 48,.7);width: 100%;}
.navbar .container-xl{align-items: stretch;}
.navbar .navbar-nav{ height: 100%;background: transparent;}
.navbar-nav{ background: #fff; }
.navbar-nav > .nav-item { padding: 0rem 0;}
.navbar .nav-link {height: 100%;justify-content: center;padding: 1.25rem 1.5rem;text-transform: uppercase;color: #F5DC5E;font-size: 16px;border-bottom: 2px solid transparent}
.navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {border-bottom: 2px solid #C0B15E;}
.navbar-nav .active > .nav-link {color: #F5DC5E;}
.navbar-toggler{ color: #C0B15E;border:1px solid #C0B15E}
.dropdown-menu {
    min-width: 14rem;
    font-size: 14px;
    background: linear-gradient(45deg,#D3A928, #EACB4C,#F5DC5E 40%, #EACB4C,#D3A928);
    box-shadow: none;
    overflow: hidden;
    animation: height-slide 0.1s linear;
}
.navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;color: #fff;}
.navbar-nav .dropdown-item:hover{ color: #C0B15E;}
    @media(max-width:992px) {
    .navbar-nav .dropdown-item{ padding: 0.875rem 1.5rem;text-align: center;}
        .navbar .nav-link{padding:0.875rem 1.25rem;}
        .dropdown-menu{ background: transparent;}
}
@media(max-width:576px) {
    .navbar-nav{}
    .navbar-brand{ padding: 12px 0px;}
    .navbar-brand>.img-fluid{max-width:260px}
}

.menu-horizontal-wrapper{ margin-bottom: 50px;}
.menu-horizontal .nav-item{margin:0 15px;}
.menu-horizontal .nav-link {color: #C1B173;border: 1px solid #B8B856;padding: 10px 28px;font-weight: 400;transition: all ease 0.5s;text-align: center;}
.menu-horizontal .nav-link.active{ background: #C0B15E;color: #fff;}
.menu-horizontal .nav-link .icon{ margin-right: 5px;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ margin: 0 0 8px;}
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}
.main-container{ padding-top: 60px;padding-bottom: 60px;}
@media(max-width:768px) {
    .main-container{ padding-top: 40px;padding-bottom: 40px;}
}

/*#region article list style*/
.article-row{ margin-bottom: 1.875rem;}
.article-row .card-body{ padding: 0rem 1.25rem;}
.article-row .title{font-size: 1rem;font-weight: 300;margin-bottom: 0.75rem;}
.article-row .title a{ color: #444;transition: color 0.2s ease;}
.article-row .title a:hover{color:#BEB162}
.article-row p{ padding: 15px 0;margin-bottom: 0;color: #666;border-top: 1px solid #ececec;line-height: 1.7}
.article-row .card-text{ font-size: 1rem;}
.article-row time{ display: block;font-size:0.75rem;color:#1f365c;}
.article-row time span{font-size:3rem}
.article-row .more{ display: block;align-items: end;justify-content: flex-end}
.article-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .article-row .card-body{ padding: 1.25rem 0 0;}
    .article-row h3{ font-size: 1rem;}
}

.article-col{ margin-bottom: 1.25rem;}
.article-col .card{height: 100%;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.article-col .card-body{ flex-grow: 1;padding: 15px 15px;}
.article-col .card-title{font-size: 1rem;font-weight: 400;margin: 0;padding: 0.5rem 0rem;color: #BAB564;transition: all ease 0.2s;}
.article-col .card-title:hover{color:#ef470d}
.article-col time {display: block;font-size: 0.75rem;color: #83868c;text-transform: uppercase;margin-bottom:5px;}
.article-col .summary{ margin: 5px 0 0;}


.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper h2{font-size: 1rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h3{ font-size: 0.875rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper img{ max-width: 100% !important;height: auto !important;}
.content-wrapper ol{margin-left: 1em;padding-left: 1em;}
.content-wrapper video{ max-width: 100% !important;height: auto !important;}
.content-wrapper iframe{ max-width: 100%;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px #E64545 !important;}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper.product .content{padding: 1.5rem 1rem;}
.content-wrapper.product .content h2,.content-wrapper.product .content h3{font-size: 1.25rem;font-weight: 500 !important;color:#0c2e60}

.content-wrapper.article .content{color:#777}

.content-wrapper header{text-align: center;margin-bottom: 1rem;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.content-wrapper.article .content{ color: #777}
.content-wrapper.article .title{ color: #555;font-size: 1.75rem;font-weight: 500;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 30px 0;font-size: 0.75rem;text-transform: uppercase;color: #83868c;border-bottom: 1px solid #e0e4e6;}
.content-wrapper.article .summary span{ margin-right: 15px;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1.25rem;}
    .content-wrapper.product .content{padding:1.5rem 1rem;}
}

.nav-industry {
    border-bottom: 1px solid #E4E4E4;
    line-height: 1;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.nav-industry a {
    display: block;
    margin: auto;
    text-align: center;
}
.nav-industry a.active span {
    background-color: #C0B15E;
    background-position-y: -76px !important;
}
.nav-industry a>span {
    display: block;
    margin: auto;
    width: 107px;
    height: 107px;
    background-image: url(images/ico.png);
    background-repeat: no-repeat;
    margin-bottom: 15px;
    border: 1px solid #BDB15F;
    border-radius: 5px;
    padding: 16px;
    transition: all ease 0.4s;
}
.nav-industry a > span.investment{ background-position: 15px 16px;}
.nav-industry a > span.manufacturing{background-position: -98px 16px;}
.nav-industry a > span.real-estate { background-position: -213px 16px;}
.nav-industry a > span.culture {background-position: -326px 16px;}
.nav-industry a > span.trade {background-position: -436px 16px;}
.nav-industry a >span.air{background-position: -647px 16px;}

.nav-industry a:hover>span{background-color: #C0B15E;  background-position-y: -76px; }
  
  

.intro h1 {
    color: #BFAC67;
    font-size: 24px;
    margin-bottom: 20px;
}

.intro p {
    margin-bottom: 8px;
    color: #999;
}
/*#endregion*/
.news-head {
    color: #999;
    border-bottom: 1px solid #DCDCDC;
}

    .news-head h1 {
        font-size: 1.25rem;
        color: #C6B772;
        margin-bottom: 15px;
    }

.news-article {
    border: 1px solid #d2d2d2;
    transition: all ease 0.5s;
    margin-bottom: 20px;
}

    .news-article:hover {
        border: 1px solid #BEB162;
        /*color: #BEB162;*/
    }

        .news-article:hover h4 a {
            color: #BEB162;
        }

    .news-article .img-responsive {
        transition: all ease 0.5s;
    }

    .news-article:hover .img-responsive {
        box-shadow: #999 0 0 6px 0px;
    }

    .news-article h4 a {
        font-size: 18px;
        transition: all ease 0.5s;
    }

    .news-article p {
        line-height: 1.8;
    }

    .news-article .time {
        font-size: 12px;
        color: #999;
    }

.partner .img-responsive {
    transition: all ease 0.5s;
}

    .partner .img-responsive:hover {
        box-shadow: #aaa 0 0 6px 0px
    }
/*#region content-container*/
.content-container {
    line-height: 2;
    color: #555;
}

    .content-container p {
        text-indent: 2em;
    }
    .content-container p img {
        display: block;
        text-indent: 0;
        margin:auto;
    }
    .content-container .title {
        text-align: center;
        font-size: 26px;
        margin-bottom: 20px;
    }

    .content-container .summary {
        text-align: center;
        color: #777;
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #F9F9F9;
    }

    .content-container img {
        max-width: 100% !important;
        height: auto !important;
        margin:auto
    }

    .content-container table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        background-color: transparent;
    }
/*#endregion*/


.main-title {
    display: inline-block;
    font-size: 20px;
    padding: 12px 28px;
    background: #D67517;
    color: #fff;
}

.sub-title {
    position: relative;
    color: #C0AF5F;
    vertical-align: middle;
}

    .sub-title .fa:before {
        position: relative;
        font-size: 14px;
        vertical-align: middle
    }

/*hr*/
.hr {
    background: #F2F2F2;
    margin-bottom: 40px;
}

    .hr h6 {
        color: #B7B05F;
        font-size: 18px;
    }
/*job*/
.job {
    overflow: hidden;
    border-bottom: 1px solid #D1D1D1;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .job .rounded-circle {
        display: inline-block;
        padding: 8px 13px;
        background: #E4E4E4;
        margin-right: 15px;
    }

    .job a {
        color: #BAB148;
        font-weight: 400;
        font-size: 16px;
    }

    .job b {
        font-size: 12px;
        color: #BAB148;
    }

    .job .icon {
        font-size: 36px;
        color: #fff;
    }

    .job .col-4:not(:first-child) {
        padding-top: 15px;
    }


.home-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    flex-basis: 115px;
    border-top: 4px solid #B2804F;
    background: rgba(41, 41, 41, .9);
    color: #999;
}

    .home-bottom h6 {
        color: #BCAF49;
        font-size: 0.875rem;
    }

    .home-bottom p, .home-bottom a {
        margin-bottom: 0.5rem;
        font-size: 12px;
    }

    .home-bottom .fa {
        margin-right: 6px;
    }

    .home-bottom .btn {
        border-radius: 0;
        background: #161616;
        color: #999;
    }

    .home-bottom .caret {
        margin-left: 60px;
    }

@media(max-width:992px) {
    .home-bottom .caret {
        margin-left: 10px;
    }
}

.home-bottom .dropdown-menu {
    background: rgba(41, 41, 41, .9);
}

    .home-bottom .dropdown-menu > li > a {
        color: #eee;
    }

        .home-bottom .dropdown-menu > li > a:hover {
            background: #777;
            color: #f2f2f2;
        }

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-child {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
        }
.swiper-slide-child{ height: 100%;}