.bannerRight {
 margin-bottom:20px
}
.bannerRight a {
 display:grid
}
.bannerRight img {
 width:100%;
 max-width:100%
}
.bannerCenter {
 margin-bottom:35px
}
.bannerCenter .groupItem {
 margin:0 -10px;
 width:calc(100% + 20px)
}
.bannerCenter .item {
 padding:0 10px
}
.bannerCenter .imgc:before {
 padding-bottom:calc(35/100*100%)
}
.bannerCenter .owl-nav>div {
 position:absolute;
 z-index:4;
 width:42px;
 height:42px;
 top:calc(50% - 20px);
 background-color:rgba(24,131,125,.8);
 font-size:0;
 color:#fff;
 border-radius:4px
}
.bannerCenter .owl-nav>div:before {
 content:'';
 font-family:FontAwesome;
 font-size:20px;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 position:absolute;
 z-index:5;
 margin-left:2px
}
.bannerCenter .owl-nav>div:hover {
 background-color:rgba(24,131,125,.4);
 color:#fff;
 border-color:#fff
}
.bannerCenter .owl-nav>div.owl-next {
 right:10px
}
.bannerCenter .owl-nav>div.owl-prev {
 left:10px
}
.bannerCenter .owl-nav>div.owl-prev:before {
 content:'';
 margin-left:-2px
}
.bannerCenter .owl-dots {
 display:none !important
}
.partner .itemTitle {
 display:block;
 text-align:center;
 text-decoration:none;
 font:15px 'RB';
 margin-top:10px;
 color:#333
}
.partner .itemTitle:hover {
 color:#18837d
}
@media(min-width:768px) {
 body {
  min-width:1320px
 }
 .openMenuRes {
  display:none
 }
}
@media(max-width:767px) {
 body {
  overflow-x:hidden
 }
.bannerRight img {
 display: inline-block;
}
 img {
  max-width:100%
 }
 .container {
  width:calc(100% - 20px)
 }
 #menu {
  display:none
 }
 #header {
  height:auto;
  padding:10px 0 0
 }
 #header .logo {
  width:auto;
  max-height:80px;
  margin:3px 0 0;
  height:auto;
  float: right;
 }
 #header .logo img {
  width:auto;
  height:auto;
  position:static;
  object-fit:contain;
  width: 70%;
 }
 #header .company{
 width: 70%;
 margin: 0px 0px;
 float: left;
 }
 #header .company img{
   height: 100%;
   width: 100%; 
   object-fit: contain;
 }
 #header .qcHead {
  width: 60%;
 }
 #slide_home .slick-arrow,
 .slide_qc .slick-arrow {
  transform:scale(.7)
 }
 #slide_home .slick-next,
 .slide_qc .slick-next {
  right:-6px
 }
 #slide_home .slick-prev,
 .slide_qc .slick-prev {
  left:-6px
 }
 .col_left {
  width:100%
 }
 .col_right {
  width:100%
 }
 .tinHome1 .left {
  width:100%;
  margin-bottom:15px
 }
 .tinHome1 .right {
  width:100%;
  margin-bottom:15px
 }
 .tinHome1 .bot .item {
  width:100%;
 }
  .tinHome1 .bot .item .imgc{
  float: left;
  width:calc(30% - 5px);
 }
 .tinHome1 .bot .item .title {
  width:calc(70% - 5px);
 }
 .block_news{
   display: none;
  }
  
 .list_news {
  margin-bottom:0
 }
 .list_news .item {
  width:100%;
  margin-right:0
 }
 .list_news .title {
  height:44px
 }
 .bao_tt .xemt {
  display:none
 }
  .qc_rHome{
      display: none;
  }
 .qc_rHome img {
  width:100%
 }
 .bao_tt.type2 {
  margin-top:30px
 }
 .flexHome {
  display:block
 }
 .flexHome .col_trai {
  width:100%;
  margin-right:0
 }
 .flexHome .col_giua {
  width:100%
 }
 .flexHome .col_phai {
  width:100%;
  margin-top:30px
 }
 .col_giua .list_sp .item {
  width:calc(50% - 5px);
  margin-right:10px
 }
 .col_giua .list_sp .item:nth-child(2n) {
  margin-right:0
 }
 .col_phai .list_sp .item:nth-last-of-type(2) {
  margin-bottom:0
 }
 .tabHome {
  display:block;
  margin-bottom:20px
 }
 .tabHome .left {
  width:100%;
  margin:0;
  float:none
 }
 .tabHome .right {
  width:100%;
  float:none
 }
 .tabNews {
  width:100%;
  margin-top:20px;
  margin-bottom:15px
 }
 .tabAlbum {
  width:100%;
  margin-bottom:10px
 }
 .tabNews .imgc {
  width:100%
 }
 .tabNews .item .title {
  width:100%;
  margin-top:10px;
  margin-bottom:0
 }
 .tabNews .desc {
  width:100%;
  display:none
 }
 .tabHome .right .tabAlbum .slick-list {
  width:100%;
  margin-left:0
 }
 .tabAlbum .paRight {
  margin-bottom:0
 }
 .tabProduct .list_sp .item {
  width:100%;
  margin-right:0
 }
 .partner .container {
  padding:15px 0
 }
 #footer .contact_ft {
  width:100%;
  margin-right:0
 }
 #footer .menu_ft {
  width:100%;
  margin-bottom:15px
 }
 #footer .fanpage {
  width:100%
 }
 .bot_ft .licese {
  width:100%
 }
 .bot_ft .thongke {
  width:100%;
  margin-left:0;
  margin-top:5px
 }
 .bot_ft .mxh_ft {
  width:100%;
  margin-left:0;
  margin-top:10px
 }
 .bot_ft .mxh_ft a:first-child {
  margin-left:0
 }
 #page_head {
  right:-1px;
  bottom:25px;
  transform:scale(.6)
 }
 #header .menu {
  margin-top:10px;
  height:40px
 }
 .openMenuRes {
  color:#fff;
  text-align:center;
  line-height:30px;
  font-size:21px;
  float:right;
  margin-top:5px
 }
 .openMenuRes.active i:before {
  content:''
 }
 body .closeMenu {
  background-color:rgba(0,0,0,.8);
  width:100%;
  height:calc(100% - 145px);
  position:fixed;
  left:0;
  top:132px;
  z-index:11;
  opacity:0;
  pointer-events:none;
  transition:.5s ease-in-out;
  -webkit-transition:.5s ease-in-out
 }
 body.active .closeMenu {
  opacity:1;
  pointer-events:auto
 }
 .menuMain {
  position:absolute;
  top:175px;
  left:0;
  z-index:300;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
  display:none;
  background:#fff
 }
 .menuBox .menuMain>li>a {
  font-family:RB;
  font-size:16px;
  text-decoration:none;
  line-height:24px;
  text-transform:none;
  display:block;
  border-bottom:1px solid #d3d3d3;
  color:#333;
  padding:9px 10px 9px 10px;
  background:#fff;
  text-transform:uppercase
 }
 .menuBox .menuMain li.hasSub>a {
  padding-right:30px
 }
 .menuBox .menuMain>li>a>i {
  display:none
 }
 .menuBox .menuMain>li.home a {
  border-top:none
 }
 .menuBox .menuMain>li:last-child a {
  border-bottom:none
 }
 .menuBox .menuMain li {
  position:relative
 }
 .menuBox .menuMain>li.active>a {
  color:#fff;
  background-color:#1772c4
 }
 .menuMain span.openSub {
  height:41px;
  width:30px;
  z-index:3;
  border:none;
  top:0;
  right:0;
  position:absolute;
  cursor:pointer;
  display:inline-block;
  text-align:center
 }
 .menuMain span.openSub i {
  display:none
 }
 .menuMain span.openSub:before {
  content:'-';
  line-height:41px;
  font-size:17px
 }
 .menuMain span.openSub.active:before {
  content:'+';
  color:#fff
 }
 .menuMain .subMenu span.openSub i {
  display:none
 }
 .menuMain .subMenu span.openSub:before {
  color:#333
 }
 .menuMain .subMenu {
  display:none;
  padding:0;
  list-style:none
 }
 .menuMain .subMenu li a {
  color:#333;
  text-transform:none;
  text-decoration:none;
  border-bottom:1px solid #d3d3d3;
  font:16px/24px RR;
  padding:9px 10px 9px 10px;
  background:#fff;
  display:block
 }
 .menuMain .subMenu li a i {
  margin-right:5px;
  color:#333;
  font-size:14px;
  transform:translateY(-2px)
 }
 .menuMain .subMenu li>a:hover,
 .menuMain .subMenu li.active>a {
  color:#18837d
 }
 .menuMain .subMenu .subMenu li a {
  color:#333;
  text-transform:none;
  text-decoration:none;
  border-bottom:1px solid #d3d3d3;
  font:16px/24px RR;
  padding:9px 10px 9px 23px;
  background:#fff;
  display:block
 }
 .menuMain .subMenu .subMenu li>a:hover {
  color:#18837d
 }
 .menuMain .subMenu .subMenu .subMenu li a {
  padding:9px 10px 9px 37px
 }
 #header .logIn {
  margin:0;
  width:100%;
 }
 #header .logIn .title {
  display:none
 }
 #header .logIn .title.online {
  display:block;
  line-height:22px;
  background:#18837d url(../image/login.png) no-repeat left 10px top 3px;
  margin-top:13px
 }
 #header .logIn .tk {
  padding-top: 10px;
 }
 #header .logIn .tk a {
  font-size:16px;
 }
 #header .logIn .tk a:first-child {
  padding-right:0
 }
 #header .logIn .tk a:first-child:after {
  top:2px;
  right:-8px
 }
 #header .logIn input {
  height:24px
 }
 #header .logIn .btn {
  line-height:24px
 }
 #header .search {
  margin-top:4px;
  background:#fff;
  padding:1px;
  border-radius:5px;
  width:100%;
  float:left
 }
 #header .search input {
  border:none
 }
 .page_road {
  margin-bottom:20px
 }
 .list_gt .imgc {
  width:calc(50%-5px);
 }
 .list_gt .info {
  width:calc(50%-5px);
  padding: 2px 4px 4px 0px;
 }
 .tt_Detail {
  font:24px 'RR'
 }
 #CommonCuoiChiTietTin .left~.apd {
  width:100%
 }
 #CommonCuoiChiTietTin .apd a.prevDBT {
  margin-left:0
 }
 #CommonCuoiChiTietTin .apd a {
  margin-left:5px
 }
 #CommonCuoiChiTietTin .left .shareItem {
  float:right;
  margin-right:-7px
 }
 #CommonCuoiChiTietTin .left {
  width:100%
 }
 .baiKhac {
  margin-bottom:20px
 }
 .qcLeft a img {
  width:100%
 }
 .newNews .item {
  width:100%;
  margin-right:0
 }
 .newNews .item:first-child {
  margin-bottom:15px
 }
 .newsIndex {
  margin-bottom:20px
 }
 .list_gt.type2 .item {
  width:100%;
  margin-right:0
 }
 .list_gt.type2 .info {
  margin-top:0
 }
 .list_gt .view {
  margin-left:5px
 }
 .list_gt.type2 {
  margin-bottom:10px
 }
 #CommonCuoiChiTietTin~.list_gt {
  margin-bottom:0
 }
 .list_gt.list_vb .item:first-child .imgc {
  width:100%
 }
 .list_gt.list_vb .item:first-child .info {
  width:100%;
  margin-top:10px
 }
 .list_gt.list_vb .info {
  margin-top:0
 }
 .list_gt.list_vb .item {
  width:100%
 }
 .list_gt.list_vb {
  margin-bottom:10px
 }
 .SplitPages {
  padding-top:0;
  margin-bottom:30px
 }
 .fileVB~.baiKhac {
  margin-bottom:10px
 }
 .fileVB~.baiKhac .list_gt {
  margin-bottom:0
 }
 .bao_cm {
  margin-bottom:30px
 }
 .list_dt .item:first-child {
  width:100%;
  margin-right:0
 }
 .list_dt .item {
  width:calc(50% - 5px);
  margin-right:10px
 }
 .list_dt .item:nth-child(2n) {
  margin-right:0
 }
 .list_dt {
  margin-bottom:5px
 }
 .list_tv.cateTV .item {
  width:100%
 }
 .list_tv.detailTV .item {
  width:100%
 }
 .baiKhac .list_tv .item {
  width:100% !important
 }
 .list_tv.detailTV~.baiKhac {
  margin-bottom:0
 }
 .list_tv.detailTV .title {
  font-size:16px
 }
 .album_zoom .imgc {
  width:100%;
  margin-right:0
 }
 .pageLH {
  margin-bottom:30px
 }
 .pageLH .left {
  width:100%
 }
 .pageLH .title {
  margin-top:0
 }
 .pageLH .left .info {
  margin-bottom:25px
 }
 .pageLH .right {
  width:100%;
  margin-top:25px
 }
 .pageLH .right .imgc {
  height:300px
 }
 .formSP {
  padding:15px 15px
 }
 .btn_dky {
  margin-bottom:30px
 }
 #quenMK {
  width:90%
 }
 .formtk .item {
  display:block
 }
 .formtk .item b {
  display:block;
  width:100%;
  padding:10px 10px
 }
 .formtk .item textarea {
  width:100%
 }
 .formtk .item input[type=text],
 .formtk .item input[type=password],
 .formtk .item select {
  width:100% !important
 }
 .formtk .item label {
  background:none
 }
 .formtk .btn {
  margin-bottom:30px
 }
 .formSP .item label {
  width:100%
 }
 .formSP .item select {
  width:100%
 }
 .formSP textarea {
  visibility:visible !important
 }
 .formSP .editContent {
  margin-bottom:0
 }
 .list_sp.spCate .item {
  width:calc(50% - 5px);
  margin-right:10px
 }
 .list_sp.spCate .item:nth-child(3n) {
  margin-right:10px
 }
 .list_sp.spCate .item:nth-child(2n) {
  margin-right:0
 }
 .slide4SP {
  margin-bottom:30px
 }
 .tkProduct,
 .locSP {
  display:none
 }
 .spInfo .left {
  width:100%
 }
 .spInfo .right {
  width:100%
 }
 .tablabel a {
  font-size:17px;
  margin-right:10px
 }
 .bannerCenter {
  margin-top:35px
 }
}