.product-query {
	border-radius: 2px;
	border: 1px solid #E1E6F0;
	padding: 0 24px;
	box-sizing: border-box;
	background: #fff;
  }
  .product-query-list {
	display: flex;
	align-items: center;
	padding: 11px 0;
  }
  .product-query-list + .product-query-list {
	border-top: 1px solid #EBEDF0;
  }
  .product-query-list-label {
	width: 58px;
	font-size: 14px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #222222;
	line-height: 24px;
	height: 24px;
  }
  
  .product-query-list-constm-input {
	width: 250px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #E1E6F0;
	position: relative;
  }
  .product-query-list-constm-input input {
	width: 100%;
	height: 100%;
	padding-left: 10px;
	padding-right: 30;
	border: none;
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0;
  }
  .product-query-list-constm-input img {
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 8px;
	cursor: pointer;
	right: 8px;
  }
  .product-query-list-constm-input input:focus {
	outline:none;
  }
  
  #platform, #purpose {
	display: flex;
	flex-wrap: wrap;
  }
  
  .product-query-list-constm-span {
	height: 24px;
	transition: all 0.5s;
	min-width: 44px;
	padding: 0 8px;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #fff;
	box-sizing: border-box;
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #495770;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
  }
  .product-query-list-constm-span + .product-query-list-constm-span {
	margin-left: 16px;
  }
  
  .product-query-span,
  .product-query-list-constm-span:hover {
	border: 1px solid #308DFF;
	color: #308DFF;
  }
  
  .product-content {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
	width: calc(100% + 16px);
  }
  
  .product-content-list {
	width: 288px;
	height: 297px;
	margin-right: 16px;
	display: block;
	margin-top: 16px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	border-radius: 2px;
	overflow: hidden;
	transition: all 0.5s;
	box-shadow: 0px 3px 15px 0px rgb(222 235 250 / 51%);
  }
  .product-content-list-title {
	background: url(../img/top_bg01.png);
	background-size: 100% 100%;
	height: 90px;
	box-sizing: border-box;
	padding: 16px;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-family: SourceHanSansCN-Bold, SourceHanSansCN;
	font-weight: 500;
	color: #2980EA;
  }
  .product-content-list-con {
	padding: 24px 16px;
  }
  .product-content-list-h2 {
	font-size: 14px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #222222;
	line-height: 14px;
	height: 14px;
  }
  .product-content-list-program {
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #495770;
	line-height: 12px;
	height: 12px;
	margin-top: 16px;
	margin-bottom: 24px;
  }
  .product-content-span {
	display: flex;
	margin-top: 16px;
  }
  .product-content-span-list {
	box-sizing: border-box;
	min-width: 52px;
	height: 22px;
	padding: 0 8px;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #E1E6F0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #98A3B7;
	line-height: 18px;
  }
  .product-content-span-list + .product-content-span-list {
	margin-left: 8px;
  }
  
  .product-content-list-button {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #308DFF;
	margin-top: 25px;
	text-decoration: none;
  }
  .product-content-list-icon {
	transition: all 0.5s;
	width: 16px;
	height: 16px;
	display: block;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YXJyb3dfcmlnaHRfaWNvbjAxPC90aXRsZT4KICAgIDxnIGlkPSJWMi4w54mI5pysIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6aaW6aG15YiH5Zu+MDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03OC4wMDAwMDAsIC0yMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3dfcmlnaHRfaWNvbjAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OC4wMDAwMDAsIDIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuODI5ODkwNiw3LjY0NjQ1MzEzIEw5LjgxNzc4MTI1LDMuNjM0MzU5MzggQzkuNjIyNTMxMjUsMy40MzkwOTM3NSA5LjMwNTkzNzUsMy40MzkwOTM3NSA5LjExMDY4NzUsMy42MzQzNTkzOCBDOC45MTU0MjE4NywzLjgyOTYyNSA4LjkxNTQyMTg3LDQuMTQ2MjAzMTMgOS4xMTA2ODc1LDQuMzQxNDY4NzUgTDEyLjI4NzI1LDcuNTE4MDMxMjUgTDIuNDY5MTQwNjMsNy41MTgwMzEyNSBDMi4yMDI5NTMxMyw3LjUxODAzMTI1IDEuOTg3MTcxODgsNy43MzM4MjgxMyAxLjk4NzE3MTg4LDggQzEuOTg3MTcxODgsOC4yNjYxODc1IDIuMjAyOTY4NzUsOC40ODE5Njg3NSAyLjQ2OTE0MDYzLDguNDgxOTY4NzUgTDEyLjI4NzI2NTYsOC40ODE5Njg3NSBMOS4xMTA2ODc1LDExLjY1ODU0NjkgQzguOTE1NDIxODcsMTEuODUzNzk2OSA4LjkxNTQyMTg3LDEyLjE3MDM5MDYgOS4xMTA2ODc1LDEyLjM2NTY1NjMgQzkuMjA4MzEyNSwxMi40NjMyODEzIDkuMzM2MjgxMjUsMTIuNTEyMDkzOCA5LjQ2NDIzNDM4LDEyLjUxMjA5MzggQzkuNTkyMTg3NSwxMi41MTIwOTM4IDkuNzIwMTU2MjUsMTIuNDYzMjgxMiA5LjgxNzc4MTI1LDEyLjM2NTY1NjMgTDEzLjgyOTg5MDYsOC4zNTM1NDY4OCBDMTMuOTIzNjU4Nyw4LjI1OTc4MTI1IDEzLjk3NjMzNzIsOC4xMzI2MDYzMiAxMy45NzYzMzcyLDggQzEzLjk3NjMzNzIsNy44NjczOTM2OCAxMy45MjM2NTg3LDcuNzQwMjE4NzUgMTMuODI5ODkwNiw3LjY0NjQ1MzEzIEwxMy44Mjk4OTA2LDcuNjQ2NDUzMTMgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzMwOERGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-size: 100% 100%;
	margin-left: 8px;
  }
  
  .product-content-list:hover {
	border: 1px solid #97C6FF;
  }
  .product-content-list:hover .product-content-list-icon {
	margin-left: 16px;
  }
  
  
  
  .product-content-button {
	width: 110px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #E1E6F0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #495770;
	text-decoration: none;
	margin: auto;
	margin-top: 24px;
  }
  .product-content-button-icon {
	transition: all 0.5s;
	width: 14px;
	height: 14px;
	display: block;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YXJyb3dfaWNvbjwvdGl0bGU+CiAgICA8ZyBpZD0iVjIuMOeJiOacrCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IummlumhteWIh+WbvjAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS4wMDAwMDAsIC0yMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3dfaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuODI5ODkwNiw3LjY0NjQ1MzEzIEw5LjgxNzc4MTI1LDMuNjM0MzU5MzggQzkuNjIyNTMxMjUsMy40MzkwOTM3NSA5LjMwNTkzNzUsMy40MzkwOTM3NSA5LjExMDY4NzUsMy42MzQzNTkzOCBDOC45MTU0MjE4NywzLjgyOTYyNSA4LjkxNTQyMTg3LDQuMTQ2MjAzMTMgOS4xMTA2ODc1LDQuMzQxNDY4NzUgTDEyLjI4NzI1LDcuNTE4MDMxMjUgTDIuNDY5MTQwNjMsNy41MTgwMzEyNSBDMi4yMDI5NTMxMyw3LjUxODAzMTI1IDEuOTg3MTcxODgsNy43MzM4MjgxMyAxLjk4NzE3MTg4LDggQzEuOTg3MTcxODgsOC4yNjYxODc1IDIuMjAyOTY4NzUsOC40ODE5Njg3NSAyLjQ2OTE0MDYzLDguNDgxOTY4NzUgTDEyLjI4NzI2NTYsOC40ODE5Njg3NSBMOS4xMTA2ODc1LDExLjY1ODU0NjkgQzguOTE1NDIxODcsMTEuODUzNzk2OSA4LjkxNTQyMTg3LDEyLjE3MDM5MDYgOS4xMTA2ODc1LDEyLjM2NTY1NjMgQzkuMjA4MzEyNSwxMi40NjMyODEzIDkuMzM2MjgxMjUsMTIuNTEyMDkzOCA5LjQ2NDIzNDM4LDEyLjUxMjA5MzggQzkuNTkyMTg3NSwxMi41MTIwOTM4IDkuNzIwMTU2MjUsMTIuNDYzMjgxMiA5LjgxNzc4MTI1LDEyLjM2NTY1NjMgTDEzLjgyOTg5MDYsOC4zNTM1NDY4OCBDMTMuOTIzNjU4Nyw4LjI1OTc4MTI1IDEzLjk3NjMzNzIsOC4xMzI2MDYzMiAxMy45NzYzMzcyLDggQzEzLjk3NjMzNzIsNy44NjczOTM2OCAxMy45MjM2NTg3LDcuNzQwMjE4NzUgMTMuODI5ODkwNiw3LjY0NjQ1MzEzIEwxMy44Mjk4OTA2LDcuNjQ2NDUzMTMgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzQ5NTc3MCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	background-size: 100% 100%;
	margin-left: 6px;
  }
  .product-content-button:hover .product-content-button-icon {
	margin-left: 16px;
  }
  
  .product-content-customer-list {
	transition: all 0.5s;
	width: 389px;
	height: 312px;
	background: #FFFFFF;
	border-radius: 2px;
	margin-right: 16px;
	margin-top: 16px;
	box-sizing: border-box;
	border: 1px solid #fff;
	padding: 16px;
	box-shadow: 0px 3px 15px 0px rgb(222 235 250 / 51%);
  }
  .product-content-customer-list:hover {
	border: 1px solid #97C6FF;
	box-shadow: 0px 3px 15px 0px rgb(215 229 246 / 88%);
  }
  .product-content-customer-list:hover .product-content-customer-list-name {
	color: #308DFF;
  }
  .product-content-customer-list-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  .product-content-customer-list-top img {
	width: 64px;
	height: 64px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #E1E6F0;
	flex-shrink: 0;
  }
  .product-content-customer-list-text {
	width: calc(100% - 64px - 16px);
  }
  .product-content-customer-list-name {
	transition: all 0.5s;
	font-size: 16px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #222222;
	line-height: 16px;
	height: 16px;
  }
  .product-content-customer-list-content {
	font-size: 12px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #495770;
	line-height: 18px;
	margin-top: 8px;
  }
  .product-content-customer-list-bottom {
	width: 357px;
	height: 200px;
	border-radius: 2px;
	border: 1px solid #F0F1F2;
	overflow: hidden;
	margin-top: 16px;
  }
  .product-content-customer-list-bottom img {
	width: 100%;
	height: 100%;
	display: block;
  }
  
  #productQueryInput {
	font-size: 12px;
  }
  #productQueryInput::-webkit-input-placeholder {
	color: #AEB9D1;
  }
  .handong-details-banner {
	background-image: url(../img/informationCenter.png);
  }
  
  .information-center {
	margin-top: 56px;
  }
  .information-center-list {
	padding: 40px 0;
	display: flex;
	align-items: center;
  }
  .information-center-list + .information-center-list {
	border-top: 1px solid #E1E6F0;
  }
  
  .information-center-list-img {
	width: 288px;
	height: 162px;
	display: block;
	margin-right: 16px;
	flex-shrink: 0;
  }
  .information-center-list-text {
	width: 100%;
  }
  .information-center-list-h1 {
	height: 27px;
	font-size: 20px;
	font-family: MicrosoftYaHeiSemibold;
	color: #222222;
	line-height: 27px;
  }
  .information-center-list-introduction {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #495770;
	line-height: 28px;
	margin-top: 10px;
	height: 84px;
  }
  .information-center-list-time {
	height: 21px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #98A3B7;
	line-height: 21px;
	margin-top: 10px;
  }
  .information-center-list:hover .information-center-list-h1{
	color: #308DFF;
  }
  
  .page-box {
	display: flex;
	justify-content: end;
  }
  .page-box a {
	display: flex;
	min-width: 32px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #E1E6F0;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-family: HelveticaNeue;
	color: #495770;
	margin-left: 8px;
	line-height: 32px;
  }
  .page-box a.page-current {
	background: #308DFF;
	border-color: #308DFF;
	color: #fff;
  }
  .lower, .upper {
	display: block;
	width: 12px;
	height: 12px;
  }
  .lower{
	transform: rotate(180deg);
  }
  .handong-cooperative-banner-name::before{
    display: inline-block;
    margin-bottom: 0.10rem;
    height: 0.02rem;
    width: 0.40rem;
  }
  
  .handong-tanchuang{
	width: 220px;
		flex-shrink: 0;
		height: 100%;
		box-sizing: border-box;
		padding-top: 24px;
	}