body {
	letter-spacing:1px;
}
.bgcolor{
	background-color: #f0f6ff!important;
}
.bgwhite{
	background-color: #f8fbff;
}
.n-ul{
	list-style-type: none;
}
.n-ul li{
	transition: .8s;
	border-color: white!important;
}
.n-ul li:hover{
	color: #0055d5;
	border-color: #0055d5!important;
}
.n-ul li.thispage{
	color: #0055d5;
	border-color: #0055d5!important;
}

.bgcolorblue{
	background-color: #3296fa;
	color: white;
}
.colorblueligh{
	color: #4c6280;
}
.bgblueligh{
	background-color: #dfecff;
}
.colorblue{
	color: #0055d5;
}
.colorbluedark{
	color: #002863;
}
.radius-lg{
	border-radius: 1rem;
}
.card-list p{
	margin: 0;
	margin-top: .2rem;
}
.thbgcolor{
	background-color: #adceff!important;
}.thtextcolor{
	 color: #0157d5!important;
 }
.tdbgcolor{
	background-color: #deebff!important;
}
.navbardian{
	cursor: pointer;
	transition: .5s;
	color: #7e7e7e!important;
}
.navbardian:hover{
	color: #0055d5!important;
}

.block-50{
	width: 50px;
	height: 50px;
}
.radius-left-none{
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
}
.radius-right-none{
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}

.fenbaise{
	background-color: #f4f4f4;
}

.diqiu1{
	transition: .5s;
	border: 7px solid rgba(255, 255, 255, .5);
}
.diqiu1:hover{
	border: 7px solid rgba(0,60,200,.2);
}
.diqiu2{
	transition: .5s;
	border: 7px solid rgb(255, 255, 255);
}
.diqiu2:hover{
	border: 7px solid rgba(0,0,0,0);
}
.diqiu3{
	border: 1px solid rgba(0,60,200,.5);
}
.diqiu4{
	border: 0px solid rgba(0,0,0,0);
	border-radius: 50%;
	transition: .5s;
}
.diqiu4:hover{
	border: 4px solid rgba(255,255,255,.4);
	background-color: rgb(0,60,200);
	color: white;
	opacity: 1;
}
.qiuwidth{
	width: 15%;
}
.qiubottom{
	bottom: -18%;
}

.jstop{
	top:2rem
}
.jsbottom{
	bottom:2.4rem
}
.jspt-5{
	padding-top: 2.8rem
}
.phfs-5{
	font-size: 1.2rem;
}
.jsmt-5{
	margin-top: 2.5rem;
}

@media screen and (max-width:992px) {
	.diqiu1{
		border-width: 3px;
	}
	.diqiu1:hover{
		border-width: 3px;
	}
	.diqiu2{
		border-width: 3px;
	}

	.diqiu2:hover{
		border-width: 3px;
	}
	.diqiu4:hover{
		border-width: 2px;
	}
	.qiuwidth{
		width: 20%;
	}
	.qiubottom{
		bottom: -34%;
	}
	.ph-text-start{
		text-align: left!important;
	}
	.ph-small{
		font-size: .8rem!important;
	}
	.jstop{
		top:0
	}
	.jsbottom{
		bottom:0
	}
	.jspt-5{
		padding-top: 0
	}
	.phfs-5{
		font-size: .9rem;
	}
	.jsmt-5{
		margin-top:  .6rem;
	}

}

.thisdiqiu{
	border: 7px solid rgba(0,60,200,.2);
}

.thisdiqiu .diqiu2{
	border: 7px solid rgba(0,0,0,0);
}

.thisdiqiu .diqiu4{
	border: 4px solid rgba(255,255,255,.4);
	background-color: rgb(0,60,200);
	color: white;
	opacity: 1;
}

.btntoplinkp{
	width: 12%;
	padding: .8rem 0rem;
	border-radius: .6rem;
	font-size: .8rem;
}
.btntoplink{
	background-color: rgba(13,110,253,.2);
	color: #333;
}
.row{
	margin: 0;
	padding: 0;
}

.cursor {
	cursor: pointer;
}

.daohang li{
	cursor: pointer;
}
.daohang *{
	font-size: 1rem;
}

.h-400px{
	height: 440px;
}

.scrollbar-light::-webkit-scrollbar {
	width: 5px;
}
.scrollbar-light::-webkit-scrollbar-track {
	background-color:#c7d9f9;
}
.scrollbar-light::-webkit-scrollbar-thumb {
	background-color:#eee;
}
.quhover {
	height: 22rem;
}
.quhover:hover  {
	cursor: pointer;
	border-top: 1px solid #dee2e6;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.userhov:hover {
	cursor: pointer;
	color: #fff;
	background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
}
.xm-jin {
	border: 2px solid #dee2e6!important;
}
.xm-jin:hover {
	border: 2px solid #d6b991!important;
}

.ul-mp-none,.ul-mp-none li{
	padding: 0!important;
	margin: 0!important;
	list-style: none;
}

.nav-pills .nav-link.active {
	background-color: white;
	color: #0d6efd;
	border-bottom: solid 4px #0d6efd;
	border-radius: 0;
}

.nav-pills .nav-link {
	background-color: white;
	color: rgb(108, 117, 125);
}

.cert-body {
	margin: 0;
	padding: 0;
	background-color: #f0f6ff;
}
.cert-container {
	background-color: white; margin-top: 20px
}
.cert-panel {
	width: 100%;
	min-height: calc(100vh - 180px);
	text-align: center;
	background-image: url('/static/image/linebg.jpg');
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
}
.tiny-circle {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	padding: 0;
	margin: 0 0 8px;
}
.title {
	display: inline-block; margin: 0 5px; color: #2b63ae; font-size: 32px; font-weight: bold
}
.entry-card {
	width: 266px; height: 327px;
	margin:20px;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}
.entry-title {
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 22px;
	font-weight: bold;
}
.entry-desc {
	position: absolute;
	top: 180px;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 13px;
}
.entry-bottom {
	position: absolute;
	top: 240px;
	left: 0;
	width: 100%;
	text-align: center;
}
.entry-btn {
	color: #2b63ae;
	background-color: white;
	padding: 5px 20px;
}
.entry-btn:hover {
	color: #2b63ae;
}
.entry-btn2 {
	color: #cbad76;
	background-color: white;
	padding: 5px 20px;
}
.entry-btn2:hover {
	color: #cbad76;
}
.cert-input {
	border: none;
	background-color: #eee;
	border-radius: 5px;
	padding: 10px 20px;
	color: #555;
}
.cert-input:focus {
	border: none;
	background-color: #eee;
	box-shadow: none;
}
.cert-label {
	color: #555;
}
.cert-btn {
	background-color: #2b63ae;
	color: white;
}
.cert-btn:hover {
	color: white;
}
.cert-card {
	width: 320px;
	margin: 0 auto;
	background-color: white;
	border-radius: 10px;
	padding: 40px 30px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}
.cert-breadcrumb {
	position: absolute;
	top: 20px;
	left: 20px;
}

.split-line {
	border-bottom: solid 1px #ddd;
	height: 10px;
	padding-top: 10px
}

.txt-overflow {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	line-clamp: 1;
	-webkit-line-clamp: 1;
}

.txt-overflow-2line {
	line-clamp: 2;
	-webkit-line-clamp: 2;
}

#zhaopin *{
	transition: .5s;
}
#webbottominfo a { color:#fff; }

@media screen and (max-width:992px) {
	.quhover {
		height: 16rem;
	}
	.ph-100zx{
		width: 100% !important;
	}
}
@media screen and (max-width:768px) {
	.cert-container {
		background: none;
	}
	.cert-panel {
		background-image: url('/static/image/linebgmobile.png') !important;
	}
	.cert-card {
		width: 100%;
		box-shadow: none;
		background: none;
	}
}

.tt-nav-item {
	position: relative;
}

.nav-angle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 25px;
	z-index: 1010;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.nav-angle-inner {
	transform: rotate(135deg);
	height: 15px;
	width: 15px;
}

.nav-pop {
	position: absolute;
	left: 0;
	width: 100vw;
	padding-top: 32px;
	z-index: 1000;
	display: none;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.nav-pop-inner {
	padding: 15px;
	margin: 0 auto;
	min-height: 100px;
	min-width: 300px;
	border-radius: 8px;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
	transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
}

.nav-pop-content {
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.nav-title {
	cursor: pointer;
	line-height: 28px;
	padding: 14px 10px;
}

.nav-title-text {
	color: #444;
	font-weight: bold;
	border-bottom: solid 3px #f8fbff;
	transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
}

.tt-nav-item:hover .nav-title-text {
	color: #0055d5;
	border-bottom-color: #0055d5;
}

.nav-pop-content {
	height: 100%;
}

.nav-pop-content-title {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	line-height: 50px;
	cursor: pointer;
}

.nav-pop-content-row {
	border-radius: 4px;
	height: 100%;
	padding: 15px;
}

.nav-pop-content-row-color {
	background-color: #e7f1ff;
	/*padding-bottom: 50px;*/
}

.nav-pop-content-img {
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}
.nav-pop-content-img img {
	transition: transform 0.2s ease-in-out;
}
.nav-pop-content-img:hover img {
	transform: scale(1.1);
}

.nav-pop-content-link {
	cursor: pointer;
	line-height: 44px;
	color: #0077cc;
	white-space: nowrap;
}

.nav-pop-content-link-bottom {
	position: absolute;
	bottom: 15px;
}

.nav-pop-content-desc {
	color: #555;
	font-size: 14px;
	padding: 10px 0;
}

.nav-pop-content-link:hover {
	color: #0460a2;
}
.nav-pop-content-arrow {
	font-size: 18px;
	display: inline-block;
	transition: transform 0.2s ease;
}
.nav-pop-content-link:hover .nav-pop-content-arrow {
	transform: translateX(50%);
}