/* ==========================================================================
   airuiyoka / index.css —— 线上原样取回，不要手改结构
   --------------------------------------------------------------------------
   来源：https://www.airuiyoka.com/css/index.css
   抓取：2026-10-29，16929 字节

   与主站 /css/index.css 同为 16929 字节，但差 32 行：
      主色 #e60012 → #ff4466，banner 高度 417px → 537px。不要合并成一份。
   ========================================================================== */

/*基础*/
body {
	margin: 0;
	font-family: '宋体', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
	overflow-x: hidden;
}

a:hover {
	color: #ff4466 !important;
}

.text-clamp-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	height: 24px;
	line-height: 24px;
	padding-top: 0 !important;
}
.text-clamp-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.text-clamp-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.fs-12 {
	font-size: 12px !important;
}

.text-light-grey {
	color: #bbb;
}

/*基础 end*/
/*顶部导航*/
.logo {
	position: absolute;
	left: -130px;
	top: 10px;
	height: 40px;
	z-index: 9000;
}

@media (max-width: 1450px) {
	.logo {
		display: none;
	}
}

.top-nav {
	background: #ff4466;
}

.top-nav.position {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
}

.navbar {
	padding: 0;
}

.wrapper {
	position: relative;
	height: 60px;
	width: 100%;
	margin: 0 auto;
}

.wrapper .scroller {
	position: absolute
}

.wrapper .scroller li {
	height: 60px;
	line-height: 60px;
	text-align: center
}

.wrapper .scroller li a {
	position: relative;
	display: block;
	color: #fff !important;
	padding: 0 1rem;
	white-space: nowrap;
}
/*分类 子菜单*/
.submenu{
	padding: 0 20px;
	height: 30px;
	margin-top: 10px;
}
.submenu-box{
	background: #003c9f;
	padding: 0 10px;
}
.submenu a{
	font-size: 16px;
	color: #fff;
	line-height: 36px	;
	padding: 0 10px;
	font-family: "Microsoft YaHei";
	display: inline-block;
}
.submenu a:hover{
	color: #fff !important;
	text-decoration: underline;
}
.submenu span{
	display: inline-block;
	line-height: 36px;
	text-align: center;
	color: #fff;
	vertical-align: bottom;
}

@media (max-width: 576px) {
	.submenu{
		margin: 10px auto 0 !important;
		height: auto;
		width: 100%;
	}
}
/************/
/*分类顶部导航*/
.top-nav.classify {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.search-box.classify {
	margin-top: 60px;
}

.search-box {
	border-bottom: 1px solid #eff3f5;
}

.wrapper .scroller li.cur a {
	background: #c80010;
}

.wrapper .scroller li a:hover {
	background: #c80010;
	color: #fff !important;
}

@media (max-width: 576px) {
	.top-nav {
		padding: 0 !important;
	}

	.wrapper {
		height: 50px;
	}

	.wrapper .scroller li {
		height: 50px;
		line-height: 50px;
	}
}

/*搜索框*/
.badge-info {
	background: #ff4466;
	font-size: 26px;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	vertical-align: middle;
}
.badge-info[href]:hover, .badge-info[href]:focus {
	color: #fff !important;
	text-decoration: none;
	background-color: #c80010;
}

.search-box .btn {
	height: 40px;
	color: #fff;
	background: #ff4466;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

@media (max-width: 576px ) {
	.badge-info{
		font-size: 20px;
	}

	.navbar-brand img {
		height: 30px;
	}

	.navbar-brand {
		margin-right: 0;
		margin-left: 15px;
	}

	.search-box .form-control {
		font-size: 12px;
		margin-right: 15px;
	}

	.news-list li {
		padding-left: 1rem !important;
	}

	.recommend-content.news-list li {
		padding-left: 0 !important;
	}

	.recommend-title {
		margin-top: 20px !important;;
	}

	.news-list h5 a {
		font-size: 16px;
	}

	.container-fluid {
		padding: 0;
	}

	.carousel {
		margin-top: 0 !important;
	}

	.search-box .form-control {
		width: 200px !important;
	}
	.search-box .search-min{
		width: 100% !important;
		margin: 15px 15px 5px 15px;
	}
}

.search-box .form-control {
	height: 40px;
	width: 80%;
	background: #f9f9f9;
	border: 1px solid #e6e6e6;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	font-size: .8rem;
}
.search-box button{
	width: 20%;
}
.carousel-item img {
	width: 100%;
}

/*轮播图*/
.carousel {
	max-height: 380px;
}

.carousel-item {
	height: 380px;
}

.carousel-item p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	color: #fff;
	line-height: 50px;
	background: rgba(0, 0, 0, .6);
}

.carousel-item p a:hover {
	color: #fff !important;
}

.carousel-item img {
	top: 50%;
	left: 50%;
	height: 380px;
	width: 100%;
	position: absolute;
	-webkit-transform: perspective(1px) translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: perspective(1px) translate(-50%, -50%);
	object-fit: cover;
}

@media (max-width: 576px) {
	.carousel-item {
		height: 180px;
	}

	.carousel-item img {
		height: 180px;
	}

	.news-pic .pic-box img {
		height: 160px !important;
	}

	.news-pic .pic-box {
		height: 160px !important;
	}

}

/*轮播图 end*/
/*轮播列表*/
#scroll {
	width: 100%;
	font-family: "Microsoft Yahei";
}

#scroll .owl-wrapper-outer {
	margin: 0 auto;
}

#scroll .item {
	position: relative;
	width: 250px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
}

#scroll .txt {
	height: 100px;
	padding: 0 12px;
	color: #888;
}

#scroll h3 {
	width: 226px;
	margin-bottom: 6px;
	padding-top: 6px;
	font: 700 18px/25px arial, "Microsoft Yahei";
	overflow: hidden;
}

#scroll h3 a {
	color: #333;
	text-decoration: none;
}

#scroll h3 a:hover {
	color: #338de6;
}

#scroll p {
	height: 54px;
	line-height: 18px;
	font-size: 12px;
}

#scroll .item:hover .shd {
	background-color: rgba(0, 0, 0, 0);
}

#scroll .item:hover .txt {
	background-color: #fff \9;
	background-color: rgba(248, 249, 249, 0.95);
	box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95);
}

.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 110px;
	width: 30px;
	height: 60px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	font: 60px/60px "宋体";
	background-color: transparent;
	overflow: hidden;
	_display: none;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -50px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	right: -50px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before {
	content: "<";
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
	content: ">";
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

/****************************/
.news a h5 {
	font-family: "Microsoft YaHei";
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.news a {
	line-height: 1.8;
	height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
@media (max-width: 576px) {
	#scroll .item{
		width: auto !important;
	}
	.owl-theme .owl-controls .owl-buttons .owl-prev{
		top: 50px;
		left: 0;
		transform: scale(.5);
	}
	.owl-theme .owl-controls .owl-buttons .owl-next{
		top: 50px;
		right: 0;
		transform: scale(.5);
	}
}
/*******************************/
/*新闻列表*/
.card {
	border-color: #eff3f5;
	height: 537px;
}

.card-title {
	font-family: 'Microsoft YaHei';
	border-bottom: 1px solid #eff3f5;
}

.card-title a {
	color: #333;
}

.pic-box {
	height: 160px;
	overflow: hidden;
	position: relative;
}

.pic-box img {
	height: 160px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: perspective(1px) translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: perspective(1px) translate(-50%, -50%);
	object-fit: cover;
}
.pic-box img:hover{
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(1.1);
	transition: 400ms;
}
.pic-box p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	background: rgba(0, 0, 0, .6);
}

.card-body a {
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

.news-list li {
	border-bottom: 1px solid #eff3f5;
}

.news-list li:hover {
	background: #eff3f5;
}

.news-list .pic-box {
	height: 100px;
}

.news-list .pic-box img {
	height: 100px;
}

.news-list a {
	font-family: "Microsoft YaHei";
	color: #333;
}

.news-list p {
	height: 48px;
}

.news-list p a {
	height: 48px;
	font-family: "宋体";
	font-size: 14px;
	color: #888;
}

/*推荐*/
.card-link:hover {
	text-decoration: underline;
}

.card-link {
	position: relative;
	display: inline-block;
	margin-left: 0 !important;
	font-size: 14px;
	color: #333;
}

/*热点排行*/
.toplist-table a {
	font-size: 14px;
	color: #666;
}

.toplist-table tbody .toplist-right {
	font-size: 14px;
	font-family: Arial;
}

.toplist-table tr {
	line-height: 26px;
}

.toplist-table .badge-secondary {
	background: #dfdfdf;
	color: #999;
}

.toplist-table .badge {
	padding: 3px !important;
	width: 18px;
}

/*新闻文章*/
.breadcrumb li a,.breadcrumb li{
	color: #666;
	font-size: 14px;
}
.tags {
	height: 20px;
	line-height: 20px;
	margin-bottom: 13px;
}

.tag {
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	color: #888;
	border: 1px solid #bfbfbf;
	border-radius: 20px;
	margin-right: 5px;
}

.tag:hover, .tag:focus {
	color: #3498db;
	text-decoration: none;
	background: #feb3a7;
	border: 1px solid #e3f3fe;
}

@media (max-width: 576px) {
	.tags {
		float: none !important;
		margin-top: 5px;
	}

	.newsft h2 {
		font-size: 22px;
	}
}

.newsft {
	border-bottom: 1px solid #eff3f5;
	font-family: "Microsoft YaHei";
}

.article {
	font-size: 16px;
	color: #333;
	line-height: 2;
	font-family: "Microsoft YaHei";
}

.article p {
	text-indent: 25px
}

.article img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.link a, .link span, .link time {
	font-family: "Microsoft YaHei";
	font-size: 14px;
	margin-right: 5px;
}

.link a:hover, .link a:focus {
	color: #ff4466 !important;
}

.text-grey {
	color: #999 !important;
}

.text-grey:hover, .text-grey:focus {
	color: #999 !important;
}

.statement {
	text-indent: 0 !important;
}

/*底部链接*/
.footer {
	background: #eff3f5;
	width: 100%;
	padding: 10px 0;
	margin-top: 30px;
}

.footer .record {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	font-size: 12px;
	color: #7f8c8d;
	line-height: 26px;
	text-align: center;
}
.link.text-center{
	border: 1px solid #dfe9e6;
	padding:20px 0;
	margin-top: 20px;
	position: relative;
}
.link a{
	font-size: 12px;
	color: #7f8c8d;
}
.line{
	position: absolute;
	top: -14px;
	left: 50%;
	padding: 0 40px;
	margin-left: -73px;
	font-family: "Microsoft YaHei";
	color: #7f8c8d;
	border-left: 1px solid #dfe9e6;
	border-right: 1px solid #dfe9e6;
	background: #eff3f5;
}

/*404*/
* {
	font-family: "PT Sans Caption", sans-serif, "arial", "Times New Roman";
}
/* Error Page */
.error .clip .shadow {
	height: 180px; /*Contrall*/
}
.error .clip:nth-of-type(2) .shadow {
	width: 130px; /*Contrall play with javascript*/
}
.error .clip:nth-of-type(1) .shadow,
.error .clip:nth-of-type(3) .shadow {
	width: 250px; /*Contrall*/
}
.error .digit {
	width: 150px; /*Contrall*/
	height: 150px; /*Contrall*/
	line-height: 150px; /*Contrall*/
	font-size: 120px;
	font-weight: bold;
}
.error h2 {
	font-size: 32px;
}
.error .msg {
	top: -190px;
	left: 30%;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 32px;
}
.error span.triangle {
	top: 70%;
	right: 0%;
	border-left: 20px solid #535353;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.error .container-error-404 {
	margin-top: 10%;
	position: relative;
	height: 250px;
	padding-top: 40px;
}
.error .container-error-404 .clip {
	display: inline-block;
	transform: skew(-45deg);
}
.error .clip .shadow {
	overflow: hidden;
}
.error .clip:nth-of-type(2) .shadow {
	overflow: hidden;
	position: relative;
	box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8),
	20px 0px 20px -15px rgba(150, 150, 150, 0.8);
}

.error .clip:nth-of-type(3) .shadow:after,
.error .clip:nth-of-type(1) .shadow:after {
	content: "";
	position: absolute;
	right: -8px;
	bottom: 0px;
	z-index: 9999;
	height: 100%;
	width: 10px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(173, 173, 173, 0.8),
		transparent
	);
	border-radius: 50%;
}
.error .clip:nth-of-type(3) .shadow:after {
	left: -8px;
}
.error .digit {
	position: relative;
	top: 8%;
	color: white;
	background: #ff4466;
	border-radius: 50%;
	display: inline-block;
	transform: skew(45deg);
}
.error .clip:nth-of-type(2) .digit {
	left: -10%;
}
.error .clip:nth-of-type(1) .digit {
	right: -20%;
}
.error .clip:nth-of-type(3) .digit {
	left: -20%;
}
.error h2 {
	color: #a2a2a2;
	font-weight: bold;
	margin-bottom: 40px;
}
.error-btn a.btn{
	background: #ff4466;
	color: #fff;
}
.error-btn a.btn:hover{
	color: #fff !important;
	background: #c80010;
}
.error .msg {
	position: relative;
	z-index: 9999;
	display: block;
	background: #535353;
	color: #a2a2a2;
	border-radius: 50%;
	font-style: italic;
}
.error .triangle {
	position: absolute;
	z-index: 999;
	transform: rotate(45deg);
	content: "";
	width: 0;
	height: 0;
}

/* Error Page */
@media (max-width: 767px) {
	/* Error Page */
	.error .clip .shadow {
		height: 100px; /*Contrall*/
	}
	.error .clip:nth-of-type(2) .shadow {
		width: 80px; /*Contrall play with javascript*/
	}
	.error .clip:nth-of-type(1) .shadow,
	.error .clip:nth-of-type(3) .shadow {
		width: 100px; /*Contrall*/
	}
	.error .digit {
		width: 80px; /*Contrall*/
		height: 80px; /*Contrall*/
		line-height: 80px; /*Contrall*/
		font-size: 52px;
	}
	.error h2 {
		font-size: 24px;
	}
	.error .msg {
		top: -110px;
		left: 15%;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.error span.triangle {
		top: 70%;
		right: -3%;
		border-left: 10px solid #535353;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
	}
	.error .container-error-404 {
		height: 150px;
	}
	/* Error Page */
}

/*--------------------------------------------Framework --------------------------------*/

.overlay {
	position: relative;
	z-index: 20;
} /*done*/
.ground-color {
	background: white;
} /*done*/
.item-bg-color {
	background: #eaeaea;
} /*done*/

/* Padding Section*/
.padding-top {
	padding-top: 10px;
} /*done*/
.padding-bottom {
	padding-bottom: 10px;
} /*done*/
.padding-vertical {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-horizontal {
	padding-left: 10px;
	padding-right: 10px;
}
.padding-all {
	padding: 10px;
} /*done*/

.no-padding-left {
	padding-left: 0px;
} /*done*/
.no-padding-right {
	padding-right: 0px;
} /*done*/
.no-vertical-padding {
	padding-top: 0px;
	padding-bottom: 0px;
}
.no-horizontal-padding {
	padding-left: 0px;
	padding-right: 0px;
}
.no-padding {
	padding: 0px;
} /*done*/
/* Padding Section*/

/* Margin section */
.margin-top {
	margin-top: 10px;
} /*done*/
.margin-bottom {
	margin-bottom: 10px;
} /*done*/
.margin-right {
	margin-right: 10px;
} /*done*/
.margin-left {
	margin-left: 10px;
} /*done*/
.margin-horizontal {
	margin-left: 10px;
	margin-right: 10px;
} /*done*/
.margin-vertical {
	margin-top: 10px;
	margin-bottom: 10px;
} /*done*/
.margin-all {
	margin: 10px;
} /*done*/
.no-margin {
	margin: 0px;
} /*done*/

.no-vertical-margin {
	margin-top: 0px;
	margin-bottom: 0px;
}
.no-horizontal-margin {
	margin-left: 0px;
	margin-right: 0px;
}

.inside-col-shrink {
	margin: 0px 20px;
} /*done - For the inside sections that has also Title section*/
/* Margin section */

hr {
	margin: 0px;
	padding: 0px;
	border-top: 1px dashed #999;
}
/*--------------------------------------------FrameWork------------------------*/