*, h2, p, ul {
    margin: 0;
    padding: 0;
}
body {
    color: #2b2b2b;
    font: 13px/20px tahoma;
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
}
a, a:hover {
    text-decoration: none;
}
img {
    border: medium none;
}
ul, li {
    list-style: outside none none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix {
    display: block;
    width: 100%;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}
.header {
    background: #fff ;
    float: left;
    width: 100%;
}
.logo {
    float: left;
    margin: 15px 0;
    width: 100%;
}
.header .logo img {
    max-width: 100%;
}
.header .support {
    background: #2c2c2c ;
    color: #fff;
    float: left;
    padding: 10px;
    width: 100%;
}
.header .support .contact, .header .support .contact a {
    color: #fff;
    font-size: 17px;
}
.header .support .contact i {
    margin-right: 5px;
}
.header .support .contact .call {
    border-right: 1px solid #000;
    float: left;
    margin-right: 20px;
    padding-right: 20px;
}
.social_header a {
    color: #fff;
    font-size: 20px;
    margin-left: 30px;
}
.social_header a:hover {
    color: #e3efd0;
}
.navbar-default {
    background: rgba(0, 0, 0, 0) ;
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.navbar {
    border-radius: 0;
    min-height: auto;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.menu {
    float: left;
    margin: 15px 0 0;
    width: 100%;
}
.menu li a {
    color: #4b4b4b !important;
    font: 17px/40px "Roboto Condensed";
    padding: 0 17px;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out 0s;
}
.menu li a:hover, .menu li a:focus, .menu li a:active, .menu li.active a {
    color: #02628a !important;
}
.slider {
    border-top: 4px solid #575755;
    float: left;
    width: 100%;
}
.slider img {
    max-height: 450px;
    width: 100%;
}
.content h2 {
    border-bottom: 1px solid #202020;
    color: #202020;
    float: left;
    font: 500 24px "Roboto";
    margin: 30px 0;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.content h2 a {
    color: #202020;
    float: left;
}
.content h2 a:hover {
    color: #000;
}
.content h2 .viewmore {
    bottom: 5px;
    color: #202020;
    font: 500 12px "Roboto";
    position: absolute;
    right: 0;
}
.content h2 .viewmore:hover {
    border-bottom: medium none;
    color: #000;
}
.introduce {
    float: left;
    text-align: center;
    width: 100%;
}

.introduce img {
    max-width: 100%;
}
.introduce .img {
    float: left;
}
.introduce .img img {
    border: 1px solid #cacaca;
    padding: 5px;
}
.introduce .cnt {
    text-align: left;
}
.introduce .cnt p {
    margin: 7px 0;
}
.th-gt {
    background: #202020 ;
    float: left;
    margin: 0 15px;
}
.gt-cty {
    background: #cf5d0e ;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}
.gt-anh {
    float: left;
    text-align: left;
    width: 60%;
	
}
.gt {
    background: #202020 ;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 30px;
    padding: 40px 40px 0;
    text-align: justify;
    width: 40%;
}
.gt a
{
color:#fff;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
float:left;
width: 100%;	
}
.gt-text {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.gt-button {
    background: #813501 ;
    color: #fff;
    float: left;
    padding: 10px 20px;
}
.gt-button:hover {
    background: #642901 ;
    color: #fff;
    float: left;
    padding: 10px 20px;
}
.cc-tit {
    background: #f0f0f0 ;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}
.kc {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 30px;
}
.phantrang {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.gt-detail {
    float: left;
    margin-top: 30px;
    padding: 20px;
    text-align: justify;
    width: 100%;
}
.service, .service2, .service3 {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}
.service .ar a {
    background: #fff ;
    border: 1px solid #d1d1d1;
    color: #535351;
    font-size: 30px;
    padding: 10px;
    position: absolute;
    top: 45%;
}
.service .ar a:hover {
    background: #1b95e0 ;
    color: #fff;
}
.service .ar1 {
    left: 0;
}
.service .ar2 {
    right: 0;
}
.service li {
    float: left;
    margin: 0 1%;
    width: 31%;
}
.service li img {
    height: 196px;
    margin-bottom: 10px;
    width: 100%;
}
.service li .title {
}
.service li .title a {
    color: #535353;
    font: 500 16px "Roboto";
}
.service li a:hover {
    color: #1b95e0;
}
.service li p {
    margin: 5px 0;
}
.add {
    float: right;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 100%;
}
.xthem {
    background: #1b7aa1 ;
    color: #fff;
    float: right;
    padding: 10px 20px;
}
.xthem:hover {
    background: #02628a ;
    color: #fff;
    float: right;
    padding: 10px 20px;
}
.cc {
    float: left;
    margin-bottom: 40px;
}
.more {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #535353;
    float: left;
    font: 500 14px "Roboto";
    margin-top: 10px;
    padding: 3px 10px;
}
.more:hover {
    background: #eee ;
}
.service1 .img {
    text-align: center;
}
.service1 .img img {
    border: 1px solid #cacaca;
    margin-bottom: 5px;
    max-width: 100%;
    padding: 5px;
    text-align: center;
}
.service2 .img {
    float: left;
    width: 46%;
}
.service2 .cnt {
    float: right;
    width: 50%;
}
.service2 .img img {
    border: 1px solid #cacaca;
    margin-bottom: 5px;
    padding: 5px;
    width: 100%;
}
.service2 .cnt a {
    color: #535353;
    font: 500 16px "Roboto";
    text-transform: uppercase;
}
.service2 .cnt a:hover {
    color: #cf5d0e;
}
.service2 .cnt p {
    margin: 5px 0;
}
.service3 .img, .service3 .cnt {
    color: #fff;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.service3 .cnt {
    box-sizing: border-box;
    height: 140px;
    overflow: hidden;
    padding: 20px;
}
.product-img img
{
 margin-bottom: 5px;
 padding: 0px;
 width: 100%;	
 text-align:center;
 max-height:120px;
}
.service3 .img img {
    margin-bottom: 5px;
    max-height: 116px;
    max-width: 196px;
    padding: 5px;
    width: 100%;
}
.service3 .img img:hover {
    border: 1px solid #fff;
    margin-bottom: 5px;
    max-height: 116px;
    max-width: 196px;
    padding: 5px;
    width: 100%;
}
.service3 .cnt a {
    color: #fff;
    font: 500 16px "Roboto";
    text-transform: uppercase;
}
.service3 .cnt a:hover {
    color: #edecec;
}
.service3 .cnt p {
    margin: 5px 0;
}
.project {
    float: left;
    width: 100%;
}
.project li {
    float: left;
    margin: 0;
    width: 33.3%;
}
.project li img {
    border: 1px solid #e0e2cf;
    margin-bottom: 0;
    max-height: 246px;
    padding: 0;
    width: 100%;
}
.project li img:hover {
    border: 1px solid #fff;
}
.project li p {
    height: 22px;
    overflow: hidden;
}
.project li a {
    color: #535353;
    font: 500 16px "Roboto";
    text-transform: uppercase;
}
.project li a:hover {
    color: #1b95e0;
}
.news {
    float: left;
    width: 100%;
}
.news li {
    float: left;
    margin: 0 2%;
    width: 29%;
}
.news li img {
    float: left;
    height: 165px;
    margin-bottom: 10px;
    margin-right: 25px;
	width:50%;
  
}
.news li .title {
}
.news li .title a {
    color: #535353;
    font: 500 16px "Roboto";
}
.news li a:hover {
    color: #000;
}
.news li p {
    margin: 5px 0;
}
.news .more {
    background: #b5b4b4 ;
    color: #fff;
    float: left;
    font: 500 14px "Roboto";
    margin-top: 10px;
    padding: 3px 10px;
}
.partner {
    float: left;
    width: 100%;
}
.partner ul {
    border: 1px solid #e8e8e8;
    float: left;
    padding: 10px 0;
    width: 100%;
}
.partner li {
    float: left;
    text-align: center;
    width: 16%;
}
.partner li img {
    max-height: 70px;
    max-width: 100%;
}
.footer {
    float: left;
    margin: 40px 0 0;
    padding: 15px 0;
    width: 100%;
}
.footer p {
    margin: 5px 0;
}
.ft1 {
    border-top: 4px solid #202020;
    color: #1b7aa1;
}
.sitemap {
    background: #eaeaea ;
    border-radius: 5px;
    color: #4b4b4b;
    font: 700 14px tahoma;
    margin: 15px 0;
    padding: 10px;
}
.sitemap span i {
    color: #4b4b4b;
    margin: 0 5px;
}
.sitemap a {
    color: #0863ca;
}
.list_page li {
    border-bottom: 1px dotted #cecece;
    float: left;
    padding: 10px 0;
    width: 100%;
}
.list_page li img {
    border: 1px solid #dcdcdc;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
}
.list_page li .title {
    color: #0863ca;
    font: 700 14px tahoma;
}
.list_page li p {
    color: #474747;
    font: 12px tahoma;
    margin: 7px 0;
}
.list_page li .viewmore {
    color: #064892;
    font: 12px tahoma;
}
.list_page li a:hover {
    text-decoration: underline;
}
.colright {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #e6e6e6 #e6e6e6;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 0px 0px;
    float: left;
    margin: 15px 0;
    width: 100%;
}
.colright h3 {
    background: rgba(0, 0, 0, 0) url("images/bg_title_right.jpg") repeat-x scroll center top;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    float: left;
    height: 30px;
    margin: 0;
    width: 100%;
}
.colright h3 span {
    background: rgba(0, 0, 0, 0) url("images/ico_right.jpg") no-repeat scroll left center;
    color: #525252;
    float: left;
    font: 700 13px/30px tahoma;
    margin-left: 20px;
    padding-left: 20px;
    text-transform: uppercase;
}
.colright .box {
    float: left;
    padding: 15px 10px;
    width: 100%;
}
.search {
    float: left;
    width: 100%;
}
.search button {
    background: #0863ca ;
    color: #fff;
}
.news_right ul {
    padding: 0 10px;
}
.news_right li {
    border-bottom: 1px dotted #1768bb;
    float: left;
    padding: 5px 0;
    width: 100%;
}
.news_right li::before {
    color: #494949;
    content: "";
    font: 15px "FontAwesome";
    margin-right: 5px;
}
.news_right li a {
    color: #1768bb;
    font: 12px tahoma;
}
.news_right li a:hover {
    text-decoration: underline;
}
.news_right p {
    font-weight: bold;
    padding: 10px;
    text-align: right;
}
.support_right {
}
.support_right p {
    border-bottom: 1px dotted #b2b2b2;
    float: left;
    padding: 7px 0;
    width: 100%;
}
.support_right .phone {
    background: rgba(0, 0, 0, 0) url("images/ico_phone.png") no-repeat scroll left center;
    color: #525252;
    font: 18px tahoma;
    padding-left: 30px;
}
.support_right .chat span {
    float: left;
    width: 50%;
}
.support_right .email {
    background:url("images/ico_email.png") no-repeat left center;
    float: left;
    height: 22px;
    padding-left: 25px;
}
.detail_page h3 {
    color: #0863ca;
    font-size: 20px;
}
.detail_page p {

    margin: 10px 0;
}
.detail_page .img {
    text-align: center;
}
.gt-anh-detail {
    text-align: center;
}
.detail_page img {
    max-width: 100%;
}
.comment_fb {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.fullbg {
    background:url("images/bg1.jpg") no-repeat;
    float: left;
    width: 100%;
	background-size: cover;

}
.project h2 {
    border-bottom: 1px solid #fff;
    color: #fff;
    float: left;
    font: 500 24px "Roboto";
    margin: 30px 0 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.news h2 {
    border-bottom: 1px solid #202020;
    color: #202020;
    float: left;
    font: 500 24px "Roboto";
    margin: 30px 0 15px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.news h2 .viewmore {
    bottom: 5px;
    color: #464f3a;
    font: 500 12px "Roboto";
    position: absolute;
    right: 0;
}
.news h2 .viewmore:hover {
    bottom: 5px;
    color: #000;
    font: 500 12px "Roboto";
    position: absolute;
    right: 0;
}
.partner h2 a{
    border-bottom: 1px solid #202020;
    color: #202020;
    float: left;
    font: 500 24px "Roboto";
    margin: 30px 0 15px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.col1 {
    background: #000;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
    padding: 30px;
    width: 95%;
    margin-right: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}
.col1 a{
	color:#fff; text-transform:uppercase; font-weight:bold; font-size:14px; text-align:center;}

.owl-controls .owl-prev {
  left: 0;
  background:url(images/pre.png) no-repeat !important;	
}
.owl-controls .owl-next {
  right: 0;
 background:url(images/next.png) no-repeat !important;
}
.owl-controls .owl-prev,
.owl-controls .owl-next {
  display: inline-block;
   text-align: center;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -46px;
  margin-left:-60px;
  
  margin-right:-30px;
  z-index: 99;
  background-position: center;
  background-repeat: no-repeat;
  width:29px;
height:92px
}
.owl-dichvu .owl-controls .owl-prev,
.owl-dichvu .owl-controls .owl-next {
  display: inline-block;
   text-align: center;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 57%; 
  z-index: 99;
  background-position: center;
  background-repeat: no-repeat;
  width:57px;
height:53px
}
.owl-dichvu .owl-controls .owl-prev {
  left: 64px;
  background:url(images/pre1.png) no-repeat !important;	
}
.owl-dichvu .owl-controls .owl-next {
  right: 24px;
 background:url(images/next1.png) no-repeat !important;
}
.doitac
{
float:left;	
width:100%;
padding-left:60px;
padding-right:30px;
padding-top:10px;
padding-bottom:10px;
border:1px solid #f1f1f1;
box-sizing:border-box;
}
.titdt
{
float:left; width:100%;}
.item-product
{
margin-left:10px;
}
.sp-dichvu
{
margin-left:-10px;	
}
.service3 .title{ height:40px; overflow:hidden; float:left;}
.caption .title
{
margin-top:15px;
margin-bottom:15px;
height:40px; 
width:100%;
overflow:hidden;
 
}
.news .title
{
height:64px;
overflow:hidden;
font-size:14px;	
}
.motangantintuc
{
height:110px;	
}
.motangantintuc p
{
font-size:12px;
height:80px;
overflow:hidden;	
}

.gt2
{
width:100%;	
}
.navbar-nav 
{
margin-top: 10px !important;
}
.depsnd
{
height:130px;
float:left;
overflow:hidden;

}

.depsnd p
{
height:112px;
float:left;
overflow:hidden;

}

.introduce .gt p
{
width:100%;	
}
h2 a
{
position:relative;
z-index:99999;	
}
h2
{
position:relative;
z-index:99999;	
}