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

body { padding:0; margin:0; font-family: 'Roboto', sans-serif; font-size:16px; color:#333}
.cover { width:92%; margin:auto; }
.cover1 { width:100%; margin:auto; }

a { text-decoration:none;  color:#0CF}
.clear { clear:both;}
.content { margin:0 -1%;}
#header { box-shadow: 0 0 15px 3px #d4d4d4;  width:100%; background:#fff; z-index:9999}
h1 { font-size:20px;}
h2 { font-size:18px}
h3 { font-size:16px;}
.logo { width:100%; text-align:center}
	.logo img { width:50%; }
	.breadcrumbs {background: #f5f5f5;     padding: 8px 0;}
	.breadcrumbs a { color:#333; font-size:13px;}
.menu { width:100%;  padding-top:0px; padding-bottom:5px;}
table { border-collapse: collapse; width: 100%; }
table, th, td {  border: 1px solid #666; padding:5px; text-align:left}
#home { }
.slide { background:url(images/bg-slide.jpg) no-repeat top center; background-size:cover;}
	.slide .img { width:100%;}
	.slide .img img { width:100%;}
	.slide .info { width:100%;  padding-top:0px;}
	.slide .info h1 { color:#fff; padding-bottom:20px; padding-top:0;}
	.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:auto; margin-top:20px;}
	.hotline a { color:#fff; text-transform:uppercase; display:block; padding:10px;}

#service { padding:20px 0; background: #052b78; color:#fff}
#features h1 { text-align:center; color:#333}
.service { width:100%;}
.service .image {overflow: hidden;}
.service .image img { width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;}
.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:100%;}
	.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:100%; padding-top:20px;}
	.imgservice img { max-width:100%;}

.commit {}
.commit h2 { text-align: center; text-transform:uppercase; color:#e83224}
.commit ul { padding:0; margin:0; list-style:none; width:100%; margin:auto; padding:20px 0;}
.commit ul li { background:url(images/icon-v.png) no-repeat left center;  padding:15px; padding-left:40px;}
	
#features { padding:30px 0;}
#features h2 { }
#features .tit { text-align:center; line-height:23px; width:100%} 
	.features { width:100%; text-align:center}
	.features .stt { font-size:30px; font-weight:bold; color:#ca0000; width:10%; padding-top:20px; text-align:left; margin:auto;}
	.features .des { width:100%; height: auto; text-align:center}
	.features h3 {text-align:center !important}
	.features .des p {text-align: center !important; width:90%;}
	
#aboutus { background:#f5f5f5; padding:20px 0;}
#aboutus h2 { text-align:center; color:#e83224}
#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 h3, .about1 p { padding:20px; margin:0; text-align:left !important; line-height:23px;}
	.about1 h3 { padding-bottom:0;}

	
.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:100%; float:left; color:#fff;}
	.item-address h3 { text-transform:uppercase; font-size:16px;}
	.item-address p { font-size:14px;}
	
#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:100%;}
	.title { border-bottom:1px solid #e1e1e1; padding-bottom:10px; padding-top:6px;}
	.title a { color:#333; text-decoration:none; font-size:13px; }
	
	.right { width:100%; }
	.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; padding-bottom:10px; padding-top:10px;}
	.footer { width:90%; margin:auto}
	.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: 5px; 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; font-weight:400;}
	.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;}