@charset "UTF-8";
html {
  font-size: 10px; }

body {
  font-size: 16px;
  font-family: arial; }

.body_bg {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20000;
  display: none; }

.body_bg.active {
  display: block; }

/*Genneral*/
ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none;
  color: #3f3f3f; }

img {
  max-width: 100%; }

h3 {
  font-size: 16px; }

h2 {
  font-size: 18px; }

p {
  margin-bottom: 0; }

.owl-nav {
  display: none; }

/*End Genneral*/
.mainItem {
  width: 1200px;
  margin: auto; }

header .hea1 {
  width: 100%;
  background-image: linear-gradient(to right, #d2ffeb, #d2ffeb);
  color: #3f3f3f;
  padding: 5px 0; }
  header .hea1 .hea1M {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header .hea1 .hea1M input {
      border-top-left-radius: 18px !important;
      border-bottom-left-radius: 18px !important; }
    header .hea1 .hea1M .hea1Search {
      background: #28a7f0;
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px;
      border: 1px solid #28a7f0; }
header .hea2 {
  padding: 5px 0; }
  header .hea2 .hea2M {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header .hea2 .hea2M b {
      color: #fff; }
    header .hea2 .hea2M .form-control {
      font-size: 15px; }
    header .hea2 .hea2M .hea2Item {
      display: flex; }
      header .hea2 .hea2M .hea2Item .hea2ItemIco {
        font-size: 30px;
        color: #87e8f1;
        padding-right: 1rem; }
        header .hea2 .hea2M .hea2Item .hea2ItemIco .btnPhone {
          background: #1f9f6a;
          padding: 3px 15px;
          border-radius: 20px;
          color: #fff; }
header .hea2 .hea2M .hea2Item .hea2ItemM .input-group{
    border: 1px solid #3f3f3f;
    border-radius: 30px;
    padding: 5px;
}
header .hea2 .hea2M .hea2Item .hea2ItemM .input-group input,span,button{
    border: none!important;
    background: none!important;
    color: #3f3f3f;
}
header .hea2 .hea2M .hea2Item .hea2ItemM .input-group input{
    width: 310px;
}
header .hea2 .hea2M .hea2Item .hea2ItemM .input-group button{
    font-size: 22px;
}
header .hea2 .hea2M .hea2Item .hea2ItemM .input-group input,span,button:hover{
    background: none!important;
    color:#3f3f3f ;
}
header .menu {
  background: #f2d018;
  float: left;
  width: 100%;
  display: flex; }
  header .menu ul.lv1 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header .menu ul.lv1 li.lv1 {
      float: left;
      color: #3f3f3f;
      text-transform: uppercase;
      height: 68px;
      align-items: center;
      justify-content: center;
      display: flex;
      padding: 0 10px;
      position: relative; }
      header .menu ul.lv1 li.lv1.active {
        background: #fff; }
      header .menu ul.lv1 li.lv1:hover ul.ul_lv2 {
          background: #fff;
        display: block; }
      header .menu ul.lv1 li.lv1 a {
        text-transform: uppercase;
        color: #000;
        text-decoration: none; }
header .menu ul.lv1 li.lv1 a h2{
    font-size: inherit;
}
      header .menu ul.lv1 li.lv1 ul.ul_lv2 {
        position: absolute;
        top: 100%;
        width: 230px;
        display: none;
        z-index: 9999;
        font-size: 14px;
        background: #fff; }
        header .menu ul.lv1 li.lv1 ul.ul_lv2 li.li_lv2 {
          padding: 9px 0 9px 5px;
            border-bottom: 0.5px dashed #ccc;
        }
          header .menu ul.lv1 li.lv1 ul.ul_lv2 li.li_lv2:hover {
            background: #f6e277; }

.banner {
  width: 100%;
  float: left; }

.mainTit {
  text-align: center;
  margin-bottom: 3rem; }
  .mainTit label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px; }
  .mainTit .mainTitTxt{
      margin-top: 10px;
  }
  .mainTit .duongke {
    width: 100px;
    border: 1px solid #3f3f3f;
    margin: auto; }

.BtnDk {
  background: #0d74b9;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  padding: 13px 30px;
  font-size: 18px; }

.supportOnline {
  width: 100%;
  float: left;
  background: #d1ede0;
  padding: 7rem 0; }
  .supportOnline .mainItem {
    position: relative; }
  .supportOnline .supportOnlineM {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto; }
    .supportOnline .supportOnlineM li {
      text-align: center;
      background: #fff;
      padding: 20px 30px;
      border-radius: 20px;
      width: 25%; }
    .supportOnline .supportOnlineM .supportOnlineName {
      margin-top: 10px; }

.about {
  width: 100%;
  float: left;
  padding: 50px 0; }
  .about .aboutYoutube {
    width: 100%;
    aspect-ratio: 16/9;
    background: #ccc; }
  .about .mainTit {
    text-align: left;
      margin-bottom: 15px;
  }
  .about p {
    margin-bottom: 10px; }
    .about p i,
    .about p svg {
      color: #229d6b;
        padding-right: 10px;
    }

.cats {
  width: 100%;
  float: left; }
  .cats ul {
    display: flex;
    justify-content: space-between; }
    .cats ul li {
      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
      padding: 20px; }
      .cats ul li:hover {
        background: #129761;
        color: #fff; }
        .cats ul li:hover img {
          filter: brightness(0) invert(1); }
        .cats ul li:hover .catName {
          color: #fff; }

.giatri {
  width: 100%;
  float: left;
  padding: 5rem 0; }
  .giatri ul {
    display: flex;
    flex-wrap: wrap; }
    .giatri ul li {
      width: calc(33.33% - 20px);
      margin-left: 30px;
      margin-top: 30px; }
      .giatri ul li:nth-child(3n + 1) {
        margin-left: 0; }
      .giatri ul li .giatriImg {
        text-align: center; }
      .giatri ul li .giatriName {
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        padding: 15px 0; }

.csvc {
  width: 100%;
  float: left; }
  .csvc .csvcItem {
    position: relative; }
    .csvc .csvcItem .mainItem {
      position: absolute;
      margin: auto;
      top: 0;
      height: 100%;
      left: calc(50% - 600px);
      z-index: 9999;
      display: flex;
      align-items: center; }
      .csvc .csvcItem .mainItem .csvcC {
        color: #fff;
        width: 40%; }
        .csvc .csvcItem .mainItem .csvcC .csvcTit {
          text-transform: uppercase;
          font-weight: bold;
          display: inline-block;
          font-size: 35px;
        }
        .csvc .csvcItem .mainItem .csvcC .csvcDes {
          margin-top: 20px; }
          .csvc .csvcItem .mainItem .csvcC .csvcDes p {
            margin-bottom: 25px;
              line-height: 30px;
          }

.dnbs {
  width: 100%;
  float: left;
  padding: 50px 0; }
  .dnbs .dnbsItem {
    display: none; }
    .dnbs .dnbsItem.active {
      display: block; }
    .dnbs .dnbsItem .dnbsImg {
      width: 30%;
      float: left; }
    .dnbs .dnbsItem .dnbsC {
      width: 70%;
      float: left; }
      .dnbs .dnbsItem .dnbsC .dnbsGroup {
        margin-top: 20px; }
      .dnbs .dnbsItem .dnbsC label {
        font-weight: bold; }
        .dnbs .dnbsItem .dnbsC label::before {
          content: "●";
          margin-right: 10px; }
      .dnbs .dnbsItem .dnbsC .dnbsDes {
        border-left: 1px solid #3f3f3f;
        margin-left: 4px;
        padding-left: 15px; }
        .dnbs .dnbsItem .dnbsC .dnbsDes .dnbsName {
          color: #1e9b68; }
        .dnbs .dnbsItem .dnbsC .dnbsDes p {
          margin-top: 10px; }
  .dnbs .dnbsIcons {
    width: 100%;
    float: left;
    margin-top: 30px; }
    .dnbs .dnbsIcons .owl-carousel.owl-drag .owl-item {
      max-width: 120px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 5px;
    }
    .dnbs .dnbsIcons .owl-carousel .owl-item img {
        width: 80%;
        margin: auto;
    }
.dnbs .dnbsIcons .owl-carousel .owl-item .dnbsico{
    background: url("../images/dnbs_icons_bg.jpg");
    width: 100%;
    height: 95px;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
}
.dnbs .dnbsIcons .owl-carousel .owl-item .dnbsico.active{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}

.homeNews {
  width: 100%;
  float: left;
  background-image: linear-gradient(to right, #fff, #fff);
  padding: 5rem 0; }
  .homeNews .mainTit label {
    color: #3f3f3f; }
  .homeNews .mainTit .mainTitIcon {
    border-color: #0d74b9; }
    .homeNews .mainTit .mainTitIcon .mainTitIcon2 {
      background-color: #fff; }
      .homeNews .mainTit .mainTitIcon .mainTitIcon2 .mainTitIcon3 {
        border-color: #0d74b9; }
        .homeNews .mainTit .mainTitIcon .mainTitIcon2 .mainTitIcon3 .mainTitIcon4 {
          background: #0d74b9; }
  .homeNews .mainTit p {
    margin-top: 3rem;
    text-align: center; }
  .homeNews .homeNewsM {
    margin-top: 5rem; }
    .homeNews .homeNewsM .homeNewsItem {
      padding-bottom: 2rem;
      height: 100%; }
      .homeNews .homeNewsM .homeNewsItem .homeNewsImg {
        position: relative;
          height: 250px;
          overflow: hidden;
      }
      .homeNews .homeNewsM .homeNewsItem .homeNewsC {
        padding: 15px 0;
        color: #3f3f3f; }
        .homeNews .homeNewsM .homeNewsItem .homeNewsC .homeNewsName {
          color: #3f3f3f; }
          .homeNews .homeNewsM .homeNewsItem .homeNewsC .homeNewsName label {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 20px;
            color: #3f3f3f; }
        .homeNews .homeNewsM .homeNewsItem .homeNewsC .homeNewsDes {
          text-align: center;
          padding-top: 2rem; }
        .homeNews .homeNewsM .homeNewsItem .homeNewsC .homeNewsViewMore {
          margin-top: 10px; }
          .homeNews .homeNewsM .homeNewsItem .homeNewsC .homeNewsViewMore a {
            color: #0d74b9; }
    .homeNews .homeNewsM .owl-stage {
      display: flex; }

.binhluan {
  width: 100%;
  float: left;
  padding: 5rem 0 9rem 0; }
  .binhluan .binhluan1 {
    background: #229865;
    padding-top: 30px;
    padding-bottom: 130px; }
    .binhluan .binhluan1 .mainTit {
      color: #fff; }
      .binhluan .binhluan1 .mainTit i {
        text-transform: uppercase;
        font-size: 22px; }
      .binhluan .binhluan1 .mainTit .duongke {
        border-color: #fff; }
  .binhluan .binhluan2 {
    margin-top: -100px; }
    .binhluan .binhluan2 .binhluanItem {
      background: #fff;
      border-radius: 1rem;
      border: 1px dotted #ccc;
      padding: 2rem;
      position: relative;
      height: 100%; }
      .binhluan .binhluan2 .binhluanItem .binhluanIco {
        text-align: center;
        margin-top: -70px; }
        .binhluan .binhluan2 .binhluanItem .binhluanIco .binhluanIco2 {
          width: 100px;
          height: 100px;
          margin: auto;
          border-radius: 100%;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
      .binhluan .binhluan2 .binhluanItem .binhluanName {
        color: #3f3f3f;
        text-align: center;
        margin-top: 20px; }
        .binhluan .binhluan2 .binhluanItem .binhluanName::before {
          content: url(../images/binhluan_dauphay.png);
          top: -22px; }
        .binhluan .binhluan2 .binhluanItem .binhluanName p {
          font-weight: bold; }
      .binhluan .binhluan2 .binhluanItem .binhluanDes {
        text-align: justify;
        margin-top: 20px; }
    .binhluan .binhluan2 .owl-stage {
      display: flex; }
      .binhluan .binhluan2 .owl-stage .owl-item {
        padding-top: 60px;
        padding-bottom: 20px; }

.quytrinh {
  width: 100%;
  float: left;
  padding: 50px 0; }
  .quytrinh ul {
    display: flex;
    justify-content: space-between; }
    .quytrinh ul li {
      text-align: center;
      border-radius: 20px;
      overflow: hidden;
      border: 1px dotted #ccc;
      padding-bottom: 30px;
      width: 22%; }
      .quytrinh ul li .quytrinhTit {
        background: #f5d218;
        padding: 10px; }
        .quytrinh ul li .quytrinhTit p {
          text-transform: uppercase; }
      .quytrinh ul li .quytrinhC {
        padding: 15px; }
        .quytrinh ul li .quytrinhC .quytrinhIco {
          margin-bottom: 20px; }
      .quytrinh ul li .quytrinhBtn a {
        display: inline-block;
        background: #229865;
        padding: 5px 15px;
        border-radius: 5px;
        color: #fff;
        font-weight: bold; }

footer {
  width: 100%;
  float: left;
  background: #229865; }
  footer .fooTv {
    width: 100%;
    float: left;
    background: #f5d218;
    padding: 20px 0; }
    footer .fooTv ul {
      display: flex;
      justify-content: space-between; }
      footer .fooTv ul li {
        display: flex;
        align-items: center; }
        footer .fooTv ul li .fooTvIco {
          font-size: 30px; }
        footer .fooTv ul li .fooTvC {
          padding-left: 20px; }
  footer .fooM {
    width: 100%;
    float: left;
    padding: 3rem 0; }
    footer .fooM .mainItem {
      display: flex; }
    footer .fooM .fooTit {
    margin-bottom: 20px;
    }
      footer .fooM .fooTit label {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 20px;
        color: #fff; }
      footer .fooM .fooTit .fooBoder {
        position: relative;
        height: 2px;
        width: 100%;
        background: #fff; }
        footer .fooM .fooTit .fooBoder .fooBoder2 {
          position: absolute;
          width: 100px;
          height: 100%;
          left: 0;
          background: #00c9c3; }
    footer .fooM .foo1,
    footer .fooM .foo2,
    footer .fooM .foo3 {
      width: 31%; }
      footer .fooM .foo1:nth-child(3n + 2),
      footer .fooM .foo2:nth-child(3n + 2),
      footer .fooM .foo3:nth-child(3n + 2) {
        margin: 0 3.5%; }
    footer .fooM .foo2 ul li {
      margin: 0 5px;
      background: #fff;
      padding: 5px 10px;
      margin-top: 20px; }
footer .fooM .foo3 ul li{
    margin-top: 10px;
}
footer .fooM .foo3 ul li a{
    color: #fff;
}
footer .fooM .foo3 ul li a::before{
    content: '>>';
    margin-right: 10px;
}
  footer .fooCopyright {
    width: 100%;
    float: left;
    padding: 2rem;
    text-align: center;
    border-top: 1px solid;
    margin-top: 3rem; }
    footer .fooCopyright p {
      width: 60%;
      margin: auto; }

/*# sourceMappingURL=style.css.map */