/* 1280px 及以下） */
@media only screen and (max-width: 1279px) {
	.grid-box-1{
		background-image: url("../images/index/BJ02.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 4.4rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.grid-box-1 .center .info-1{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		color: #ffffff;
		text-align: center;
		padding-bottom: .3rem;	
	}
	.grid-box-1 .center .info-2{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		text-align: center;
		width: 7rem;
		margin: auto;
	}
	.grid-box-2{
		position: relative;
		padding-top: .43rem;
	}
	.grid-box-2 .banner{
		background-image: url("../images/index/IMG001.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 8.54rem;
		height: 5.69rem;
		margin: 0 auto .63rem;
		position: relative;
		z-index: 10;
	}
	.grid-box-2 .bg{
		background-image: url("../images/index/bg1.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 8.06rem;
		height: 8.71rem;
		position: absolute;
		right: 0;
		bottom:0;
	}
	.grid-box-2 .info .name{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		color: #000000;
		width: 8.54rem;
		margin: auto;
		position: relative;
		z-index: 10;	
	}
	.grid-box-2 .info .info-1{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		width: 8.54rem;
		margin: .26rem auto 1.29rem;
		position: relative;
		z-index: 10;
	}

	.book{
		width: 100%;
		margin: auto;
		display: flex;
	}

	.grid-box-3{
		height: 7.88rem;
		background-color: #24a4d7;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.grid-box-3 .center .name{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		padding-bottom: .86rem;
		width: 8.54rem;
		margin: auto;
	}
	.grid-box-3 .center .info{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		width: 8.54rem;
		margin: auto;	
	}
	.grid-box-4{
		position: relative;
	}
	.grid-box-4 .title{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		color: #000000;
		padding: 1.14rem 0 .74rem 0;
		width: 8.54rem;
		margin: auto;	
	}
	.grid-box-4 .list{
		width: 8.54rem;
		margin: auto;	
	}
	.grid-box-4 .list .item {
		width: 8.54rem;
		display: flex;
	}
	.grid-box-4 .list .item .banner{
		width: 1.66rem;
		height: 1.66rem;
		background-repeat: no-repeat;
		background-size: 100% 100%;	
	}
	.grid-box-4 .list .item .center{
		width: 6.55rem;
		margin-left: .25rem;
	}
	.grid-box-4 .list .item .banner-1{
		background-image: url("../images/index/IC01.png");
	}
	.grid-box-4 .list .item .banner-2{
		background-image: url("../images/index/IC02.png");
	}
	.grid-box-4 .list .item .banner-3{
		background-image: url("../images/index/IC05.png");
	}
	.grid-box-4 .list .item .banner-4{
		background-image: url("../images/index/IC04.png");
	}
	.grid-box-4 .list .item .banner-5{
		background-image: url("../images/index/IC03.png");
	}
	.grid-box-4 .list .item .name{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.38rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		padding-bottom: .41rem;	
	}
	.grid-box-4 .list .item .info{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		padding-bottom:.74rem;
	}
	.grid-box-4 .bg{
		background-image: url("../images/index/bg2.png");
		width: 100%;
		height: 5.04rem;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: 36%;
		right: 0;	
	}
	.grid-box-5{
		height: 18.95rem;
		background-color: #24a4d7;	
	}
	.grid-box-5 .title{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		padding: 1.13rem 0 .41rem 0;
		width: 8.54rem;
		margin: auto;	
	}
	.grid-box-5 .info{
		width: 8.54rem;
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		margin: auto;
	}
	.grid-box-5 .list{
		width: 8.54rem;
		margin: .5rem auto 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 0.6rem; /* 两行卡片之间的垂直间距，可按需调整 */
	}
	
	/* 人物卡片容器：改为垂直flex布局，承载图片+文字 */
	.grid-box-5 .list .item{
		width: 4.1rem;
		height: auto; /* 取消固定高度，自适应文字高度 */
		background: none; /* 清空原有背景，迁移到内部avatar容器 */
		margin-bottom: 0; /* 取消原有margin，用row-gap控制行间距 */
		border-radius: 0; /* 取消圆角，圆角加在图片上 */
		display: flex;
		flex-direction: column;
		align-items: center; /* 图片+文字整体水平居中 */
	}
	
	/* 图片容器：专门承载背景图，实现圆形效果 */
	.grid-box-5 .list .item .avatar {
		width: 4.1rem;
		height: 4.1rem;
		background-repeat: no-repeat;
		background-size: cover; /* 保证图片不变形，适配圆形 */
		border-radius: 50%; /* 核心：圆形裁剪，匹配参考图 */
		margin-bottom: 0.3rem; /* 图片和文字之间的空隙，可按需调整 */
	}
	
	/* 姓名文字样式：居中、改色、取消定位 */
	.grid-box-5 .list .item .name{
		font-family: Arial-BoldMT;
		font-size: 0.3rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 1.4; /* 优化行高，适配长名字换行 */
		letter-spacing: 0rem;
		color: #ffffff; /* 参考图的深灰/黑色，替换原有白色 */
		position: static; /* 取消相对定位，彻底抛弃top/left */
		top: unset;
		left: unset;
		text-align: center; /* 文字水平居中 */
		width: 100%; /* 宽度铺满卡片，居中更稳定 */
		margin-bottom: 0.1rem; /* 姓名和职位之间的小间距 */
	}
	
	/* 职位文字样式：和姓名统一居中逻辑 */
	.grid-box-5 .list .item .tips{
		font-family: MicrosoftYaHei;
		font-size: 0.2rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: 0rem;
		color: #ffffff; /* 匹配参考图文字颜色 */
		position: static;
		top: unset;
		left: unset;
		text-align: center;
		width: 100%;
	}
	
	/* 背景图迁移：对应item-1到item-4，完全保留原有路径 */
	.grid-box-5 .list .item-1 .avatar{
		background-image: url("../images/index/111.png");
	}
	.grid-box-5 .list .item-2 .avatar{
		background-image: url("../images/index/222.png");
	}
	.grid-box-5 .list .item-3 .avatar{
		background-image: url("../images/index/333.png");
	}
	.grid-box-5 .list .item-4 .avatar{
		background-image: url("../images/index/photo-4.png");
	}
	
	/* 兼容item-4的lable-1/lable-2：和name/tips统一样式 */
	.grid-box-5 .list .item .lable-1{
		font-family: Arial-BoldMT;
		font-size: 0.4rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: 0rem;
		color: #ffffff;
		position: static;
		top: unset;
		left: unset;
		text-align: center;
		width: 100%;
		margin-bottom: 0.1rem;
	}
	.grid-box-5 .list .item .lable-2{
		font-family: Arial-BoldMT;
		font-size: 0.3rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: 0rem;
		color: #ffffff;
		position: static;
		top: unset;
		left: unset;
		text-align: center;
		width: 100%;
	}
	.grid-box-6{
		height: 12rem;
		position: relative;
	}
	.grid-box-6 .main{
		width: 8.54rem;
		height: 12.6rem;
		margin: auto;
	}
	.grid-box-6 .bg-1{
		position: absolute;
		top:0;
		left: 0;
		background-image: url("../images/index/BG03.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 6.15rem;
		height: 4.31rem;
	} 
	.grid-box-6 .bg-2{
		width: 6.15rem;
		height: 4.31rem;
		background-image: url("../images/index/BG02.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.grid-box-6 .title{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		letter-spacing: 0rem;
		color: #000000;
		padding: 1.61rem 0 .8rem 0;	
	}
	.grid-box-6 .info-1{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		padding-bottom: .4rem;
	}
	.grid-box-7{
		background-color: #24a4d7;
		height: 25.06rem;
	}
	.grid-box-7 .main{
		width: 8.54rem;
		margin: auto;
	}
	.grid-box-7 .main .title{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		padding: 1.61rem 0;	
	}
	.grid-box-7 .main .list .item{
		display: flex;
		margin-bottom: .81rem;
	}
	.grid-box-7 .main .list .item-2{
		justify-content: right;
	}
	.grid-box-7 .main .list .item .photo{
		width: 1.7rem;
		height: 1.7rem;
		border-radius: 50%;
		margin: 0 auto .1rem;
		background-repeat: no-repeat;
		background-size: 100% 100%;	
	}
	.grid-box-7 .main .list .item .name{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		text-align: center;	
	}
	.grid-box-7 .main .list .item .tips{
		font-family: MicrosoftYaHei;
		font-size: 0.23rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		text-align: center;	
	}
	.grid-box-7 .main .list .item .info{
		width: 5.79rem;
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		background-color: #ffffff;
		padding: .3rem;
	}
	.grid-box-7 .main .list .item .info-1{
		border-radius: 0rem 0.23rem 0.23rem 0.23rem;
		margin-left: .55rem;
	}
	.grid-box-7 .main .list .item .info-2{
		border-radius: 0.23rem 0rem 0.23rem 0.23rem;
		margin-right: .55rem;
	}
	.grid-box-7 .main .list .item .info-3{
		border-radius: 0rem 0.23rem 0.23rem 0.23rem;
		margin-left: .55rem;
	}
	.grid-box-7 .main .list .item .info-4{
		border-radius: 0.23rem 0rem 0.23rem 0.23rem;
		margin-right: .55rem;
	}
	.grid-box-7 .main .list .item .photo-1{
		background-image: url("../images/index/PJ1.png");
	}
	.grid-box-7 .main .list .item .photo-2{
		background-image: url("../images/index/PJ2.png");
	}
	.grid-box-7 .main .list .item .photo-3{
		background-image: url("../images/index/PJ3.png");
	}
	.grid-box-7 .main .list .item .photo-4{
		background-image: url("../images/index/PJ4.png");
	}
	.grid-box-7 .main .submit{
		width: 8.09rem;
		height: 1.89rem;
		line-height: 1.89rem;
		border-radius: 0.5rem;
		border: solid 0.01rem #ffffff;
		margin: 1rem auto 0;
		text-align: center;
		font-family: MicrosoftYaHeiLight;
		font-size: 0.75rem;
		font-weight: normal;
		font-stretch: normal;
		color: #ffffff;
		display: block;	
	}
	.grid-box-8 .list{
		width: 8.63rem;
		margin: .64rem auto 0;
	}
	.grid-box-8 .list .item{
		margin-bottom: .33rem;
	}
	.grid-box-8 .list .item .title{
		height: 0.9rem;
		background-color: #24a4d7;
		border-radius: 0.19rem 0.19rem 0rem 0rem;
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.45rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.9rem;
		letter-spacing: 0rem;
		color: #ffffff;
		padding-left: .54rem;
	}
	.grid-box-8 .list .item .info{
		background-color: #edefe2;
		border-radius: 0rem 0rem 0.19rem 0.19rem;
		padding: .4rem 0 .4rem .54rem;
	}
	.grid-box-8 .list .item .info .tips-1{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.23rem;
		letter-spacing: 0rem;
		color: #000000;
		padding-bottom: .2rem;
	}
	.grid-box-8 .footer-1{
		width: 8.63rem;
		margin: auto;
		padding: .5rem 0;
	}
	.grid-box-8 .footer-1 .tips{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		padding-top: .5rem;
	}
	.grid-box-8 .footer-1 .group{
		
	}
	.grid-box-8 .footer-1 .group .item{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.8rem;
		letter-spacing: 0rem;
		color: #000000;
		width: 8.1rem;
		height: 0.8rem;
		border-radius: 0.14rem;
		border: solid 1px #333333;
		display: block;
		padding: 0 .24rem;
		margin-bottom: .2rem;
	}	
	.grid-box-9{
		position: relative;
		display: flex;
		justify-content: center; /* 水平居中 */
		align-items: center;     /* 垂直居中 */
	}
	.grid-box-9 .info .name-1{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.6rem;
		font-weight: bold;
		font-stretch: normal;
		color: #0564a3;
		width: 8.54rem;
		margin: auto;
		position: relative;
		z-index: 10;
		/* 核心：文字水平居中 */
		text-align: center;
		/* 核心：文字垂直居中（给个行高 = 盒子高度） */
		line-height: 1rem; /* 你可以根据需要改高度 */
	}
}

/* 1280px 像素及以上） */
@media only screen and (min-width: 1280px) {
	.grid-box-1{
		background-image: url("../images/index/BJ02.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 11.25rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.grid-box-1 .center .info-1{
		font-family: MicrosoftYaHei;
		font-size: 0.38rem;
		font-weight: normal;
		font-stretch: normal;
		color: #ffffff;
		text-align: center;
		padding-bottom: .3rem;	
	}
	.grid-box-1 .center .info-2{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		text-align: center;
	}
	.grid-box-2{
		width: 100%;
		height: 8.71rem;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	.grid-box-2 .banner{
		background-image: url("../images/index/IMG001.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 7.5rem;
		height: 5rem;
		margin-right: .64rem;
	}
	.grid-box-2 .bg{
		background-image: url("../images/index/bg1.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 8.06rem;
		height: 8.71rem;
		position: absolute;
		right: 0;
		top:0;
	}
	.grid-box-2 .info .name{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		color: #000000;	
	}
	.grid-box-2 .info .info-1{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		width: 12.08rem;	
	}

	.book{
		width: 20.4rem;
		margin: 0 auto .4rem;
		display: flex;
	}

	.grid-box-3{
		height: 8.71rem;
		background-color: #24a4d7;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.grid-box-3 .center .name{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		text-align: center;
		padding-bottom: .86rem;
	}
	.grid-box-3 .center .info{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		text-align: center;	
	}
	.grid-box-4{
		position: relative;
	}
	.grid-box-4 .title{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		color: #000000;
		text-align: center;
		padding: 1.25rem 0;	
	}
	.grid-box-4 .list{
		display: flex;
		align-content: space-around;
		flex-wrap: wrap;
		margin: auto;
		width: 20.4rem;
	}
	.grid-box-4 .list .item {
		width: 6.45rem;
	}
	.grid-box-4 .list .item:nth-child(3n+2){
		margin: 0 .5rem;
	}
	.grid-box-4 .list .item .banner{
		width: 3.5rem;
		height: 3.5rem;
		margin: auto;
		background-repeat: no-repeat;
		background-size: 100% 100%;	
	}
	.grid-box-4 .list .item .banner-1{
		background-image: url("../images/index/IC01.png");
	}
	.grid-box-4 .list .item .banner-2{
		background-image: url("../images/index/IC02.png");
	}
	.grid-box-4 .list .item .banner-3{
		background-image: url("../images/index/IC05.png");
	}
	.grid-box-4 .list .item .banner-4{
		background-image: url("../images/index/IC04.png");
	}
	.grid-box-4 .list .item .banner-5{
		background-image: url("../images/index/IC03.png");
	}
	.grid-box-4 .list .item .name{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.38rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		padding: .5rem 0;	
	}
	.grid-box-4 .list .item .info{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		padding-bottom:.9rem;
	}
	.grid-box-4 .bg{
		background-image: url("../images/index/bg2.png");
		width: 15.7rem;
		height: 8.41rem;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		position: absolute;
		bottom: 0;
		right: 0;	
	}
	.grid-box-5{
		height: 11.18rem;
		background-color: #24a4d7;	
	}
	.grid-box-5 .title{
		text-align: center;
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		padding: 1.34rem 0 .3rem 0;	
	}
	.grid-box-5 .info{
		width: 18.99rem;
		text-align: center;
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		margin: auto;
	}
	/* 列表容器：核心自适应布局 */
	.grid-box-5 .list{
		width: 100%; /* 改为100%宽度，自适应父容器 */
		max-width: 8.54rem; /* 保留最大宽度，避免大屏过度拉伸 */
		margin: .5rem auto 0;
		display: flex;
		justify-content: center; /* 居中对齐，替代space-between */
		flex-wrap: nowrap; /* 自动换行，小屏自动切两行 */
		gap: 0.6rem; /* 统一控制卡片之间的水平+垂直间距 */
	}

	/* 人物卡片容器：自适应宽度，大屏4列/小屏2列 */
	.grid-box-5 .list .item{
		/* 核心：基础宽度23%，保证一行4个；最小宽度4.1rem，不足时自动换行成2个 */
		flex: 1 1 23%;
		min-width: 4.1rem;
		max-width: 4.1rem; /* 限制最大宽度，避免大屏卡片过宽 */
		height: auto;
		background: none;
		margin-bottom: 0;
		border-radius: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/* 图片容器：保持圆形，样式不变 */
	.grid-box-5 .list .item .avatar {
		width: 4.1rem;
		height: 4.1rem;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 50%;
		margin-bottom: 0.3rem;
	}

	/* 姓名文字样式：居中、改色、取消定位 */
	.grid-box-5 .list .item .name{
		font-family: Arial-BoldMT;
		font-size: 0.3rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: 0rem;
		color: #ffffff;
		position: static;
		top: unset;
		left: unset;
		text-align: center;
		width: 100%;
		margin-bottom: 0.1rem;
	}

	/* 职位文字样式：和姓名统一居中逻辑 */
	.grid-box-5 .list .item .tips{
		font-family: MicrosoftYaHei;
		font-size: 0.2rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: 0rem;
		color: #ffffff;
		position: static;
		top: unset;
		left: unset;
		text-align: center;
		width: 100%;
	}

	/* 背景图迁移：完全保留原有路径 */
	.grid-box-5 .list .item-1 .avatar{
		background-image: url("../images/index/111.png");
	}
	.grid-box-5 .list .item-2 .avatar{
		background-image: url("../images/index/222.png");
	}
	.grid-box-5 .list .item-3 .avatar{
		background-image: url("../images/index/333.png");
	}
	.grid-box-5 .list .item-4 .avatar{
		background-image: url("../images/index/photo-4.png");
	}

	/* 兼容item-4的lable-1/lable-2：统一样式 */
	.grid-box-5 .list .item .lable-1{
		font-family: Arial-BoldMT;
		font-size: 0.4rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: 0rem;
		color: #ffffff;
		position: static;
		top: unset;
		left: unset;
		text-align: center;
		width: 100%;
		margin-bottom: 0.1rem;
	}
	.grid-box-5 .list .item .lable-2{
		font-family: Arial-BoldMT;
		font-size: 0.3rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 1.4;
		letter-spacing: 0rem;
		color: #ffffff;
		position: static;
		top: unset;
		left: unset;
		text-align: center;
		width: 100%;
	}
	.grid-box-6{
		height: 8.71rem;
	}
	.grid-box-6 .main{
		width: 22rem;
		height: 8.71rem;
		margin: auto;
		position: relative;
	}
	.grid-box-6 .bg-1{
		position: absolute;
		top:0;
		left: 0;
		background-image: url("../images/index/BG03.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 6rem;
		height: 4rem;
	}
	.grid-box-6 .bg-2{
		width: 6rem;
		height: 4rem;
		background-image: url("../images/index/BG02.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.grid-box-6 .title{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		letter-spacing: 0rem;
		color: #000000;
		text-align: center;
		padding: 1.49rem 0 .88rem 0;	
	}
	.grid-box-6 .info-1{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		padding-bottom: .4rem;
	}
	.grid-box-7{
		background-color: #24a4d7;
		height: 19.14rem;
	}
	.grid-box-7 .main{
		width: 22rem;
		margin: auto;
	}
	.grid-box-7 .main .title{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		color: #ffffff;
		text-align: center;
		padding: 1.45rem 0;	
	}
	.grid-box-7 .main .list .item{
		display: flex;
		margin-bottom: .25rem;
	}
	.grid-box-7 .main .list .item-2{
		justify-content: right;
	}
	.grid-box-7 .main .list .item .photo{
		width: 1.7rem;
		height: 1.7rem;
		border-radius: 50%;
		margin: 0 auto .1rem;
		background-repeat: no-repeat;
		background-size: 100% 100%;	
	}
	.grid-box-7 .main .list .item .name{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		text-align: center;	
	}
	.grid-box-7 .main .list .item .tips{
		font-family: MicrosoftYaHei;
		font-size: 0.23rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #ffffff;
		text-align: center;	
	}
	.grid-box-7 .main .list .item .info{
		width: 10.85rem;
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		background-color: #ffffff;
		padding: .3rem;
	}
	.grid-box-7 .main .list .item .info-1{
		border-radius: 0rem 0.23rem 0.23rem 0.23rem;
		margin-left: .55rem;
	}
	.grid-box-7 .main .list .item .info-2{
		border-radius: 0.23rem 0rem 0.23rem 0.23rem;
		margin-right: .55rem;
	}
	.grid-box-7 .main .list .item .info-3{
		border-radius: 0rem 0.23rem 0.23rem 0.23rem;
		margin-left: .55rem;
	}
	.grid-box-7 .main .list .item .info-4{
		border-radius: 0.23rem 0rem 0.23rem 0.23rem;
		margin-right: .55rem;
	}
	.grid-box-7 .main .list .item .photo-1{
		background-image: url("../images/index/PJ1.png");
	}
	.grid-box-7 .main .list .item .photo-2{
		background-image: url("../images/index/PJ2.png");
	}
	.grid-box-7 .main .list .item .photo-3{
		background-image: url("../images/index/PJ3.png");
	}
	.grid-box-7 .main .list .item .photo-4{
		background-image: url("../images/index/PJ4.png");
	}
	.grid-box-7 .main .submit{
		width: 10.41rem;
		height: 1.89rem;
		line-height: 1.89rem;
		border-radius: 0.5rem;
		border: solid 0.01rem #ffffff;
		margin: 1rem auto 0;
		text-align: center;
		font-family: MicrosoftYaHeiLight;
		font-size: 0.9rem;
		font-weight: normal;
		font-stretch: normal;
		color: #ffffff;	
		display: block;
		cursor: pointer;	
	}
	.grid-box-8 .list{
		width: 22rem;
		margin: 1rem auto .5rem;
		display: flex;
		justify-content: space-between;
	}
	.grid-box-8 .list .item .title{
		width: 5.93rem;
		height: 0.9rem;
		background-color: #24a4d7;
		border-radius: 0.19rem 0.19rem 0rem 0rem;
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.45rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 0.9rem;
		letter-spacing: 0rem;
		color: #ffffff;
		text-align: center;
	}
	.grid-box-8 .list .item .info{
		background-color: #edefe2;
		border-radius: 0rem 0rem 0.19rem 0.19rem;
		padding: .4rem 0;
	}
	.grid-box-8 .list .item .info .tips-1{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.23rem;
		letter-spacing: 0rem;
		color: #000000;
		text-align: center;
		padding-bottom: .2rem;
	}
	.grid-box-8 .footer-1{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 22rem;
		margin: auto;
		padding: .5rem 0;
	}
	.grid-box-8 .footer-1 .left{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
	}
	.grid-box-8 .footer-1 .right{
		display: flex;
		align-items: center;
	}
	.grid-box-8 .footer-1 .right .item{
		font-family: MicrosoftYaHei;
		font-size: 0.3rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 0.38rem;
		letter-spacing: 0rem;
		color: #000000;
		margin-left: .5rem;	
	}	
	.grid-box-9{
		width: 100%;
		height: 1.71rem;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	.grid-box-9 .info .name-1{
		font-family: MicrosoftYaHei-Bold;
		font-size: 0.75rem;
		font-weight: bold;
		font-stretch: normal;
		color: #0564a3;	
	}
	.pc-hide {
		display: none;
	}
}