@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; font-family: 'Roboto', sans-serif; font-size:16px; color:#333}
.cover { width:1200px; margin:auto; }
.cover1 { width:1200px; margin:auto; }
a { text-decoration:none; color:#0CF}
.clear { clear:both;}
.breadcrumbs {background: #f5f5f5;     padding: 8px 0;}
	.breadcrumbs a { color:#333; font-size:13px;}
.content { margin:0 -1%;}
#header { box-shadow: 0 0 15px 3px #d4d4d4; height:79px; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:9999}
table { border-collapse: collapse; width: 100%; }
table, th, td {  border: 1px solid #666; padding:5px; text-align:left}
.logo { width:26%; float:left; text-align:left}
	.logo img { width:68%;}
.menu { width:68%; float:right; padding-top:16px;}
#home { padding-top:79px;}
.slide { background:url(images/bg-slide.jpg) no-repeat top center; background-size:cover; margin-top:15px;}
	.slide .img { width:60%; float:left;}
	.slide .img img { width:90%; float:left;}
	.slide .info { width:38%; float:right; padding-top:30px;}
	
	.slide .info h2 { color:#F00; padding-bottom:30px; border-bottom:2px dashed #f0e318; width:82%;}
	.slide .info ul { list-style:none; padding:0; margin:0; position:relative;}
	.slide .info ul li { color:#f0e318;padding:10px 0; padding-left: 28px; line-height:20px;}
	.slide .info ul li:before { background:url(images/icon-tick.png) no-repeat top left; width:30px; height:30px; content: "";     position: absolute; left:0;}
	
	.hotline { background:rgb(244, 67, 54); width:200px; border-radius:20px; text-align:center; margin-top:30px; float:left}
	.hotline a { color:#fff; text-transform:uppercase; display:block; padding:10px;}

#service { padding:20px 0; background:#052b78;  color:#fff}

.service { width:23%; float:left; margin:1%;}
.service .image {overflow: hidden;}
.service .image img { width:100%; -webkit-transition: all .4s linear; transition: all .4s linear; height: 168px; object-fit: cover;  object-position: center;}
.service .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.service h3 a{ color:#ca0000;  padding-bottom: .4em;   position: relative;}
.service h3 a:after {background-color: #fdd415;  content: ""; width: 28px; height: 4px; border-radius: 5px; position: absolute; left: 0;bottom: 0;}
.service p { line-height:23px; color:#333; text-align:justify;}

.infoservice { width:48%; float:left; padding-left:1%;}
	.infoservice h2 { margin-top:0; padding-top:0;}
	.infoservice ul { padding:0; margin:0; list-style:none;}
	.infoservice ul li { background:url(images/icon-tick2.png) no-repeat left center;  padding:10px; padding-left:30px;}
	
	.imgservice { width:49%; float:right; padding-top:0; padding-right:1%}
	.imgservice img { max-width:100%;}
	
	#aboutus button { background: rgb(244, 67, 54); color:#fff; padding:15px 20px; border:none; border-radius:20px;  font-weight:bold; width:100%}
	.xemgia { width:40%; margin:auto;}
	#div1 { display:none; padding-top:20px;}

.commit {}
.commit h2 { text-align: center; text-transform:uppercase; color:#e83224}
.commit ul { padding:0; margin:0; list-style:none; width:60%; margin:auto; padding:20px 0;}
.commit ul li { background:url(images/icon-v.png) no-repeat left center;  padding:15px; padding-left:40px;}

#slogan { background:url(images/banner.jpg) no-repeat; background-size:cover; color:#fff; padding:60px 0;}
	.text1 { width:80%; float:left;}
	.text2 { width:20%; float:right; text-align:center}
	.text2 a { background:#fff; border-radius:5px; padding:15px; color:#333; text-decoration:none; margin-top:20px; display:block;}
	
#features { padding:30px 0;}
#features h1 { text-align:center;}
#features .tit { text-align:center; line-height:23px; width:68%; margin:auto;} 
	.features { width:48%; float:left; margin:1%; text-align:center}
	.features .stt { font-size:30px; font-weight:bold; color:#ca0000; width:10%; float:left; padding-top:50px; text-align:left}
	.features .des { width:86%; float:right; height:138px; overflow:hidden;}
	.features h3 {text-align:left !important}
	.features .des p {text-align:left !important; width:100% !important;}
	
#aboutus { background:#f5f5f5; padding:20px 0;}
#aboutus h2 { }
#aboutus p { text-align:center; font-size:14px;}
	.about1 { width:100%;box-shadow: 0px 4px 24px 0px rgba(214,214,214,0.89);-webkit-box-shadow: 0px 4px 24px 0px rgba(214,214,214,0.89);background-color: rgb(255, 255, 255); margin:20px 0;}
	.about1 h4, .about1 p { padding:20px; margin:0; text-align:left !important; line-height:23px;}
	.about1 h4 { padding-bottom:0;}
	
	.about2 { width:38%; float:right;}
	.about2 img { width:100%;}
	
.box-address {background-color: rgb(35, 40, 69);}
.box-address .title { border-bottom:1px solid #e1e1e1; color:#fff; text-transform:uppercase; background:url(images/icon-add.png) no-repeat left center; font-weight:bold; padding:10px; padding-left:30px;}
.box-address .title h2 { font-size:20px}
.box-address .content {}
	.item-address { width:31%; margin:1%; float:left; color:#fff;}
	.item-address h3 { text-transform:uppercase; font-size:16px;}
	.item-address p { font-size:14px;}
	
	.frm { width:50%; float:left;}
	.infocontact { width:48%; float:right;}
	
#newhome h2 { text-align:center;}
	.newhome { width:31.3323%; float:left; margin:1%;}
	.newhome .image {overflow: hidden;}
	.newhome .image img { width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;}
	.newhome .image:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
	.newhome h3 { color:#ca0000;  padding-bottom: .4em;   position: relative;}
	.newhome p { line-height:23px; color:#333;}
	
	.left { width:69%; float:left; background:#FFF; padding:1%;}
	.title { border-bottom:1px solid #e1e1e1; padding-bottom:10px; padding-top:6px;}
	.title a { color:#333; text-decoration:none; font-size:13px; }
	
	.right { width:26%; float:right;}
	.boxright { border:1px solid #e1e1e1; margin-bottom:20px;}
	.boxright .tit { background:#1b3665; color:#fff; padding:10px; text-transform:uppercase;}
	.boxright .con { padding:10px;}
	.boxright .con a { text-decoration:none; color:#333}
	.boxright .con a:hover { color:#ca0000}
	.view img { max-width:100%;}
	
	.newlist { padding:20px 0;}
	.newlist .img { width:36%; float:left}
	.newlist .img img{ width:100%;}
	.newlist .des { width:62%; float:right;}
	.newlist .des a { color:#ca0000; text-decoration:none; font-weight:bold;}
	
	.newright { padding:10px 0;}
	.newright img { width:28%; float:left;}
	.newright p { width:68%; float:right; padding:0; margin:0; font-size:14px;}
	
	.others a { font-size:13px; color:#333; text-decoration:none;}
	.others a:hover { color:#ca0000}
	
	.infobox { margin: 10px auto; padding: 10px; border: 2px solid #c3e5f8; -ms-border-radius: 5px; border-radius: 5px; background-color: #dbedf9;  line-height: 155%; clear: both; font-size: 16px;}
	
#footer { background:#333; color:#fff; font-size:13px;}
	.footer { width:31.3323%; float:left; margin:1%;}
	.footer h3 { color:#fff;  padding-bottom: .4em;   position: relative;}
	.footer h3:after {background-color: #fdd415;  content: ""; width: 28px; height: 4px; border-radius: 5px; position: absolute; left: 0;bottom: 0;}
	.footer a { color:#ca0000; text-decoration:none;}
	.footer a:hover { color:#fff;}
	
	.contactms {position: fixed; bottom: 20px; left: 15px; z-index: 9999;}
	.contactms ul {list-style: none;padding: 0; margin: 0;}
	.contactms ul li {position: relative; margin:10px;}
	.contactms ul li a { border-radius: 20px; display:block; padding:12px; padding-left:40px; color:#fff;}
	.contactms ul li.zaloms a {background: #0065F7 url(images/zalo.png) no-repeat 10px center;}
	.contactms ul li.facems a {background: #125C9E url(images/face.png) no-repeat 10px center;}
	.contactms ul li.tikms a {background: rgb(254 44 85) url(images/tiktok_icon.png) no-repeat 10px center;}
	.contactms ul li.phonems a {background: #E80000 url(images/phone.png) no-repeat 10px center;}