@font-face {
	font-family: "MyNewFont";
	src: url('../DIN-Medium.otf');
}

body {
	background-color: #f6f6f9;
	min-height: 100vh;
	box-sizing: border-box;
	width: 100%;
}

.job-img {
	width: 100%;
	/* height: 440px; */
	object-fit: cover;
}

.flex-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: start;
	width: 1200px;
	margin: 40px auto;
}

.flex-left {
	width: 246px;
	margin-right: 17px;
	background: #fff;
	box-sizing: border-box;
	padding: 25px;
}

.flex-left>h3 {
	border-bottom: 1px solid #ebeef5;
	padding-bottom: 25px;
	font-size: 18px;
}

.title>h3 {
	padding: 16px 0;
	font-size: 18px;
}

.flex-left .radio {
	margin-bottom: 24px;
}

.flex-right {
	width: 934px;
}

.card {
	width: 100%;
	border: 1px solid #d21f0c;
	box-sizing: border-box;
	height: 64px;
	line-height: 64px;
	margin-bottom: 24px;
}

.inline-input {
	width: calc(100% - 144px);
	height: 62px;
	box-sizing: border-box;
	border: 0;
	padding-left: 20px;
}

input[type="text"]:focus {
	outline: none;
}

.btn-search {
	width: 144px;
	height: 62px;
	background-color: #d21f0c;
	color: #fff;
	text-align: center;
	line-height: 62px;
	border: none;
}

.content {
	width: 100%;
	background: #fff;
	padding: 23px 27px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.content-title {
	margin-bottom: 12px;
	color: #0b1e2f;
	font-size: 20px;
	font-weight: 500;
}

.label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: 12px;
}

.label-list {
	width: 60px;
	height: 22px;
	line-height: 22px;
	background-color: #f6f6f9;
	text-align: center;
	margin-right: 10px;
	border-radius: 4px;
	color: #0b1e2f;
	font-size: 16px;
}

.content-value {
	font-size: 16px;
	color: #606266;
	line-height: 28px;
}

.container {
	width: 1200px;
	margin: 40px auto;
	background: #fff;
	padding: 30px 37px;
	box-sizing: border-box;
}

.container>h2 {
	margin-bottom: 17px;
}

.desc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f6f6f9;
	font-size: 16px;
}

.desc .label {
	width: 70%;
}

.desc-date {
	font-weight: 600;
	color: #0b1e2f;
}

.container-card {
	margin-bottom: 40px;
}

.container-card .card-title {
	font-size: 18px;
	color: #0b1e2f;
	font-weight: bold;
	margin-bottom: 16px;
}

.container-card .card-list {
	color: #606266;
	font-size: 16px;
	line-height: 28px;
}

/* 咨询列表 */

.zp-container {
	margin: 40px auto;
	width: 1200px;
}

.zp-card {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px 0;
	border-bottom: 1px solid #ebeef5;
}

.zp-card-left {
	width: 60px;
	margin-right: 15px;
}

.date-label {
	width: 60px;
	height: 36px;
	background-color: #d21f0c;
	color: #fff;
	text-align: center;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 20px;
}

.month {
	font-size: 24px;
	color: #3d3d3d;
	margin-bottom: 5px;
	font-weight: 500;
	font-family: 'MyNewFont';
}

.year {
	color: #909399;
	font-size: 18px;
	font-weight: 400;
	font-family: 'MyNewFont';
}

.zp-card-img {
	width: 330px;
	height: 210px;
	margin-right: 20px;
}

.zp-card-body {
	width: calc(100% - 310px);
	height: 210px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.bgFFF {
	background-color: #fff;
}

.body-title {
	color: #0b1e2f;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 17px;
}

.body-desc {
	font-size: 16px;
	color: #606266;
}

.news-container {
	margin: 40px auto;
	width: 1200px;
	text-align: center;
}

.news-container>h1 {
	color: #0b1e2f;
	font-size: 36px;
	padding-bottom: 44px;
	margin-bottom: 44px;
	border-bottom: 1px solid #ebeef5;
	font-weight: bold;
}

.news-desc {
	width: 100%;
	margin-bottom: 30px;
}

.news-desc>span {
	display: inline-block;
	margin-right: 60px;
	color: #909399;
}

.news-content {
	width: 100%;
	text-align: left;
	line-height: 1.7;
	font-size: 14px;
	color: #606266;
}

.demo-banner {
	width: 100%;
	height: 600px;
	position: relative;
}

.demo-banner .job-img {
	height: 600px;
}

.demoBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.2);
}

.demo-head {
	position: absolute;
	left: calc((100% - 1200px) / 2);
	top: 172px;
	z-index: 2;
}

.demo-head-title {
	color: #fff;
	font-weight: bold;
	font-size: 64px;
	margin-bottom: 14px;
}

.demo-head-desc {
	font-size: 24px;
	color: #fff;
	font-weight: 400;
}

.demo-nav {
	width: 1200px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.demo-nav .nav-list {
	width: 20%;
	text-align: center;
	padding: 16px;
	border-bottom: 4px solid transparent;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

.demo-nav .nav-list:hover {
	border-bottom-color: #fff;
	font-weight: bold;
}

.demo-nav .active {
	border-bottom-color: #fff;
	font-weight: bold;
}

.demo-content-list-box {
	width: 100%;
	background-color: #c0c4cc;
}

.bg-color1 {
	background-color: #fff;
}
.bg-color2{
	background-color: #f6f8fc;
}
.bg-color3{
	background-color: #ffffff;
}
.bg-color4{
	background-color: #e9f1fc;
}
.bg-color5{
	background-color: #f7f9fc;
}
.demo-content-list {
	width: 1200px;
	height: 700px;
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 auto;
}

.bg1 {
	background: url(../images/xjj1.png) no-repeat;
	background-size: 100% 100%;
}

.bg2 {
	background: url(../images/xjj2.png) no-repeat;
	background-size: 100% 100%;
}

.bg3 {
	background: url(../images/xjj3.png) no-repeat;
	background-size: 100% 100%;
}

.bg4 {
	background: url(../images/xjj4.png) no-repeat;
	background-size: 100% 100%;
}

.bg5 {
	background: url(../images/xjj5.png) no-repeat;
	background-size: 100% 100%;
}

.left-body {
	position: absolute;
	left: calc((100% - 1200px) / 2);
	/* top: 132px; */
	width: 500px;
}

.body-title {
	font-size: 36px;
	font-family: Source Han Sans CN-Medium, Source Han Sans CN;
	font-weight: bold;
	color: #0b1e2f;
	position: relative;
	padding-bottom: 20px;
}

.body-title::before {
	width: 70px;
	height: 4px;
	content: "";
	background-color: #0b1e2f;
	position: absolute;
	left: 0;
	bottom: 0;
}

.body-title-list {
	font-size: 20px;
}

.body-h3 {
	font-size: 24px;
	font-weight: 400;
	color: #0b1e2f;
	margin-bottom: 36px;
}

.right-body {
	position: absolute;
	right: calc((100% - 1200px) / 2);
	top: 132px;
	width: 500px;
}

.el-row {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.el-row .el-col-12 {
	width: 50%;
	margin-bottom: 50px;
}

.el-col-top {
	color: #0b1e2f;
	font-size: 16px;
	margin-bottom: 11px;
	font-weight: 600;
}

.el-col-desc {
	font-size: 14px;
	color: #909399;
	line-height: 1.7;
}

.mb60 {
	margin-bottom: 60px;
}

.el-row .el-col-24 {
	width: 100%;
	margin-bottom: 50px;
}

.top113 {
	top: 80px;
}

.el-col-title {
	color: #0b1e2f;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.el-col-label {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 65px;
}

.col-label-list {
	width: 25%;
	font-weight: bold;
	font-size: 16px;
	color: #0b1e2f;
}

.mb18 {
	margin-bottom: 24px;
	font-size: 16px;
	font-weight: 600;
}

.mb32 {
	margin-bottom: 32px;
}

.mt158 {
	top: 158px;
}

.mt141 {
	top: 141px;
}

.top196 {
	top: 196px;
}

.flex-center {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.desc-card {
	width: 48%;
}

a {
	color: #fff;
}

a:hover {
	color: #fff;
}

.solu-title {
	font-size: 36px;
}

.solu-desc {
	font-size: 36px;
	font-weight: 300;
}

.solu-desctow {
	font-size: 36px;
	font-weight: 300;
}

.solu {
	width: 1200px;
	margin: 80px auto 0;
}

.solu2 {
	height: 800px;
	box-sizing: border-box;
	overflow: hidden;
}

.solu-title {
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 95px;
	/* text-align: center; */
}

.solu-titleTwo {
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.solu-title2 {
	text-align: center;
}

.solu-card {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.solu-left {
	width: 200px;
}


.solu-left-list {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.line {
	width: 30px;
	height: 4px;
	background: #c0c4cc;
}

.solu-left-list-name {
	color: #909399;
	font-size: 18px;
}

.solu-left .active .line,
.solu-left-list:hover .line {
	background: #0b1e2f;
	width: 60px;
	transition: all 0.3s linear;
}

.solu-left .active .solu-left-list-name,
.solu-left-list:hover .solu-left-list-name {
	color: #0b1e2f;
	font-weight: bold;
}

.colorRed>a {
	color: #d21f0c;
}

.soluBox {
	display: none;
	width: 980px;
	margin-left: 20px;
}

.template {
	display: none;
}

.show {
	display: block;
}

.solu-right {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.solu-right-list {
	width: 50%;
	height: 204px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 28px 38px;
	box-sizing: border-box;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #f2f6fc;
	cursor: pointer;
}

.solu-right-list:hover {
	box-shadow: 0px 0px 10px 1px #f2f6fc;
}

.solu-right-list-body {
	width: 75%;
}

.solu-right-list-body-title {
	font-size: 18px;
	color: #0b1e2f;
	margin-bottom: 20px;
	font-weight: 600;
}

.solu-right-list-body-desc {
	color: #909399;
	font-size: 14px;
	line-height: 1.7;
	/* 不同浏览器有不同的前缀，比如-moz-box */
	display: -webkit-box;
	/* 子元素的排列方式：垂直排列 */
	-webkit-box-orient: vertical;
	/* 设置3行文本之后打点显示 */
	-webkit-line-clamp: 4;
	/* 超出盒子部分隐藏显示 */
	overflow: hidden;
}

.solu-right-list .solu-img {
	position: absolute;
	right: 17px;
	bottom: 15px;
	width: 110px;
	height: 110px;
}

.interARG {
	width: 100%;
	background-color: #f6f6f9;
	box-sizing: border-box;
	padding: 80px 0;
}

.interARG-body {
	width: 1200px;
	margin: 0 auto;
}

.solu-desc {
	width: 100%;
	text-align: center;
	margin: 19px 0 54px;
	color: #3d3d3d;
	font-size: 14px;
}

.mb20 {
	margin-bottom: 20px;
}

.interARG-nav {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #fff;
	border-bottom: 1px solid #f6f6f9;
}

.interARG-nav-list {
	width: 25%;
	padding: 33px;
	box-sizing: border-box;
	border-bottom: 4px solid transparent;
	cursor: pointer;
}

.interARG-nav-list>h3 {
	margin-bottom: 5px;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: bold;
}

.interARG-nav-list>p {
	color: #606266;
}

.interARG-nav .active,
.interARG-nav-list:hover {
	border-bottom-color: #1b2032;
	box-shadow: inset 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
	transition: all 0.3s linear;
}

.interARG-content {
	background-color: #fff;
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.interARG-content-img {
	width: 470px;
	height: 230px;
}

.interARG-content-body {
	width: calc(100% - 500px);
}

.content-body-title {
	font-size: 18px;
	font-weight: bold;
	color: #0b1e2f;
	margin-bottom: 20px;
}

.content-body-desc {
	color: #909399;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 27px;
	width: 100%;
	padding-right: 30px;
	box-sizing: border-box;
}

.add-more {
	color: #d21f0c;
	cursor: pointer;
}

.add-more:hover {
	opacity: 0.8;
}

.szxc-card {
	width: 1200px;
	margin: 0 auto;
	display: flex;
}

.szxc-cardBox {
	width: 900px;
	height: 364px;
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.szxc-cardBox-drsc {
	width: 100%;
	height: 111px;
	background: rgba(10, 96, 223, 0.44);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	padding: 28px 0;
	text-align: center;
	box-sizing: border-box;
}

.szxc-cardBox-img {
	width: 900px;
	height: 100%;
}

.szxc-cardBox-drsc>h4 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 13px;
}

.szxc-cardBox-drsc>p {
	color: #fff;
	font-size: 16px;
}

.szxc-nav {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background: #f4f3f3;
	margin-bottom: 68px;
}

.zxc-cardBox-title {
	width: 300px;
	height: 100%;
	padding: 60px 0 0 90px;
	box-sizing: border-box;
	background-color: #1b2032;
	height: 364px;
}

.padding001 {
	padding: 37px 27px 0 27px;
}

.zxc-cardBox-title-item-img001 {
	width: 32px;
	height: 32px;
	margin-right: 6px;
}

.zxc-cardBox-title-text001 {
	font-size: 16px;
	color: #ffffff;
	margin-top: 60px;
	line-height: 1.7;
}

.zxc-cardBox-title-item-img {
	width: 36px;
	height: 36px;
	margin-right: 6px;
}

.zxc-cardBox-title-item-name {
	font-size: 14px;
	color: #ffffff;
}

.zxc-cardBox-title-item {
	display: flex;
	align-items: center;
	margin-bottom: 32px;
}

.zxc-cardBox-title-item001 {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
}

.padding002 {
	padding: 34px 0 0 15px;
}

.cwgl-name {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	margin-bottom: 6px;
	line-height: 24px;
}

.cwgl-value {
	color: #C0C4CC;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 26px;
}

.szxc-nav-list {
	width: 25%;
	text-align: center;
	padding: 26px;
	box-sizing: border-box;
	border-bottom: 4px solid transparent;
}

.szxc-nav .active,
.szxc-nav-list:hover {
	border-bottom: 4px solid #1b2032;
	background: #f6f6f9;
	transition: all 0.3s linear;
}

.szxc-nav-list .icon {
	width: 64px;
	height: 64px;
	margin-bottom: 10px;
}

.padding004 {
	padding: 90px 0 0 32px;
}

.hmfw-box {
	display: flex;
	align-items: center;
	margin-bottom: 48px;
}

.hmfw-name {
	font-size: 24px;
	font-family: 'DIN-Bold, DIN';
	font-weight: 700;
	line-height: 32px;
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 82%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-right: 6px;
}

.hmfw-value {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 700;
}

.szxc-nav-list>h5 {
	font-size: 18px;
	color: #0b1e2f;
	line-height: 36px;
	font-weight: 500;
}

.zhyq {
	width: 1200px;
	margin: 0 auto;
}

.zhyq-nav {
	width: 100%;
	display: flex;
	align-items: center;
}

.zhyq-nav-list {
	width: 25%;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 4px solid transparent;
	color: #3d3d3d;
	font-size: 16px;
}

.zhyq-nav .active,
.zhyq-nav-list:hover {
	color: #0b1e2f;
	border-bottom-color: #0b1e2f;
}

.zhyq-body {
	width: 100%;
	padding: 60px 0;
	display: flex;
	justify-content: space-between;
}

.zhyq-body-img {
	width: 48%;
	height: 360px;
}

.gyhlw {
	width: 1200px;
	margin: 0 auto;
}


.gyhlw-card {
	width: 100%;
	display: flex;
	margin-bottom: 50px;
}

.gyhlw-card-left {
	width: 30%;
	height: 338px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.gyhlw-card-img {
	width: 40%;
	height: 338px;
}

.gyhlw-card-left-list-title {
	font-size: 18px;
	color: #0b1e2f;
	margin-bottom: 5px;
	font-weight: 600;
}

.gyhlw-card-left-list-desc {
	color: #3d3d3d;
	font-size: 14px;
}

.gyhlw-card-right {
	width: 30%;
	height: 338px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 30%;
	align-items: flex-end;
	text-align: right;
}

.gyhlw-nav {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 80px;
}

.gyhlw-nav-list {
	width: 20%;
	border: 1px solid #f6f6f9;
	text-align: right;
	font-size: 20px;
	font-weight: 600;
	color: #c0c4cc;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	cursor: pointer;
}

.gyhlw-nav .active,
.gyhlw-nav-list:hover {
	border-color: #d21f0c;
	color: #d21f0c;
}

.dev {
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin-bottom: 47px;
}

.dev-left-img {
	width: 220px;
	height: 220px;
}

.dev-left {
	width: calc(100% - 340px);
	height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.dev-left-list>h4 {
	font-size: 18px;
	font-weight: bold;
	color: #0b1e2f;
	margin-bottom: 10px;
}

.dev-left-list>p {
	font-size: 14px;
	color: #c0c4cc;
}

.dev-img {
	width: 100%;
	height: 156px;
	margin-bottom: 50px;
}

.ck-img {
	width: 300px;
	height: 277px;
}

.ck-left {
	width: calc(100% - 320px);
}

.ck-title {
	color: #0b1e2f;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 40px;
}

.ck-left-list {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #0b1e2f;
	font-size: 14px;
	margin-bottom: 20px;
}

.ck-left-list-img {
	width: 32px;
	height: 32px;
	margin-right: 20px;
}

.sb-list {
	width: 33.33333%;
	text-align: center;
}

.sb-list-img {
	width: 254px;
	height: 254px;
	border: 2px solid #f5f7fa;
	border-radius: 50%;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	margin: 0 auto 20px;
}

.sb-list-img::before {
	content: "";
	width: 228px;
	height: 228px;
	position: absolute;
	left: 10px;
	top: 10px;
	border: 2px solid #ebeef5;
	border-radius: 50%;
}

.sb-list-img>img {
	width: 100%;
	height: 100%;
}

.sb-list>p {
	font-size: 16px;
	color: #0b1e2f;
	font-weight: 400;
}

.flexSapce {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 900px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.ny-list {
	width: 30%;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
}

.ny-list-img {
	width: 220px;
	height: 220px;
	margin-bottom: 20px;
}

.ny-list>p {
	color: #0b1e2f;
	font-weight: 400;
	font-size: 16px;
}