:root{
	--primary:#3370FF
}
body{background: url(../images/certificateBg.jpg) center no-repeat;}
.certificate-top{
	display: flex;
	height: 60px;
	align-items: center;

}
.top{height: 60px;box-shadow: 0px 4px 4px 0px rgba(188, 187, 191, 0.20);}
.certificate-top .c-logo{margin-right: 125px;}
.certificate-top .c-logo img{display: block;}
.certificate-top ul{display: flex; gap: 0 40px; flex: 1;}
.certificate-top ul a{font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 14px;color: #666666;text-align: center;font-style: normal;}
.connect{display: flex;align-items: center;}
.connect .telephone{font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 14px;color: #3370FF;margin: 0 10px;position: relative;top: 1px;}
.checkCertificate{margin: 152px auto 0;width: 458px;
	height: 442px;
	background: #FFFFFF;
	box-shadow: 0px 13px 16px 0px rgba(39,89,135,0.14);
	border-radius: 8px 8px 8px 8px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 48px 50px 0;}
.checkCertificate h3{font-family: Spline Sans, Spline Sans;
	font-weight: 400;
	font-size: 24px;
	color: #000000;
	line-height: 34px; margin-top: 16px;}
.checkCertificate .inputNumber{
	width: 358px;
	height: 48px;
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #BDC1C6;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 10px;
	margin:36px auto;
}
.checkCertificate .inputNumber input{
	flex:1;padding-left:5px;
}
.checkCertificate .inputNumber input:focus{outline:none}

.inputNumber .number-icon{width: 24px;height: 24px;background-size: contain !important;background: url(../images/numberIcon.png) center no-repeat;}
.checkCertificate button{width: 358px;
	height: 54px;
	line-height: 54px;
	background: #3370FF;
	box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.04);
	border-radius: 16px 16px 16px 16px;font-family: Spline Sans, Spline Sans;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;margin-bottom: 36px;}

.checkCertificate .tips{
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 14px;
	color: #9FA3A9;
	line-height: 20px;
}


.certificate-type{display: flex;font-family: SourceHanSansCNVF, SourceHanSansCNVF;font-size: 14px;text-align: center;justify-content: space-around;margin-top: 36px;line-height: 24px;}
.certificate-type h5{font-family: SourceHanSansCNVF, SourceHanSansCNVF;
	font-weight: 500;
	font-size: 16px;
	color: #101C32;
	line-height: 24px;
	text-align: center;}
.certificate-type p{font-size: 14px;}
.certificate-type a{
	font-family: SourceHanSansCNVF, SourceHanSansCNVF;
	color: rgba(0, 125, 255, 1);
	font-size: 14px;
}
.type-images{position: relative;}
.jieye-type{margin-left: 50px;}
.xueshi-type{margin-left: 30px;}
.type-images{margin-top: 10px; min-height: 360px;}
.xueshi{position: absolute; left: 40px;}
.jieye{position: absolute; left: 50%; margin-left: -154px;}
.yanxiu{position: absolute; right: 30px; top: 75px;}
.gold1{position: absolute; z-index: 10; left: 295px; top: 194px;}
.gold2{position: absolute; z-index: 10; right: 345px; top: 200px;}
.computer{position: relative; min-height: 330px;}
.computer1{position: absolute;left: 45px;top: -14px;}
.computer2{position: absolute;left: 435px;top: -14px;}
.computer3{position: absolute;left: 825px;top: -14px;}
.research-content {
	position: relative;
	width: 246px;
	height: 134px;
	overflow: hidden;
	border-radius: 2px;
	backdrop-filter: blur(5.85px);
	position: absolute;
	right: 93px;
	top: 60px;
	/* border: 1px solid #fff; */
}

.scroll-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 1748px;
	height: 135px;
	z-index: 1;
	display: flex;
	animation: scrollLeft 240s linear infinite;
}
.group-portrait {width: auto;height: 135px;object-fit: cover;flex-shrink: 0;display: flex;}
.group {width: auto;height: 100%;object-fit: cover;flex-shrink: 0;}

@keyframes scrollLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-3496px);
	}
}

.comment{
	width: 1200px;
	height: 110px;
	background: linear-gradient( 180deg, rgba(255,255,255,0.47) 0%, rgba(255,255,255,0.15) 100%), rgba(255,255,255,0.3);
	border: 1px solid transparent; /* 透明边框，用于渐变 */
	border-radius: 55px;
	backdrop-filter: blur(5.85px);
	position: relative;
	font-family: SourceHanSansCNVF, SourceHanSansCNVF;
	font-weight: 400;
	font-size: 16px;
	color: #253249;
	line-height: 34px;
	text-align: left;
	box-sizing: border-box;
	padding: 21px 153px 0 388px;
}
.comment img{position: absolute;left: 120px; top: -60px;}


