:root {
	--logo: url(https://zsb.cdisu.edu.cn/assets/images/logo.png) !important;
	--logo-xs: url(https://zsb.cdisu.edu.cn/assets/images/logo-xs.png) !important;
}

a {
	color: #cc0000;
	transition: text-decoration 1.35s ease;
	text-decoration: none;
}

	a:hover {
		color: #f30213;
		text-decoration: underline;
	}

.collapsing {
	height: initial;
}

.landing-header {
	--landing-header-padding-y: .75rem;
	background-color: rgb(225,37,27);
	padding-top: var(--landing-header-padding-y);
	padding-bottom: var(--landing-header-padding-y);
	margin-bottom: 10px;
}

	.landing-header > .container {
		display: flex;
		align-items: center;
	}

.navbar-main {
	background-color: rgb(225,37,27);
	margin-bottom: 20px;
}

.navbar-brand {
	padding: 0;
	max-width: 142px;
	min-height: 1.875rem;
	background: var(--logo-xs) center left;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: auto;
	flex-grow: 1;
}

.nav-link:hover,
.nav-link:focus {
	text-decoration: none;
}

.dropdown-item:focus,
.dropdown-item:hover {
	text-decoration: none;
}

.landing-header .navbar-toggler {
	padding: .25rem .5rem;
	margin-right: -.5rem;
}

.landing-header .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.heade-contact {
	margin: 0;
	display: none;
	align-items: center;
}

	.heade-contact > li {
		list-style: none;
	}

		.heade-contact > li:not(:last-child) {
			padding-right: 3rem;
			position: relative;
		}

			.heade-contact > li:not(:last-child)::before {
				content: '';
				position: absolute;
				right: 27px;
				top: 0;
				background: #032e42;
				height: 36px;
				width: 1px;
				display: block;
				opacity: .1;
			}

		.heade-contact > li > span,
		.heade-contact > li > em {
			display: block;
			padding-left: 2rem;
			line-height: 1;
		}

		.heade-contact > li > span {
			font-family: Fira Sans;
			font-weight: 700;
		}

		.heade-contact > li > em {
			color: #676767;
			vertical-align: baseline;
			padding-top: .25rem;
			font-size: .875rem;
		}

	.heade-contact .wc-icon {
		display: block;
		position: absolute;
		width: 1.5rem;
		height: 1.5rem;
		background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='rgb(255,0,0)' class='bi bi-telephone-inbound' viewBox='0 0 16 16'%3e%3cpath d='M15.854.146a.5.5 0 0 1 0 .708L11.707 5H14.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793L15.146.146a.5.5 0 0 1 .708 0zm-12.2 1.182a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z'/%3e%3c/svg%3e") no-repeat left center;
		background-size: contain;
	}


.banner {
	margin-top: -10px;
	margin-bottom: 20px;
}

.carousel-indicators li {
	border: 0;
	margin-right: 4px;
	margin-left: 4px;
	height: 4px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,.2);
}

.breadcrumb {
	padding: .5rem 0;
	background-color: transparent;
	margin-bottom: 10px;
}

	.breadcrumb::before {
		content: 'L';
		color: transparent;
		padding-right: 1rem;
		background: url(https://zsb.cdisu.edu.cn/assets/images/pin-location.svg) no-repeat left center;
		background-size: 1.25rem 1.25rem;
	}

.breadcrumb-item + .breadcrumb-item::before {
	color: transparent;
	padding-left: .5rem;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat left center;
}

.page-footer {
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.card-categories {
	border-width: 0;
}

	.card-categories .card-header {
		background-color: #f3a712;
		color: #fff;
		border-width: 0;
		font-size: 20px;
		margin-bottom: 1px;
		font-weight: bolder;
		background-image: url(https://zsb.cdisu.edu.cn/assets/images/home2-bg1.png);
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	/*    page-categroy  */
	.card-categories .list-group-item {
		background-color: #F6F3EE;
		margin-bottom: 2px;
		padding-top: .75rem;
		padding-bottom: .75rem;
	}

		.card-categories .list-group-item.active {
			margin-top: 0;
			border-top-width: 0;
			border-color: #e66;
		}

			.card-categories .list-group-item.active a {
				color: #D83030;
				font-weight: bolder;
			}

			.card-categories .list-group-item.active::before {
				content: "\f0da";
				font-family: FontAwesome;
				font-size: 1.125rem;
				line-height: 1.5rem;
				color: rgb(216,48,48);
				display: block;
				float: left;
				margin-left: -.75rem;
			}

.page-article .card-articlecontent .caption,
.card-category-content .caption {
	padding-top: .5rem;
	font-weight: bolder;
}

.card-category-content > .card-header {
	background-color: transparent;
	border-color: #e94f08;
	border-bottom-width: 3px;
	-webkit-border-image: -webkit-linear-gradient(left,#39dfaa 30%,#D83030 100%);
	border-image: linear-gradient(left,#39dfaa 30%,#D83030 100%);
	border-image-slice: 1;
}

.pagination {
	--bs-pagination-active-bg: rgb(225,37,27);
	--bs-pagination-active-border-color: rgb(225,37,27);
	--bs-pagination-color: #cc0000;
}



@media screen and (min-width: 992px) {
	.landing-header {
		background-color: rgb(255,255,255);
		margin-bottom: 0;
	}

	.heade-contact {
		display: flex;
	}

	.banner {
		margin-top: -20px;
	}

	.navbar-brand {
		max-width: initial;
		min-height: 70px;
		background: var(--logo) no-repeat center left;
	}

	.navbar-main,
	.navbar-main.collapse {
		display: flex;
		padding: 0;
	}

		.navbar-main .navbar-nav:not(.mr-auto) .nav-item:last-child .nav-link {
			border-right: 1px solid rgba(255,255,255,.15);
		}

		.navbar-main .navbar-nav .nav-link {
			color: rgba(255,255,255,.8);
			padding: 1rem .75rem;
			border-left: 1px solid rgba(255,255,255,.15);
		}

			.navbar-main .navbar-nav .active > .nav-link,
			.navbar-main .navbar-nav .nav-link.active {
				color: rgb(255,255,240);
				background-color: rgba(204,24,16);
			}

		.navbar-main .nav-item .nav-link:hover,
		.navbar-main .nav-item .nav-link:focus {
			color: rgb(255,240,224);
			background-color: rgba(192,23,24,.5);
		}

	.breadcrumb {
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 1200px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 1rem 1.25rem;
	}
}


@media screen and (max-width: 991.98px) {
	.navbar-main {
		transition: transform .35s ease;
		transform: translate3d(20%,0,0);
		position: fixed;
		width: 65vw;
		max-width: 100vw;
		top: 0;
		bottom: 0;
		left: 100%;
		z-index: 50;
		flex-direction: column;
		padding: 1rem;
		display: block;
		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
		background-color: rgba(224, 32, 24,.96);
		padding: 30px;
		box-shadow: 0 0 2rem rgba(0,0,0,.375);
	}

		.navbar-main.show {
			transform: translate3d(-100%,0,0);
		}

		.navbar-main .navbar-collapse .navbar-toggler-icon {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 10 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h1M4 15h1M4 23h1'/%3E%3C/svg%3E");
			width: .625rem;
		}

		.navbar-main .navbar-collapse .navbar-toggler-icon {
			display: block;
			width: 24px;
			height: 24px;
			line-height: 24px;
			position: relative;
			transition: transform .5s;
			transition-delay: .25s;
		}

		.navbar-main.show .navbar-collapse .navbar-toggler-icon {
			transform: rotate(135deg);
		}

		.navbar-main .navbar-collapse .navbar-toggler {
			padding: .3125rem;
			border-width: 0;
		}

		.navbar-main .navbar-collapse .navbar-toggler-icon::before,
		.navbar-main .navbar-collapse .navbar-toggler-icon::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			background-color: rgb(255, 240, 224);
			border-radius: 0;
			position: absolute;
			top: 11px
		}

		.navbar-main .navbar-collapse .navbar-toggler-icon::after {
			transform: rotate(90deg);
			transition: transform .35s;
			transition-delay: .35s
		}
}