@charset "UTF-8";
	.container .item2 {
	grid-area: main;
	height: 11.16rem;
}
.container .item2 .item2-bg {
	height: 11.16rem;
	background-image: url("./img/banner_ma.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.container .item2 .item2-bg .item2-bg-left-bottom {
	position: absolute;
	bottom: .4rem;
	left: 10%;
}
.container .item2 .item2-bg .item2-bg-left-bottom p {
	color: #F9FBF9;
	font-size: .4rem;
	padding-left: .0667rem;
	margin-bottom: .0667rem;
}
.container .item2 .item2-bg .item2-bg-left-bottom h1 {
	color: #fff;
	letter-spacing: .04rem;
	font-size: .9333rem;
	margin-bottom: .1333rem;
}
.container .item9 {
	height: 1.0667rem;
	grid-area: item9;
	background: #fff;
	z-index: 1;
	padding: 0 0.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container .item9 .item9-header-navlist {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 60%;
}
.container .item9 .item9-header-navlist div a {
	color: #004da0;
	font-size: 0.3333rem;
}
.container .item9 .item9-header-navlist div.active::after {
	content: "";
	display: block;
	width: 100%;
	height: 0.04rem;
	background-color: #fed300;
}
.container .item9 .item9-header-navlist div.active a {
	font-weight: bold;
}
.container .item3 {
	height: 11.16rem;
	grid-area: sidebar;
}
.container .item3 .item3-bg {
	height: 100%;
	background-image: url("./img/manu_bg2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.container .item3 .item3-bg .item3-bg-content-logo {
	text-align: center;
	padding-top: 1rem;
}
.container .item3 .item3-bg .item3-bg-content-logo .item3-bg-content-logo-title {
	font-size: 0.6rem;
	color: #014e9f;
	font-weight: bold;
}
.container .item3 .item3-bg .item3-bg-content-logo h1 {
	/* font-size: .4rem;*/
	font-size: 0.8rem;
	color: #dae2f3;
}
.container .item3 .item3-bg .item3-bg-content {
	width: 80%;
	margin: .5667rem auto;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-header .item-title {
	display: flex;
	justify-content: center;
	align-items: center;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-header .item-title .title {
	font-size: 0.3333rem;
	color: #fff;
	margin-right: .1333rem;
	text-shadow: 2px 2px 2px #888888;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-header .item-title .line {
	font-size: 0.3333rem;
	color: #fff;
	margin-right: .1333rem;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-header .item-title2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-header .item-title2 .title {
	font-size: 0.3333rem;
	color: #fff;
	margin-right: .1333rem;
	text-shadow: 2px 2px 2px #888888;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -0.6667rem;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-img img {
	width: 100%;
	height: 100%;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-bottom {
	text-align: center;
	margin-top: -0.7667rem;
}
.container .item3 .item3-bg .item3-bg-content .item3-bg-content-bottom div {
	font-size: .2133rem;
	color: #fff;
}
.container .item4 {
	height: 12.6rem;
	background-color: #F5F5F5;
	grid-area: item4;
	display: flex;
}
.container .item4 .item4-content {
	width: 90%;
	margin: 2.1333rem auto 0 auto;
background-color: #F5F5F5;
}
.container .item4 .item4-content .item4-content-fgrop {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.container .item4 .item4-content .item4-content-fgrop .item.active .line {
	position: relative;
	background: #b4b3b3;
}
.container .item4 .item4-content .item4-content-fgrop .item.active .title {
	color: #0043A4;
	font-weight: bold;
	top: -1.8rem;
	transition: all 0.3s ease;
	width: 2.1rem;
}
.container .item4 .item4-content .item4-content-fgrop .item.active .dot {
	background-color: #0043A4;
	transition: all 0.3s;
}
.container .item4 .item4-content .item4-content-fgrop .item {
	flex: 1;
	position: relative;
}
.container .item4 .item4-content .item4-content-fgrop .item .line {
	height: 0.04rem;
	position: relative;
	background: #b4b3b3;
}
.container .item4 .item4-content .item4-content-fgrop .item .title {
	font-size: .2133rem;
	color: #646464;
	position: absolute;
	right: 20%;
	top: -1.0333rem;
	width: 2rem;
	text-align: center;
}
.container .item4 .item4-content .item4-content-fgrop .item .title:hover {
	color: #0043A4;
	cursor: pointer;
}
.container .item4 .item4-content .item4-content-fgrop .item .imgs {
	position: absolute;
	right: -0.43rem;
	top: -1rem;
	display: none;
}
.container .item4 .item4-content .item4-content-fgrop .item .dot {
	position: absolute;
	right: 50%;
	top: -0.04rem;
	border-radius: 50%;
	width: .1633rem;
	height: .1633rem;
	background-color: #646464;
	transition: all 0.3s;
}
.container .item4 .item4-content .item4-content-fgrop .item .dot:hover {
	background: #0043A4;
	transform: translateX(0%) scale(1.3);
	box-shadow: 0 0 8px rgba(255, 107, 0, 0.3);
}
.container .item4 .item4-content .arrow-top {
	width: .5333rem;
	height: .5333rem;
	position: absolute;
	left: 0;
	bottom: -0.65933rem;
}
.container .item4 .item4-content .item4-content-imgs {
	margin-top: .3667rem;
}
.container .item4 .item4-content .item4-content-imgs img {
	height: 6rem;
	width: 100%;
}
.container .item4 .item4-content .item4-content-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}
.container .item4 .item4-content .item4-content-title .title-left {
	width: 70%;
	padding: .3333rem .7667rem;
	padding-left: .7667rem;
	padding-right: 2rem;
}
.container .item4 .item4-content .item4-content-title .title-left .header-title {
	font-size: .4rem;
	color: #002D9E;
	font-weight: bold;
}
.container .item4 .item4-content .item4-content-title .title-left .bottom-title {
	font-size: .24rem;
	color: #777777;
	margin-top: .2667rem;
}
.container .item4 .item4-content .item4-content-title .title-right {
	width: 30%;
	display: flex;
	align-items: center;
}
.container .item4 .item4-content .item4-content-title .title-right .title-right-item {
	margin-top: -0.1333rem;
}
.container .item4 .item4-content .item4-content-title .title-right .title-right-item .p1 {
	font-size: .3333rem;
	color: #0043A4;
	font-weight: bold;
}
.container .item4 .item4-content .item4-content-title .title-right .title-right-item .p2 {
	font-size: .24rem;
	color: #777777;
	margin-top: .2667rem;
	text-align: center;
}
.container .item4 .item4-content .bot-box {
	display: none;
}
.container .item4 .item4-content .bot-box.on {
	display: block;
}
.container .item5 {
	height: 11.6rem;
	background-color: #F5F5F5;
	grid-area: item5;
}
.container .item5 .item5-bg-content-logo {
	text-align: center;
	padding-top: 0.4333rem;
}
.container .item5 .item5-bg-content-logo .item5-bg-content-logo-title {
	font-size: 0.6rem;
	color: #014e9f;
	font-weight: bold;
}
.container .item5 .item5-bg-content-logo h1 {
	/* font-size: .4rem;*/
	font-size: 0.8rem;
	color: #dae2f3;
}
.container .item5 .item5-content-banner {
	width: 90%;
	margin: .6rem auto;
	display: flex;
	justify-content: space-between;
	height: 7.3333rem;
}
.container .item5 .item5-content-banner .item5-content-arrow-left {
	width: 5%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container .item5 .item5-content-banner .item5-content-arrow-left img {
	width: .5333rem;
	height: .5333rem;
}
.container .item5 .item5-content-banner .item5-content-item .item {
	position: relative;
	background-color: #fff;
}
.container .item5 .item5-content-banner .item5-content-item .item img {
	width: 100%;
	height: 3.7rem;
}
.container .item5 .item5-content-banner .item5-content-item .item .content-item {
	position: absolute;
	top: 30%;
	left: 10%;
	width: 80%;
}
.container .item5 .item5-content-banner .item5-content-item .item .content-item .p1 {
	font-size: .2099rem;
	color: #FFF;
	font-weight: bold;
}
.container .item5 .item5-content-banner .item5-content-item .item .content-item .p2 {
	font-size: .2033rem;
	color: #FFF;
	margin-top: .2267rem;
}
.container .item5 .item5-content-banner .item5-content-arrow-right {
	width: 5%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container .item5 .item5-content-banner .item5-content-arrow-right img {
	width: .5333rem;
	height: .5333rem;
}
/* 新增线段和小圆点样式*/
	.line-container {
	position: absolute;
	left: 0;
	top: -1.02rem;
	transition: all 0.3s ease;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.line-container img {
	width: 0.8rem;
}
/* 初始激活项指示器*/
	.item.active .line-container {
	opacity: 1;
}