html,
body {
	position: relative;
	font-family:  "Microsoft YaHei", "SimSun",  "Microsoft JhengHei","Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback",  "STHeiti",  sans-serif;
	z-index:-9;
	height:100%;
}

::selection {
  background: #03a4ed;
  color: #fff;
}

::-moz-selection {
  background: #03a4ed;
  color: #fff;
}


a{
	color: #393939;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}


a:hover, a:active {
    text-decoration: none;
    color: #ff9724;
}




.fs-7{
	font-size:15px;
}
.fs-8{
	font-size:14px;
}
.fs-9{
	font-size:13px;
}
.fs-10{
	font-size:12px;
}

.lh-md{
	line-height:1.8;
}




/* 文本溢出 */
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.truncate-clip { text-overflow: clip; }
.truncate-ellipsis { text-overflow: ellipsis; }
.truncate-line-1 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.truncate-line-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.truncate-line-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.truncate-line-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.ticker{
	overflow: hidden;
	position: relative;
}
.ticker-wrapper {
	display: flex;
	white-space: nowrap;
	padding:0;margin:0;list-style:none;
}
.ticker-item {
	display: flex;
	align-items: center;
	margin-right:1rem;
}


.top-headline{
	background-color:#3f51b5;
	border-bottom:1px solid #ddd;
	color:#fff;
	font-size:14px;
}

.headline-menu{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.headline-menu a{
	color:#fff;
	display:block;
	padding:0.5rem 1rem;
}
.headline-menu a:hover, .headline-menu a:active {
	background-color:#ff9724;
    color: #fff;
}

.top-brand{
	background-color:#fff;
}

.navbar-brand{
	position: relative;
}
.navbar-brand .tm{
	position: absolute;
    right: 0;
    top: 0;
	width:30px;height:40px;
    transform: translateX(100%) translateY(-100%);

	object-fit: contain;
}



.navbar-toggler{
	position: absolute;
    right: 10px;
    top: -130px;
}




@media (min-width: 992px){

	.row-cols-lg-8 > * {
	  flex: 0 0 auto;
	  width: 12.5%;
	}

}


@media (min-width: 1200px) {
	.row-cols-xl-10 > * {
	  flex: 0 0 auto;
	  width: 10%;
	}
}


.site-navbar{
	background-color:#3f51b5;
	padding:1rem;
	border-radius:10px;
}

.site-navbar .nav-link{
	text-align:center;
	color: #fff;
}
.site-navbar .nav-link:hover{
	color: #ffeb3b;
}


.part-breadcrumb{
	margin-top:1rem;
	padding:0.5rem 0;
	background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
}
.part-breadcrumb .breadcrumb{
	margin:0;
}


.footer{
	background-color:#3f51b5;
	padding:30px 0 10px;
	margin-top:1rem;
	
}
.footer p{
	color:#fff;
	font-size:14px;
}
.cert-images{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.cert-images .image{
	width:116px;height:46px;
	margin:5px;
	background-color:#fff;
	border-radius:5px;
}
.cert-images .image img{
	width:100%;height:100%;
	object-fit: contain;
	border-radius:5px;
}


section {
	margin:0.5rem 0 0;
}




.home-areasite{
	
}
.home-areasite ul {
	padding:0.2rem;
	background-color:#f8f9ff;
	line-height:2;
	border:1px solid #3f51b5;
}
.home-areasite ul li{
	width:5.882352941176471%;
	font-size:14px;
	text-align:center;
}





.home-scrollnews{
	
}
.scrollnews-box{
	display: flex;
    align-items: center;
	background-color:#f4f6ff;
	border-radius:5px;
	border: 1px solid #9E9E9E;
}
.scrollnews-box .title{
	flex-shrink: 0;
	background: #3f51b5;
    padding: 5px 10px;
	color:#fff;
	border-radius:5px 0 0 5px;
}



.home-headlines{}

.home-headlines .headlines-box{
	background-color:#fff;
	padding:1rem;
	text-align: center;
}

.home-headlines .headlines-box h1 a {
	display:block;
    color: #3848a0;
	font-size: 32px;
    font-weight: bolder;
}
.home-headlines .headlines-box h1 a:hover{
	color: #ff9724;
}

.headlines-links{
	margin-top:1rem;
}
.headlines-links h6{
	margin:0.5rem 0;
}

@media (min-width: 992px){
	.headlines-links{
		margin-top:1rem;
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: center;
	}
	.headlines-links h6{
		margin:0 1rem;
	}
}



.main-banner{}


.main-banner .banner-side{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
	gap: 5px;
}

@media (min-width: 992px) {
	.home-topbanner{
		margin-left:2rem;
	}
}
.home-topbanner .owl-carousel .owl-item img{
	width:100%; height:100%; max-height:100px; object-fit: cover;
}


.home-ads .owl-carousel .owl-item img{
	width:100%; height:100%; max-height:300px; object-fit: cover;
}




.card{
	position: relative;
}
.card .overlay{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1d71b690;
    padding: 0.5rem;
	border-radius:5px;
}
.card .overlay h6{
	color:#fff;
	font-size:15px;
	margin:0;
}




@media (min-width: 768px) {

	.main-banner .banner-side{
		flex-direction: column;
		gap:0;
	}
}



.card-side{
	border:none;
	
}
.card-side .card-header{
	background: none;
	
	border-top: 3px solid #1d71b7;


	padding-left:0;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	
}
.card-side .card-header h6{
	color:#1d71b7;
	font-weight:bold;
	margin-bottom:0;
}


.card-white{
	border:none;
	background-color:#fcfcff;
}
.card-white .card-header{
	background: none;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) 0;
	
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
	
.card-white .card-header h5{
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    color: #0071cb;
	flex-shrink: 0;
	margin:0;
}
.card-white .card-header h5:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0071cb;
}
.card-white .card-header .link-more{
	color: #a9a9a9;
	font-size:14px;
    text-decoration: none;
	margin-left: 1rem;
}

.list-item{
	display: flex;
    align-items: center;
    flex-direction: row;
}
.list-item .catename{
	flex-shrink: 0;
	margin-right:10px;
	color:#0f588b;
}
.list-item .catename:hover{
	color: #ff9724;
}


.link-dot{
	position: relative;
	padding-left:10px;
}
.link-dot:before {
    position: absolute;
    display: block;
    left: 0;
	top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #0762cb;
}


.link-caret{
	position: relative;
	padding-left:15px;
}
.link-caret:before {
	font-family: bootstrap-icons !important;
	content: '\F280';
    position: absolute;
    left: 0;
	top: 50%;
    transform: translateY(-50%);
    color: #ccc;
	font-size:10px;
}



.list-article{
	padding:0;margin:0;list-style:none;
	line-height:2.4;
}


.home-card{}




.article-list{
	padding:0;
}
.article-list .item{
	border-bottom: 1px dotted #ddd;
    padding-bottom: 1rem;
	margin-bottom:1rem;
}
.article-list .item .item-image{
	position:relative;
}

.article-list .item .item-image a{
	display:block;
}
.article-list .item .item-detail{
	display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    height: 100%;
}


.article-list .item .item-title{
    font-weight: 700;
}
.article-list .item .item-title a{
	display:block;
}

.article-list .item .item-data{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.article-list .item .item-data span{
	font-size:14px;
	color: #777;
}

.article-list .item .item-description{
    line-height: 1.8em;
    font-weight: 200;
	margin-bottom:0;
	margin-top:1rem;
}






.article{
	background-color:#fff;
	padding:0.5rem 1rem;
}
.article-title{
	line-height:1.6;
    font-weight: 600;
	text-align:center;

}

.article-info{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.article-info span{
	font-size:14px;
	margin:0 1rem;
	color: #777;
}

.article-content{
	margin:1rem 0;
	padding:1rem 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	
	line-height:2;
	font-weight: 400;

}
.article-content img{
	max-width:100%;
}

.article-qrcode{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.article-qrcode strong{
	font-size:14px;
}
.article-qrcode .figure-img{
	width:198px;
}
.article-qrcode .figure-caption{
	font-size:12px;
}