/* Minification failed. Returning unminified contents.
(6,25): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(63,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(71,15): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(104,14): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(118,25): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(126,15): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(148,14): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(161,14): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(173,14): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(205,25): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(228,25): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(246,25): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(255,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(278,14): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(284,14): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(347,15): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(353,15): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
(394,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(411,27): run-time error CSS1039: Token not allowed after unary operator: '-sub-color'
 */
.introduce {
	padding-top: 180px;
}

.home-news-lg {
	background-color: var(--gray-color);
	margin-bottom: 40px;
	padding: 15px 15px 0;
	min-height: 370px;
	border-radius:6px;
}

.lg-center {
	min-height: 470px;
	position: relative;
	top: -50px;
}

.home-n-lg-img {
	width: 100%;
	height: 150px;
	position: relative;
	top: -50px;
	overflow: hidden;
	-webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.8);
	box-shadow: 0 20px 40px rgba(0,0,0,0.8);
	border-radius:6px;
}

.lg-center .home-n-lg-img {
	height: 200px;
}

.home-n-lg-img .img-ct {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.home-news-lg:hover .img-ct,
.home-news-lg:focus .img-ct {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.home-n-lg-infor {
	padding-top: 15px;
	position: relative;
	top: -30px;
}

	.home-n-lg-infor h3 {
		font-size: 18px;
		line-height: 26px;
		font-family: var(--main-font);
		text-align: center;
		max-height: 49px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-weight: 900;
		color: var(--main-color);
	}

.lg-center .home-n-lg-infor h3 {
	font-size: 20px;
}

.home-n-lg-infor h3 i {
	font-size: 14px;
	position: relative;
	top: -3px;
}

.home-n-lg-infor p {
	text-align: justify;
	color: #fff;
	font-size: 14px;
	margin-bottom: 0 !important;
	max-height: 150px;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lg-center .home-n-lg-infor p {
	max-height: 190px;
	display: -webkit-box;
	-webkit-line-clamp: 10;
}

.home-n-lg-infor p i {
	font-size: 12px;
	color: var(--main-color);
	display: inline-block;
	margin-left: 5px;
}

.map-list .header-info h3::before {
	width: 20%;
}

.map-list .header-info h3::after {
	width: 20%;
}

.map-wrapper {
	background-color: var(--sub-color);
	padding: 15px;
}

	.map-wrapper .map-title {
		background-color: #000;
		font-size: 18px;
		font-weight: bold;
		color: var(--sub-color);
		padding: 13px 0;
		display: block;
		margin-bottom: 0;
	}

.image-list {
	padding: 40px 0 30px;
}

.map-wrapper .r-15 {
	padding-right: 0px;
}

.map-wrapper .l-15 {
	padding-left: 0px;
}

.map-wrapper .number {
	background-color: #000;
	display: inline-block;
	text-align: center;
	color: var(--sub-color);
	font-weight: bold;
	font-size: 22px;
	padding: 10px 20px;
	margin-right: 20px;
}

.map-list .nav-link {
	padding: 0;
}

.map-list .nav-pills .nav-link.active, .map-list .nav-pills .show > .nav-link {
	background-color: #000;
	color: var(--sub-color);
}

.map-list .nav-pills .nav-link {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	border-radius: 0;
}

.map-bottom {
	background-color: #000;
	color: var(--sub-color);
	font-size: 18px;
	margin-bottom: 0;
}

	.map-bottom i {
		font-size: 22px;
		padding: 15px;
		margin-right: 20px;
		display: inline-block;
	}

	.map-bottom p {
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 0;
		margin-bottom: 0;
	}

#map-1, #map-2, #map-3, #map-4, #map-5 {
	width: 100%;
	height: 302px;
}



.lg-img {
	display: block;
	padding: 10px;
	width: 100%;
	height: 300px;
	background-color: var(--sub-color);
	overflow: hidden;
	-webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.8);
	box-shadow: 0 20px 40px rgba(0,0,0,0.8);
}

	.lg-img .img-ct {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

.lg-sm {
	display: block;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
	height: 140px;
	background-color: var(--sub-color);
	overflow: hidden;
	-webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.8);
	box-shadow: 0 20px 40px rgba(0,0,0,0.8);
}

	.lg-sm .img-ct {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

.image-title {
	background-color: var(--sub-color);
	padding: 50px 20px 15px;
	position: relative;
	top: -40px;
	z-index: -1;
}

	.image-title h3 {
		line-height: 40px;
		font-family: var(--main-font);
		font-weight: 600;
	}

.image-wrapper {
	padding: 0 20px;
}


.content-bottom {
	padding: 60px 0 40px;
}

	.content-bottom .header-info h3::before {
		width: 20%;
	}

	.content-bottom .header-info h3::after {
		width: 20%;
	}

.content-items h1 {
	font-weight: 900;
	color: var(--sub-color);
	font-size: 70px;
}

.content-items h3 {
	font-weight: 400;
	color: var(--sub-color);
}

.banner-middle-d {
	min-height: 400px;
}

@media screen and (max-width: 991px) {
	.home-n-lg-infor h3,
	.lg-center .home-n-lg-infor h3 {
		font-size: 14px;
	}

	.image-title h3 {
		font-size: 20px;
		line-height: 25px;
	}

	.banner-middle-d {
		min-height: 200px;
	}

	.content-items {
		margin-bottom: 40px;
	}

	.map-list .nav-pills .nav-link {
		font-size: 16px;
	}

	.map-bottom, .map-bottom p {
		font-size: 12px;
	}
}

@media screen and (max-width: 768px) {
	.introduce {
		padding-top: 100px;
	}

	.home-n-lg-img {
		height: 200px;
	}

	.lg-center {
		margin-top: 100px;
	}

	.lg-img {
		margin-bottom: 20px;
	}

	.home-n-lg-infor h3,
	.lg-center .home-n-lg-infor h3 {
		font-size: 16px;
	}

	.header-info h3 {
		font-size: 16px;
	}

	.content-items h1 {
		font-weight: 900;
		color: var(--sub-color);
		font-size: 50px;
	}

	.content-items h3 {
		font-weight: 400;
		color: var(--sub-color);
		font-size: 18px;
	}

	.map-list .nav-pills .nav-link {
		font-size: 12px;
	}

	.map-wrapper .number {
		font-size: 14px;
		padding: 10px 5px;
		margin-right: 5px;
	}

	.map-bottom i {
		font-size: 0px;
		padding: 0;
		margin-right: 20px;
		display: inline-block;
	}

	.map-bottom, .map-bottom p {
		font-size: 10px;
	}

	#map-1, #map-2, #map-3, #map-4, #map-5 {
		width: 100%;
		height: 230px;
	}
}

@media screen and (max-width: 544px) {
	.header-info h3::before {
		width: 0% !important;
	}

	.header-info h3::after {
		width: 0% !important;
	}

	.header-info h3 {
		border-bottom: 1px solid var(--main-color);
		padding-bottom: 5px;
	}

	.map-wrapper {
		padding: 0;
	}

		.map-wrapper .r-15 {
			padding-right: 15px;
		}

		.map-wrapper .l-15 {
			padding-left: 15px;
		}

		.map-list .nav-pills .nav-link, .map-wrapper, .map-wrapper .map-title {
			border: 1px solid var(--sub-color);
		}

	.map-list .nav-pills .nav-link {
		font-size: 14px !important;
	}

	.map-bottom, .map-bottom p {
		font-size: 12px !important;
	}
}