.uk-button {
	border: 2px solid transparent;
	padding: 4px 36px
}

@media screen and (max-width:768px) {
	.uk-button {
		padding: 4px 18px
	}
}

.uk-button .icon {
	font-size: 24px;
	vertical-align: middle;
	display: inline-block;
	transform: translate(-4px, -1px)
}

.uk-button-default {
	border: 2px solid #1c5cb1;
	background: none;
	color: #1c5cb1
}

.uk-button-default :focus,
.uk-button-default:hover {
	background-color: #1c5cb1;
	color: #fff !important;
}

.uk-button-default2 {
	border: 1px solid #1c5cb1;
	background: none;
	color: #1c5cb1
}

.uk-button-default2 :focus,
.uk-button-default2:hover {
	background-color: #1c5cb1;
	color: #fff
}

.uk-button-default3 {
	border: 1px solid #fff;
	background: none;
	color: #fff
}

.uk-button-default3 :focus,
.uk-button-default3:hover {
	background-color: #fff;
	color: #1c5cb1
}

.uk-button-primary.active,
.uk-button-primary:focus,
.uk-button-primary:hover {
	background-color: #fff;
	border-color: #1c5cb1;
	color: #1c5cb1
}

.uk-button-link {
	padding-left: 0;
	padding-right: 0
}

.uk-button-primary2 {
	border-color: #fff;
	border-width: 1px
}

.uk-thumbnail {
	padding: 0;
	border: none;
	background: none
}

.uk-block {
	padding: 3.75% 4.6%;
	background-color: #fff
}

.uk-tab {
	background: #f4f5fa;
	border: none
}

.uk-tab li a {
	border: none;
	color: #666;
	padding: 12px 20px 12px 20px;
	white-space: nowrap
}

.uk-tab li:nth-child(n+2) a {
	margin-left: 0
}

.uk-tab li.uk-active {
	position: relative;
	border-right: 2px solid #ccc
}

.uk-tab li.uk-active:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 2px;
	top: 0;
	background: #0055b7
}

.uk-tab li:nth-last-child(2).uk-active {
	border-left: 2px solid #ccc;
	border-right: none
}

.uk-dropdown-button {
	border-radius: 21px
}

.uk-close {
	z-index: 1200
}

@media screen and (max-width:1100px) {
	.kv {
		padding-top: 64px
	}
}

.header-wrapper .header {
	position: relative;
	z-index: 999;
	height: 80px
}

@media screen and (max-width:1100px) {
	.header-wrapper .header {
		height: 64px;
		position: fixed;
		width: 100%;
		background-color: #fff
	}
}

.header-wrapper .header-inner {
	position: relative;
	z-index: 998;
	height: 100%
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner {
		background-color: #fff
	}
}

.header-wrapper .header-inner .nav-bar {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	padding-left: 40px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

@media screen and (max-width:1280px) {
	.header-wrapper .header-inner .nav-bar {
		padding-left: 20px
	}
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar {
		padding-left: 0
	}
}

.header-wrapper .header-inner .nav-bar-l {
	float: left;
	position: relative;
	z-index: 1100;
	width: 220px
}

@media screen and (max-width:1280px) {
	.header-wrapper .header-inner .nav-bar-l {
		width: 180px
	}
}

.header-wrapper .header-inner .nav-bar-l .logo {
	width: 100%;
	height: 130px;
	display: block;
	background: #1c5cb0;
	transition: all .36s;
	position: absolute;
	left: 0;
	top: 0
}

@media screen and (max-width:1280px) {
	.header-wrapper .header-inner .nav-bar-l .logo {
		height: 100px
	}
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar-l .logo {
		height: 64px !important;
		width: 120px
	}
}

.header-wrapper .header-inner .nav-bar-l .logo a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0 15px
}

.header-wrapper .header-inner .nav-bar-l .logo img {
	width: 86%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.header-wrapper .header-inner .nav-bar-r {
	float: right;
	height: 80px;
	margin-right: 100px
}

@media screen and (max-width:1680px) {
	.header-wrapper .header-inner .nav-bar-r {
		margin-right: 40px
	}
}

@media screen and (max-width:1280px) {
	.header-wrapper .header-inner .nav-bar-r {
		margin-right: 20px
	}
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar-r {
		position: absolute;
		left: 0;
		top: 64px;
		background: #1c5cb0;
		width: 100%;
		padding: 20px;
		height: calc(100vh - 64px);
		display: none
	}
}

.header-wrapper .header-inner .nav-bar-r .menu-box {
	float: left;
	border-right: 1px solid #e4e4e4
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar-r .menu-box {
		float: none;
		border: none
	}
}

.header-wrapper .header-inner .nav-bar-r .menu-box ul {
	position: relative
}

@media screen and (max-width:1440px) {
	.header-wrapper .header-inner .nav-bar-r .menu-box ul {
		margin-right: 10px
	}
}

.header-wrapper .header-inner .nav-bar-r .menu-box ul li {
	float: left;
	padding: 0 20px
}

@media screen and (max-width:1680px) {
	.header-wrapper .header-inner .nav-bar-r .menu-box ul li {
		padding: 0 10px
	}
}

@media screen and (max-width:1280px) {
	.header-wrapper .header-inner .nav-bar-r .menu-box ul li {
		padding: 0 6px
	}
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar-r .menu-box ul li {
		float: none;
		border-bottom: 1px solid hsla(0, 0%, 100%, .5)
	}
}

.header-wrapper .header-inner .nav-bar-r .menu-box ul li a {
	position: relative;
	padding: 0 15px;
	line-height: 80px;
	display: block;
	transition: all .36s;
	color: #333
}

@media screen and (max-width:1680px) {
	.header-wrapper .header-inner .nav-bar-r .menu-box ul li a {
		padding: 0 5px
	}
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar-r .menu-box ul li a {
		color: #fff;
		line-height: 40px
	}
}

.header-wrapper .header-inner .nav-bar-r .menu-box ul li a.active,
.header-wrapper .header-inner .nav-bar-r .menu-box ul li a:hover {
	color: #0055b7;
	text-decoration: none
}

@media screen and (max-width:1100px) {

	.header-wrapper .header-inner .nav-bar-r .menu-box ul li a.active,
	.header-wrapper .header-inner .nav-bar-r .menu-box ul li a:hover {
		color: #fff
	}
}

.header-wrapper .header-inner .nav-bar-r .menu-box ul .active-line {
	position: absolute;
	top: 77px;
	transition: all .3s ease;
	width: 0;
	height: 3px;
	background: #1c5cb1
}

.header-wrapper .header-inner .nav-bar-r .btn-box {
	float: left;
	margin-top: 22px
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar-r .btn-box {
		float: none;
		text-align: center
	}
}

.header-wrapper .header-inner .nav-bar-r .btn-box a {
	margin-left: 24px;
	float: left;
	height: 36px;
	padding: 0 16px;
	line-height: 36px;
	color: #333;
	background: #fff;
	border-radius: 18px;
	border: 1px solid #aaa
}

@media screen and (max-width:1280px) {
	.header-wrapper .header-inner .nav-bar-r .btn-box a {
		margin-left: 12px
	}
}

@media screen and (max-width:1100px) {
	.header-wrapper .header-inner .nav-bar-r .btn-box a {
		border: none;
		border-radius: 0;
		float: none;
		display: inline-block
	}
}

.header-wrapper .header-inner .nav-bar-r .btn-box a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #1c5cb0;
	border-color: #1c5cb0
}

.header-wrapper .header-inner .nav-bar.nav-bar-fixed .logo {
	height: 100px
}

.nav-button {
	width: 40px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 10px;
	top: 0;
	padding: 0;
	background: none;
	border: 0;
	display: none
}

@media screen and (max-width:1100px) {
	.nav-button {
		display: block
	}
}

.nav-button .hamburger-container {
	position: relative;
	width: 35px;
	height: 28px;
	overflow: hidden;
	display: block
}

.nav-button .hamburger-container .hamburger-bottom,
.nav-button .hamburger-container .hamburger-middle,
.nav-button .hamburger-container .hamburger-top {
	position: absolute;
	width: 35px;
	height: 2px;
	background-color: #1c5cb0;
	transition: top .25s, background-color .5s, transform .25s
}

.nav-button .hamburger-container .hamburger-top {
	top: 0;
	left: 0;
	transform: translate(4px)
}

.nav-button .hamburger-container .hamburger-middle {
	top: 10px;
	left: 0;
	transform: translate(4px)
}

.nav-button .hamburger-container .hamburger-bottom {
	top: 20px;
	left: 0;
	transform: translate(4px)
}

.nav-button.is-active .hamburger-container .hamburger-bottom,
.nav-button.is-active .hamburger-container .hamburger-middle,
.nav-button.is-active .hamburger-container .hamburger-top {
	transition: top .25s, background-color .25s, transform .25s
}

.nav-button.is-active .hamburger-container .hamburger-top {
	top: 10px;
	left: 0;
	transform: translate(0) rotate(225deg)
}

.nav-button.is-active .hamburger-container .hamburger-middle {
	top: 10px;
	left: 0;
	transform: translate(35px)
}

.nav-button.is-active .hamburger-container .hamburger-bottom {
	top: 10px;
	left: 0;
	transform: translate(0) rotate(135deg)
}

.modal-open {
	overflow: hidden
}

.mc_cont1400 {
	width: 1400px;
	margin: 0 auto;
	max-width: 100%
}

.mc_footer {
	background: #333;
	overflow: hidden
}

.mc_footer a {
	display: inline-block;
	vertical-align: middle
}

.mc_ft1 {
	position: relative;
	padding: 90px 0 45px
}

.mc_ft1:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: calc(100% + 200px);
	height: 1px;
	background: hsla(0, 0%, 100%, .1)
}

.mc_ft_logo {
	width: 207px
}

.mc_ft_logo a {
	display: block
}

.mc_ft_follow {
	margin-top: 65px
}

.mc_ft_follow_title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px
}

.mc_ft_follow_li {
	position: relative;
	float: left;
	margin-right: 12px
}

.mc_ft_follow_btn {
	display: block;
	width: 20px;
	cursor: pointer;
	opacity: .5
}

.mc_ft_follow_qr {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(100% + 10px);
	z-index: 5;
	width: 98px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .36s
}

.mc_ftnav_li {
	float: left;
	margin-left: 80px
}

.mc_ftnav_a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px
}

.mc_ft_subnav p {
	font-size: 14px;
	line-height: 20px
}

.mc_ft_subnav p a {
	padding: 4px 0;
	color: #fff;
	opacity: .6
}

.mc_ft_copyright p {
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.mc_ft_copyright p * {
	opacity: .6;
	color: inherit
}

.mc_ft_copyright p a:hover {
	color: #f33212
}

.mc_ft2 {
	padding: 40px 0
}

.mc_ft2_li {
	float: left
}

.mc_ft2_a {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	padding: 0 5px;
	opacity: .6
}

.mc_ft2_li:not(:last-child) {
	border-right: 1px solid hsla(0, 0%, 60%, .6)
}

@media screen and (max-width:1560px) {
	.mc_cont1400 {
		width: 90%
	}
}

@media screen and (max-width:1440px) {
	.mc_cont1400 {
		width: 85%
	}

	.mc_ft1 {
		padding: 60px 0 40px
	}

	.mc_ftnav_li {
		margin-left: 50px;
		margin-left: 40px
	}
}

@media screen and (min-width:1200px) {
	.mc_ft_follow_li:hover .mc_ft_follow_qr {
		pointer-events: all;
		opacity: 1
	}
}

@media screen and (max-width:1024px) {
	.mc_cont1400 {
		width: 100%;
		padding: 0 40px
	}
}

.buya {
	margin-top: 10px
}

.bot_color {
	color: #999
}

@media screen and (min-width:1000px) {
	.buy_b {
		display: none !important
	}
}

@media screen and (max-width:998px) {
	.buy_a {
		display: none !important
	}

	.mc_ft_logo {
		margin: 0 auto
	}

	.mc_ft_follow {
		display: inline-block;
		vertical-align: middle;
		margin-top: 25px
	}

	.mc_ft1_l {
		width: 100%;
		text-align: center
	}

	.mc_ft1_r {
		width: 100%;
		margin-top: 30px
	}

	.mc_ftnav_li {
		margin: 0 0 20px
	}

	.mc_ft_nav {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}

	.mc_ft2_nav,
	.mc_ft_copyright {
		width: 100%;
		text-align: center
	}

	.mc_ft2_nav {
		margin-bottom: 10px
	}

	.mc_ft2_li {
		float: none;
		display: inline-block;
		vertical-align: top
	}
}

@media screen and (max-width:768px) {
	.mc_ft_nav {
		display: block
	}

	.mc_ftnav_li {
		position: relative;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid hsla(0, 0%, 100%, .3);
		padding-bottom: 10px
	}

	.mc_ftnav_li:not(:last-child) {
		margin-bottom: 10px
	}

	.mc_ftnav_li:before {
		content: "";
		position: absolute;
		right: 0;
		top: 5px;
		width: 12px;
		height: 12px;
		background: url(https://www.inspur.com/static/imgs/arrow_next.png) 50%/contain no-repeat;
		transition: all .36s;
		transform: rotate(90deg)
	}

	.mc_ftnav_li.act:before {
		transform: rotate(0deg)
	}

	.mc_ft_subnav {
		padding-top: 5px;
		display: none
	}

	.mc_ftnav_a {
		margin-bottom: 0
	}
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	list-style: none
}

body,
html {
	background: #f4f5fa;
	font-size: 16px;
	font-family: Microsoft Yahei, PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, tahoma, SimSun, sans-serif !important
}

* {
	box-sizing: border-box
}

@font-face {
	font-family: DIN-Bold;
	src: url(https://www.inspur.com/lcjtww/uiFramework/static/fonts/D-DIN-Bold.c352e7b6.otf)
}

@font-face {
	font-family: D-DIN;
	src: url(https://www.inspur.com/lcjtww/uiFramework/static/fonts/D-DIN.d68d8669.otf)
}

.app {
	overflow-x: hidden
}

.block {
	display: block
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	content: " "
}

.clearfix {
	zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.ta-c {
	text-align: center
}

.f-blod {
	font-weight: 600
}

.fontsize-46 {
	font-size: 46px !important
}

.m-t-24 {
	margin-top: 24px
}

.m-b-24 {
	margin-bottom: 24px
}

.m-t-36 {
	margin-top: 36px
}

.m-b-36 {
	margin-bottom: 36px
}

.gradient-title {
	width: 244px;
	height: 50px;
	font-size: 36px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333;
	line-height: 50px;
	background: linear-gradient(270deg, #1c5cb1, #008ddc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.layout-content {
	width: 80%;
	max-width: 1280px;
	margin: 0 auto
}

@media screen and (max-width:768px) {
	.layout-content {
		width: 90%
	}
}

.white-wapper {
	background-color: #fff
}

.kv {
	position: relative;
	color: #fff
}

.kv,
.kv .kv-image {
	width: 100%
}

@media screen and (max-width:768px) {
	.kv .kv-image {
		width: 200%
	}
}

.kv .kv-image img {
	width: 100%
}

.kv .title-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 3%
}

@media screen and (max-width:768px) {
	.kv .title-container {
		transform: translate(-50%, -35%)
	}
}

.kv .title-container .title {
	color: #fff;
	font-size: 40px;
	line-height: 1.42;
	margin-bottom: 16px;
	font-weight: 600
}

@media screen and (max-width:768px) {
	.kv .title-container .title {
		font-size: 30px !important;
		margin-bottom: 24px
	}
}

.kv .title-container .content {
	line-height: 1.78;
	font-size: 18px;
	max-width: 55%
}

@media screen and (max-width:768px) {
	.kv .title-container .content {
		max-width: 100%
	}
}

.kv .title-container.center {
	text-align: center
}

.kv .title-container.center .title {
	font-size: 40px;
	margin-bottom: 16px
}

.kv .title-container.center .content {
	font-size: 18px;
	margin: 0 auto
}

.kv .btn-wrapper {
	margin-top: 40px
}

.link-more-btn {
	width: 174px
}

@media screen and (max-width:768px) {
	.link-more-btn {
		width: auto
	}
}

.link-more-btn .icon {
	font-size: 24px;
	vertical-align: middle;
	display: inline-block;
	transform: translateY(-1px)
}

.article .gray-title-bar {
	width: 100%;
	height: 55px;
	padding: 12px;
	background: linear-gradient(90deg, #f4f5fa, #fff);
	display: flex;
	align-items: center;
	margin-bottom: 25px
}

.article .gray-title-bar .label1 {
	display: inline-block;
	font-family: DIN-Bold;
	font-size: 24px;
	width: auto;
	vertical-align: middle;
	margin-right: 10px
}

@media screen and (max-width:768px) {
	.article .gray-title-bar .label1 {
		font-size: 48px;
		width: 90px
	}
}

.article .gray-title-bar .title {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	line-height: 37px;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap
}

@media screen and (max-width:1280px) {
	.article .gray-title-bar .title {
		font-size: 18px;
		line-height: 1.4
	}
}

.article .title-style1 {
	text-align: center;
	position: relative;
	margin-bottom: 48px
}

.article .title-style1 .index {
	font-size: 120px;
	font-family: DIN-Bold;
	font-weight: 700;
	color: rgba(0, 0, 0, .08);
	line-height: 130px
}

.article .title-style1 .title {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 50%;
	background-color: #fff;
	padding: 1px 0;
	transform: translateY(-50%)
}

.article .title-style1 .title span {
	width: 244px;
	line-height: 1;
	font-size: 36px;
	display: inline-block;
	font-weight: 600;
	background: linear-gradient(270deg, #1c5cb1, #008ddc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.article .title-style1:after {
	content: "";
	display: block;
	width: 30px;
	height: 7px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAOCAIAAAD8LOiDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjYzNkQxODc1QzU1MTFFREE1MjdFNEMxRUQ4QTBEOEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjYzNkQxODg1QzU1MTFFREE1MjdFNEMxRUQ4QTBEOEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNjM2RDE4NTVDNTUxMUVEQTUyN0U0QzFFRDhBMEQ4QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNjM2RDE4NjVDNTUxMUVEQTUyN0U0QzFFRDhBMEQ4QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PllM7k4AAADWSURBVHja7JY7EsIwDEQlhTPQ06TlFPTcgBtwOO7HirVsXATymSQzaaxCyThr77OdGUkvj5e7q7m6uTBMBPI/+Enc36pdZH3ee1kVLna7nvOCYVdfRvQqCU/BTNmJQ7TnsBcBxr1QxILI60MFwQGZN83ESZOzfLd4QNRDWqE8DHpLNOgG3aAb9CZo6Dw9C+fhuLmoFVZzLJyw6wYW3bPCB772M3/RQm66B3Qq5lGobdKrG1BZdAJR09kDRT8083sws3FByttPmk0PHx2ml0JuOer1fgQYAARpU6n/hMYjAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%)
}

.article ul {
	list-style: none;
	font-weight: 400;
	line-height: 22px;
	padding: 0 11%;
	margin-bottom: 24px
}

.article ul li {
	position: relative;
	line-height: 22px;
	padding: 10px 0;
	color: #666
}

.article ul li:before {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #0055b7;
	transform: rotate(45deg);
	margin-right: .8em;
	vertical-align: middle;
	margin-top: -3px
}

.article h2 {
	font-size: 32px;
	font-weight: 400;
	color: #333;
	line-height: 45px;
	margin-bottom: 24px
}

.article p {
	margin-bottom: 16px;
	line-height: 25px;
	color: #666
}

.article p strong {
	color: #333;
	font-weight: 600
}

.article p>img {
	width: auto;
	max-width: 80%
}

.btn-wrapper {
	white-space: nowrap;
  margin-top: 30px;
}
}

.btn-wrapper>* {
	margin-right: 16px
}

.table-wapper {
	margin: 0 auto;
	font-size: 16px
}

.table-wapper table thead {
	background: #fafbfd
}

.table-wapper table thead tr th {
	font-weight: 400;
	color: #1c5cb1;
	font-size: 16px;
	border: none;
	white-space: nowrap
}

.table-wapper table thead .sorting:after,
.table-wapper table thead .sorting:before {
	right: auto;
	left: 50px
}

.table-wapper table thead .sorting:last-child:after,
.table-wapper table thead .sorting:last-child:before,
.table-wapper table thead .sorting:nth-last-child(2):after,
.table-wapper table thead .sorting:nth-last-child(2):before {
	right: auto;
	left: 75px
}

.table-wapper table tbody td {
	white-space: nowrap;
	font-size: 14px;
	color: #333
}

.table-wapper .flag {
	width: 28px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 4px
}

.table-wapper table.dataTable tbody td,
.table-wapper table.dataTable tbody th {
	padding: 12px
}

.table-wapper table.dataTable.display tbody td,
.table-wapper table.dataTable.display tbody th,
.table-wapper table.dataTable.row-border tbody td,
.table-wapper table.dataTable.row-border tbody th {
	border-top: 1px solid #d8d8d8
}

.table-wapper .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border: none
}

.title-block1 {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	line-height: 33px
}

.title-block1:before {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 25px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAyCAIAAAC77e5JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0MwM0QwQjg1Q0RBMTFFREE1MjdFNEMxRUQ4QTBEOEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0MwM0QwQjk1Q0RBMTFFREE1MjdFNEMxRUQ4QTBEOEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQzAzRDBCNjVDREExMUVEQTUyN0U0QzFFRDhBMEQ4QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQzAzRDBCNzVDREExMUVEQTUyN0U0QzFFRDhBMEQ4QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PghWPWYAAABISURBVHja7M0xDQAhEABBQAUtDTUe3sA7QALeUIiEawjVbL3J5DZ3ilp/D59v1PAp6WEwGAwGg8FgMBgMBoPBYDAYDHarI8AAAWkDBrndSNUAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 3px
}

.title-block1 span {
	color: #0055b7
}

.table2-wapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto
}

@media screen and (max-width:1024px) {
	.table2-wapper {
		overflow-x: auto;
		max-width: none
	}
}

.table2-wapper>table {
	width: 1000px;
	margin: 0 auto;
	border-top: 1px solid #a3a09f;
	border-left: 1px solid #a3a09f
}

@media screen and (max-width:1440px) {
	.table2-wapper>table {
		width: 100%
	}
}

@media screen and (max-width:1024px) {
	.table2-wapper>table {
		max-width: none;
		width: 1000px
	}
}

.table2-wapper>table td,
.table2-wapper>table th {
	height: 55px;
	border-right: 1px solid #a3a09f;
	border-bottom: 1px solid #a3a09f;
	padding: 6px 18px;
	line-height: 1.78;
	font-size: 14px;
	text-align: justify
}

.table2-wapper>table td span.dot,
.table2-wapper>table th span.dot {
	padding-right: 4px
}

.table2-wapper>table td sub,
.table2-wapper>table td sup,
.table2-wapper>table th sub,
.table2-wapper>table th sup {
	font-size: 10px
}

.table2-wapper>table thead tr th {
	background-color: #717172;
	color: #fff;
	font-size: 16px
}

.page-main {
	padding-top: 50px
}

.list-item {
	width: 100%;
	background: #fff;
	padding: 4px 4px 4px 0;
	margin: 0 0 50px 0;
	transition: all .3s ease;
	border-radius: 2px;
	background-image: url(../../../../eportal/uiFramework/commonResource/image/2022122813582144298.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 100%;
	position: relative;
	overflow: hidden
}

@media screen and (max-width:1440px) {
	.list-item {
		background-size: cover
	}
}

@media screen and (max-width:900px) {
	.list-item {
		padding: 8px;
		background: none;
		display: flex;
		flex-direction: column-reverse
	}
}

.list-item:hover {
	box-shadow: 0 0 16px 2px #ccc
}

.list-item>* {
	padding-left: 0
}

.list-item .part1 {
	width: 70%;
	padding: 45px 0 45px 45px;
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 4px
}

@media screen and (max-width:900px) {
	.list-item .part1 {
		padding: 0 0 24px 0;
		margin-bottom: 24px;
		width: 100%;
		border-bottom: 1px dashed #989898;
		position: static
	}
}

.list-item .part1 .title {
	font-size: 26px;
	font-weight: 600;
	color: #333;
	line-height: 50px;
	margin-bottom: 0;
	position: relative
}

@media screen and (max-width:768px) {
	.list-item .part1 .title {
		font-size: 26px;
		margin-bottom: 12px
	}
    .list-item .part1 .des {
	font-size: 14px;
	font-weight: 400;
	color: hsla(0, 0%, 40%, .65);
	line-height: 28px;
	min-height: 110px;
	margin-bottom: 16px;
}
}

.list-item .part1 .title.new:after {
	content: "最新";
	display: inline-block;
	width: 74px;
	height: 32px;
	line-height: 27px;
	background-image: url(../../../../eportal/uiFramework/commonResource/image/2022122813582883371.png);
	background-size: cover;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transform: translate(10px, -20px)
}

.list-item .part1 .co-author {
	font-weight: 700;
	margin-bottom: 16px
}

.list-item .part1 .des {
	min-height: 110px;
}

@media screen and (max-width:1440px) {
	.list-item .part1 .des {
		min-height: 80px
	}
}

.list-item .part2 {
	width: 30%;
	padding: 45px 0 30px 40px
}

.list-item .part2 .date {
	color: hsla(0, 0%, 40%, .65);
	margin-bottom: 30px
}

.list-item .part2 .title {
	font-size: 26px;
	font-weight: 600;
	color: #333;
	line-height: 37px
}

.list-item .part3 {
	width: 20%;
	float: right
}

@media screen and (max-width:1366px) {
	.list-item .part3 {
		width: 25%
	}
}

@media screen and (max-width:1100px) {
	.list-item .part3 {
		width: 30%
	}
}

@media screen and (max-width:960px) {
	.list-item .part3 {
		width: 35%
	}
}

@media screen and (max-width:900px) {
	.list-item .part3 {
		margin-top: 0;
		margin-bottom: 15px;
		float: none
	}
}

.list-item .part3 img {
	width: 100%
}

@media screen and (max-width:768px) {
	.list-item {
		margin: 0
	}

	.page-main {
		padding-top: 10px
	}

	.list-item .part2 {
		width: 100%;
		padding: 0
	}

	.list-item .part1:after {
		border: none
	}

	.list-item .part2 .date {
		margin-bottom: 10px
	}

	.list-item .part2 .uk-button {
		margin-top: 20px
	}
}