body, input, textarea, button, select {
    font-family: sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #333333;
}

a{
    color: #5CBF5E;
}
a:hover{
    color: #1c7430;
}
.pageHeader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 0.8rem 0 0.7rem 0;
    background-color: #ffffff;
    border-bottom: 1px solid #e4e4e4;
}
.headerContact {
    color: #5CBF5E;
    text-align: right;
}
.headerLogo img {
    width: 100%;
    max-width: 200px;
}
@media (min-width: 1200px){
    .pageHeader .container {
        max-width: 1380px;
    }
}

@media (max-width: 992px){
    .pageHeader .headerContact {
        display: none;
    }
}
.navRow {
    margin-top: -58px;
}
.pageHeader .navbar-light .navbar-nav .active>.nav-link {
    color: #5CBF5E;
    font-weight: 600;
}
.pageHeader .navbar-light .navbar-nav .nav-link:focus, .pageHeader .navbar-light .navbar-nav .nav-link:hover {
    color: #5CBF5E;
}
@media (min-width: 992px) {
    .pageHeader .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }
}
@media (min-width: 1200px) {
    .pageHeader .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.navbarContact {
    display: none;
}
@media (max-width: 992px) {
    .navRow {
        margin-top: -4rem;
    }
    .pageHeader .nav-item {
        text-align: right;
        padding-right: 10px;
    }
    .pageHeader .nav-item.isShopMenu {
        text-align: center;
    }
    .pageHeader .navbar-nav .dropdown-menu {
        text-align: right;
    }
    .navbarContact {
        display: block;
        text-align: right;
        color: #5CBF5E;
        padding-right: 1.4rem;
    }
}
@media (max-width: 768px) {
    .navRow {
        margin-top: -3rem;
    }
}
@media (max-width: 1300px) {
    .pageHeader .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .headSearch {
        display: none;
    }
    .pageHeader .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}

.pageHeader .navbar-nav .dropdown-menu {
    margin-top: -1px;
}
.pageHeader .dropdown-menu {
    border: none;
    background: rgba(243 , 243 ,243 , 0.8);
}
.pageHeader .dropdown-item.active, .pageHeader .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #5CBF5E;
}
.pageHeader .dropdown-item.active, .pageHeader .dropdown-item a:active {
    color: #ffffff;
}
.pageHeader .form-inline {
    justify-content: flex-end;
}
.pageHeader .navbar {
    padding: 0.5rem 0 0.5rem 1rem;
}
.pageHeader .navbar a {
    color: #333333;
}
.pageHeader .navbar-light .navbar-nav .nav-link {
    color: #333333;
}
.pageHeader .form-control {
    width: auto;
    margin-right: 0.5rem!important;
}
.body-conter {
    padding-top: 120px;
}



.solutionsBox {
    max-width: 1380px;
    margin: 1.5rem auto 0 auto;
    position: relative;
}
.solutionsBox .title {
    line-height: 3rem;
    font-size: 1.6rem;
    background: url("../img/underline.jpg") no-repeat center bottom;
    background-size: 10rem 0.3rem;
    margin-bottom: 0.1rem;
    text-align: center;
}
.solutionsBox .Solutions {
    margin-top: 1rem;
}
.solutionsBox .swiper-button-prev, .solutionsBox .swiper-button-next {
    color: #5CBF5E;
}
.solutionsBox .swiper-slide {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    overflow: hidden;
}
.solutionsBox .swiper-button-next:after, .solutionsBox .swiper-button-prev:after {
    font-size: 1.5rem;
    font-weight: 600;
}
.solutionsBox .swiper-slide img {
    max-width: 100%;
    transition: all 0.3s ease-in-out;
}
.solutionsBox .swiper-slide img:hover {
    transform: scale(1.2);
}
.solutionsBox .swiper-slide .tag {
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(93, 191, 94, 0.7);
    color: #ffffff;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.IndexCategoryBox {
    max-width: 1380px;
    margin: 1.5rem auto 0 auto;
    position: relative;
}
.IndexCategoryBox .title {
    line-height: 3rem;
    font-size: 1.6rem;
    background: url("../img/underline.jpg") no-repeat center bottom;
    background-size: 10rem 0.3rem;
    margin-bottom: 0.1rem;
    text-align: center;
}
.IndexCategoryBox .container {
    margin-top: 1rem;
}
.IndexCategoryBox .item {
    padding:0.8rem;
}
.IndexCategoryBox .item img {
    max-width: 100%;
}

.factoryBox {
    max-width: 1380px;
    margin: 1.5rem auto 0 auto;
    position: relative;
}
.factoryBox .title {
    line-height: 3rem;
    font-size: 1.6rem;
    background: url("../img/underline.jpg") no-repeat center bottom;
    background-size: 10rem 0.3rem;
    margin-bottom: 1rem;
    text-align: center;
}
@media (min-width: 1200px){
    .factoryBox .container {
        max-width: 1380px;
    }
}
.factoryBox .box {
    padding: 1rem;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}
.factoryBox .item {
    margin-bottom: 1.5rem;
}
.factoryBox .item .img{
    overflow: hidden;
}
.factoryBox .item img{
    width: 100%;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.factoryBox .item img:hover{
    transform: scale(1.2);
}
.factoryBox .item .content{
    align-items: center;
}
.factoryBox .item .info {
    font-size: 1rem;
    height: 4.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}
.factoryBox .item .content h2 {
    font-size: 1.4rem;
    line-height: 2.4rem;
}


.partnersBox {
    max-width: 1380px;
    margin: 1.5rem auto 0 auto;
    position: relative;
}
.partnersBox .title {
    line-height: 3rem;
    font-size: 1.6rem;
    background: url("../img/underline.jpg") no-repeat center bottom;
    background-size: 10rem 0.3rem;
    margin-bottom: 1rem;
    text-align: center;
}
.partnersBox .partnersImg {
    text-align: center;
}
.partnersBox .partnersImg img {
    max-width: 100%;
}

.newsBox {
    max-width: 1380px;
    margin: 1.5rem auto 0 auto;
    position: relative;
}
@media (min-width: 1200px){
    .newsBox .container {
        max-width: 1380px;
    }
}
.newsBox .title {
    line-height: 3rem;
    font-size: 1.6rem;
    background: url("../img/underline.jpg") no-repeat center bottom;
    background-size: 10rem 0.3rem;
    margin-bottom: 1rem;
    text-align: center;
}
.newsBox .img img {
    max-width: 100%;
}
.newsBox .card-deck {
    margin-bottom: 0.8rem;
}
.newsBox .card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsBox .card-body {
    padding: 0.5rem;
}
.newsBox .card-body h5 {
    font-size: 1rem;
    height: 3.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsBox a {
    color: #5CBF5E;
    text-decoration: none;
}
.newsBox a:hover{
    text-decoration: none;
    color: #1c7430;
}

.pageFooter {
    margin-top: 2rem;
    background-color: #5a6268;
    min-height: 100px;
}

@media (min-width: 1200px){
    .pageFooter .container {
        max-width: 1380px;
    }
}
.pageFooter .footerMenu {
    padding-top: 1.5rem;
    color: #b9b9b9;
}
.pageFooter .footerMenu a {
    padding-top: 1.5rem;
    color: #b9b9b9;
}
.footerMenu .footerAboutUs {
    margin-bottom: 1.5rem;
}
.footerMenu .footerAboutUs .footerAboutUsContent {
    color: #b9b9b9;
    padding-right: 1rem;
}
.footerMenu .moduleT {
    color: #ffffff;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}
.footerMenu .footernewsProduct {
    margin-bottom: 1.5rem;
}
.footerMenu .footernewsProduct ul {
    list-style: none;
    padding-left: 0;
}
.footerMenu .footernewsProduct ul li{
    padding: 0.3rem 0;
    border-bottom: 1px solid #fff;
}
.footerMenu .footerHelp ul{
    list-style: none;
    padding-left: 0;
}
.footerMenu .footerHelp ul li i{
    margin-right: 0.3rem;
    color: #ffffff;
}
.footerMenu .footerHelp ul li{
    padding: 0.3rem 0;
}
.footerMedia {
    text-align: center;
    justify-content: center;
}
.footerMedia img {
    width: 40px;
    height: 40px;
    margin: 0.8rem;
}
.copyright {
    margin-top: 1px;
    border-top: 1px solid #ffffff;
    line-height: 3rem;
    text-align: center;
    justify-content: center;
    color: #b9b9b9;
}

.pageBannerAd {
    width: 100%;
    height: 12rem;
}

@media (min-width: 1200px){
    .aboutUsBox .container  {
        max-width: 1380px;
    }
}
.aboutUsBox .aboutUsT {
    margin-top: 1rem;
    padding: 0.5rem;
    text-align: center;
    display: block;
    width: 100%;
}
.aboutUsBox .aboutUsContent {
    padding: 0.5rem;
}
.aboutUsBox .aboutUsContent img{
    max-width: 100%;
}
.breadcrumbBox {
    background-color: #E9ECEF;
    margin-bottom: 1rem;
}
.body-conter .breadcrumb{
    border-radius: 0;
    max-width: 1380px;
    margin: auto;
}
.body-conter .breadcrumb a{
    color: #5CBF5E;
}

@media (min-width: 1200px){
    .ProductBoxContainer {
        max-width: 1380px;
    }
}
.ProductBoxContainer {
    margin-top: 2rem;
}

.ProductBox a {
    color: #5CBF5E;
}
.productCategory {
    margin-bottom: 2rem;
}
.productCategory h3 {
    font-size: 1.3rem;
}
.productCategory .list-group {
    border-radius: 0;
}
.productCategory .list-group-item{
    border: none;
    border-top: 1px solid #e4e4e4;
}
.productCategory .active {
    background-color: #5CBF5E;
    border: 0;
}
.productCategory a {
    display: block;
    width: 100%;
    height: 100%;
}
.productCategory .active a {
    color: #ffffff;
}
.productListModule h3 {
    font-size: 1.3rem;
    line-height: 2rem;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1rem;
}
.productList .item {
    margin-bottom: 1.5rem;
}
.productList .item a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    overflow: hidden;
}
.productList a {
    text-decoration: none;
}
.productList a:hover {
    color: #1c7430;
}
.productList .img {
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    line-height: 100%;
}
.productList .img img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.productList h5 {
    margin: 0.5rem;
    line-height: 1.2rem;
    height: 3.65rem;
    text-align: center;
    font-size: 1rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.productDetail {
    padding-top: 1rem;
    margin-bottom: 2rem;
}
.productImgs {
    margin-bottom: 1rem;
}
.productImgs .swiper-button-prev, .productImgs .swiper-button-next {
    color: #5CBF5E;
}
.productImgs .swiper-button-next:after, .productImgs .swiper-button-prev:after {
    font-size: 1.5rem;
    font-weight: 600;
}
.productImgs .swiper-slide {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    text-align: center;
}
.productImgs .swiper-slide img {
    max-width: 100%;
}
.productInfo h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}
.productInfo h2 {
    font-size: 1.2rem;
}
.productInfo ul {
    padding-left: 1.2rem;
}
.productInfo ul li{
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: #6f6f6f;
}
.contactBut {
    color: #ffffff;
    background-color: #5CBF5E;
    margin-bottom: 1rem;
}
.btn.contactBut {
    color: #ffffff;
}
.contactBut:hover {
    background-color: #1c7430;
}
.contactBut.buyit {
    background-color: #fd9800;
    border: 1px solid #fd9800;
}
.contactBut.buyit:hover {
    background-color: #dd8602;
}
@media (min-width: 1200px){
    .productDetail {
        max-width: 1380px;
    }
}
.productDescriptionText {
    margin-top: 2rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #999;
    line-height: 2.5rem;
    font-weight: 600;
}
.productContent {

}
.productContent .col {
    overflow: hidden;
}
.productContent .col img {
    max-width: 100%;
}

@media (min-width: 1200px){
    .container.newsList {
        max-width: 1380px;
    }
}

.newsList .item .row{
    margin: 0rem 0 1rem 0;
    border: 1px solid #e4e4e4;
    padding: 1rem 0;
    border-radius: 6px;
}
.newsList .item .row img{
    max-width: 100%;
}

.newsList .item .row h1{
    font-size: 1.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
}
.newsList .item .newsSynopsis {
    color: #999999;
    font-size: 1rem;
    line-height: 1.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}
.newsList .item .newsTime {
    text-align: right;
    margin-top: 1.2rem;
    color: #999999;
    float: right;
}
@media (min-width: 768px){
    .newsList .item .row{
        min-height: 10.6rem;
        overflow: hidden;
    }
    .newsList .item .row .img{
        max-height: 8.5rem;
        overflow: hidden;
    }
}

.page-link:hover {
    color: #1c7430;
}
@media (min-width: 1200px){
    .container.newsInfoBox {
        max-width: 1380px;
    }
}
.newsInfoBox {
    margin-top: 1rem;
}
.newsInfoBox .l {
    border: 1px solid #e4e4e4;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.newsInfoBox .newsTitle {
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-top: 1rem;
    text-align: center;
}
.newsInfoBox .newsTime {
    font-size: 1rem;
    color: #999999;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0.6rem;
}
.newsInfoBox .newsInfo {
    padding-bottom: 1rem;
}
.newsInfoBox .newsInfo img {
    max-width: 100%;
}
.RightNewsList .RecommendT{
    border-bottom: 1px solid #999999;
    font-size: 1.2rem;
    line-height: 3rem;
    height: 3rem;
}
.RightNewsList ul{
    list-style: none;
    padding-left: 0;
}
.RightNewsList ul li{
    border-bottom: 1px solid #e4e4e4;
    line-height: 1.4rem;
    padding: 0.3rem 0;
}
.RightNewsList ul li a{
    color:#5CBF5E;
}
.RightNewsList ul li a:hover{
    color:#1c7430;
    text-decoration: none;
}
.otherNews {
    margin-top: 1rem;
}
.otherNews p {
    line-height: 1.3rem;
    margin-bottom: 0.5rem;
}
.otherNews p a{
    color: #5CBF5E;
}
.otherNews p a:hover{
    text-decoration: none;
}
@media (min-width: 1200px){
    .container.contactBox {
        max-width: 1380px;
    }
}
.contactBox .contactContent{
    margin-bottom: 1rem;
}
@media (min-width: 768px){
    .contactUsForm {
        border-left:2px solid #e4e4e4;
    }
}
.contactContent img {
    max-width: 100%;
}
.contactUsForm h2{
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 1rem;
}
.contactUsForm .req{
    color: red;
}
.contactUsForm .Message {
    min-height: 6rem;
}
.contactUsForm button {
    background-color: #5CBF5E;
    border: 1px solid #5CBF5E;
    padding: 0.5rem 2rem;
    margin: 0 auto;
    display: block;
    font-size: 1.2rem;
}
.contactUsForm button:hover {
    background-color: #1c7430;
    border: 1px solid #1c7430;
}
.pageBox {
    max-width: 1380px;
    margin: 0 auto;
}
.pageBox img{
    max-width: 100%;
}
.messageBox {
    max-width: 1380px;
    margin: 0rem auto;
    padding: 3rem 0;
    text-align: center;
}
.messageBox .msgSign i {
    font-size: 6rem;
}
.messageBox .msgSign .bi-check-circle {
    color: #5CBF5E;
}
.messageBox .msg {
    margin-top: 2rem;
    font-size: 1.4rem;
}
.messageBox .jump {
    margin-top: 1rem;
    font-size: 1rem;
    color: #999999;
}
.messageBox .jump a {
    font-weight: 600;
    text-decoration: underline;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #5CBF5E;
    border-color: #5CBF5E;
}

.popupBg {
    background-color: #ffffff;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    height: 10.5rem;
    position: fixed;
    border-top: 2px solid #e4e4e4;
    box-shadow: #0000001f 0px -2px 6px 0px;
    padding: 1rem;
    overflow: hidden;
    animation:popupAni 5s;
    -moz-animation:popupAni 5s; /* Firefox */
    -webkit-animation:popupAni 5s; /* Safari and Chrome */
    -o-animation:popupAni 5s; /* Opera */
}
@media (max-width: 767px) {
    .popupBg {
        height: 17.5rem;
    }
}
.popupBg .closeBut {
    position: absolute;
    right: 0.8rem;
    top: 0.6rem;
    cursor: pointer;
    z-index: 99;
}
.popupBg .closeBut i{
    background-position: -117px 0;
    width: 1.8rem;
    height: 1.8rem;
    display: block;
}
.popupContent {
    text-align: center;
    margin-bottom: 0.3rem;
}
.popupContent .t{
    text-align: center;
    padding: 0.5rem 0;
    color: #5CBF5E;
    font-size: 1.3rem;
}
.popupForm .form-group {
    margin-bottom: 0.55rem;
}
.popupForm {
    padding: 0 1rem;
}
.popupForm button {
    background-color: #5CBF5E;
    border: 1px solid #5CBF5E;
}
.popupForm button:hover {
    background-color: #1c7430;
    border: 1px solid #1c7430;
}

/** animation */
@keyframes popupAni
{
    0%   {bottom:-18rem;}
    80%  {bottom:-18rem;}
    100% {bottom:0rem;}
}

@-moz-keyframes popupAni /* Firefox */
{
    0%   {bottom:-18rem;}
    80%  {bottom:-18rem;}
    100% {bottom:0rem;}
}

@-webkit-keyframes popupAni /* Safari and Chrome */
{
    0%   {bottom:-18rem;}
    80%  {bottom:-18rem;}
    100% {bottom:0rem;}
}

@-o-keyframes popupAni /* Opera */
{
    0%   {bottom:-18rem;}
    80%  {bottom:-18rem;}
    100% {bottom:0rem;}
}

.friendlyBox {
    text-align: center;
    margin: 1rem;
}
.friendlyBox a {
    margin: 1rem;
    color: #b9b9b9;
}
.friendlyBox a:hover {
    text-decoration: none;
}

i.bi {
    background: url("../img/icons.png");
    display: inline-block;
}
.headerContact .bi-telephone-fill {
    background-position: 0 0;
    width: 23px;
    height: 23px;
    float: left;
}
.headerContact div {
    display: inline-block;
}
.headerContact .bi-envelope-at-fill {
    background-position: -22px 0;
    width: 23px;
    height: 23px;
    float: left;
}
.headerContact .email {
    margin-left: 5px;
}
#navbarSupportedContent .bi-search{
    width: 22px;
    height: 20px;
    background-position: -65px 0;
}
.footerHelp i{
    background-position: -46px 0;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px;
}
.footerMedia a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/icons.png");
    margin-right: 20px;
}
.footerMedia .fb {
    background-position: 0 -30px;
}
.footerMedia .tk {
    background-position: -132px -30px;
}
.footerMedia .ld {
    background-position: -44px -30px;
}
.footerMedia .in {
    background-position: -88px -30px;
}
.footerMedia .yt {
    background-position: -217px -30px;
}
.footerMedia .tw {
    background-position: -175px -30px;
    margin-right: 0;
}
.msgSign .bi-check-circle {
    background-position: 0 -73px;
    width: 101px;
    height: 101px;
}
.msgSign .bi-x-circle {
    background-position: -102px -73px;
    width: 101px;
    height: 101px;
}
.newsTime {
    position: relative;
}
.newsTime .bi-calendar-check{
    width:22px;
    height: 20px;
    background-position: -89px 0;
    position: absolute;
    top: 2px;
    left: -26px;
}

.videoBox .item {
    margin-bottom: 1rem;
}
.videoBox .item h1 {
    font-size: 1.4rem;
}
.videoIframeBox {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.videoIframeBox iframe{
    position: absolute;
    top: 0; left: 0; border: 0;
    width: 100%; height: 100%;
}

.isShopMenu {
    border: 1px solid #5a6268;
    font-weight: 600;
    border-radius: 4px;
}
#navbarSupportedContent .isShopMenu a {
    color: #aa1111;
}