@charset "utf-8";
/* CSS Customers */


/*home*/
h2 {
    font-size: 25px;
    letter-spacing: .03em;
    font-weight: normal;
}

h2 span {
    color: #929292;
    display: inline-block;
    margin-left: 6px;
    font-size: 20px;
    letter-spacing: 0.1em;
}
h3.heading {
    color: #8db73c;
    font-size: 20px;
    font-weight: 500;
}
.nav-menu .navbar-nav > li > a {
    font-size: 18px;
}
.newslist {
    padding: 8px 0;
}
.newslist span.subject {
    margin-left: 22px;
    color: #666;
}

.newslist span.date {
    background: #8db73c;
}
.inews a.more {
    letter-spacing: .05em;
    background: #f8c92a;
}

figure.pdlist:hover:after {
    border-color: #f7d35c;
}
figure.pdlist p.pdname {
    color: #666;
    font-weight: normal;
    letter-spacing: .05em;
    margin-bottom: 25px;
}
figure.pdlist a {
    height: 340px;
}

.newpd {
    margin-top: 30px;
}

/*main*/
/*
section.content {
    margin-top: 110px;
    margin-bottom: 130px;
}
*/
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #a4cf68;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: #d9ebc0;
}

a {
    color: #666;
}
a:hover, a:focus {
    color: #8db63b;
}
.logo {
    margin-top: 95px;
    margin-bottom: 30px;}

.nav-menu .navbar-nav > li:before {
    content: "|";
    opacity: .6;
}

.editor img{
    height: auto !important;
}

/*footer*/
.subfooter {
    background-color: #8aa44f;
}

.copyright {
    border-top: 1px solid #69832d;
}
/*product
-----------------------------------*/
.breadcrumb > .active, 
.breadcrumb > li, 
.breadcrumb > li >a:hover {
    color: #8db73c;
}
.breadcrumb > li + li:before {
    color: #666;
}
ul.nav-center > li > a {
    font-size: 18px;
    font-weight: 500;
    color: #8db73c;
}
ul.nav-center > li.open > a, 
ul.nav-center > li.open > a:focus, 
ul.nav-center > li > a:hover, 
ul.nav-center > li > a.active {
    color: #8db73c;
}

.pdviewbox .slider-nav .slick-current {
    border: 2px solid #8db73c;
}
.titlebar {
    background-color: #8db73c;
}
.detail {
    border-bottom: 1px solid #8db73c;
}

.son-menu .dropdown-menu {
    background-color: #8db73c;
}

/*about*/
.editor .t-right h2 {
     margin-top: 0;
    margin-bottom: 20px;
}
.pic-right figure {
    margin-left: 140px;}

/*news
-----------------------------------*/
.slick-dots li.slick-active button:before {
    color: #8db73c;
}
.slick-dots li button::before {
    color: #666;
}
.inews a.more {
    background: #f3ca42;
}
.inews a.more:hover {
    background: #f7d35c;
}
.newslist span.date {
    background: #8db73c;
}
.newslist span.subject {
    margin-left: 22px;
    color: #666;
}
.newslist span.subject:hover {
    color: #b7b7b7;
}
body.news .date {
    color: #8db73c;
}
body.news .text {
    height: 50px;
}
body.news.show .date {
    background-color: #8db73c;
}
body.news.show .subject {
    color: #7da8a4;
    border-bottom: 1px solid #8db73c;
}

.cfpic h2 {
    text-align: left;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    margin-left:10px;
}

/*contact
-----------------------------------*/
.btn {
    background-color: #adc875;
}
.btn-gray {
    background-color: #666;
}
.btn:hover, .btn:focus, .btn.focus {
    background-color: #8db73c;
}

.error {
    font-weight: 400;
    background: #8db73c;
}

.error::before {
    border-right: 15px solid #8db73c;
}
.has-error .form-control {
    border-color: #8db73c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
    border-color: #8db73c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #96e1da;
}


/*about
-----------------------------------*/
body.about .content .tbox{
    position: relative;
    margin-bottom: 95px;
}
body.about .content .textbox {
    position: absolute;
    z-index: 2;
    background-color: rgb(243, 243, 243);
    width: 30%;
    padding: 60px 40px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    left: -27px;
    top: 66px;
    min-width: 446px;
    min-height: 362px;
}
body.about .content .t-right {
    left: initial;
    right: 0;
}
.pic-left figure {
    text-align: left;
}
.pic-right figure {
    text-align: right;
}
.editor .tbox h2 {
    color: #8db63b;
}
.editor .tbox p {
    font-size: 17px;
    color: #666;
}
body.about .content .textbox.t-left {
    left: 2px;
}

body.about .tbox figure img {
    height: auto !important;
}
.copyright a {
    display: none;
}
@media(max-width:1199px){
    body.about .content .textbox.t-left {
        left: 0px;
    }
}

@media (max-width:1024px){
    body.about .content .textbox {
    min-height: 312px;
}
}

@media(max-width:991px){
    body.about .content .textbox {
        padding: 30px 30px;
        min-width: 380px;
    }
    .editor .tbox h2 {
        font-size:22px;
    }
    body.about .content .textbox {
    min-height: 262px;
}
}
@media(max-width:768px){
    .pic-right figure {
    margin-left: 0;
}
    
    body.about .content .textbox h2{
        font-size: 150%;
    }
    body.about .content .textbox{
        position: relative;
        top: inherit;
        background-color: transparent;
        box-shadow: none;
        padding: 30px 20px;
        min-height: inherit;
        min-width: 100%;
    }
    body.about .content .textbox.t-left{
        left:inherit;
    }
    body.about .content .tbox {
        margin-bottom: 0px;
    }
    
    .logo {
        margin-top: 0;
        width: 104px;
        top: 24%;
    }
    nav.header-link.link-r.fixed {
        background-color: rgba(141, 183, 60, 0.72);
    }
    .m-menu-list h3 {
        background-color: #8db73c;
    }
    .mobile-menu .nav>li>a:hover, 
    .mobile-menu .nav>li>a:focus, 
    .mobile-menu .nav>li>a.active {
        background-color: #8db73c;
    }

}

@media (max-width: 1199px){
    .islider, .islider li {
        height: 600px !important;
    }
}

@media (max-width: 991px){
    .islider, .islider li {
        height: 400px !important;
    }
}

@media (max-width: 767px){
    figure.pdlist a {
        height: auto;
    }
}

@media (max-width: 568px){
    .banner .fill {
        height: 200px;
    }
    .islider, .islider li {
        height: 220px !important;
    }
}
@media (max-width: 480px){
    .banner .fill {
        height: 178px;
    }
}

@media (max-width: 375px){
    .banner .fill {
        height: 125px;
    }
}
@media (max-width: 320px){
    .islider, .islider li {
        height: 160px !important;
    }
}