@charset "utf-8";body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:13px;background-color:#fff;}
.mn-phai{
	float:left;
	margin:0 0 0 0;
	width:25%;
}
.baiviet{
	float:left;
	width:74%;
}
.bv img{
	float: left;
    width: 250px;
    margin: 20px 20px 0 0;
}
.ft_info tr{
color:#fff;
}
.bv h2{
	 float:left;
	 margin:20px 0 0 0;
}
bv h2 p{
	color:#999999;
	font-size:13px;
}
.the-article-tools {
	width: 43px;
	list-style: none;
	position: fixed;
	left: 0;
	background: #f7f7f7;
	z-index: 999;
	top: 40%;
}
.the-article-tools li.btnZalo {
	background: #018fe5;
}
.the-article-tools li {
	width: 43px;
	height: 43px;
	display: block;
	cursor: pointer;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}
.the-article-tools li a {
	color: #FFF;
	display: block;
	width: 100%;
	height: 100%;
}
.the-article-tools li.btnZalo .ti-zalo {
	background: url(../images/icon_zalomessage.png) no-repeat 50% 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 20px;
	vertical-align: middle;
	margin-right: 2px;
	position: relative;
	top: -2px;
}

.the-article-tools li a span {
	color: #fff;
}
.the-article-tools li.btnFacebook {
	background: #306199;
}
.the-article-tools li.btnphonecall{
	background: #1eaf8b;
}

.container{
	width:1200px;
	background-color:#fff;
	margin:0 auto;
}
.img-sp{
	width:168px;
	height:164px;
}
.img-new{
	width:100%;
	height:200px;
}
.input-group{
	border-radius:2px;
	width: 230px;
}
.topbar2_menu{
	display:none;
}
img{max-width:100%;margin:0 auto;}
a{color:#000;text-decoration:none}
.grid {
  padding: 0;
    margin: 6px auto;
    text-align: left;
    width: 1200px;
}
.view-123{
	float: right;width: 74%;
}
ul{padding:0;margin:0;list-style:none;
	
}
.details-product-custome{
	    text-align: center;
}
.details-product-custome a{
	text-align: center;
    background-color: #01a3ca;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}
.gird_left{
	width:75%;
	float:left;
	margin-left:10px;
}
.gird_right{
	width:24%;
	float:left;
}
#bacrum{
	margin-left:320px;
}
.breadcrumbs_xctda{
	margin-left:320px;
	font-size: 12px;
    padding: 7px 0;
    border-bottom: 1px solid #e9e9e9;
    color: #e9e9e9;
    background-color: #fff;
}
.topbar {
  background-color: #01a3ca;
  color: #333;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 100%;
  border-bottom:1px solid #1ccfbc;
}
.topbar2 {
  background-color: #fff;
  color: #333;
  margin: 0 auto;
  text-align: center;
  width: 1200px;
}
.topbar  .text-left{float:left}
.clear{clear:both}
.space_5{clear:both;height:5px}
.space_10{clear:both;height:10px}
.space_20{clear:both;}
.topbar  .text-left  li{
		/*border-right:1px solid #8a8989;*/
		display:inline-block;
		margin:3px;
	}
.topbar  .text-left  li a{color:#fff;font-size:90%;line-height:15px}
.topbar  .text-left  li a i{color:#fcff00;font-size:15px;margin-right:6px;margin-top:1px;float:left}
.topbar  .text-left  li:last-child{border:none}
.topbar .text-right {
  display: block;
  float: right;
}
.topbar ul.social li{height:17px;margin:0 -1px;padding:1px 9px;width:auto;border-right:1px solid #8a8989;display:inline-block}
.topbar .text-right  ul li a{color:#fcff00;line-height:15px;font-size:14px}
.topbar .text-right  ul li:last-child{border:none}
.site-logo{
	margin:0px;
	float:left
}
.site-logo_right {
  float: right;
  height: 110px;
  overflow: hidden;
  width: 173px;
  margin-bottom: 10px;
}
.site-logo_right img{
	width:100%;
	height:100%;
	
	}
.header-right-wrap {
  
}

.wpc-menu > li {
  /*background: #01a3ca none repeat scroll 0 0;*/
  /*border-right: 1px solid #fff;*/
  float: left;
  position: relative;
  transition: background 0.2s ease 0s;
  white-space: nowrap;
}
.slide-box, .bx-df-partner {
  margin-bottom: 10px;
 
  overflow: hidden;
  width: 100%;
}
.form_search{
	float: right;
    margin:30px auto;
}
.wpc-menu a {
  	color: #01a3ca;
    display: block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px -3px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    margin-left: 28px;
    margin-top: 40px;
}
.wpc-menu a:hover {
  color: #fab702;
}
.wpc-menu a:hover {
  color:#fab702;
}.wpc-menu li.selected {
  color:#066230;
}

div.title-df{background:linear-gradient(rgba(0,162,75,0.90),rgba(0,162,75,0.90)) repeat scroll 0 0%,rgba(0,0,0,0) url("../images/footer-bg.jpg");background:-webkit-linear-gradient(rgba(0,162,75,0.90),rgba(0,162,75,0.90)) repeat scroll 0 0%,rgba(0,0,0,0) url("../images/footer-bg.jpg");background-position:50% 40%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:40px 0;text-align:center;overflow:hidden}
div.title-df h2.left{margin-bottom:0;font-weight:bold;font-size:30px;color:#fff;display:inline-block;margin:0 auto;position:relative; text-transform:uppercase; margin-bottom:10px;}
div.title-df .grid { text-align:center;}
div.title-df  .rigt-df{padding-top:10px}
div.title-df  .rigt-df li{display:inline-block;padding:0 5px;}
div.title-df  .rigt-df li  a{    background-color: transparent;
    color: #fff;
    border: none;
    border-right: 1px solid #fff;
    font-size: 15px;
    margin: 0;
    padding: 0px 15px 0 3px;
    text-transform: capitalize;
    border-radius: 0;
    line-height: 15px;
}
div.title-df  .rigt-df li  a:hover{color:#fab702}
div.title-df  .rigt-df li:last-child a{border:none}
.box-df{overflow:hidden;padding:10px 0}
.sp-simpleportfolio-item{float:left;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:25%}
.sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper{position:relative;overflow:hidden}
.sp-simpleportfolio-item  .sp-simpleportfolio-img{display:block;max-width:100%;height:auto}
.sp-simpleportfolio-item   .sp-simpleportfolio-overlay{opacity:0;transition:opacity 400ms;-webkit-transition:opacity 400ms;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;padding:10px;background:rgba(0,0,0,0.5);color:#fff;z-index:2;background-color:#01a3ca}
.sp-simpleportfolio-item .sp-vertical-middle{height:100%;width:100%;display:table}
.sp-simpleportfolio-item .sp-vertical-middle > div{display:table-cell;vertical-align:middle}
.sp-simpleportfolio-item .sp-simpleportfolio-btns span.btn-view{display:inline-block;padding:7px 12px;margin:3px;font-size:12px;letter-spacing:2px;line-height:1;text-align:center;vertical-align:middle;cursor:pointer;background:transparent;color:#fff;border:1px solid #fff;border-radius:100px;text-decoration:none;text-transform:uppercase;opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transition:all 400ms;transition:all 400ms;border:1px solid #fff;border-radius:0}
.sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay{opacity:1}
.sp-simpleportfolio-item:hover .sp-simpleportfolio-btns span.btn-view{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.sp-simpleportfolio-item:hover .sp-vertical-middle .sp-simpleportfolio-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title{margin-top:10px;display:inline-block;font-size:14px;line-height:1;letter-spacing:1px}
.sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title{text-decoration:none;color:#fff}
h1.title{font-size:16px;color:#444444;text-transform:uppercase;margin-bottom:20px}

.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 5px;
  width: 33.333%;
}
.sp-simpleportfolio-item2 .sp-simpleportfolio-overlay-wrapper{position:relative;overflow:hidden}
.sp-simpleportfolio-item2  .sp-simpleportfolio-img{display:block;max-width:100%;height:auto}
.sp-simpleportfolio-item2   .sp-simpleportfolio-overlay{opacity:0;transition:opacity 400ms;-webkit-transition:opacity 400ms;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;padding:10px;background:rgba(0,0,0,0.5);color:#fff;z-index:2;/*background-color:#01a3ca*/}
.sp-simpleportfolio-item2 .sp-vertical-middle{height:100%;width:100%;display:table}
.sp-simpleportfolio-item2 .sp-vertical-middle > div{display:table-cell;vertical-align:middle}
.sp-simpleportfolio-item2 .sp-simpleportfolio-btns span.btn-view{display:inline-block;padding:7px 12px;margin:3px;font-size:12px;letter-spacing:2px;line-height:1;text-align:center;vertical-align:middle;cursor:pointer;background:transparent;color:#fff;border:1px solid #fff;border-radius:100px;text-decoration:none;text-transform:uppercase;opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transition:all 400ms;transition:all 400ms;border:1px solid #fff;border-radius:0}
.sp-simpleportfolio-item2:hover .sp-simpleportfolio-overlay{opacity:1}
.sp-simpleportfolio-item2:hover .sp-simpleportfolio-btns span.btn-view{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.sp-simpleportfolio-item2:hover .sp-vertical-middle .sp-simpleportfolio-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.sp-simpleportfolio-item2 .sp-vertical-middle > div .sp-simpleportfolio-title{margin-top:10px;display:inline-block;font-size:25px;line-height:1;letter-spacing:1px}
.sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title{text-decoration:none;color:#fff}
h1.title{font-size:16px;color:#444444;text-transform:uppercase;margin-bottom:20px}
.title-g {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 4px #ddd;
  clear: both;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  margin-bottom: 17px;
}
.title-g span {
  border: 1px solid #01a3ca;
  display: inline-block;
  padding: 8px;
}
.title-g span a{color:#01a3ca}

.item-news{width:100%;float:left;padding:0 10px;box-sizing:border-box;margin-bottom:20px}
.bx-df-news .item-news { width:100%;}
.item-news  .images{height:178px;overflow:hidden; position:relative;}
.item-news  h2{margin:5px  0;height:50px;overflow:hidden}
.item-news  h2 a{
	color:#333333;
	font-size: 15px;
    font-weight: bold;
	}
.item-news  h2 a:hover{color:#fab702}
.item-news .desc{line-height:1.5em;color:#777;margin-bottom:10px;font-size:14px;height:125px;overflow:hidden}
.item-news  a.view-more{text-transform:uppercase;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.3px;color:#01a3ca;display:block}
.item-news  a.view-more:hover{text-decoration:underline}
.item-news   .pop-link-icon {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    text-align: center;
	box-sizing:border-box;
    font-size: 18px;
    padding: 7px;
    line-height: 30px;
    display: inline-block;
    background: rgba(0,0,0,.7);
    color: #fff;
    position: absolute;
    margin-top: -25px;
    top: 50%;
    left: 50%;
    transform: scale(0,0);
    -ms-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
    z-index: 99;
    margin-left: -25px!important;
    text-align: center;
}
.page-entry-title{
	font-size:16px;
}
.desc_ct{
	line-height: 1.5em;
    color: #777;
    margin-bottom: 10px;
    font-size: 14px;
    height: 90px;
    overflow: hidden;
}
.item-news2{
	width: 22%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-left: 30px;
}
.bx-df-news .item-news2 { width:100%;}
.item-news2  .images{
	height:210px;overflow:hidden; position:relative;
}
.item-news2  h2{margin:5px  0;height:45px;overflow:hidden;text-align:center;}
.item-news2  h2 a{color:#333333;font-size:16px;font-weight:normal}
.item-news2  h2 a:hover{color:#fab702}
.item-news2 .desc{line-height:1.5em;color:#777;margin-bottom:10px;font-size:14px;height:60px;overflow:hidden;text-align:center;}
.item-news2  a.view-more{text-transform:uppercase;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.3px;color:#01a3ca;display:block;text-align:center;}
.item-news2  a.view-more:hover{text-decoration:underline}
.item-news2   .pop-link-icon {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    text-align: center;
	box-sizing:border-box;
    font-size: 18px;
    padding: 7px;
    line-height: 30px;
    display: inline-block;
    background: rgba(0,0,0,.7);
    color: #fff;
    position: absolute;
    margin-top: -25px;
    top: 50%;
    left: 50%;
    transform: scale(0,0);
    -ms-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
    z-index: 99;
    margin-left: -25px!important;
    text-align: center;
}
.post-tip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
}
.post-tip .bg {
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
}
.item-news .images:hover .post-tip { opacity:1;}
.item-news .images:hover .post-tip .pop-link-icon {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    background: rgba(0,0,0,1);
}
.item-news  .pop-link-icon i {
    font-size: 14px;
    color: #FFF;
    margin-top: 5px;
}
.footer {
  background-attachment: scroll, scroll;
  background-clip: border-box, border-box;
  background-color: #01a3ca;
  background-origin: padding-box, padding-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto auto, auto auto;
  color: #999;
  margin-top:25px;
 
}
.adddress{padding:15px 0;
}
.cpf{text-align:center;padding:10px 0; color:#fff;width:98%;}
.dropdown-menu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border-color: #01a3ca rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
  border-image: none;
  border-radius: 0;
  border-style: solid;
  border-width: 2px 1px 1px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: block !important;
  float: left;
  font-size: 14px;
  left: 0;
  list-style: outside none none;
  margin: 0;
  min-width: 262px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  transform: translate3d(0px, 30px, 0px);
  transition: all 0.3s ease-in-out 0s;
  visibility: hidden;
  z-index:1000;
}
.dropdown-menu li a {
  color: #34404e;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  max-width: 300px;
  overflow: hidden;
  padding: 0 0 0 0px;
  text-overflow: ellipsis;
  text-transform: capitalize;
  margin-top:5px;
}
.dropdown-menu li{
	border:1px solid #eee;
	}
.box_dmsp{
	width:100%;
	border:1px solid #ddd;	
}
.title_dm {
  background-color: #01a3ca;
  color: #fff;
  padding: 10px;
}
.title_dm a{
  color: #fff;
  font-size:16px;
  font-weight:600;
  text-transform:uppercase;
}
.box_dmsp ul li {
  color: #333;
  padding: 10px;
}
.box_dmsp ul li:hover{
  background-color: #3C760C;
  color: #fff;
  padding: 10px;
}
.box_dmsp li{
	list-style-type:none;
	
}
.box_dmsp li a:hover{
	color:#fff;
	
}
.box-content {
  border-bottom: 1px solid #ddd;
}
.wpc-menu{
	z-index:1000;
}
.wpc-menu li:hover ul.dropdown-menu{opacity:1;transform:none;-webkit-transform:none;z-index:1000;visibility:visible;transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.page-title-wrap{border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9;padding: 0;background:#f8f9f9;border-color:#e9e9e9;background-position:50% 40%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}
.page-title-wrap h1{font-weight:bold;text-transform:uppercase;font-size:35px}
.breadcrumbs{
	font-size: 12px;
    padding: 7px 0;
    border-bottom: 1px solid #e9e9e9;
    color: #e9e9e9;
    background-color: #fff;
}
.font_nhomchinh{
	font-size:14px;
	font-weight:700;
	color:#232425;http://171.244.17.27:4444/IMG_SKIN_HEADER
}
#crumbs{
	border-top: solid 1px #ddd;
    margin-bottom: 5px;
    margin-left: 5px;
    width: 74%;
    float: left;
}
.breadcrumbs a{text-decoration:none;color:#777777;font-weight:600;margin:0 5px}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color: #1ccfbc;background-color:#fff;background-image:none;border:1px solid #1ccfbc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:5px}
.col-md-6{width:50%;box-sizing:border-box;padding:0 10px;float:left;padding:20px 0}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;margin:10px  0}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
#btngui{background-color:#1c3254;color:#fff;border-radius:5px;padding:10px 15px;border:none;font-size:14px;font-weight:bold;display:block;cursor:pointer}
.lg0{width:100%;box-sizing:border-box;margin:20px 20px; background-color:#fff;}
.gallery-item{float:left;text-align:center;width:25%;margin-bottom:0;height:200px;overflow:hidden;margin:10px 0; box-sizing:border-box; padding:5px;}
.ls-image{
	width:100%;box-sizing:border-box;margin:20px 20px;text-align:center; background-color:#fff;
}
.content{padding:20px 0;clear:both}
.item-prod2{width:100%;float:left;box-sizing:border-box;padding:0 15px;margin:10px 0}
.item-prod2  .images{border:solid 1px #ccc;padding:2px;height:220px;overflow:hidden; transition: all 0.2s ease-out;}
.item-prod2  .images img {    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.2s ease-out;}
.item-prod2  .images img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all 0.2s ease-out;
}
.item-prod2  h2{text-align:center;margin:5px 0;height:50px}
.item-prod2  h2 a{font-size:13px;color:#01a3ca}
.item-prod2  h2 a:hover{text-decoration: underline;}

.item-prod{
	width: 99%;
    float: left;
    height: 230px;
    box-sizing: border-box;
    padding: 0 5px;
    margin: 10px 0;
    border: 1px solid #ccc;
}
.item-prod  .images{padding:2px;height:164px;overflow:hidden; transition: all 0.2s ease-out;margin:5px auto;}
.item-prod  .images img {    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.2s ease-out;}
.item-prod  .images img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all 0.2s ease-out;
}
.item-prod  h2{text-align:center;margin:5px 0;height:50px}
.item-prod  h2 a{font-size:13px}

.item-prod2{width:20%;float:left;box-sizing:border-box;padding:0 5px;margin:10px 0}
.item-prod2  .images{border:solid 1px #ccc;padding:2px;height:220px;overflow:hidden; transition: all 0.2s ease-out;}
.item-prod2  .images img {    transform: scale(1);
    -webkit-transform: scale(1);
	height:224px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.2s ease-out;}
.item-prod2  .images img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transition: all 0.2s ease-out;
}
.item-prod2  h2{text-align:center;margin:5px 0;height:50px}
.item-prod2  h2 a{font-size:13px}
.pagging{text-align:center;clear:both;padding:10px 0}
.pagging a{margin:0 2px;text-align:center;display:inline-block;width:32px;line-height:32px;border:1px solid #dcdcdc;background:#f3f3f3;color:#333333;font-size:14px;font-family:Arial}
.pagging a.current,.pagging a:hover{background:#01a3ca;font-weight:bold;color:#fff}
.box-images {
  float: left;
  margin-right: 25px;
  padding: 2px;
  width: 355px;
  z-index: 1;
}
#detail_img{
	border: 1px solid #eee;
}
.listprod_img {
  clear: both;
  margin-top: 5px;
  width: 100%;
}
.listbox_img {
  border: 1px solid #eee;
  float: left;
  height: auto;
  margin: 0 2px 0 3px;
  width: 63.6px;
}
.desc-info {
  float: left;
  padding-right: 20px;
  width: 480px;
}
.box_prohot{
	width:100%;
	
		
}
.item-prodhot {
  clear: both;
  width: 100%;
}
.images_hot{
	width:35%;
	padding:5px;
	float:left;
		
}
.content_hot {
  float: right;
  width: 57%;
}
.content_hot  h2 {
  font-size: 13px;
}

.desc-info  h1{font-size:20px;margin-top:0}
.desc-info  .price{font-size:14px;font-weight:bold}
.desc-info  .price  span{color:#F00}
.detail {
  clear: both;
  margin: 20px auto;
  padding-right: 20px;
}
.contentsp{padding:10px}

.detail ul li.active{
  background-color: #fff;
  color: #01a3ca;

  border:1px solid #01a3ca;
}
.detail ul {
  border: 1px solid #eee;
  height: 38px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.detail ul li{
	list-style-type::none;
	float:left;	
	
	display: inline-block;
 	font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fff;
  color: #01a3ca;
}
.detail ul li a{
	
  color: #01a3ca;
}
.menu-toogle{float:left;display:block;float:right;margin: 5px 10px;cursor:pointer;display:none}
.slidebarmenu { width:260px; position:fixed; left:-260px; top:0px; border:0px; background-color:#fff; height:100%; overflow-y: auto; z-index:101;}
ul.wpc-menu-monile{width:100%;clear:both;}
ul.wpc-menu-monile li{background:#FFFFFF;border-top:1px solid #e9e9e9;float:none!important;display:block!important;width:100%!important;position:relative}
ul.wpc-menu-monile li a{padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;zoom:1;font-family:"Montserrat",Helvetica,Arial,sans-serif;color:#777777;display:block}
ul.wpc-menu-monile   ul{display:none}
ul.wpc-menu-monile   ul li a{padding:12px 35px}
ul.wpc-menu>li>a.search-f{padding:35px 5px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.wpc-menu-monile li .nav-toggle-subarrow{display:block;color:#999999;font-weight:normal;position:absolute;top:0;right:0;cursor:pointer;text-align:center;padding:6px 20px 7px;z-index:10;font-size:22px}
.main-navigation {
  background-color: #01a3ca;
  float: left;
  width: 1200px;
}
.div_search_mobile {
	display:none;	
}
.div_search{
	float: right;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-top: 40px;
    margin-left: 55px;
}
.div_search .images {
  color: #262b30;
  cursor: pointer;
  float: right;
  font-size: 18px;
  margin-right: 10px;
  margin-top: 11px;
}
.gh-search{ width:0;overflow:hidden;margin-top:4px;}
.div_search .actives{width:170px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; border: solid 1px #1c3254; border-radius:10px;}
.gh-search-input-wrapper{background-color:transparent;padding:0;transition:background-color 0.4s cubic-bezier(0.645,0.045,0.355,1) 0s,padding 0.01s linear 0s;position:relative;background:#fff none repeat scroll 0 0;padding:0 30px;overflow:hidden;border-radius:4px}
.gh-search-input-wrapper .gh-search-input{border:medium none;box-shadow:none;cursor:pointer;font-size:12px;height:32px;line-height:0;margin-top:0;width:100%;color:#b3b2b2;cursor:text;line-height:18px;outline:none}
.gh-search-input-wrapper .gh-search-submit{box-shadow:none;cursor:pointer;left:5px;position:absolute;top:5px;transition:left 0.3s ease 0s;z-index:10;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNzc3Nzc3IiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OC02LjY0OS02LjY0OA0KCWMtMy42NjcsMC02LjY0OSwyLjk4MS02LjY0OSw2LjY0N2MwLDMuNjY3LDIuOTgyLDYuNjQ3LDYuNjQ5LDYuNjQ3YzEuMzkxLDAsMi42ODItMC40MzQsMy43NS0xLjE2NGw0LjgzNCw0LjgzNEwxNy42MzIsMTYuOTU1eg0KCSBNMi44MjQsNy42NjZjMC0yLjg2MiwyLjMzLTUuMTkxLDUuMTkyLTUuMTkxYzIuODY0LDAsNS4xOTIsMi4zMjksNS4xOTIsNS4xOTFjMCwyLjg2MS0yLjMyOCw1LjE5MS01LjE5Miw1LjE5MQ0KCUM1LjE1NCwxMi44NTUsMi44MjQsMTAuNTI3LDIuODI0LDcuNjY2eiIvPg0KPC9zdmc+DQo=");opacity:0.75;z-index:10;background-position:50% 50%;background-repeat:no-repeat;background-size:1.05556em 1.05556em;display:block;height:1.77778em;width:1.66667em;border:none;background-color:transparent}
.gh-search-input-wrapper .gh-search-submit .gh-text-replace{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}
.col-md-6  label { display:block; padding:10px 0 5px 0; color:#777; font-weight:bold;}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  z-index: 999;border-bottom: 2px solid #1ccfbc;
}
.mb_right_hotline {
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0;
    display: block;
    width: 100%;
    height: 50px;
    z-index: 1000;
    background-color: #fff;
    padding: 0;
    border-top: 1px solid #e3e3e3;
    color: #fff ;
    overflow: hidden;
	z-index: 900 ;
	display:none;
}
span.mb_bar {
    width: 100%;
    position: relative;
    display: block;
}
img.icon_bottom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	z-index: 0;
}
span.mb_bar ul {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
}
span.mb_bar li {
    width: 20%;
    float: left;
    min-height: 66px;
}
span.mb_bar li span {
    padding-top: 68px;
    display: block;
    color: #8b8b8b;
    width: 100%;
    text-align: center;
    font-size: 84%;
    cursor: pointer;
}
.overlay-open-menu {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
    display: none;

}
.wrapper-sticky {z-index:10;}
form[name=frmLang] { float:right;}
ul.social { float:left; margin-right:10px;
}
.slidenews.owl-theme .owl-controls .owl-buttons div.owl-prev {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  color: #ccc;
  font-size: 18px;
  height: 24px;
  left: inherit;
  opacity: 1;
  right: 38px;
  text-align: center;
  text-indent: 0;
  top: -14px;
  width: 24px;
}
.slidenews.owl-theme .owl-controls .owl-buttons div.owl-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  color: #333;
  font-size: 18px;
  height: 24px;
  margin-top: 2px;
  opacity: 1;
  right: 8px;
  text-align: center;
  text-indent: 0;
  top: -53px;
  width: 24px;
}
.slidenews.owl-theme .owl-controls .owl-buttons div i {
  color: #01a3ca;
  font-size: 15px;
}
.box_search {
  background-color: #fff;
  border: 1px solid #eee;
  float: right;
  margin-right: 12px;
  margin-top: 21px;
  width: 500px;
}
#select {
  float: left;
  width: 30%;
}
#search_box {
  float: right;
  height: 40px;
  position: relative;
  width: 65%;
}
#sanpham {
  border: medium none;
  margin-top: 11px;
  text-align: center;
  width: 100%;
}
#keyword { 
  border: medium none;
  height: 38px;
}
#btn_search {
  background-image: url("../images/timkiem2.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border: medium none;
  box-shadow: none;
  height: 25px;
  position: absolute;
  right: 9px;
  top: 8px;
  width: 25px;
}
.box_slide {
  padding: 0px 0 0;
  width: 100%;
}
#slogan {
  color: #f00;
  float: right;
  font-family: times new roman;
  font-size: 35px;
  font-weight: bold;
  margin: 7px 0 0 25px;
  text-align: center;
  text-transform: uppercase;
  width: 650px;
}

.title h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  width: 100%;
}

.image {
  float: left;
  margin: 10px auto;
  width: 88px;
}
.image img{
	width:100%;
	float:left;
	height:100%
	
}
 
.item_banner {
  float: left;
  padding: 5px;
  width: 383px;
}
.next {
  background-image: url("../images/right.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 7%;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 50%;
  width: 22px;
}
.prev {
  background-image: url("../images/left.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  left: 0;
  margin-top: 7%;
  opacity: 0.7;
  position: absolute;
  top: 50%;
  width: 25px;
}
.customNavigation {
  position: relative;
  width: 100%;
}
.ft_grid_moblie{
	display:none;	
}
.ft_grid {
    text-align: left;
    margin: 0 auto;
    background-color: #000;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 30px 0px;
  width: 25%;
}
.list-unstyled {
  border-bottom: 1px solid #01a3ca;
  color: #fff;
  list-style: outside none none;
  padding-left: 0;
  text-transform: capitalize;
  background-color:#01a3ca;
}


.ft_info ul li a {
	margin-bottom: 5px;
	line-height: 20px;
	font-weight: 300;
	color:#fff;
}
.footer .ft-info2 h3 {
  color: #ddd;
  font-size: 17px;
  margin: 0px 0px 15px;
  text-transform: uppercase;
}
.phanhoi_des {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
    padding: 0 30px;
    text-align: center;
}

.phanhoi_bachground
{
	 background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
}

.phanhoi_box 
{
    background-image: url("../images/bg_phanhoi.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    margin: 20px 0;
}

.phanhoi_item
{
	background-color:#FFF;
}

.phanhoi_item {
  background-color: #fff;
  border-radius: 7px;
  height: 220px;
  margin: 10px auto;
  position: relative;
  width: 85%;
}

.phanhoi_img
{
	position:absolute;
}

.phanhoi_img 
{
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(51, 51, 51, 0.5);
    left: -35px;
    position: absolute;
    top: 60px;
    width: 75px;
}

.phanhoi_hoten 
{
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 40px 0 15px 70px;
    text-transform: capitalize;
}

.phanhoi_congviec 
{
    color: #0000cc;
    font-size: 13px;
    font-style: italic;
    padding: 0 0 0px 70px;
    text-transform: capitalize;
}

.phanhoi_noidung 
{
    color: #666;
    font-size: 14px;
    height: 94px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 20px 10px 70px;
}
.phanhoi_info {
		height: auto;
		margin: auto;
		width: 100%;
	}
	.phanhoi_title {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		padding: 20px 0 10px;
		text-align: center;
		text-transform: uppercase;
	}
	.tab-crl{margin:0;padding:0;list-style:none}
.tab-crl li{float:left}
.title_mota{
	width:100%;
	border-bottom:1px solid #ddd;
		
}
.title_mota h6 {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.title_chiase {
  margin-top: 30px;
  width: 100%;
}
.title_chiase h6 {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.dm_right {
  float: right;
  margin-right: 2px;
  width: 100%;
  margin-bottom:30px;
}
.main-navigation2 {
  background-color: #01a3ca;
  float: left;
  width: 100%;
}
.banner_contact{
	width:100%;	
}
.cont-tabs{clear:both;padding:10px 5px} 
.cont-tabs p{margin:0 0 5px 0}
.slidenews.owl-theme .owl-controls .owl-buttons div:hover { border-color:#01a3ca; color:#000;}
@media screen and (max-width:1230px){.item-news .images{height:auto;}.grid{padding:0 15px}.item-prod .images{height:auto;text-align:center;}

.dm_right {
  float: right;
  margin-right: 30px;
  width: 47%;
}
.box_prohot {
  float: left;
  width: 47%;
}
.space_10 {
  height: 0;
  clear:none;
}
.ft_grid{display:none;}
.ft_grid_moblie{display:block;background-color:#000;text-align:center;padding:10px}
.list-unstyled {
  background: #fff none repeat scroll 0 0;
  color: #333;
  list-style: outside none none;
  padding-top: 1px;
  text-transform: capitalize;
}
.ft_grid_moblie h3 {
  color: #ddd;
  font-size: 13px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.ft_info_mb1 .ft_info_mb2 .ft_info_mb3 .ft_info_mb4{width:100%;}
.ft_info_mb2 .list-unstyled{
	color: #000;
    list-style: outside none none;
    padding-left: 0;
    text-transform: capitalize;}
.ft_info_mb2 ul li a {
  color: #000;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}
#all-categories a {
  background-color: #000;
  border-bottom: 1px solid #ddd;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#all-categories span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories2 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories2 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories3 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories3 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
.sp-simpleportfolio-item2 {
  display:none;
}
.main-navigation {
 
  display: none;
}
#slogan {
  color: #f00;
  font-family: times new roman;
  font-size: 25px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.site-logo {
  float: left;
  margin: 0;
  width: 100%;
}
.site-logo_right {
 display:none;
}
.div_search_mobile {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  float: left;
  margin-right: 5px;
}
.topbar .text-right ul.social {
  display:none;
}
form[name="frmLang"] {
  float: right;
  margin-top: 10px;
}
.topbar {
  background-color: #f8f8f8;
  border-bottom: 1px solid #333;
  color: #333;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 100%;
}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  width: 98%;
  z-index: 999;
}
.topbar2 {
  background-color: #f8f8f8;
  color: #333;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.box_search {
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  margin: 27px 3px;
  width: 58%;
}
.grid {
  margin: 0 3px;
  padding: 0;
}
.box_slide {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.hot_news {
  float: right;
  width: 100%;
  padding:0;
} 
.item_banner {
  float: left;
  padding: 5px;
  width: 32%;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 15px;
  width: 39%;
}
.box-images {
  margin-right: 25px;
  padding: 0;
  width: 99%;
}
.gird_left {
  float: left;
  width: 100%;
}
.item-prod {
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 98%;
}
.desc-info {
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  width: 100%;
}
.gird_right {
  float: right;
  width: 100%;
}
.item-prod2 {
  box-sizing: border-box;
  float: left;
  margin: 10px 0;
  padding: 0 5px;
  width: 50%;
}
.item-prod2 .images {
  border: 1px solid #ccc;
  height: auto;
  overflow: hidden;
  padding: 2px;
  transition: all 0.2s ease-out 0s;
}
.item-news2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 50%;
}
.item-news2 .images {
  height: 145px;
  overflow: hidden;
  position: relative;
}
.grid {
  margin: 0 4px;
  padding: 0;
}
.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  width: 50%;
}
}
@media screen and (max-width:900px){ul.wpc-menu{display:none}.menu-toogle{display:block}.mb_right_hotline  { display:block;}.li-left { display:none;}
.dm_right {
  float: right;
  margin-right: 30px;
  width: 47%;
}
.box_prohot {
  float: left;
  width: 47%;
}
.space_10 {
  height: 0;
  clear:none;
}
.ft_grid{display:none;}
.ft_grid_moblie{display:block;background-color:#000;text-align:center;padding:10px}
.list-unstyled {
  background: #fff none repeat scroll 0 0;
  color: #333;
  list-style: outside none none;
  padding-top: 1px;
  text-transform: capitalize;
}
.ft_grid_moblie h3 {
  color: #ddd;
  font-size: 13px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.ft_info_mb1 .ft_info_mb2 .ft_info_mb3 .ft_info_mb4{width:100%;}
.ft_info_mb2 .list-unstyled{
	color: #000;
    list-style: outside none none;
    padding-left: 0;
    text-transform: capitalize;}
.ft_info_mb2 ul li a {
  color: #999;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}
#all-categories a {
  background-color: #000;
  border-bottom: 1px solid #ddd;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#all-categories span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories2 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories2 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories3 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories3 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
.sp-simpleportfolio-item2 {
  display:none;
}
.main-navigation {
 
  display: none;
}
#slogan {
  color: #f00;
  font-family: times new roman;
  font-size: 25px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.site-logo {
  float: left;
  margin: 0;
  width: 100%;
}
.site-logo_right {
 display:none;
}
.div_search_mobile {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  float: left;
  margin-right: 5px;
}
.topbar .text-right ul.social {
  display:none;
}
form[name="frmLang"] {
  float: right;
  margin-top: 10px;
}
.topbar {
  background-color: #f8f8f8;
  border-bottom: 1px solid #333;
  color: #333;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 100%;
}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  width: 98%;
  z-index: 999;
}
.topbar2 {
  background-color: #f8f8f8;
  color: #333;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.box_search {
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  margin: 27px 3px;
  width: 58%;
}
.grid {
  margin: 0 3px;
  padding: 0;
}
.box_slide {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.hot_news {
  float: right;
  width: 100%;
  padding:0;
} 
.item_banner {
  float: left;
  padding: 5px;
  width: 32%;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 15px;
  width: 39%;
}
.box-images {
  margin-right: 25px;
  padding: 0;
  width: 99%;
}
.gird_left {
  float: left;
  width: 100%;
}
.item-prod {
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 98%;
}
.desc-info {
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  width: 100%;
}
.gird_right {
  float: right;
  width: 100%;
}
.item-prod2 {
  box-sizing: border-box;
  float: left;
  margin: 10px 0;
  padding: 0 5px;
  width: 50%;
}
.item-prod2 .images {
  border: 1px solid #ccc;
  height: auto;
  overflow: hidden;
  padding: 2px;
  transition: all 0.2s ease-out 0s;
}
.item-news2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 50%;
}
.item-news2 .images {
  height: 145px;
  overflow: hidden;
  position: relative;
}
.grid {
  margin: 0 4px;
  padding: 0;
}
.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  width: 50%;
}
}
@media screen and (max-width:800px){.item-prod{width:25%}.sp-simpleportfolio-item{width:50%}span.mb_bar li span {
    padding-top: 65px;
    display: block;
    color: #8b8b8b;
    width: 100%;
    text-align: center;
    font-size: 84%;
    cursor: pointer;
}

.dm_right {
  float: right;
  margin-right: 30px;
  width: 47%;
}
.box_prohot {
  float: left;
  width: 47%;
}
.space_10 {
  height: 0;
  clear:none;
}
.ft_grid{display:none;}
.ft_grid_moblie{display:block;background-color:#000;text-align:center;padding:10px}
.list-unstyled {
  background: #fff none repeat scroll 0 0;
  color: #333;
  list-style: outside none none;
  padding-top: 1px;
  text-transform: capitalize;
}
.ft_grid_moblie h3 {
  color: #fff;
  font-size: 13px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.ft_info_mb1 .ft_info_mb2 .ft_info_mb3 .ft_info_mb4{width:100%;}
.ft_info_mb2 .list-unstyled{
	color: #000;
    list-style: outside none none;
    padding-left: 0;
    text-transform: capitalize;}
.ft_info_mb2 ul li a {
  color: #999;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}
#all-categories a {
  background-color: #000;
  border-bottom: 1px solid #ddd;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#all-categories span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories2 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories2 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories3 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories3 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
.sp-simpleportfolio-item2 {
  display:none;
}
.main-navigation {
 
  display: none;
}
#slogan {
  color: #f00;
  font-family: times new roman;
  font-size: 25px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.site-logo {
  float: left;
  margin: 0;
  width: 100%;
}
.site-logo_right {
 display:none;
}
.div_search_mobile {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  float: left;
  margin-right: 5px;
}
.topbar .text-right ul.social {
  display:none;
}
form[name="frmLang"] {
  float: right;
  margin-top: 10px;
}
.topbar {
  background-color: #f8f8f8;
  border-bottom: 1px solid #333;
  color: #333;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 100%;
}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  width: 98%;
  z-index: 999;
}
.topbar2 {
  background-color: #f8f8f8;
  color: #333;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.box_search {
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  margin: 27px 3px;
  width: 58%;
}
.grid {
  margin: 0 3px;
  padding: 0;
}
.box_slide {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.hot_news {
  float: right;
  width: 100%;
  padding:0;
} 
.item_banner {
  float: left;
  padding: 5px;
  width: 32%;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 15px;
  width: 39%;
}
.box-images {
  margin-right: 25px;
  padding: 0;
  width: 99%;
}
.gird_left {
  float: left;
  width: 100%;
}
.item-prod {
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 98%;
}
.desc-info {
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  width: 100%;
}
.gird_right {
  float: right;
  width: 100%;
}
.item-prod2 {
  box-sizing: border-box;
  float: left;
  margin: 10px 0;
  padding: 0 5px;
  width: 50%;
}
.item-prod2 .images {
  border: 1px solid #ccc;
  height: auto;
  overflow: hidden;
  padding: 2px;
  transition: all 0.2s ease-out 0s;
}
.item-news2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 50%;
}
.item-news2 .images {
  height: 145px;
  overflow: hidden;
  position: relative;
}
.grid {
  margin: 0 4px;
  padding: 0;
}
.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  width: 50%;
}
.view-123{
	float: right;width: 100%;
}
@media screen and (max-width:700px){.item-prod{width:50%}.item-news{width:100%}.col-md-6{width:100%}span.mb_bar li span {
    padding-top: 54px;
    display: block;
    color: #8b8b8b;
    width: 100%;
    text-align: center;
    font-size: 84%;
    cursor: pointer;
}
.dm_right {
  float: right;
  margin-right: 30px;
  width: 47%;
}
.box_prohot {
  float: left;
  width: 47%;
}
.space_10 {
  height: 0;
  clear:none;
}
.ft_grid{display:none;}
.ft_grid_moblie{display:block;background-color:#000;text-align:center;padding:10px}
.list-unstyled {
  background: #fff none repeat scroll 0 0;
  color: #333;
  list-style: outside none none;
  padding-top: 1px;
  text-transform: capitalize;
}
.ft_grid_moblie h3 {
  color: #fff;g
  font-size: 13px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.ft_info_mb1 .ft_info_mb2 .ft_info_mb3 .ft_info_mb4{width:100%;}
.ft_info_mb2 .list-unstyled{
	color: #000;
    list-style: outside none none;
    padding-left: 0;
    text-transform: capitalize;}
.ft_info_mb2 ul li a {
  color: #000;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}
#all-categories a {
  background-color: #000;
  border-bottom: 1px solid #ddd;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#all-categories span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories2 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories2 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories3 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories3 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
.sp-simpleportfolio-item2 {
  display:none;
}
.main-navigation {
 
  display: none;
}
#slogan {
  color: #f00;
  font-family: times new roman;
  font-size: 25px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.site-logo {
  float: left;
  margin: 0;
  width: 100%;
}
.site-logo_right {
 display:none;
}
.div_search_mobile {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  float: left;
  margin-right: 5px;
}
.topbar .text-right ul.social {
  display:none;
}
form[name="frmLang"] {
  float: right;
  margin-top: 10px;
}
.topbar {
  background-color: #f8f8f8;
  border-bottom: 1px solid #333;
  color: #333;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 100%;
}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  width: 98%;
  z-index: 999;
}
.topbar2 {
  background-color: #f8f8f8;
  color: #333;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.box_search {
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  margin: 0 3px;
  width: 98%;
}
.grid {
  margin: 0 3px;
  padding: 0;
}
.box_slide {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.hot_news {
  float: right;
  width: 100%;
  padding:0;
} 
.item_banner {
  float: left;
  padding: 4px;
  width: 48%;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 15px;
  width: 39%;
}
.box-images {
  margin-right: 25px;
  padding: 0;
  width: 99%;
}
.gird_left {
  float: left;
  width: 100%;
}
.item-prod {
  width: 100%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 98%;
}
.desc-info {
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  width: 100%;
}
.gird_right {
  float: right;
  width: 100%;
}
.item-prod2 {
  box-sizing: border-box;
  float: left;
  margin: 10px 0;
  padding: 0 5px;
  width: 50%;
}
.item-prod2 .images {
  border: 1px solid #ccc;
  height: auto;
  overflow: hidden;
  padding: 2px;
  transition: all 0.2s ease-out 0s;
}
.item-news2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 50%;
}
.item-news2 .images {
  height: 145px;
  overflow: hidden;
  position: relative;
}
.grid {
  margin: 0 4px;
  padding: 0;
  width:100%;
}
.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  width: 50%;
}
}
@media screen and (max-width:500px){
#dau-cong{
	text-align:right;	
}
#cfacebook{
	display:none;
}
.site-logo-menu img{
	width:45%;
}
.text-right span img{
	margin: 0px 16px auto;
}
.topbar2_menu{
	display: block;
    float: left;
    text-align: center;
    margin: 0 75px auto;
}
#bacrum{
	margin-left: 4px;
}
.dm_right {
  float: right;
  margin-right:0px;
  width: 100%;
  display:none;
}
.box_prohot {
  float: left;
  width: 98%;
  display:none;
}
.space_10 {
  height:10px;
  clear:both;
}
.ft_grid{display:none;}
.ft_grid_moblie{display:block;background-color:#000;text-align:center;padding:10px}
.list-unstyled {
  background: #fff none repeat scroll 0 0;
  color: #333;
  list-style: outside none none;
  padding-top: 1px;
  text-transform: capitalize;
}
.ft_grid_moblie h3 {
  color: #fff;
  font-size: 13px;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.ft_info_mb2 ul li a {
  color: #333;
  font-weight: 300;
  line-height: 26px;
}
#all-categories a {
  background-color: #000;
  border-bottom: 1px solid #ddd;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#all-categories span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories2 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories2 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories3 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories3 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
.sp-simpleportfolio-item2 {
  display:none;
}
.main-navigation {
 
  display: none;
}
#slogan {
  color: #f00;
  font-family: times new roman;
  font-size: 25px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.site-logo {
  float: left;
  margin: 0;
  width: 30%;
  display:none;
}
.site-logo_right {
 display:none;
}
.div_search_mobile {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  float: left;
  margin-right: 5px;
}
.topbar .text-right ul.social {
  display:none;
}
form[name="frmLang"] {
  float: right;
  margin-top: 10px;
}
.topbar {
  background-color: #066230;
  border-bottom: 1px solid #333;
  color: #333;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}

span.mb_bar li span {
    padding-top: 30px;
    display: block;
    color: #8b8b8b;
    width: 100%;
    text-align: center;
    font-size: 84%;
    cursor: pointer;
}
.form_search {
    margin: 0px 15px auto;
    width: 100%;
    float: left;
}
.input-group{
	border-radius: 2px;
    width: 92%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 100%;
}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  width: 98%;
  z-index: 999;
}
.topbar2 {
  background-color: #f8f8f8;
  color: #333;
  margin: 5px 0px -5px -1px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.breadcrumbs {
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
    color: #e9e9e9;
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: -3px;
}
#crumbs {
    border-top: solid 1px #ddd;
    margin-bottom: 10px;
    margin-left: -3px;
    margin-top: -17px;
    width: 99%;
    float: left;
}
.box_slide {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.hot_news {
  float: right;
  width: 100%;
  padding:0;
} 
.item_banner {
  float: left;
  padding: 0;
  width: 100%;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 15px;
  width: 39%;
}
.box-images {
  margin-right: 25px;
  padding: 0;
  width: 85%;
}
.img-sp{
	width:168px;
	height: 130px;
}
.img-new{
	width: 100%;
    height: 150px;
}
.gird_left {
  float: left;
  width: 100%;
}
.item-prod {
    width: 97%;
    height: 210px;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 98%;
}
.desc-info {
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  width: 100%;
}
.gird_right {
  float: right;
  width: 100%;
}
.item-prod2 {
  box-sizing: border-box;
  float: left;
  margin: 10px 0;
  padding: 0 5px;
  width: 50%;
}
.item-prod2 .images {
  border: 1px solid #ccc;
  height: auto;
  overflow: hidden;
  padding: 2px;
  transition: all 0.2s ease-out 0s;
}
.item-news2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  padding: 0 0px;
  width: 41%;
}
.item-news2 .images {
  height: 145px;
  overflow: hidden;
  position: relative;
}

.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  width: 100%;
}
}
@media screen and (max-width:300px){.sp-simpleportfolio-item,.item-prod,.item-news{width:100%}
span.mb_bar li span {
    padding-top: 30px;
    display: block;
    color: #8b8b8b;
    width: 100%;
    text-align: center;
    font-size: 75%;
    cursor: pointer;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 100%;
}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  width: 98%;
  z-index: 999;
}
.topbar2 {
  background-color: #f8f8f8;
  color: #333;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.box_search {
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  margin: 0 3px;
  width: 97%;
}
.grid {
  margin: 0 3px;
  padding: 0;
}
.box_slide {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.hot_news {
  float: right;
  width: 100%;
  padding:0;
} 
.item_banner {
  float: left;
  padding: 0;
  width: 100%;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 15px;
  width: 39%;
}
.box-images {
  margin-right: 25px;
  padding: 0;
  width: 99%;
}
.gird_left {
  float: left;
  width: 100%;
}
.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  width: 100%;
}

}

@media screen and (max-width:350px){
#dau-cong{
	text-align:right;	
}
.site-logo-menu img{
	width:45%;
}
.text-right span img{
	margin: 0px 16px auto;
}
.topbar2_menu{
	display: block;
    float: left;
    text-align: center;
    margin: 0 35px auto;
}
.dm_right {
  float: right;
  margin-right:0px;
  width: 100%;
  display:none;
}
.box_prohot {
  float: left;
  width: 98%;
  display:none;
}
.space_10 {
  height:10px;
  clear:both;
}
.ft_grid{display:none;}
.ft_grid_moblie{display:block;background-color:#000;text-align:center;padding:10px}
.list-unstyled {
  background: #fff none repeat scroll 0 0;
  color: #333;
  list-style: outside none none;
  padding-top: 1px;
  text-transform: capitalize;
}
.ft_grid_moblie h3 {
  color: #fff;
  font-size: 13px;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.ft_info_mb2 ul li a {
  color: #333;
  font-weight: 300;
  line-height: 26px;
}
#all-categories a {
  background-color: #000;
  border-bottom: 1px solid #ddd;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#all-categories span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories2 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories2 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
#all-categories3 span {
  background-attachment: scroll;
  background-image: url("../images/rsow_2.png");
  background-position: 0 0;
  background-size: 15px 15px;
  display: inline-block;
  float: right;
  height: 15px;
  margin: 10px 10px 0 0;
  width: 15px;
}
#all-categories3 .arrow_down {
  background-image: url("../images/rsow_x.png");
}
.sp-simpleportfolio-item2 {
  display:none;
}
.main-navigation {
 
  display: none;
}
#slogan {
  color: #f00;
  font-family: times new roman;
  font-size: 25px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.site-logo {
  float: left;
  margin: 0;
  width: 30%;
  display:none;
}
.site-logo_right {
 display:none;
}
.div_search_mobile {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  float: left;
  margin-right: 5px;
}
.topbar .text-right ul.social {
  display:none;
}
form[name="frmLang"] {
  float: right;
  margin-top: 10px;
}
.topbar {
  background-color: #066230;
  border-bottom: 1px solid #333;
  color: #333;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}

span.mb_bar li span {
    padding-top: 30px;
    display: block;
    color: #8b8b8b;
    width: 100%;
    text-align: center;
    font-size: 84%;
    cursor: pointer;
}
.form_search {
    margin: 0px 15px auto;
    width: 100%;
    float: left;
}
.input-group{
	border-radius: 2px;
    width: 92%;
}
.container {
  background-color: #fbf9f9;
  margin: 0 auto;
  width: 100%;
}
.slidebar {
  background-color: #fff;
  margin: 0 auto;
  width: 98%;
  z-index: 999;
}
.topbar2 {
  background-color: #f8f8f8;
  color: #333;
  margin: 5px 0px -5px -1px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.breadcrumbs {
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
    color: #e9e9e9;
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: -3px;
}
#crumbs {
    border-top: solid 1px #ddd;
    margin-bottom: 10px;
    margin-left: -3px;
    margin-top: -17px;
    width: 99%;
    float: left;
}
.box_slide {
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
.hot_news {
  float: right;
  width: 100%;
  padding:0;
} 
.item_banner {
  float: left;
  padding: 0;
  width: 100%;
}
.ft_info {
  float: left;
  line-height: 25px;
  padding: 15px;
  width: 39%;
}
.box-images {
  margin-right: 25px;
  padding: 0;
  width: 85%;
}
.img-sp{
	width:168px;
	height: 130px;
}
.img-new{
	width: 100%;
    height: 150px;
}
.gird_left {
  float: left;
  width: 100%;
}
.item-prod {
    width: 97%;
    height: 210px;
}
.container {
  background-color: #fbf9f9;
    margin: 0 auto;
    width: 100%;
    height: 10px;
}
#bacrum{
	margin-left: 4px;
}
.desc-info {
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  width: 100%;
}
.gird_right {
  float: right;
  width: 100%;
}
.item-prod2 {
  box-sizing: border-box;
  float: left;
  margin: 10px 0;
  padding: 0 5px;
  width: 50%;
}
.item-prod2 .images {
  border: 1px solid #ccc;
  height: auto;
  overflow: hidden;
  padding: 2px;
  transition: all 0.2s ease-out 0s;
}
.item-news2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 50%;
}
.item-news2 .images {
  height: 145px;
  overflow: hidden;
  position: relative;
}

.sp-simpleportfolio-item2 {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding: 3px;
  width: 100%;
}
}