/*banner*/
.w1180 {
	width: 1180px;
	margin: 0 auto;
}

.banner-big-box {
	width: 100%;
	height: 300px;
}

.banner-box {
	background-image: url(/eportal/uiFramework/commonResource/image/2022102722162179934.jpg);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.banner-box .ny p {
	text-align: center;
}

.banner-box .ny p:first-child {
	font-size: 48px;
	color: #FFFFFF;
	letter-spacing: 2px;
	line-height: 60px;
	font-weight: 400;
	padding: 80px 0 20px 0;
}

.banner-box .ny p:last-child {
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.5px;
	line-height: 32px;
	font-weight: 400;
}

/*中间内容*/
.content-box {
	width: 100%;
	padding: 80px 0 0 0;
}

.w1180 {
	width: 1180px;
	margin: 0 auto;
}

#dwwhck-word .small-nav {
	width: 460px;
}

/*模块css*/
.ty-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
	width: 100%;
	height: 380px;
}

.ty-box:last-child {
	margin-bottom: 0;
}

.ty-img {
	width: 680px;
}

.ty-word-box {
	width: 440px;
}

.img-ts-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.word-ts-box p:first-child {
	font-size: 24px;
	color: #222222;
	letter-spacing: 1px;
	line-height: 40px;
	font-weight: 500;
	margin-top: 50px;
}

.word-ts-box p:last-child {
	font-size: 16px;
	color: #888888;
	letter-spacing: 0.5px;
	line-height: 32px;
	font-weight: 400;
	margin-top: 20px;
}

/*关于我们中间内容*/
.sryh-js-box p {
	font-size: 16px;
	color: #222222;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 32px;
	font-weight: 400;
}

.sryh-td-box {
	width: 980px;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
	height: 150px;
}

.sryh-td-box .sryh-list-td {
	width: 313px;
	height: 150px;
	border: 1px solid rgba(225, 225, 225, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.sryh-td-box .sryh-list-td {
	font-size: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 32px;
	font-weight: 500;
}

.sryh-td-box .sryh-list-td p {
	width: 100%;
	color: #222222;
}

.sryh-td-box .sryh-list-td p span {
	color: #d62222;
}

.sryh-yj {
	font-size: 16px;
	color: #222222;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 32px;
	font-weight: 400;
}

.ts-box {
	font-size: 16px;
	color: #888888;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 24px;
	font-weight: 200;
	margin-top: 60px;
}

/*手机端CSS*/
/*控制pc与mobile显示代码在头部*/
/*当屏幕宽度小于1200时，pc页面隐藏，移动端展示*/
@media screen and (max-width: 1200px) {

	/*底部提示*/
	.ts-box {
		font-size: 14px;
		color: #888888;
		letter-spacing: 0.5px;
		line-height: 28px;
		font-weight: 200;
		text-align: left;
		margin-top: 40px;
		padding: 0 20px;
	}

	.w1180 {
		width: auto;
	}

	.content-box {
		padding: 40px 0 0 0;
	}

	/*banner以及文字介绍*/
	.m-banner-box {
		width: 100%;
		height: 150px;
		background-image: url(/eportal/uiFramework/commonResource/image/2022102722191451127.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28px;
		color: #FFFFFF;
		letter-spacing: 1px;
		line-height: 48px;
		font-weight: 400;
	}

	.m-banner-word {
		padding: 20px 20px 0 20px;
		font-size: 14px;
		color: #222222;
		letter-spacing: 0.5px;
		line-height: 28px;
		font-weight: 400;
	}

	/*业务*/
	.ty-box {
		height: auto;
		flex-wrap: wrap;
		margin-bottom: 40px !important;
	}

	.img-ts-box {
		padding: 20px;
	}

	.ty-img,
	.ty-word-box {
		width: 100%;
	}

	.word-ts-box {
		display: none;
	}

	.m-title-box p {
		font-size: 18px;
		color: #222222;
		letter-spacing: 1px;
		text-align: center;
		line-height: 28px;
		font-weight: 600;
	}

	.content-box .w1180 .ty-box:nth-child(even) {
		flex-direction: column-reverse;
	}


	/*业务子类*/
	.small-nav {
		width: 100% !important;
	}

	.nav-list {
		margin-top: 0 !important;
	}

	.nav-list a {
		width: 50%;
		display: flex;
		justify-content: center;
		padding: 0 !important;
		font-size: 14px !important;
		line-height: 24px !important;
		margin-bottom: 15px !important;
	}

	.nav-list a:nth-child(odd)::after {
		content: '';
		display: inline-block;
		position: absolute;
		width: 1px;
		height: 16px;
		background: #E1E1E1;
		top: 4px;
		right: 0;
	}

	.nav-list a:nth-child(even)::after {
		display: none;
	}

	.sryh-js-box {
		padding: 0 20px;
	}

	.sryh-js-box p {
		font-size: 14px;
		line-height: 28px;
		text-align: justify;
	}

	.sryh-td-box {
		flex-wrap: wrap;
		width: 100%;
		padding: 0 20px;
		height: auto;
	}

	.sryh-td-box .sryh-list-td {
		width: 100%;
		margin-bottom: 10px;
		height: 96px;
	}

	.sryh-td-box .sryh-list-td:last-child {
		margin-bottom: 0;
	}

	.sryh-td-box .sryh-list-td p {
		font-size: 16px;
		letter-spacing: 0.5px;
		line-height: 32px;
		font-weight: 500;
	}

	.sryh-yj {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 28px;
		text-align: justify;
		padding: 0 20px;
	}
}