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

ul li{list-style:none}
.img-ab{width:250px;  margin-right:10px;}
@media(max-width:768px){
.img-ab{margin:auto;}	
}

@font-face{ 
font-family:"MyriadPro";
	src: url('../font/MyriadPro-Regular.eot'); 
	src: 
	url('../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), 
	url('../font/MyriadPro-Regular.woff') format('woff'),
	url('../font/MyriadPro-Regular.ttf') format('truetype'), 
	url('../font/MyriadPro-Regular.svg#webfont') format('svg'); 
}
@font-face{ 
font-family:"OpenSans-Regular";
	src: url('../font/OpenSans-Regular.eot'); 
	src: 
	url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), 
	url('../font/OpenSans-Regular.woff') format('woff'),
	url('../font/OpenSans-Regular.ttf') format('truetype'), 
	url('../font/OpenSans-Regular.svg#webfont') format('svg'); 
}

@font-face{ 
font-family:"OpenSans-Bold";
	src: url('../font/OpenSans-Bold.eot'); 
	src: 
	url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), 
	url('../font/OpenSans-Bold.woff') format('woff'),
	url('../font/OpenSans-Bold.ttf') format('truetype'), 
	url('../font/OpenSans-Bold.svg#webfont') format('svg'); 
}
.logo{float:left; margin-top:5px;}
.item-nav-right{float:right; width:800px;}
.lag{float:right; margin-top:15px;}

.item-sup{background:url(../images/bg_sl.png); width:820px; height:96px; float:left;margin-left:-20px; margin-top:6px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.item-sup{background:url(../images/bg_sl.png); width:820px; height:96px; float:left;margin-left:-20px; margin-top:6px;}
}
.support{float:left; width:100%}
.sup{float:right; margin-right:10px; margin-top:15px;}
.sup a{margin-left:10px;}
.hotline{float:right; width:180px; margin-right:10px; text-align:right}
.hotline img{float:left; margin-top:10px; margin-right:8px;}
.hotline span h3{color:#FFF; margin-top:12px; font-size:22px !important;}

.nav-butom{float:left; width:101%; margin-top:5px; }
.nav-butom ul{padding-left:0 !important}
.nav-butom ul li{float:left; list-style:none; background:url(../images/row_service.png) repeat-x;  height:40px; margin-right:10px; padding-left:10px; padding-top:10px; text-align:center;  padding-right:6px;margin-top:5px;}
.show-nav{background:url(../images/show_nav.png); height:40px; width:8px; float:left; margin-left:-9px; margin-right:5px }
.nav-butom ul li a{color:#333; text-transform:uppercase; font-family:OpenSans-Regular; font-size:11px; font-weight:bold}

.weblink-search{float:right; width:150px; margin-top:-2px;}
.search .txt_keyword{border:none; width:120px; float:left; height:20px; margin-left:10px; margin-bottom:2px;}
.search .btn_search{border:none; background:url(../images/search.png); width:20px; height:20px; float:right}
.select_weblink{font-size:11px !important; width:150px; border:none; padding:2px; }

.slider{float:left; width:100%; box-shadow:1px 1px 1px 1px #999999; padding:10px; margin-bottom:10px; }
.row-bg-service{float:left; background:url(../images/bg_service.png) no-repeat; height:300px; width:103%; margin-left:0px;}
.row-bg-about{background:url(../images/conten_butom1.png); margin-top:-19px; padding-top:30px; }

.title-service{text-align:center}
.title-service h1{font-size:20px; font-family:OpenSans-Regular; color:#000; font-weight:bold; margin-bottom:5px !important;}
.item-service{float:left; width:160px;text-align:center; text-transform:uppercase;margin:10px 10px 0px 25px; }
.row_service{float:left; width:160px; background:#FFF; padding:10px; }
.item-service a{color:#CCC; font-family:OpenSans-Regular}
.show_service{background:url(../images/show_sv.png) center; height:13px; width:100%; float:left;}

.title-about h3{color:#FFF; font-family:OpenSans-Regular; text-transform:uppercase; font-size:24px}
.bg_ab{background:url(../images/bg_ab.png); padding:8px; color:#FFF; float:left; width:70%; margin-bottom:6px;}
.ab img{float:left; margin-right:5px;}


.jcr_right{float:right; width:29%}
.bg_jcr{background:url(../images/bg_row_jcr.png); padding:15px 20px 15px 15px; margin-bottom:15px; }

.gallery{float:left; width:100%; background:#FFF; padding:5px 30px 5px 30px; margin-bottom:6px;}

.company{float:left; }
.stats{float:right; text-align:right}

.productbox {
	width:25%;
	background-color:#ffffff;
	padding:10px;
	margin-bottom:10px;
	-webkit-box-shadow: 0 8px 6px -6px  #999;
	-moz-box-shadow: 0 8px 6px -6px  #999;
	box-shadow: 0 8px 6px -6px #999;
	float:left;
}
.imgpro{
width:100%;
height:150px
}

.producttitle {
    font-weight:normal;
	padding:5px 0 5px 0;
	font-size:13px;
}
.producttitle a{
color:#000
}
.productprice {
	border-top:1px solid #dadada;
	padding-top:5px;
}

.pricetext {
	font-weight:bold;
	font-size:1.0em;
	padding-top:5px;
	color:#F00
}

.product-detail-left{float:left;  margin-bottom:10px; margin-left:10px; margin-right:10px;}
.product-detail-left img{border:3px solid #ddd; width:400px; }
.product-detail-left img:hover{border:3px solid #06C; cursor:pointer}
.product-info-right{float:left; width:50%;}
.product-info-right h4{font-size:14px; border-bottom:1px dotted #ddd; padding-bottom:5px;  }

fieldset{float:left; width:100%;  padding:10px;}
legend{ color:#000; font-weight:bold; text-transform:uppercase;  font-size:14px; padding:3px 10px 3px 0px; margin-bottom:5px; }
.img-news{width:100%; height:200px !important}

.project-left{float:left; margin-right:10px;}
.info-project{float:left}
.info-project h4{border-bottom:1px dotted #ddd; padding-bottom:5px; font-size:14px;}

.service{float:left; width:100%; margin-bottom:10px; border-bottom:1px dashed  #ddd;}
.service img{float:left; width:200px; margin-right:10px; height:150px; margin-bottom:10px;}



@media(max-width:1200px){
.logo{display:none}	
.item-nav-right{width:100%}
.item-sup{display:none}
.nav-butom{display:none}
.item-service{width:285px;}	
.row_service{width:285px;}
.nav > li > a{padding: 0px 25px}
}
@media(min-width:768px){
.phone{display:none !important}		
}
@media(max-width:768px){
.lag{float:right; width:100%; text-align:right; color:#FFF; margin-top:0px;}
.phone{float:left}
.page-header {background: url(../images/bg_top_mb1.png)}
.nav > li > a{border-right:none !important; padding-top:3px !important; padding-bottom:3px !important; font-family:OpenSans-Regular !important; text-transform:none !important; font-weight:normal !important}
.row-bg-service{background: #069; margin-left:0; width:100%; height:auto; text-align:center}	
.item-service{float:none; width:260px !important; margin:auto !important }
.row_service{float:none; width:260px !important; margin:auto}
.company{float:left; width:50% !important }
.stats{ width:50% !important; text-align:right !important}
.title-about h3{font-size:100%; text-align:center; font-weight:bold}
.bg_ab{width:100%; text-align:justify}
.ab img{float:none; margin:auto}
.jcr_right{display:none;}
.productbox{width:50%}
.imgpro{
	height:auto !important;
	min-height:100px !important;
	height:140px !important;
}
.product-info-right{width:100%; padding:10px;}
.pad-con{padding:10px}
.img-news{max-width:100%; height:auto !important}
.service img{max-width:100%; width:auto !important; height:auto; margin:auto !important; float:none}
.tit-service{float:left; width:100%; text-align:left}
}


@media(max-width:992px){	
.nav > li > a{padding: 0px 10px; border-right:0}	
.item-service{width:205px;}	
.row_service{width:205px;}
.company{width:50% !important }
.stats{width:50%}

}

.jumbotron {
background:#fff;
color: #000;
border-radius: 0px;
box-shadow:2px 5px 13px -2px #CCCCCC;
border-bottom:1px solid #CCC;
border-top:1px solid #ddd
}
.jumbotron-sm {
padding-top: 10px;
padding-bottom: 10px; }

.jumbotron small {
font-size: 12px;
}
.jumbotron small a{color:#333; padding-left:6px; padding-right:6px;}
.jumbotron h1{
	font-family:OpenSans-Bold;
	font-size:18px !important;
	font-weight:bold;
	margin-top:6px; margin-bottom:6px;
	color:#333 !important
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

div.page {
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 5px;
}
div.page div.paging {
	margin-top: 7px;
	padding-bottom: 5px;
	text-align: center;
}
div.page div.paging.paging span.current, .paging a {
	background: #ddd;
	margin-right: 5px;
	display: inline-block;
	padding: 0px 6px;
	color: #666;
}
div.page div.paging.paging span.current, .paging span {
	border: 1px solid #666;
	background: #26791F;
	color: #FFF;
}
div.page div.paging div.paging span.current, .paging a:hover {
	background-color: #CCC;
}
#dangxem {
	background: #009900;
	color: #fff;
	padding: 0px 6px;
}


.ma-brand-slider-contain {
	padding: 5px 0px;
}
.brand-slider .jcarousel-container {
	-moz-border-radius: 10px;
	background: #fff;
	border: 2px solid #000;
}
.brand-slider .jcarousel-container-horizontal {
	width: 900px;
	padding: 10px 0px;
	padding-left: 40px;
	margin: 0 auto;
	margin-top: 80px
}
.brand-slider .jcarousel-clip-horizontal {
	width: 960px;
	height: 300px;
}
.item-gallery{
 float:left;
 width:282px;
 margin-right:25px;
 margin-left:10px;	
}
.item-gallery img{margin-bottom:0px; width:282px; height:155px; max-width:100%; max-height:100%}
.item-gallery span{
text-transform:uppercase;
font-family:'MyriadPro'; font-size:13px;
font-weight:normal 	
}
.brand-slider .jcarousel-item {
	margin-right:6px;
	float: left;
	list-style: none outside none;
	text-align: center;
}
.brand-slider .jcarousel-item-horizontal {
	margin-right: 0px;
	position: relative;
}
.brand-slider .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.brand-slider .product-image {
	display: inline-block;
	margin: 0 0 8px;
}
/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
	background: url(../images/frist_gl.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 43px;
	left:-36px;
	position: absolute;
	top: 40%;
	width: 33px;
}
.ma-brand-slider .jcarousel-next-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-next-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-next-disabled-horizontal, .ma-brand-slider .jcarousel-next-disabled-horizontal:hover, .ma-brand-slider .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-horizontal {
	background: url(../images/next_gl.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 43px;
	right:-35px;
	position: absolute;
	top: 40%;
	width: 33px;
}
@media(max-width:768px){
	.ma-brand-slider .jcarousel-prev-horizontal {
	right:-30px;
	}
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-disabled-horizontal, .ma-brand-slider .jcarousel-prev-disabled-horizontal:hover, .ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
	position: relative;
}
.ma-brand-slider .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.ma-brand-slider .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.ma-brand-slider .jcarousel-next {
	z-index: 3;
	display: none;
}
.ma-brand-slider .jcarousel-prev {
	z-index: 3;
	display: none;
}

<!--begin parent -->
.ma-brand-slider-contains{
	padding: 5px 0px;
	width:950px !important;
}
.brand-slide .jcarousel-container {
	-moz-border-radius: 10px;
	background: #fff;
	border: 2px solid #000;
}
.brand-slide .jcarousel-container-horizontal {
	width: 900px;
	padding: 10px 0px;
	padding-left: 40px;
	margin: 0 auto;
	margin-top: 80px
}
.brand-slide .jcarousel-clip-horizontal {
	width: 960px;
	height: 300px;
}
.item-parent{
width:120px;
margin-top:6px;
margin-left:5px;
margin-bottom:3px;	
}
.item-parent img{
max-width:100%;
height:59px;
max-height:100%;	
}

.brand-slide .jcarousel-item {
	width:125px;
	margin-right:6px;
	float: left;
	list-style: none outside none;
	text-align: center;
}



.brand-slide .jcarousel-item-horizontal {
	margin-right: 0px;
	position: relative;
}
.brand-slide .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.brand-slide .product-image {
	display: inline-block;
	margin: 0 0 8px;
}
/**
 *  Horizontal Buttons
 */
.ma-brand-slide .jcarousel-next-horizontal {
	background: url(../images/frist_d.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 23px;
	left:-14px;
	position: absolute;
	top: 35%;
	width: 13px;
}
.ma-brand-slide .jcarousel-next-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slide .jcarousel-next-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slide .jcarousel-next-disabled-horizontal, .ma-brand-slide .jcarousel-next-disabled-horizontal:hover, .ma-brand-slide .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
.ma-brand-slide .jcarousel-prev-horizontal {
	background: url(../images/next_d.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 23px;
	right:-14px;
	position: absolute;
	top: 35%;
	width: 13px;
}
.ma-brand-slide .jcarousel-prev-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slide .jcarousel-prev-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slide .jcarousel-prev-disabled-horizontal, .ma-brand-slide .jcarousel-prev-disabled-horizontal:hover, .ma-brand-slide .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slide .jcarousel-container {
	position: relative;
}
.ma-brand-slide .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.ma-brand-slide .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.ma-brand-slide .jcarousel-next {
	z-index: 3;
	display: none;
}
.ma-brand-slide .jcarousel-prev {
	z-index: 3;
	display: none;
}

<!--begin chứng nhận -->
.ma-brand-slider-con{
	padding: 5px 0px;
	
}
.brand-slid .jcarousel-container {
	-moz-border-radius: 10px;
	background: #fff;
	border: 2px solid #000;
}
.brand-slid .jcarousel-container-horizontal {
	width: 900px;
	padding: 10px 0px;
	padding-left: 40px;
	margin: 0 auto;
	margin-top: 80px
}
.brand-slid .jcarousel-clip-horizontal {
	width: 960px;
	height: 300px;
}
.item-cn{
margin-bottom:0px;
max-width:100%;	
width:85px;

}
.item-cn img{
height:65px;
max-height:100%;	
}
.brand-slid .jcarousel-item {
	width:85px;
	float: left;
	list-style: none outside none;
	text-align: center;
	float:left
	
}
.brand-slid .jcarousel-item-horizontal {
	margin-right: 0px;
	position: relative;
}
.brand-slid .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.brand-slid .product-image {
	display: inline-block;
	margin: 0 0 8px;
}
/**
 *  Horizontal Buttons
 */
.ma-brand-slid .jcarousel-next-horizontal {
	background: url(../images/frist_cn.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 26px;
	left:-14px;
	position: absolute;
	top:35%;
	width: 13px;
}
.ma-brand-slid .jcarousel-next-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slid .jcarousel-next-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slid .jcarousel-next-disabled-horizontal, .ma-brand-slid .jcarousel-next-disabled-horizontal:hover, .ma-brand-slid .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
.ma-brand-slid .jcarousel-prev-horizontal {
	background: url(../images/next_cn.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 26px;
	right:-14px;
	position: absolute;
	top: 35%;
	width: 13px;
}
.ma-brand-slid .jcarousel-prev-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slid .jcarousel-prev-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slid .jcarousel-prev-disabled-horizontal, .ma-brand-slid .jcarousel-prev-disabled-horizontal:hover, .ma-brand-slid .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slid .jcarousel-container {
	position: relative;
}
.ma-brand-slid .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.ma-brand-slid .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.ma-brand-slid .jcarousel-next {
	z-index: 3;
	display: none;
}
.ma-brand-slid .jcarousel-prev {
	z-index: 3;
	display: none;
}