@font-face {
	font-family: 'UTM-HelvetIns';
	src: url('../font/UTM-HelvetIns/UTM HelvetIns.eot');
	src: local('☺'), url('../font/UTM-HelvetIns/UTM HelvetIns.woff') format('woff'), 
		 url('../font/UTM-HelvetIns/UTM HelvetIns.ttf') format('truetype'), 
		 url('../font/UTM-HelvetIns/UTM HelvetIns.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'UTMBeautifulCaps';
	src: url('../font/UTMBeautifulCaps/UTMBeautifulCaps.eot');
	src: local('☺'), url('../font/UTMBeautifulCaps/UTMBeautifulCaps.woff') format('woff'), 
		 url('../font/UTMBeautifulCaps/UTMBeautifulCaps.ttf') format('truetype'), 
		 url('../font/UTMBeautifulCaps/UTMBeautifulCaps.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
a{
	text-decoration:none;
	color:#4e4e4e;
}
body{
	height:auto;
	width:auto;
	font-size:14px;line-height:1.2;
	font-family: 'Roboto', sans-serif;color:#333;--color_chat:#056ADC;
}
body .js-facebook-messenger-box {
    bottom: 110px;
    right: 5px;
    width: 53px;
    height: 53px;
    border-radius: 10px;
}
body .js-facebook-messenger-container{right: 65px;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.clear{
	clear:both;
	}
.run_none{
	display:none;
}

.wrap{
	
	height:auto;
	width:100%;min-width:1349px;
	margin:0 auto;
}
.wrap-content{
	width:100%;
	height:auto;
	margin:0 auto;
}
.container{
	position:relative;
	min-width:1200px;
	max-width:1200px;margin:0px auto;
}
.header{
	width:100%;
	position:relative;
}
#logo{
	height:90%;
	width:115px;
	position:absolute;
	
	left:15px;
}
#logo > img{
	height:100%;
	width: 100%
}
#banner{
	width:100%;
	margin:0 auto;
}
#banner > img{
	height:100%;
	width:100%;
}
.menu{
	
	
}
.mnleft{
	height:40px;
	width:18px;
	background:url(../images/bgmnleft.png) repeat;
	position:absolute;
	left:0px;
}
.mnright{
	height:40px;
	width:10px;
	background:url(../images/bgmnright.png) repeat;
	position:absolute;
	right:0px;
	top:0px;
}
.mncenter{
	height:40px;
	width:972px;

	position:absolute;
	top:0px;
	left:18px;

}
.submenu{
	width:110px;
	background:url(../images/line.png) no-repeat right center;
	padding-top:15px;
	float:left;
	font-weight:600;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	
}
.ip-search{
	position: absolute;
    top: 9px;
    right: 0px;
    background: url(../images/2020/icon_search.png) no-repeat right center;
    height: 30px;
    width: 205px;border-bottom:1px solid #fff;color: #fff;
	
}
.input-search{
	background: none;
    border: none;
    height: 30px;
    width: 155px;
    margin: 0 auto;
    float: left;
    padding-left: 0px;
    position: relative;
    z-index: 999;color: #fff;
}
.submit-search{
	
	 border:none; 
	 background:none; 
	 height:30px;
	 width:35px; 
	 float:right; position: relative;
    z-index: 999;
}
.slideshow{
	
	position:relative;padding-bottom:40px;
}
.slider{
	height:400px;
	width:auto;
	margin-bottom:10px;
	position:relative;
}
.bgchose{
	background:url(../images/chose.png) no-repeat;
	height:30px;
	width:235px;
	margin:0 auto;
	position:absolute;
	left:370px;
	bottom:-3px;
	z-index:555555;
}
.underline{
	background:url(../images/underline.png) no-repeat;
	height:25px;
	width:100%;
}
.content1{
	 height:auto;
	 width:100%;
	 margin:0 auto;	
}
.left-content{
	width: 233px;
	height:auto;
	float:left;
}
.danhmuc{
	height:auto;
	width:100%;
	border:1px solid #dddddd;
	margin-bottom:15px;
}
.sp-top{
	width:100%;
	height:40px;
	background:url(../images/sp-top.png) no-repeat;
	color:#DCE10E;
	text-align:center;
	padding-top:10px;
	font-size:13px;
	font-weight:600;
}
.sp-danhmuc{
	background:url(../images/bgsp-danhmuc.png) no-repeat;
	height:40px;
	width:88%;
	color:#4e4e4e;
	padding-left:31px;
	padding-top:15px;
	font-family:Arial;
	font-size:12px;
	font-weight:600;
}
.sp-danhmuc-sub{
	background:url(../images/bgsp-danhmuc-sub.png) no-repeat;
	height:40px;
	width:88%;
	color:#4e4e4e;
	padding-left:31px;
	padding-top:15px;
	font-family:Arial;
	font-size:12px;
	font-weight:600;
}
.hotro-hotline{
	background:url(../images/hotro-hotline.png) no-repeat;
	width:100%;
	text-align:center;
	color:#FF0000;
	height:75px;
	font-size:18px;
	font-weight:700;
}
.hotrool{
	background:url(../images/hotrool.png) no-repeat;
	height:22px;
	width:100%;
}
.hotro{
	height:60px;
	width:100%;
	text-align:center;
}
.hotro-sub{
	float:left;
	height:auto;
	width:50%;
	line-height:13px;
	padding-left:15px;
}
.hotro img{
	height:25px;
	width:32px;
	float:left;
	margin-left:15px;
	margin-top:15px;
}
.ttlh{
	background:url(../images/ttlh.png) no-repeat;
	height:22px;
	width:100%;
}
.ttlhe{
	padding-left:30px;
	font-size:14px;
	font-weight:400;
	margin-top:10px;
	margin-bottom:20px;
}
.thongke{
	background:url(../images/thongke.png) no-repeat;
	width:100%;
	height:70px;
}
.tt-truycap{
	font-size:14px;
	font-weight:400;
	width:160px;
	padding-top:10px;
	margin-left:70px;
	line-height:20px;
}
.right-content{
	width: 740px;
	height:auto;
	float:right;
}
.right-top{
 	background:url(../images/2020/title_right.png) no-repeat bottom center;
 	height:35px;
	width:100%;
	color:#02449a;
	font-size:27px;
	font-weight:700;
	padding-bottom:20px;
	padding-top:5px;text-align:center;
}
.sp{
	height:auto;
	width:280px;
	
	float:left;
	margin-left:10px;
	margin-top:20px;
}
.imgsp{
	
	width:100%;
	border:none;
}
.ttsp{
	text-align:center;
	
}
.ttsp h3{
	margin:10px auto;font-weight:700;font-size:16px;color:#323232;
}
.ttsp p{
	font-size:16px;color:#323232;
}
.ttsp p span{
	color:#ed1c24;
}
.ctsp{
	background:url(../images/chitiet.png) no-repeat;
	height:20px;
	width:85px;
	margin:0 auto;
}
.ctsp0{
	height:auto;
	width:100%;
	margin-top:30px;
}
.imgctsp{
	float:left;
	width:40%;
	height:300px;
}
.ttctsp{
	float:left;
	height:auto;
	width:60%;
	text-align:center;
}
.footer-content{

	width: 100%;
	
}
.footer{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0550b5+0,044cac+35,024092+100,faf3f4+100 */
	background: #0550b5; /* Old browsers */
	background: -moz-linear-gradient(top,  #0550b5 0%, #044cac 35%, #024092 100%, #faf3f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0550b5 0%,#044cac 35%,#024092 100%,#faf3f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0550b5 0%,#044cac 35%,#024092 100%,#faf3f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0550b5', endColorstr='#faf3f4',GradientType=0 ); /* IE6-9 */

	
	width:100%;
	position:relative;padding: 80px 0px;
    padding-top: 30px;
}
.footer:before{
	content:"";width:100%;height:13px;background:url(../images/2020/shadow_ft.png)no-repeat top center;
	position:absolute;top:0px;left:0px;
}
.content-footer{

	 margin:0 auto;	
}
.title_footer{
	font-size:18px;color:#ffffff;text-transform:uppercase;font-weight:700;
}
.ttcty{
	float:left;
	width:420px;
	padding-top:20px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:300;
	line-height:2;
}
.ttnxuong{
	float:left;
	width:490px;
	padding-top:20px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:300;
	line-height:2;

}
.ttlienhe{
	float:left;
	width:290px;
	padding-top:20px;
	font-size:15px;
	font-weight:300;
	line-height:2;
}
.ttlienhe img{
	float:left;
	margin-left:10px;
	margin-top:15px;
}
.copyright{
	position:absolute;bottom:0px;right:0px;color:#fff;
	background:#0047c0;
	width:1230px;    padding: 15px 25px;
}
.copyright:before{
	content:"";position:absolute;bottom:0px;left:-36px;
	width:76px;height:46px;background:url(../images/2020/icon_top.png)no-repeat top left;
}
.copyright_text{width:49%;float:left;
	padding-left:20px;
}
.thong_ke{
	    width: 30%;
    float: left;
    text-align: right;
}
.thong_ke p{
	display:inline-block;padding-left:10px;padding-right:10px;
	border-right:1px solid #fff;
}
.style-li{

}
/*menu*/
<!--memu-->
#cssmenu {
  position: relative;
  height: 40px;
  width: auto;
  border:1px #FD0206 solid;

}

#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  width: 100%;height:48px;
  z-index: 500;
}
/*
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
*/
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  height:48px;line-height:48px;
  
  margin: 0;
  
  background: url(../images/2020/space.png) no-repeat right center;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  
  text-decoration: none;
  width:auto;
  white-space:nowrap;
}
#cssmenu > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  padding: 0px 10px;
  color:#FFFFFF;
  width:auto;
  text-transform: capitalize;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
  width:auto;
}
#cssmenu > ul > li:hover > a {
  color:#FFF503;
  width:auto;
  background:#e4040c;
}
#cssmenu > ul > li.active > a {
  color:#FFF503;
  width:auto;
  background:#e4040c;
}
/*#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  width:auto;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
  border-top-color:#FC0004;
  width:auto;
}
*/
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
  
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
  background:#FC0004;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 262px;
  top: 0;
  opacity: 1;

}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
 
}
#cssmenu ul ul li a {

  /*width: 100%;*/
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color:#FFFFFF;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
 
}
#cssmenu ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
/*
#cssmenu > ul > li > ul::after {
  content: '';
  background:#FF0004;
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
*/
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
	height:40px;
	border-bottom:1px #FD0307 solid;
	
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: 40px;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
	background:#FF0004;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
	
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
	width:auto;
  }
  /*
  #cssmenu ul .has-sub::after {
    display: none;
  }
  */
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background:#080CAD;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  /*
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  /*#cssmenu ul.open #menu-button::after,*/
  /*
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }*/
}
<!--search-->
#container {
    width:240px;
    height:100%;
    margin:0 auto;
    position:relative;
}

#main {
    width:240px;
    position:absolute;
    top:50%;
    margin:-10px 0 -120px 0;
}
#top{
	color:#FFF;
	font-weight:500;
	text-align:center;
	width:44px;
	height:42px;
	padding:11px 0px;
	position:fixed;
	bottom:30px;
	right:10px;
	display:none;
	cursor:pointer;
	background-color:url(../images/icon_top.png)no-repeat top left;
	transition: background-color 0.2s ease-in-out;
}
#top:hover{
	background: #990004;
	background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); 
	background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);
	background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);
	background:-o-linear-gradient(top, #D60004 0%, #990004 100%);
}
.box_contact_r{
float: left;
text-align: justify;
width: 730px;
padding: 10px;
line-height: 2em;
}
.tablelienhe {
width: 100%;
border-spacing: 5px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.input{
	width: 440px;
height: 26px;
padding: 0px 7px;
border: 1px solid #dddddd;
background: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.noidung{
width: 440px;
height: 120px;
padding: 0px 7px;
border: 1px solid #dddddd;
background: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.button{
	display: inline-block;
border: none;
background: #000;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
color: #FFFFFF;
font-weight: bold !important;
padding: 7px 20px;
cursor: pointer;
}
#map_canvas{
width:100%;
height:500px;
margin-top:10px;

}
.thongtin{
	font-family:arial,helvetica,sans-serif;
	
}
/*re chuot vao anh*/
/*.imgctsp img{
-webkit-transform:scale(1); /*Webkit: Thu nhỏ kích thước ảnh còn 0.8 so với ảnh gốc*/
/*-moz-transform:scale(1); /*Thu nhỏ đối với Mozilla*/
/*-o-transform:scale(1); /*Thu nhỏ đối với Opera*/
/*-webkit-transition-duration: 0.5s; /*Webkit: Thời gian phóng to, nhỏ ảnh*/
/*-moz-transition-duration: 0.5s; /*Như trên*/
/*-o-transition-duration: 0.5s; /*Như trên*/
/*opacity: 0.7; /*Độ mờ của hình ảnh*/
/*margin: 0 10px 5px 0; /*căn đều giữa ảnh*/
/*}
.imgctsp img:hover{
-webkit-transform:scale(1.6); /*Webkit: Tăng kích cỡ ảnh lên 1.1 lần*/
/*-moz-transform:scale(1.6); 
-o-transform:scale(1.6); 
box-shadow:0px 0px 30px gray; /*Đổ bóng bằng CSS3*/
/*-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray; 
opacity: 1; /*Độ mờ của hình ảnh*/
/*}
/*tap*/
#tabs {
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

#tabs li {
    margin: 0;
    padding: 0;
    float: left;
}

#tabs a {
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #ad1c1c;
    background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    color: #fff;
    float: left;
    font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
    height: 35px;
    padding: 0 30px;
    text-decoration: none;
}

#tabs a:hover {
    background: #c93434;
    background: linear-gradient(220deg, transparent 10px, #c93434 10px);     
}

#tabs a:focus {
    outline: 0;
}

#tabs #current a {
    background: #fff;
    background: linear-gradient(220deg, transparent 10px, #fff 10px);
    text-shadow: none;    
    color: #333;
}

#content {
    background-color: #fff;
    background-image:         linear-gradient(top, #fff, #ddd);
    border-radius: 0 2px 2px 2px;
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    
}

/* Remove the rule below if you want the content to be "organic" */
#content > div {
    height: auto; 
}
#blue{
	
}