.about-i
{
	height:200px;
	margin-bottom:40px;
  width:1200px;
  margin:0 auto;
  position:relative;
  clear:both;
}
.about-i:before{
    content: '';
    background: #F40009;
    width: 31px;
    height: 36px;
    position: absolute;
    bottom: 9px;
    right: -7px;
    z-index: 1;
    background:url(../img/before.png)no-repeat top center;

}
.about-i:after{

     content: '';
    background: #F40009;
    width: 31px;
    height: 36px;
    position: absolute;  
    top: 67px;
    left: -7px;
    z-index: 0;
    background:url(../img/after.png)no-repeat top center;


}

.bgt img
{

}
.ten-gt
{
	height:58px;
  background:url(../img/title-ab.png)no-repeat bottom center;
  margin-bottom:12px;
}
.ten-gt h2{
  text-align:center;
  text-transform:uppercase;
}
.ten-gt a
{
	font-family:robotoCB;
	font-size:30px;
	color:#A11D21;
	text-decoration:none;
}
.img-gt
{
	float:left;
	width:190px;
	height:150px;
	border:2px solid #ccc;
	border-radius:3px;
}
.img-gt img
{
	width:100%;
	height:100%;
}
.mt-gt
{
	float:left;
	margin-left:10px;
	width:100%;
	text-align:center;
	font-family:robotoCR;
	font-size:18px;
}
.mt-gt p{
    line-height: 28px;
    max-width: 1125px;
    margin: 0 auto;
}
.view
{
	    width: 90px;
    height: 27px;
    float: right;
    border-radius: 10px;
    background: #00aeef;
    text-align: center;
    line-height: 28px;
}
.view a{text-decoration:none;color:#fff;}
/*---songthanh---*/
.banner-m{float: left;margin-top:35px;}
.emaill{text-align:center;font-family:robotoCR;font-size:18px;}
.support p{font-family:Times new roman !important;font-size:16px !important;color:#0000ff !important;/* margin-top:-20px; */}
.item-news{
 border-bottom: 1px dotted #e6e6e6;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+6,ffffff+100 *//* Old browsers *//* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ *//* W3C *//* IE6-9 */
 padding: 10px 0px;
}
.img-news{float:left;width: 70px;height: 60px;background: white;/* margin: 15px 3px; */margin-right: 5px;padding: 2px;border: 1px solid #ccc;}
.img-news img{width:100%;height:100%;}
.name-des{}
.name-news a{color:#383a38;font-size:13px;font-weight:bold;}
.des-news{color:#575555;font-size:13px;}
.xbx-content .bx-wrapper{max-width:100% !important;}
.box-items{
	width: 270px;
	height: 270px;
	background:#fff;
	float: left;
  margin-right:40px;
  position:relative;
  margin-bottom:10px;
   border:1px solid #ccc;
   margin-bottom:20px;
    position:relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#E0E0E0)";/*IE 8*/
    -moz-box-shadow: 3px 3px 0 rgba(224,224,224,0.6);/*FF 3.5+*/
    -webkit-box-shadow: 3px 3px 0 rgba(224,224,224,0.6);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 3px 3px 0 rgba(224,224,224,0.6);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#E0E0E0); /*IE 5.5-7*/

}
.box-items .images:before {
    background: url(../img/zoom.png) no-repeat center;
    display: block;
    position: absolute;
    height: 32px;
    width: 32px;
    content: "";
    top: calc(50% - 5px);
    left: calc(50% - 0px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    padding: 5px 25px 25px 8px;
    z-index: 99;
    transform: scale(0);
}
.box-items .images:hover:before {
    transform: scale(1);
}


.box-items .images {
    width: 100%;
    height: 200px;
    padding:10px 20px;
    position:relative;
   
}

.km
{
	padding-top:20px;
  position:absolute;
  z-index:99999999999999;
  top:0px;
  right:0px;
  width:50px;
  height:75px;
  background:url(../img/sale-slide.png)no-repeat top center;
  background-size:100% 100%;
  text-align:center;
}
.box-items .tool {
    margin-top: 1px;
    padding: 8px 0px;
    height:68px;
}

.box-items .images img {
    width: 100%;
    height: 194px;
}

.box-items:nth-child(4n) {
    margin-right: 0;
}
/* #product-wrap .box-items{width:210px;height:260px;border:1px solid #ccc;background:#fff;float:left;margin-left:15px;margin-bottom:15px;} */
.xbx-content .bx-wrapper .bx-viewport{padding:0 !important;}
.li.a1{margin-right:20px !important;}
.viewall{    position: absolute;top: 0px;right: 55px; z-index: 1;}
.viewall a{text-decoration:none;color: #019AD3;font-size: 13px;text-transform: none;font-family:Arial}
.ffff{padding:0;}