@charset "UTF-8";

body {
	margin: 0;
}

.pindex {
	/* 按钮鼠标指针 */
	/* 让表格边框不重叠 */
}

.pindex,
.pindex *:not([class^='el-']) {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	word-break: break-all;
	line-height: inherit;
	word-wrap: break-word;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	border: 0;
}

.pindex ul,
.pindex ol,
.pindex li,
.pindex dl,
.pindex dd,
.pindex dt {
	list-style: none;
	list-style-type: none;
}

.pindex input,
.pindex textarea {
	outline: none;
}

.pindex textarea {
	resize: none;
}

.pindex input[type='button'],
.pindex button {
	cursor: pointer;
	-moz-user-focus: none;
	user-select: none;
}

.pindex a,
.pindex i,
.pindex a:hover {
	text-decoration: none;
	cursor: pointer;
}

.pindex table {
	border-collapse: collapse;
}

.pindex img,
.pindex label {
	cursor: pointer;
}

.pindex:not([__null__]) {
	/*width: 100vw;*/
	/*height: 100vh;*/
	overflow: hidden auto;
	background: #f4f5f6;
}

.pindex:not([__null__]) .pindex-cell {
	width: 90%;
	margin: 0 auto;
	/*max-width: 1640px;*/
}

.pindex:not([__null__]) .pindex-cell>img {
	margin: 0 auto;
}

.pindex:not([__null__]) .pindex-logo {
	width: 100%;
	display: flex;
	margin: 34px;
}

.pindex:not([__null__]) .pindex-nav {
	height: 68px;
	background: #1145a5;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pindex:not([__null__]) .pindex-nav>div {
	gap: 5vw;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.pindex:not([__null__]) .pindex-nav>div>a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px;
	height: 38px;
}

.pindex:not([__null__]) .pindex-nav>div .pindex-nav-cur {
	background: #ae0e0e;
}

.pindex:not([__null__]) .pindex-ad {
	width: 100%;
}

.pindex:not([__null__]) .pindex-main {
	display: flex;
	align-items: flex-start;
 
	gap: 3vw;
	justify-content: center;
	margin-top: 32px;
	/* max-width: 950px; */
}

.pindex:not([__null__]) .pindex-news {
	padding: 0 20px;
	background: #fff;
	/* flex: 0 1 300px; */
	flex: 0 1 calc(50% - 2vw);
	height: 307px;
}

/*margin-bottom: 36px;*/
.pindex:not([__null__]) .pindex-news>h3 {
	font-size: 18px;
	margin-bottom: 36px;
	color: #333;
	height: 57px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #428fca;
}

.pindex:not([__null__]) .pindex-news>a {
	color: #555;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
}
.pindex-info >a {
    color: #555 !important;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    margin-left: 20px !important;
}
.pindex-info >a > i{
background: #d2d2d2;
    width: 7px;
    border-radius: 50%;
    height: 7px;
}
.pindex:not([__null__]) .pindex-news>a>i {
	background: #d2d2d2;
	width: 7px;
	border-radius: 50%;
	height: 7px;
}

.pindex:not([__null__]) .pindex-news>a+a {
	margin-top: 24px;
}

.pindex:not([__null__]) .pindex-info {
	background: #fff;
	padding: 16px 0;
	height: 307px;
	flex: 0 1 258px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}

.pindex:not([__null__]) .pindex-info>h3>span {
	width: 102px;
	height: 27px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #1145a5;
	margin-left: -13px;
	position: relative;
	margin-bottom: 20px;
}

.pindex:not([__null__]) .pindex-info>h3>span::before {
	content: ' ';
	position: absolute;
	left: 0;
	height: 27px;
	top: 100%;
	width: 13px;
	background: #ae0e0e;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}

.pindex:not([__null__]) .pindex-login {
	background: #fff url(../img/3.png) no-repeat left top/cover;
	padding: 45px 50px;
	width: 400px;
	height: 307px;
	
}

.pindex:not([__null__]) .pindex-login>p {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #555;
	gap: 22px;
}

.pindex:not([__null__]) .pindex-login>p>.el-input,
.pindex:not([__null__]) .pindex-login>p>.el-button,
.pindex:not([__null__]) .pindex-login>p>.el-select {
	flex: 1;
	width: 0;
}

.pindex:not([__null__]) .pindex-login>p .el-input input {
	background: none;
}

.pindex:not([__null__]) .pindex-login>p+p {
	margin-top: 20px;
}

.pindex:not([__null__]) .pindex-login>p .el-button {
	background: #1145a5;
}

.pindex:not([__null__]) .pindex-footer {
	border-top: 1px solid #ddd;
	margin-top: 46px;
	padding: 24px 0;
}

.pindex:not([__null__]) .pindex-footer >.contact > .container p {
	font-size: 12px;
	color: #999;
}

.pindex:not([__null__]) .pindex-footer >.contact > .container > div{
	margin-top: 18px;
}

.pindex:not([__null__]) .pindex-footer >.contact > .container > p > span {
	margin-left: 50px;
	color: #555;
}

.pindex:not([__null__]) .pindex-tech {
	height: 0;
	flex: 1;
	margin-top: -10px;
}

.pindex:not([__null__]) .pindex-tech .el-carousel__item{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap:20px;
	
}
.pindex:not([__null__]) .pindex-tech .pindex-tech-item {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	padding: 0 15px 10px 15px;
	overflow: hidden;
	justify-content: flex-start;
	width: 0;
	flex: 1;
	height: 100%;
}
.pindex:not([__null__]) .pindex-tech .pindex-tech-item >img{
	width: 170px;
	height: 170px;
	flex-shrink: 0;
	margin: 0 auto;
	object-fit: contain;
}
.pindex:not([__null__]) .pindex-tech .pindex-tech-item >h3{
	font-size: 15px;
	color: #333;
	line-height: 1;
	font-weight: bold;
	margin-top: 10px;
}
.pindex:not([__null__]) .pindex-tech .pindex-tech-item >p{
	line-height: 1.6;
	color: #777;
	font-size: 13px;
	margin-top: 5px;
}


.pindex:not([__null__]) .pindex-main {
	flex-wrap: wrap;
	align-content: flex-start;
}

.pindex:not([__null__]) .pindex-news {
	flex: 0 1 calc(50% - 2vw);
}

 

.pindex:not([__null__]) .pindex-info {
	order: 2;
	flex: 0 1 calc(50% - 2vw);
}


.pindex:not([__null__]) .pindex-login {
	flex: 0 1 calc(50% - 2vw);
}



@media screen and (max-width: 900px){
	.pindex:not([__null__]) .pindex-logo {
		margin: 20px auto;
	}
	.pindex:not([__null__]) .pindex-logo >img{
		width: 70%;
	}
	
	.pindex:not([__null__]) .pindex-nav {
		height: 40px;
	}
	
	.pindex:not([__null__]) .pindex-nav>div {
		gap: 0;
		font-size: 13px;
		width: 95%;
		justify-content: space-between;
	}
	
	.pindex:not([__null__]) .pindex-nav>div>a {
		padding: 0 ;
		flex: 1;
		width: 0;
		padding: 0;
		height: 24px;
	}
	
	
	
	
	
	.pindex:not([__null__]) .pindex-main {
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap:3vh;
	}
	
	.pindex:not([__null__]) .pindex-news {
		width: 100%;
		flex: auto;
	}
	
	 
	
	.pindex:not([__null__]) .pindex-info {
		width: 100%;
		flex: auto;
	}
	
	
	.pindex:not([__null__]) .pindex-login {
		width: 100%;
		flex: auto;
		order: -1;
		padding: 30px;
		height: auto;
	}
	
	
	.pindex:not([__null__]) .pindex-login>p {
		font-size: 13px;
		gap: 10px;
	}
	
	
	.pindex:not([__null__]) .pindex-tech .pindex-tech-item >img{
		width: 90%;
		height: 150px;
	
	}
}