/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
ul{padding:0; margin:0; list-style:none;font-size: 18px;}
.clear{clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
a{ text-decoration:none;}
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{ width:1349px; margin:auto; position:relative; overflow-x:hidden;}
.header{ width:100%; position:relative;}
.banner{width:100%; display:block;}
.logo{width:364px; height:256px; background:url(images/light.png); text-align:center; padding-top:5px; position:absolute; top:0px; left:0px}
.logo img{width:147px;}
.tel{position:absolute; bottom:40px; right:0px; min-width:235px; height:45px; background:url(images/hotline.png) no-repeat left center; padding-left:40px; color:#e70000; font-size:17px; font-family: 'UTM-Alexander'; line-height:45px;}
.lang{position:absolute; top:15px; right:74.5px;}
.camket {float: right;padding-left: 8px;font-size: 18px;width: 100%;text-align:center;border: 1px solid #047328;color: black;border-radius: 25px;padding-bottom:10px;margin-bottom: 10px; }
.camket.ul{list-style:square;}
.block-gioi-thieu{font-size:32px; color:#047328; text-align:center; margin-bottom:30px; padding-bottom:32px; background:url(images/tt.png) no-repeat bottom center;}

.dat-hang {
    color: #fff;
    padding-top: 6px;
    font-size: 32px;
    margin-top: 30px;
    margin-right: 8px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-border-radius: 29px;
    background-color: #047328;
}
.chat{
    width:100%;
    padding-top:7px;
}
.chat1{
        float: left;
    width:46%;
}
.chat2{
    width:46%;
    float:right;
}

.header_top {
    height: 35px;
    width: 1349px;
    margin: auto;
    background: #f0f0f0;
}
.img_gioithieu {
    
    float: left;
      margin-right: 15px;
    border: 5px solid #82d400;
}
.desc_gioithieu {
    text-align: left;
    color:black;
    background: aliceblue;
    margin-top: 30px;
    font-size: 22px;
    float: right;
}
.bao-mat {
    padding: 5px 0;
    background: url(images/icon-bao-mat.png) no-repeat left center;
    padding-left: 25px;
}
.van-chuyen {
    padding: 5px 0;
    background: url(images/icon-giao-hang.png) no-repeat left center;
    padding-left: 25px;
}
.wap_menu{height:74px; background:url(images/menu.png) no-repeat; position
:absolute; bottom:-33px; padding:0 74.5px; left:0px; width:100%; z-index:999; }
.menu{ position:relative; margin:auto; width:1000px; float:right; height:42px; }
#smoothmenu1{}
.menu div>ul{ height:42px; }
.menu ul li{display:inline-block; padding-right:2px; background:url(images/line.png) no-repeat right center; height:42px; line-height:42px; float:left; }
.menu ul li a{ white-space:nowrap; font-weight:bold; color:#fff; font-size:14px; padding:0 20px; float:left; font-family: 'Roboto-Light'; display:inline-block;}
.menu ul li a i{ font-size:24px;}
.menu ul li:hover a{ color:#ff0;}
.menu ul li:hover li a{background:none;}
.active_m{ color:#ff0 !important;}
#search{position:absolute; top:8px; right:0px;}
#search input{width:213px; padding-left:20px; padding-right:50px; height:26px; background:url(images/input.png) no-repeat; border:none;}
#search img{position:absolute; top:3px; right:10px;}
/*------end menu--------*/
.slider{ width:100%; position:relative; height:525px;}
.slider::before{content:''; position:absolute; bottom:0px; left:0px; width:100%; height:10px; background:url(images/wave1.png) no-repeat top; z-index:9999;}
/*-----------end slider-------------*/
.main_content{width:1200px; margin:auto; padding:20px 0;}
.tieude-phai{font-size:32px; color:#047328; font-family: 'UTM Androgyne'; text-align:center; margin-bottom:30px; padding-bottom:32px; background:url(images/tt.png) no-repeat bottom center;}
.first_img{width:470px; float:left;}
.first_img img{width:470px; }
.first_info{width:650px; line-height:1.7; float:right; font-size:18px; font-family:tahoma;}
.first_info .name{ padding-bottom:5px; margin-bottom:15px; background:url(images/lin.png) no-repeat right bottom; position:relative;}
.first_info .name a{font-family: 'OpenSansSemiBold'; font-size:24px; color:#404040; text-transform:uppercase;}
.first_info .view {text-align:right; margin-top:20px; }
.first_info .view a{color:white;background:#047328; padding:13px 23px; border:#dbdbdb solid 1px; font-size:18px;  }
.first_info .view a:hover{color:#f00; }

.item1{width:279px; margin:auto;}
.item1 .item_content{ position:relative; padding-bottom:5px;}
.item1 .name{ padding-top:5px; text-align:center; position:relative;}
.item1 .name a{font-size:16px; color:#333333; font-family: 'OpenSansSemiBold';}
.item1 .name a:hover{color:#f00;}
.item1 img{ width:100%; border-radius:5px;  }
.item1 .box_item_img{position:relative; overflow:hidden;}

.item1 .run1{position:absolute; top:0px; left:0; width:100%; height:100%; border:4px rgba(255,255,255,0.5) solid; z-index:999; border-radius:5px}
.item1 .run2{position:absolute; top:0px; border-radius:5px left:0; width:100%; height:100%; transform:scale(3); opacity:0;}
.item1:hover .run2{ transform:scale(1); opacity:1; transition:all 0.3s;}

.item{width:279px; margin-right:28px; float:left; margin-bottom:20px;}
.item .item_content{ position:relative; padding-bottom:5px;}
.item .name{ padding-top:5px; text-align:center; position:relative;}
.item .name a{font-size:17px; color:#333333; font-family: 'OpenSansSemiBold';}
.item .name a:hover{color:#f00;}
.item img{ width:100%; border-radius:5px;  }
.item .box_item_img{position:relative; overflow:hidden;}
.item .run1{position:absolute; top:0px; left:0; width:100%; height:100%; border:4px rgba(255,255,255,0.5) solid; z-index:999; border-radius:5px}
.item .run2{position:absolute; top:0px; border-radius:5px left:0; width:100%; height:100%; transform:scale(3); opacity:0;}
.item:hover .run2{ transform:scale(1); opacity:1; transition:all 0.3s;}

.slider1{width:100%; height:400px; overflow:hidden; position:relative;}

.bottom{  width:1200px; margin:40px auto; }
.tieude-bottom{font-size:32px; color:#047328; font-family: 'UTM Androgyne'; text-align:center}
.tieude-bottom div{display:inline-block;background:#fff; padding:0 20px; margin-bottom:30px; position:relative;}
.tieude-bottom div::before{width:470px; height:14px; background:url(images/right.png) no-repeat; position:absolute; top:24px; left:100%; content:'';}
.tieude-bottom div::after{width:470px; height:14px; background:url(images/lef.png) no-repeat; position:absolute; top:24px; right:100%; content:'';}

.video-wrapper {position: relative; padding-bottom: 205px; height: 0; margin-bottom:0px;}
.video-wrapper iframe{width: 100%; left: 0; right: 0;	position: absolute;	height: 205px; border:none;}
#listVideo{height:20px;}

.footer{ width:1349px; background:url(images/ft.png) no-repeat; min-height:412px; margin:auto;}
.footer_content{width:1200px; margin:auto; padding-top:30px; min-height:412px;}
.noidung_footer{ width:400px; float:left; }
.ft_tt{font-family: 'UTM Androgyne'; color:#fff; font-size:24px; padding-left:20px; background:url(images/arr.png) no-repeat left center; margin-bottom:15px; text-transform:uppercase;}
.box_footer{ width:380px; height:292px; background:url(images/box.png); padding:10px; padding-bottom:0px;}
.name_comp{font-family: 'UTM-HelvetIns'; font-size:20px; color:#047328; text-align:center; margin-bottom:3px;}
.diachi_comp{padding:2px 0; background:url(images/1.png) no-repeat left center; padding-left:25px; margin-bottom:3px;}
.email_comp{padding:2px 0; background:url(images/3.png) no-repeat left center; padding-left:25px; margin-bottom:3px;}
.dienthoai_comp{padding:2px 0; background:url(images/2.png) no-repeat left center; padding-left:25px; margin-bottom:3px;}
.web_comp{padding:2px 0; background:url(images/4.png) no-repeat left center; padding-left:25px;}
.mxh{margin:0 20px; margin-top:12px;text-align: center; }
.mxh img{margin-left:5px;}
.news{padding:10px 0px 3px; border-bottom:2px solid #d8d8d8; color:#666; font-size:15px;}
.news img{float:left; width:70px; margin-right:10px; border-radius:50%;}
.news h3{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:14px;}
.news h3 a{color:red; font-size:16px; }
.chart{ border-top:1px solid #d8d8d8;}
.tktc{color:#5b5b5b; font-size:14px;font-family: 'UTM-Avo'; background:url(images/tk.png) no-repeat left center; padding:10px 0; padding-left:60px; width:185px; float:left; }
.tktc strong{color:#5b5b5b; font-family: 'Roboto-Bold';}
.icon_map{float:left;}
.copy{ width:100%; text-align:center; margin-top:10px; font-family:arial; font-size:12px; color:#fff;}
 
/*-----------phân trang---------------*/	
.phantrang{text-align:center; margin-bottom:10px;    margin-top: 30px;font-size: 18px;}
.phantrang a{ background: #fff; color:#000; padding: 2.5px 12px; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;}
.phantrang a:hover{	font-weight:bold; background:#f00; padding: 3px 12px; color:#ffffff;}
.phantrang span{ font-weight:bold; background:#f00; padding: 3px 12px; color:#ffffff;}
/*------------------------------------*/
.lh_cont{width:49%; float:left;}
.frm_lienhe{width:49%; float:right;}
.bando{width:100%;}
.lh-con-l{width: 30%;float: left;margin-bottom: 15px;font-size: 20px;}
.lh-con-r{width: 70%;float: left;margin-bottom: 15px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%; height:30px; border: 1px solid #e1e1e1;border-radius: 5px;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px; width: 100%;}


.zoom_slick{ width:49%; float:left;}
.product_info{ width:48%; float:right;}
.mota{color:#666; font-size:18px;}
.detail{font-size:16px;}
.price_detail{ font-size:25px; font-weight:bold; color:#000; border-top:1px #047328 solid; border-left:none; border-right:none; padding:14px 0px; margin:5px 0; line-height:30px;}
.price_detail span{float:left;}
.price_detail .masp{float:right; font-size:17px;}

.box_news{	padding:7px 0; border-bottom:1px dotted #A0A0A4; width:48%; float:left; margin:1%;}
.box_news h3 a{ font-size:18px; color:#0d934b;	font-weight:bold; margin-bottom:6px; transition:0.4s;}
.box_news:hover  h3 a{color:#F00;	transition:0.4s;}
.box_news a.chitiet{	color:#00F;}
.box_news a{	text-decoration:none;}
.box_news a img{  float:left;  margin:4px 15px 3px 0px; width:24%; height:auto; transition:1s; border:1px solid #BBB;}
.box_news a img:hover{opacity:0.4;	transition:1s;}




/*code mobi*/
.slicknav_menu {
    display: none;
}
@media (min-width:768px) and (max-width:1024px){
    div#wapper {
    width: 100%;
}
.logo {
    width: 30%;
    float: left;
    height: initial;
}
.wap_menu {
    position: absolute;
    bottom: -33px;
    padding: 0 74.5px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background-color: #32b443;
    background-image: none;
    height: initial;
}
.logo img {
    max-width: 70px;
}
.logo {
    width: 26%;
    float: left;
    height: initial;
    background: none;
}
.lang {
    position: absolute;
    top: 42px;
    right: 20px;
}
.menu {
    width: inherit;
}
.menu ul li a {
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    padding: 0 8px;
    float: left;
    font-family: 'Roboto-Light';
    display: inline-block;
}
.slider {
    height: inherit;
}
.slider-for.slick-initialized.slick-slider {
    width: 100% !IMPORTANT;
}
.first_img {
    width: 50%;
}
.first_info {
    width: 50%;
}
.item1 {
    width: 100%;
}
.slick-slide img {
    width: 100%;
}
.main_content {
    width: 100%;
}
.slider1 {
    height: auto;
}
.bottom {
    width: 100%;
}
.item {
    width: 48%;
    margin: 1%;
}
.footer {
    width: 100%;
}
.footer {
    width: 100%;
    background-color: #097a2e;
}
img {
    max-width: 100%;
    max-height: auto !important;
    height: auto !important;
}
.footer_content {
    width: 100%;
}
.noidung_footer {
    width: 48%;
}
.noidung_footer {
    margin: 1% !important;
}
.wap_menu {
    padding: 0;
}
.slider-nav.slick-initialized.slick-slider {
    height: auto !important;margin-bottom:0;
}

}

/*code mobi*/
.slicknav_menu {
    display: none;
}
@media (max-width:767px){
    div#wapper {
    width: 100%;
}
.logo {
    width: 30%;
    float: left;
    height: initial;
}
.wap_menu {
    position: absolute;
    bottom: -33px;
    padding: 0 74.5px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background-color: #32b443;
    background-image: none;
    height: initial;
}
.logo img {
    max-width: 110px;
    margin-left: 10px;
}
.logo {
    width: 26%;
    float: left;
    height: initial;
    background: none;
}
.lang {
    position: absolute;
    top: 42px;
    right: 20px;
}
.menu {
    width: inherit;
}
.menu ul li a {
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    padding: 0 8px;
    float: left;
    font-family: 'Roboto-Light';
    display: inline-block;
}
.slider {
    height: inherit;
}
.slider-for.slick-initialized.slick-slider {
    width: 100% !IMPORTANT;
}
.first_img {
    width: 100%;
}
.first_info {
    width: 100%;
}
.item1 {
    width: 100%;
}
.slick-slide img {
    width: 100%;
}
.main_content {
    width: 100%;
}
.slider1 {
    height: auto;
}
.bottom {
    width: 100%;
}
.item {
    width: 48%;
    margin: 1%;
}
.footer {
    width: 100%;
}
.footer {
    width: 100%;
    background-color: #097a2e;
}
img {
    max-width: 100%;
    max-height: auto !important;
    height: auto !important;
        padding-right: 8px;
}
.footer_content {
    width: 100%;
}
.noidung_footer {
    width: 48%;
}
.noidung_footer {
    margin: 1% !important;
}
.wap_menu {
    padding: 0;
}
.slider-nav.slick-initialized.slick-slider {
    height: auto !important;margin-bottom:0;
}
.wap_menu {
    display: none;
}
.logo {
    position: inherit;
}
.tel {
    top: 0;
    background: none;
}
.header {
    width: 100%;
    position: relative;
    
}
.tel {
    top: 35px;
    background: none;
    text-transform: uppercase;
    font-size: 13px;
}
.slicknav_menu {
    display: block;
    position: absolute;
    right: 0;
    z-index: 9999;
    background: none !important;
    top: 27px;
    border-radius: 0;
}
.slicknav_menu a.slicknav_btn {
    background: #2f881a;
    border-radius: 0;
}
.tieude-phai {
    font-size: 20px;
}
.lang {
    position: absolute;
    top: 10px;
    right: 58px;
}
.slicknav_nav {
    background: #4e4e4e;
    color: #333;
    width: 100%;
    left: 0;
}
.noidung_footer {
    width: 98%;
    border-radius: 8px;
    overflow: hidden;
}
.mxh span {
    display: inline-block;
    width: 100%;
}
.main_content .content {
    padding: 0 5px;
}
.noidung_footer {
    width: 98%;
    border-radius: 10px;
    overflow: hidden;
}
.zoom_slick {
    width: 100%;
}
div#zoom-fig {
    width: 100% ;
}
.slick-track {
}
.tieude-phai {
    margin-bottom: 0;
}
ul.product_info {
    width: 100%;
    padding: 0 8px;
}
.box_footer {
    width: 100%;
}
iframe {
    max-width: 100%;
    height: auto;
}
.mxh a img {
    max-width: 100%;
    width: 30px;
}
.mxh a {
    
    width: 50px;
}
.box_footer {
    height: auto;
    width: 100%;
}
.item_content {
    min-height: 58px;
}
.item1 .name a {
    font-size: 12px;
}
.box_news {
    display: inline-block;
    width: 100%;
}
img.banner {
    display: none;
}
.icon_map {
    float: none;
    margin: auto;
    display: block;
}
}



@media (min-width:1200px){
    #search {
    right: 15px;
}
    .lang {
    top: 115px;
    z-index: 99999;
    right: 0;
}
    
}