/* web global
---------------------------------- */
body {
    min-width: 1200px;
}

.container {
    width: 1200px !important;
    max-width: none !important;
}

.section-head small {
    font-size: 50%;
    margin-left: 10px;
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* header
---------------------------------- */
.header-top {
    height: 120px;
}

.header-top .logo {
    margin-top: 30px;
}

.top-desc {
    margin-top: 15px;
}


.top-contact {
    margin-top: 15px;
}

.top-contact .contact-img {
    display: inline-block;
    margin-right: 10px;
}

.top-contact .contact-detail {
    display: inline-block;
    vertical-align: middle;
}

.top-contact .contact-detail h1 {
    color: #2f9300;
    font-size: 25px;
}

.header-nav {
    background: rgb(69, 186, 12);
}

.navbar-main {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
}

.navbar-nav > li > a {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    padding: 0.7158rem 1.5rem !important;
}

.nav-wrapper .nav > li > a:focus, .nav-wrapper .nav > li > a:hover, .nav-wrapper a.active, .nav-wrapper li.active {
    background-color: #2f9300;
}

#main-navigation .dropdown-menu {
    padding: 0;
    margin: 0;
}


#main-navigation .nav-link {
    padding: 0.7158rem 1rem;
}

#main-navigation .dropdown-menu .nav-link {
    padding: 6px 1rem;
}

#main-navigation .dropdown-menu .nav-link:hover {
    background-color: #2f9300;
    color: #ffffff;
}

#main-navigation .dropdown-toggle::after {
    margin-left: 0;
}

/* slider
---------------------------------- */
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media (min-width: 1200px) {
    .slide-thumb-wrapper {
        height: 65vh;
    }
}

.slide-bg {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
}

.slide-text-wrapper {
    text-align: left;
}

.slide-text-wrapper .slide-desc {
    font-size: 50px;
    color: #FF5A0D;
    font-weight: 600;
}

.slide-text-wrapper .slide-content {
    font-size: 40px;
}

/* advantage
---------------------------------- */
.advantage-bg_l, .advantage-bg_r {
    width: 100%;
    height: 100%;
    min-height: 336px;
    background-repeat: no-repeat;
    z-index: 1;
}

.advantage-bg_l {
    background-image: url("../image/left_bg.png");
}

.advantage-bg_r {
    background-image: url("../image/right_bg.png");
}

.advantage-wrapper {
    padding: 60px 15px;
    position: relative;
    z-index: 10;
}

.advantage-wrapper .advantage-item {
    margin: 1rem;
}


/* products
---------------------------------- */
.products-category-unit {
    border: 1px solid #F2F2F2;
}

.products-category-unit li {
    border-bottom: 1px solid #F2F2F2;
}

.products-category-unit li:last-child {
    border-bottom: none;
}

.products-category-unit a {
    display: block;
    padding: 10px;
    font-size: 16px;
}

.products-category-unit a > i {
    margin-top: 5px;
    margin-right: 15px;
    color: #45BA0C;
    opacity: 0;
}

.products-category-unit a:hover {
    background: #45BA0C;
    color: #ffffff;
    font-weight: 600;
}

.products-category-unit a:hover i {
    color: #ffffff;
    opacity: 1;
    margin-right: 10px;
}

.products-item {
    position: relative;
    overflow: hidden;
}

.products-item .thumb {
    height: 230px;
    overflow: hidden;
}

.products-item .thumb img {
    width: 100%;
    height: auto;
}

.products-item .text-bg {
    display: block;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -5px;
    z-index: 10;
}

.products-item .title {
    color: #ffffff;
    line-height: 40px;
}

.products-item a:hover .text-bg {
    bottom: 0;
}

.cate-list a {
    padding: 5px 8px;
}

.cate-list a:hover, .cate-list a.active {
    color: #ffffff;
    background-color: #45BA0C;
}

/* about
---------------------------------- */
.section-about {
    background-image: url("../image/about_bg.jpg");
    margin: 40px 0 140px;
}

.jarallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.about-bg {
    position: absolute;
    background: rgba(69, 186, 12, 1);
    padding: 1rem;
    top: 100px;
    width: 100%;
    height: 93%;
}

.about-left {
    top: 40px;
    padding: 20px 20px;
    position: relative;
    width: 100%;
}

.about-left h2.title {
    position: absolute;
    background: #ff8000;
    color: #ffffff;
    font-size: 24px;
    padding: 15px;
    margin: 0;
    top: 20px;
    right: 20px;
}

.about-wrap {
    top: 120px;
    position: relative;
    display: inline-block;
    padding: 40px 80px 40px 40px;
    color: #ffffff;
}

.about-wrap a:hover {
    color: #FFFFFF;
}

.btn-about {
    margin-top: 15px;
    border-radius: 0;
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btn-about:hover {
    background: #ff8000;
    border: 1px solid #ff8000;
    color: #ffffff;
}

/* news
---------------------------------- */
.news-unit-thumb .thumb {
    height: 140px;
    overflow: hidden;
}

.news-unit-thumb .text-bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    z-index: 10;
    background-image: -webkit-linear-gradient(left, rgb(69, 186, 12), rgba(77, 200, 18, 0.5), rgba(200, 50, 50, 0));
    background-image: -moz-linear-gradient(left, rgb(69, 186, 12), rgba(77, 200, 18, 0.5), rgba(200, 50, 50, 0));
    background-image: -ms-linear-gradient(left, rgb(69, 186, 12), rgba(77, 200, 18, 0.5), rgba(200, 50, 50, 0));
    background-image: -o-linear-gradient(left, rgb(69, 186, 12), rgba(77, 200, 18, 0.5), rgba(200, 50, 50, 0));
}

.news-unit-thumb .title a {
    color: #ffffff;
    line-height: 40px;
    padding: 0 15px;
    font-size: 16px;
    display: block;
}

.news-unit-thumb .list li {
    border-bottom: 1px dashed #f2f2f2;
}

.news-unit-thumb .list a {
    padding: 10px 0;
    display: block;
}

.news-unit-thumb .list a span {
    color: #cccccc;
}

.news-unit-thumb i.fa {
    margin-right: 8px;
    color: #45BA0C;
}

.news-unit-qa .news-head h2 {
    margin-top: 0;
    font-size: 24px;
}

.news-unit-qa .list li {
    border-bottom: 1px dashed #f2f2f2;
}

.news-unit-qa .qa-item .text {
    margin-left: 32px;
}

.news-unit-qa .list .q-item, .news-unit-qa .list .a-item {
    margin: 8px 0;
}

.news-unit-qa .list .q-item span, .news-unit-qa .list .a-item span {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #ffffff;
    display: inline-block;
}

.news-unit-qa .list .q-item span {
    background: #45BA0C;
}

.news-unit-qa .list .a-item span {
    background: #ff8000;
}

.news-index .nav-link {
    font-weight: bold;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.wz-marquee-title {
    margin-right: 15px;
}

.news-list-index li {
    border-bottom: 1px dashed #F2F2F2;
}

.wz-marquee-title span {
    color: #ffffff;
    font-size: 1.1rem;
}

.wz-marquee-content, .wz-marquee-title span {
    height: 38px;
    line-height: 38px;
    white-space: nowrap;
}

.marquee-list {
    white-space: nowrap;
}

/* footer
---------------------------------- */
.footer-line {
    width: 100px;
    height: 1px;
    background-color: #45BA0C;
}

.section-footer {
    border-top: 5px solid #45BA0C;
}

.section-footer .footer-qrcode li {
    padding: 0.5rem;

}

.footer-copyright {
    padding: 10px 0;
    border-top: 1px solid #555555;
    color: #ffffff;
}

.footer-copyright p {
    margin: 0;

}

.footer-copyright a {
    color: #ffffff;
    padding: 10px 0;
}

.links-wrapper a {
    font-size: 14px;
    margin-right: 10px;
}

/* list
---------------------------------- */
.list-head-wrapper {
    background-size: cover !important;
}

.section-list .list-head h2 {
    font-size: 24px;
}

.section-list .list-body .border-bottom {
    border-bottom: 1px dashed #F2F2F2;
}

.section-list .list-body li {
    padding: 10px 0;
}

.section-list .list-body li i.fa {
    margin-right: 8px;
    color: #45BA0C;
}

.section-list .list-body li small {
    color: #CCCCCC;
}

/* right-nav
---------------------------------- */
.right-nav h2 {
    font-size: 24px;
}

.right-nav .list-nav li {

    padding: 8px 0;
    border-bottom: 1px solid #F2F2F2;
    font-size: 16px;
}

.right-nav .list-nav li:hover {
    background: #45BA0C;
    padding-left: 8px;
    color: #ffffff;
}

.right-nav .list-nav li:hover i, .right-nav .list-nav li:hover a {
    color: #ffffff;
}

.right-nav .list-nav li i {
    color: #45BA0C;
    font-size: 16px;
    margin-right: 8px;
}

.right-nav .list-nav li a {
    display: inline-block;
}

/* article
---------------------------------- */
.products-gallery {
    margin-top: 20px;
    padding-bottom: 20px;
}

.article-head {
    border-bottom: 1px solid #dadada;
}

.article-item-more {
    padding-bottom: 1rem;
    border-bottom: 1px dashed #dadada;
}

.article-foot {
    border-top: 1px dashed #dadada;
    padding-top: 1rem;
}

/* hot-products
---------------------------------- */
.hot-products ul li {
    border-bottom: 1px solid #f5f5f5;
    padding: 15px 0;

}

.hot-products ul li:last-child {
    border-bottom: none;
}

.hot-products .media {
    margin-top: 0;
    margin-bottom: 25px;
}

.hot-products .media img {
    max-width: none;
}

.hot-products .media img {
    width: 100px;
}

.hot-products .media-heading {
    margin-bottom: 0;
}

.hot-products h6.media-heading {
    margin-bottom: 5px;
    font-size: 100%;
}

.hot-products .media .desc {
    color: #666;
    font-size: 12px;
}

.pagination li.active {
    background-color: #45BA0C;
}

.pagination li.active span.page-link {
    border-color: #45BA0C;
}

.service-item .thumb {
    max-height: 139px;
}

.service-item {
    border: 1px solid #dadada;
    padding: 1rem;
}

.service-item:hover {
    box-shadow: 4px 4px 0 4px rgba(0, 0, 0, .2)
}

.thumbs-carousel .index-news-thumb {
    height: 325px;
    overflow: hidden;
}

.map-canvas {
    height: 500px;
}