/* html根元素，不可以用body,响应式页面必备*/
html {
	/*网页默认16px*/
	font-size: 100%;
}


@media screen and (min-width: 1441px) {
	html {
		font-size: 16px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
	html {
		font-size: 14px;
	}
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
	html {
		font-size: 14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
	html {
		font-size: 14px;
	}
}


@media screen and (max-device-width: 600px) and (orientation: portrait),
screen and (max-width: 750px),
screen and (max-device-width: 820px) and (orientation: landscape) {
	html {
		font-size: 15px;
	}
}

/* 定义css变量 */
:root {
	--white: #ffffff;
	--default: #00366B;
	--gray: #3E4556;
	--feedbackcolor: #0647f7;
}

/* 字体定义 */
@font-face {
	font-family: OPPOSans-H;
	src: url(../fonts/OPPOSans-H.ttf);
	font-display: swap;
}

@font-face {
	font-family: OPPOSans-R;
	src: url(../fonts/OPPOSans-R.ttf);
	font-display: swap;
}

@font-face {
	font-family: OPPOSans-M;
	src: url(../fonts/OPPOSans-M.ttf);
	font-display: swap;
}

@font-face {
	font-family: OPPOSans-B;
	src: url(../fonts/OPPOSans-B.ttf);
	font-display: swap;
}

@font-face {
	font-family: OPPOSans-L;
	src: url(../fonts/OPPOSans-L.ttf);
	font-display: swap;
}

/* 滚动条样式 */
.m-scroll::-webkit-scrollbar {
	width: 7px;
}

/* 滚动槽 */
.m-scroll::-webkit-scrollbar-track {
	border-radius: .25rem;
}

/* 滚动条滑块 */
.m-scroll::-webkit-scrollbar-thumb {
	border-radius: .25rem;
	background: rgba(255, 255, 255, 0.30);
}

.g-doc {
	position: relative;
	width: 100%;
}


/* 头部 */
.g-hd {
	position: absolute;
	width: 100%;
	z-index: 6;
}

.m-pc {
	display: block;
}

.m-wap {
	display: none;
}

.m-logo {
	max-width: 78.875rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.875rem;
}

.m-logo-sy {
	max-width: calc(100% - 3rem);
}


.m-loginbox {
	width: 13.125rem;
}

.m-logged {
	position: relative;
}

.m-used {
	font-family: OPPOSans-R;
	background: rgba(255, 255, 255, .08) url(../imgs/pic_21.svg) no-repeat right .75rem center;
	padding: .5rem 2rem .5rem .75rem;
	font-size: .75rem;
	color: var(--white);
	min-width: 7.5rem;
	box-sizing: border-box;
}

.m-used::before {
	font-family: OPPOSans-R;
	background: rgba(255, 255, 255, .08) url(../imgs/pic_21.svg) no-repeat right .75rem center;
	padding: .5rem 2.3125rem .5rem .75rem;
	font-size: .75rem;
	color: var(--white);
}

.m-used-1 {
	color: var(--default);
	background: rgba(255, 255, 255, .08) url(../imgs/pic_21_2.svg) no-repeat right .75rem center;
}

.m-usedmenu {
	position: absolute;
	opacity: 0;
	width: 7.5rem;
	background: var(--white);
	border: 1px solid #E7E8EA;
	box-shadow: 0 .25rem .5rem -.125rem rgba(0, 54, 107, 0.10);
	border-radius: .5rem;
	padding: .375rem;
	box-sizing: border-box;
}

.m-usedmenu a {
	position: relative;
	width: 100%;
	display: block;
	line-height: 1.75rem;
	padding: .375rem .75rem;
	font-size: .875rem;
	color: var(--default);
	box-sizing: border-box;
}

.m-usedmenu .u-a1::before {
	position: absolute;
	content: "";
	width: 1rem;
	height: 1rem;
	right: 0;
	top: 1rem;
	mask: url('../imgs/pic_123.svg') no-repeat;
	-webkit-mask: url('../imgs/pic_123.svg') no-repeat;
	background-color: rgba(0, 54, 107, .6);
}

.m-usedmenu a:hover {
	color: var(--feedbackcolor);
	background: #ecf2fe;
	border-radius: .1875rem;
}

.m-usedmenu .u-a1:hover::before {
	mask: url('../imgs/pic_123.svg') no-repeat;
	-webkit-mask: url('../imgs/pic_123.svg') no-repeat;
	background-color: rgba(6, 71, 247, 1);
}

.u-login {
	cursor: pointer;
	transform: scale(1);
	transition: transform 0.3s ease-in-out;
}

.u-login:hover {
	transform: scale(1.2);
	transition: transform 0.3s ease-in-out;
}

.u-logo {
	width: 13.125rem;
	transform: scale(1);
	transition: transform 0.3s ease-in-out;
}

.u-logo:hover {
	transform: scale(1.05);
}

.m-wap-btn {
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
	opacity: .7;
}


.m-pc-menu .menu {
	position: relative;
}

.m-pc-menu .menu ul {
	width: 100%;
}


/* 默认菜单 */
.m-pc-menu .first {
	display: inline-block;
	font-size: 1rem;
	font-family: OPPOSans-R;
	color: #fff;
	padding: 0 2rem;
	text-align: center;
	box-sizing: border-box;
	white-space: nowrap;
}

.m-pc-menu .first:hover {
	color: #ecf2fe;
	font-family: OPPOSans-M;
}

.m-pc-menu .first.z-crt {
	color: var(--white);
	font-family: OPPOSans-B;
}

.m-pc-menu .hasmenu .first {
	color: var(--white);
	background: url(../imgs/pic_21.svg) no-repeat right .875rem center;
}

/* 鼠标浮动上去的效果 */
.m-pc-menu-hover .first {
	color: var(--default);
}

.m-pc-menu-hover .first.z-crt {
	color: var(--default);
}

.m-pc-menu .submenu {
	position: fixed;
	z-index: -1;
	top: -100%;
	left: 0;
	opacity: 0;
	width: 100%;
	background: var(--white);
	box-shadow: 0 .75rem 1.875rem .25rem rgba(0, 73, 148, 0.16);
}


/* 头部新增第二种弹层 */
.m-pc-menu .hassmallmenu {
	position: relative;
}

.m-pc-menu .hassmallmenu .first {
	color: var(--white);
	background: url(../imgs/pic_21.svg) no-repeat right .875rem center;
}

.m-pc-menu .smallsubmenu {
	position: absolute;
	opacity: 0;
	z-index: 2;
	top: 2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 5.375rem;
	padding: .375rem;
	box-sizing: border-box;
	border-radius: .25rem;
	background: var(--white);
	border: 0.5px solid #DCDCDC;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
}

.m-pc-menu .smallsubmenu a {
	display: block;
	text-align: center;
	width: 100%;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	letter-spacing: 0;
	line-height: 1.75rem;
}

.m-pc-menu .smallsubmenu a:hover {
	color: var(--feedbackcolor);
	background: #ecf2fe;
	border-radius: .1875rem;
}


/* 头部为白色背景 */

.m-pc-white .first {
	color: var(--default);
}

.m-pc-white .first:hover {
	color: var(--feedbackcolor);
}

.m-pc-white .hasmenu .first {
	color: var(--default);
	background: url(../imgs/pic_21_2.svg) no-repeat right .875rem center;
}

.m-pc-white .hassmallmenu .first {
	color: var(--default);
	background: url(../imgs/pic_21_2.svg) no-repeat right .875rem center;
}

.m-nav {
	max-width: 1000px;
	width: 100%;
	padding-top: 5.875rem;
	padding-bottom: 4.0625rem;

}

.m-nav .lefbox {
	width: calc(100% - 29rem);
}

.m-nav .lefbox-1 {
	width: calc(100% - 32rem);
}

.m-nav .itembox:after {
	content: "";
	height: 0;
	width: calc((100% - 1rem)/3);
}

.m-nav .itembox .item {
	width: calc((100% - 1rem)/3);
	margin-top: 1.5rem;
}

.m-nav .itembox .item a {
	display: inline-block;
	font-family: OPPOSans-M;
	font-size: .875rem;
	padding-left: 1.6875rem;
	color: var(--default);
	height: 1.3125rem;
}

.m-nav .itembox .item a:hover {
	color: var(--feedbackcolor);
}

.m-nav .itembox .item .u-a1 {
	background: url(../imgs/pic_67.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a1:hover {
	background: url(../imgs/pic_67_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a2 {
	background: url(../imgs/pic_68.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a2:hover {
	background: url(../imgs/pic_68_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a3 {
	background: url(../imgs/pic_69.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a3:hover {
	background: url(../imgs/pic_69_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a4 {
	background: url(../imgs/pic_70.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a4:hover {
	background: url(../imgs/pic_70_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a5 {
	background: url(../imgs/pic_71.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a5:hover {
	background: url(../imgs/pic_71_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a6 {
	background: url(../imgs/pic_72.webp) no-repeat left center;
	background-size: 1.6rem auto;
}

.m-nav .itembox .item .u-a6:hover {
	background: url(../imgs/pic_72_1.webp) no-repeat left center;
	background-size: 1.6rem auto;
}

.m-nav .itembox .item .u-a7 {
	background: url(../imgs/pic_73.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a7:hover {
	background: url(../imgs/pic_73_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a8 {
	background: url(../imgs/pic_74.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a8:hover {
	background: url(../imgs/pic_74_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a9 {
	background: url(../imgs/pic_75.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}

.m-nav .itembox .item .u-a9:hover {
	background: url(../imgs/pic_75_1.svg) no-repeat left center;
	background-size: 1.3125rem 1.3125rem;
}


.m-nav .itembox .item p {
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: #888889;
	line-height: 1rem;
	padding-left: 1.6875rem;
	white-space: nowrap;
	margin-top: .3125rem;
}

.m-nav .itembox1 .item {
	width: calc((100% - 2.5rem)/2);
	margin-top: 1.5rem;
}

.m-nav .itembox1 .item>div {
	height: 100%;
}

.m-nav .itembox1 .item h3 {
	font-family: OPPOSans-B;
	font-size: .875rem;
	color: var(--default);
	line-height: 1.125rem;
}

.m-nav .itembox1 .item p {
	opacity: 0.72;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	text-align: justify;
	line-height: 1rem;
	margin-top: .75rem;
}

.m-nav .itembox1 .item:hover h3 {
	color: var(--feedbackcolor);
}

.m-nav .itembox2 .item {
	width: calc((100% - 2.5rem)/2);
	margin-top: 1.5rem;
}

.m-nav .itembox2 .item>div {
	height: 100%;
}

.m-nav .itembox2 .item h3 {
	font-family: OPPOSans-B;
	font-size: .875rem;
	color: var(--default);
	line-height: 2rem;
	padding-left: 2.5rem;
}

.m-nav .itembox2 .item .u-h3-1 {
	background: url(../imgs/pic_138.svg) no-repeat left center;
	background-size: 1.75rem 2rem;
}

.m-nav .itembox2 .item .u-h3-2 {
	background: url(../imgs/pic_139.svg) no-repeat left center;
	background-size: 1.75rem 2rem;
}

.m-nav .itembox2 .item p {
	opacity: 0.72;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	text-align: justify;
	line-height: 1rem;
	margin-top: .75rem;
	min-height: 2rem;
}

.m-nav .itembox2 .item:hover h3 {
	color: var(--feedbackcolor);
}


.m-nav .rigbox {
	width: 26.5rem;
}

.m-nav .rigbox .u-a {
	width: calc((100% - 1.5rem)/2);
}

.m-nav .rigbox .item .u-img {
	width: 100%;
	border-radius: .25rem;
	object-fit: cover;
	box-shadow: 0 .125rem .25rem -0.0625rem rgba(0, 54, 107, 0.1);
	height: 7.0625rem;
}

.m-nav .rigbox .item .u-span {
	display: inline-block;
	opacity: 0.64;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--gray);
	margin-top: .75rem;
}

.m-nav .rigbox .item h2 {
	font-family: OPPOSans-M;
	font-size: .8125rem;
	color: var(--default);
	line-height: 1.2rem;
	margin-top: .5625rem;

}



.m-wap-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	padding-top: 5rem;
	box-sizing: border-box;
	overflow-y: auto;
}

.m-wap-menu .u-closed {
	position: absolute;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
}

.m-wap-menu .first {
	display: block;
	width: calc(100% - 3rem);
	font-size: .875rem;
	color: var(--white);
	line-height: 3rem;
	margin: 0 1.5rem;
	box-sizing: border-box;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
}

.m-wap-menu .second {
	display: inline-block;
	width: calc(100% - 3rem);
	color: var(--white);
	padding-left: 1.5rem;
	font-size: .75rem;
	line-height: 2.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
	box-sizing: border-box;
	margin: 0 1.5rem;
}


/* v-cloak可以保持元素隐藏直到Vue实例编译结束 */
[v-cloak] {
	display: none;
}


/* 整屏banner */
.m-banner {
	width: 100%;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
}

.m-banner .swiper {
	width: 100%;
	height: 100%;
}

.m-banner .swiper-slide {
	text-align: center;
	font-size: 1.125rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.m-banner .swiper-slide a {
	width: 100%;
	height: 100%;
}

.m-banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*transition: 1s linear 2s;
	transform: scale(1.1);*/
}

.m-banner .swiper-slide-active img,
.m-banner .swiper-slide-duplicate-active img {
	/*transition: 6s linear;
	transform: scale(1, 1);*/
}

.m-banner .swiper-pagination-bullet {
	width: .25rem;
	height: .25rem;
	opacity: 0.32;
	background: #DFE7FB;
	border-radius: 50%;
}

.m-banner .swiper-pagination-bullet-active {
	width: 1rem;
	height: .25rem;
	border-radius: .125rem;
	transition: all 0.3s ease-in-out;
	opacity: 0.84;
	background: #DFE7FB;
}

.m-banner .swiper-horizontal>.swiper-pagination-bullets,
.m-banner .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 5%;
}

.m-banner .intro {
	position: absolute;
	bottom: 30%;
	max-width: 51.25rem;
	width: 100%;
}

.m-banner .intro a {
	font-family: OPPOSans-B;
	font-size: 2.5rem;
	color: var(--white);
}

.m-banner .intro p {
	font-family: OPPOSans-M;
	font-size: .875rem;
	color: var(--white);
	text-align: center;
	line-height: 1.75rem;
	margin-top: 1.875rem;
}

.m-banner .swiper-button-next,
.m-banner .swiper-button-prev {
	display: none;
}

.m-banner:hover .swiper-button-next,
.m-banner:hover .swiper-button-prev {
	display: block;
}

.m-banner .swiper-button-prev {
	width: 3.5rem;
	height: 3.5rem;
	background-image: url('../imgs/prev.png');
	left: 3.5rem;
	background-size: cover;
}

.m-banner .swiper-button-next {
	width: 3.5rem;
	height: 3.5rem;
	background-image: url('../imgs/next.png');
	right: 3.5rem;
	background-size: cover;
}

.m-banner .swiper-button-prev:hover {
	background-image: url('../imgs/prev_1.png');
	background-size: cover;
	transition: all .3s linear;
}

.m-banner .swiper-button-next:hover {
	background-image: url('../imgs/next_1.png');
	background-size: cover;
	transition: all .3s linear;
}

.m-banner .swiper-button-prev::after,
.m-banner .swiper-button-next::after {
	content: '';
}

.g-bd {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

section {
	width: 100%;
}

/* 统一设置宽度 */
section>div {
	max-width: 78.875rem;
	width: 100%;
}

.section1 {
	background: url(../imgs/pic_01.webp) no-repeat center top;
	background-size: auto 10rem;
}

.section2 {
	transition: all .3s linear;
}

.section2.setheight {
	min-height: 100vh;
}

.section3 {
	background: url(../imgs/pic_02.webp) no-repeat center center;
	background-size: 100% auto;
}

.section4 {
	background: #172B4D url(../imgs/pic_66.webp) no-repeat center center;
	background-size: auto 24.5rem;
	margin-top: 6.25rem;
}

.section5 {
	background: url(../imgs/pic_102.webp) no-repeat bottom center;
	background-size: auto 10rem;
}

.section6 {
	background: #f5f7fd;
}

.section7 {
	position: relative;
	z-index: 2;
	margin-top: 6.25rem;

}

/*added  on 2025-06-30 by lyy*/
.section8 {
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
	background: url(../imgs/pic_193.webp) no-repeat;
	background-size: 100% 100%;
	/* background-image: linear-gradient(180deg, #F9FBFF 3%, #DBE6FD 100%); */
}

.section7>div {
	background: url(../imgs/pic_164.webp) no-repeat bottom center;
	background-size: auto 10rem;
}

.section7::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(90deg, #007DF3 0%, #0D3382 100%);
}

.section7::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(-23deg, #025F84 2%, #2D9ECC 100%);
}

.m-title {
	margin-top: 5rem;
	margin-bottom: 3.125rem;
}

.m-title h2 {
	font-family: OPPOSans-B;
	font-size: 2.5rem;
	color: var(--default);
}

.m-title h2 span {
	display: inline-block;
}

.m-title p {
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--default);
	text-align: center;
	margin-top: .9375rem;
}



.m-title-white h2 {
	color: var(--white);
}

.m-title-white p {
	color: var(--white);
}

.m-title-1 p {
	font-size: 1.25rem;
}

/* added by lyy on 2025/07/01 */
.m-title-2 {
	position: relative;
}

.m-title-2 h2 {
	font-size: 2rem;
}

.m-title-2 em {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(5rem) translateY(-40%);
	opacity: 0.48;
	font-family: OPPOSans-M;
	font-size: 1.125rem;
	color: #00366B;
	font-weight: 500;
}

.m-title1 {
	margin-top: 5rem;
	margin-bottom: 3.125rem;
}

.m-title1 h2 {
	font-family: OPPOSans-B;
	font-size: 2rem;
	color: var(--default);
	text-align: center;
	white-space: nowrap;
	padding-left: 1.875rem;
	padding-right: 1.875rem;
}

.m-title1 .u-lef {
	max-width: 50%;
	width: 50%;
	height: .1875rem;
	transform: scaleX(-1);
	background-image: linear-gradient(269deg, rgba(238, 238, 238, 0.00) 0%, rgba(0, 54, 107, 0.08) 95%);
}

.m-title1 .u-rig {
	max-width: 50%;
	width: 50%;
	height: .1875rem;
	background-image: linear-gradient(269deg, rgba(238, 238, 238, 0.00) 0%, rgba(0, 54, 107, 0.08) 95%);
}

/* more */
.u-more {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
}

.u-more img {
	margin-left: .25rem;
}

.u-more span {
	display: inline-block;
}

.u-more-white {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
}

.u-more-white:hover {
	color: var(--white);
}

.u-more-white img {
	margin-left: .25rem;
}

.u-more-small {
	font-size: .6875rem;
}

.u-more-1 {
	margin-top: 1.5rem;
}

.u-more-2 {
	margin-top: 2.5rem;
}

.u-more-3 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.u-more-4 {
	margin-bottom: 5.4375rem;
	margin-top: 3.125rem;
}

.m-more {
	position: relative;
	margin-top: 2.5rem;
	width: 7.5rem;
	overflow: hidden;
}

.m-more a {
	position: relative;
	z-index: 2;
	display: inline-block;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: #DFE7FB;
	border: 1px solid #DEEBFF;
	border-radius: .25rem;
	width: 100%;
	text-align: center;
	padding: .4375rem 1rem;
	box-sizing: border-box;
	white-space: nowrap;
}

.m-more:hover {
	color: #DFE7FB;
}

.m-more .u-background {
	position: absolute;
	top: 100%;
	left: 100%;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: var(--feedbackcolor);
}

.m-more-1 a {
	background: rgba(76, 154, 255, 0.24);
	border: 1px solid #DEEBFF;
	border-radius: 8px;
	font-family: OPPOSans-B;
	font-size: .875rem;
	color: var(--white);
	padding: .6875rem 1.4375rem;
}

.m-more-1 a img {
	display: inline-block
}

/* 首页 */
.m-list1 .item .u-img {
	width: 100%;
	border-radius: .25rem;
	object-fit: cover;
}

.m-list1 .item .u-span {
	display: inline-block;
	opacity: 0.64;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--gray);
	margin-top: .875rem;
}

.m-list1 .item h2 {
	font-family: OPPOSans-M;
	font-size: 1.25rem;
	color: var(--default);
	line-height: 2rem;
	margin-top: .5625rem;
	text-align: justify;
}

.m-list1 .lefbox {
	width: 44%;
}

.m-list1 .lefbox .item h2 {
	font-size: 1.625rem;
	line-height: 2.375rem;
	margin-top: 1.125rem;
}

.m-list1 .lefbox .item p {
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--default);
	letter-spacing: 0;
	text-align: justify;
	line-height: 1.625rem;
	margin-top: .75rem;
	max-height: 4.875rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.m-list1 .rigbox {
	width: calc(56% - 2.375rem);
}

.m-list1 .rigbox .u-a {
	display: block;
	width: calc((100% - 1.5rem)/2);
}

.m-list1 .rigbox .item {
	margin-bottom: 1.875rem;
}


.m-xxk {
	width: 100%;
}

.m-xxk .itembox {
	position: relative;
	max-width: 22.25rem;
	width: 100%;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(243, 243, 243, 0.08) 100%);
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 1.75rem;
}

.m-xxk .itembox .item {
	position: relative;
	z-index: 1;
	height: 3rem;
	line-height: 3rem;
	width: calc(100%/3);
	opacity: 0.56;
	font-family: OPPOSans-R;
	font-size: 1.125rem;
	color: var(--white);
	text-align: center;
	cursor: pointer;
}

.m-xxk .itembox .item.z-crt {
	color: var(--white);
	opacity: 1;
	font-family: OPPOSans-B;
}

.m-xxk .itembox .slidebox {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: calc(100%/3);
	height: 100%;
	background: var(--feedbackcolor);
	border-radius: 1.75rem;
}




.m-list3 .item {
	width: 15.84%;
	height: 30rem;
	box-shadow: 0 .75rem 1.875rem .25rem rgba(0, 73, 148, 0.16);
	border-radius: .5rem;
}

.m-list3 .item.z-crt {
	width: 48.65%;
}

.m-list3 .item-1 {
	background: url(../imgs/pic_03_1.webp) no-repeat;
	background-size: cover;
}

.m-list3 .z-crt.item-1 {
	background: url(../imgs/pic_03.webp) no-repeat;
	background-size: cover;
}

.m-list3 .item-2 {
	background: url(../imgs/pic_04_1.webp) no-repeat;
	background-size: cover;
}

.m-list3 .z-crt.item-2 {
	background: url(../imgs/pic_04.webp) no-repeat;
	background-size: cover;
}

.m-list3 .item-3 {
	background: url(../imgs/pic_05_1.webp) no-repeat;
	background-size: cover;
}

.m-list3 .z-crt.item-3 {
	background: url(../imgs/pic_05.webp) no-repeat;
	background-size: cover;
}

.m-list3 .item-4 {
	background: url(../imgs/pic_06_1.webp) no-repeat;
	background-size: cover;
}

.m-list3 .z-crt.item-4 {
	background: url(../imgs/pic_06.webp) no-repeat;
	background-size: cover;
}

.m-list3 .item .txtbox {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 2.5rem;
	box-sizing: border-box;
	overflow: hidden;
}

.m-list3 .item .txtbox img {
	display: none;
	transition: all .3s ease-in-out;
}

.m-list3 .item .txtbox h2 {
	font-family: OPPOSans-H;
	font-size: 1.75rem;
	color: var(--white);
	letter-spacing: 0;
	text-align: justify;
	line-height: 1.625rem;
	position: absolute;
	bottom: 8.8125rem;
	left: 50%;
	transform: translateX(-50%) translateY(2rem);
	line-height: 2rem;
}

.m-list3 .item.z-crt .txtbox h2 {
	width: 100%;
	line-height: 1;
	transform: translateX(-50%) translateY(0);
}


.m-list3 .item .txtbox p {
	display: none;
	transition: all .3s ease-in-out;
}

.m-list3 .z-crt.item .txtbox img {
	display: block;
	margin-top: 5rem;
	margin-left: auto;
	margin-right: auto;
}

.m-list3 .z-crt.item-1 .txtbox img {
	width: 40.72%;
}

.m-list3 .z-crt.item-2 .txtbox img {
	width: 74.43%;
}

.m-list3 .z-crt.item-3 .txtbox img {
	width: 64.98%;
}

.m-list3 .z-crt.item-4 .txtbox img {
	width: 73.62%;
}

.m-list3 .z-crt.item .txtbox h2 {
	font-family: OPPOSans-H;
	font-size: 2rem;
	color: var(--white);
	letter-spacing: 0;
	text-align: justify;
	line-height: 1.625rem;
	position: static;
	transform: translateX(0);
	word-wrap: break-word;
	word-break: normal;
}

.m-list3 .z-crt.item .txtbox p {
	display: block;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	letter-spacing: 0;
	text-align: justify;
	line-height: 1.625rem;
	margin-top: 1.5625rem;
	min-height: 4.875rem;
	overflow: hidden;
}

.m-list3-1 .item {
	margin-top: 1.5rem;

}

.m-list3-1 .item:first-child {
	margin-top: 0;

}



.m-list4 {
	min-height: 31.25rem;
}


.m-list4 h3 {
	font-family: OPPOSans-B;
	font-size: 1.5rem;
	color: var(--white);
	line-height: 2.375rem;
}

.m-list4 p {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	line-height: 1.875rem;
	margin-top: .625rem;
	text-align: justify;
}

.m-list4 .u-span {
	color: #00fdff;
	font-family: OPPOSans-B;
}

.m-list4 .u-span1 {
	color: #4c9aff;
	font-family: OPPOSans-B;
}

.m-list4 .u-img1 {
	width: 65%;
}

.m-list4 .u-img2 {
	width: 55%;
}

.m-list4 .u-img3 {
	width: 68%;
}

.m-list4 img {
	width: 100%;
}

.m-list4-1 .txtbox {
	margin-top: 3.6rem;
	margin-right: 6rem;
}

.m-list4-2 .txtbox {
	margin-right: 7.5rem;
}

.m-list4-3 .txtbox {
	margin-right: 2.9rem;
}


.m-list5 .item {
	width: 31.67%;
	background: #FBFCFF;
	border: 1px solid #DFE7FB;
	box-shadow: 0 .25rem .5rem -2px rgba(0, 54, 107, 0.10);
	border-radius: .5rem;
	overflow: hidden;
}

.m-list5 .txtbox {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.m-list5 .item .u-img {
	width: 100%;
	box-shadow: 0 .25rem .5rem -2px rgba(0, 54, 107, 0.10);
	object-fit: cover;
	border-radius: .5rem;
}

.m-list5 .item .u-span {
	display: inline-block;
	opacity: 0.64;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--gray);
	margin-top: .75rem;
}

.m-list5 .item h2 {
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	color: var(--default);
	line-height: 2rem;
	margin-top: 1rem;
	text-align: justify;
}

.m-list5 .item p {
	opacity: 0.84;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	letter-spacing: 0;
	text-align: justify;
	line-height: 1.5rem;
	margin-top: .625rem;
	max-height: 6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;

}

.m-list5 .item .u-more {
	margin-left: 1.5rem;
}

.m-list6 {
	width: 32.8%;
	padding: 1.5rem 1.5rem 0 1.5rem;
	box-sizing: border-box;
	background: #FBFCFF;
	border: 1px solid #DFE7FB;
	box-shadow: 0 .25rem .5rem -2px rgba(0, 54, 107, 0.10);
	border-radius: .5rem;
}

.m-list6 .item1 {
	padding-top: 1.625rem;
	padding-bottom: 1.625rem;
	background: url(../imgs/pic_20.webp) no-repeat top center;
	background-size: 100% 1px;
}

.m-list6 span+a .item1 {
	background: none;
}

.m-list6 .item1 h3 {
	font-family: OPPOSans-B;
	font-size: 1rem;
	color: var(--default);
	line-height: 1.5rem;
}

.m-list6 .item1 p {
	opacity: 0.84;
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--default);
	margin-top: .5625rem;
}

.m-list6 .u-span {
	opacity: 0.64;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--gray);
}

.m-list6 .item1 p {
	opacity: 0.84;
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--default);
}

.m-list6-1 {
	width: 100%;
}

/* 科学研究 */
.m-banner1 {
	position: relative;
	width: 100%;
	height: 35rem;
}

.m-banner1 .u-img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.m-banner1 .banner {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1024px;
	width: 100%;
	height: 100%;
}

.m-banner1 .banner img {
	position: absolute;
	cursor: pointer;
}


.u-pic1 {
	left: 16.30%;
	top: 28%;
	width: 7.5rem;
}

.u-pic2 {
	left: 59.66%;
	top: 30%;
	width: 7.5rem;
}

.u-pic3 {
	left: 0;
	top: 38%;
	width: 7.5rem;
}

.u-pic4 {
	left: 34.57%;
	top: 40%;
	width: 9rem;
}

.u-pic5 {
	right: 0;
	top: 37.85%;
	width: 7.5rem;
}

.u-pic6 {
	left: 51.56%;
	top: 48%;
	width: 9rem;
}

.u-pic7 {
	left: 28.90%;
	top: 55.89%;
	width: 9rem;
}

.u-pic8 {
	right: 19.53%;
	top: 55.53%;
	width: 7.5rem;
}

.u-pic9 {
	left: 10.44%;
	top: 60.7%;
	width: 7.5rem;
}

.u-pic10 {
	right: 3.51%;
	top: 63%;
	width: 9rem;
}

.u-pic11 {
	right: 23.04%;
	top: 69.28%;
	width: 9rem;
}

.u-pic12 {
	left: 25.29%;
	top: 72%;
	width: 7.5rem;
}

.u-pic13 {
	left: 41.80%;
	top: 73.9%;
	width: 9rem;
}


.m-list7>a {
	display: inline-block;
	width: calc((100% - 1.5rem)/2);
	margin-top: 1.5rem;
}

.m-list7>a:first-child {
	margin-top: 0;
}

.m-list7>a:nth-child(2) {
	margin-top: 0;
}

.m-list7 .item {
	position: relative;
	width: 100%;
	border-radius: .5rem;
	overflow: hidden;
}

.m-list7 .u-img {
	width: 100%;
}

.m-list7 .itembg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, #001C36 0%, #00264B 30%, #0063C9 100%);
	opacity: .64;
	border: 1px solid #DEEBFF;
}

.m-list7 .txtbox {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2.5rem;
	box-sizing: border-box;
}

.m-list7 .u-img1 {
	height: 1.5rem;
}

.m-list7 .u-img2 {
	height: 2.25rem
}

.m-list7 .u-img3 {
	height: 1.75rem
}

.m-list7 .u-img4 {
	height: 1.25rem;
}

.m-list7 .p-1 {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	line-height: 1.5rem;
	text-align: justify;
	margin-top: 1.5rem;
	min-height: 4.5rem;
	overflow: hidden;
}

.m-list7 .txtboxlayer {
	position: absolute;
	z-index: 3;
	top: 50%;
	opacity: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 3.6rem 2.5rem 2.5rem 2.5rem;
	box-sizing: border-box;
	background: linear-gradient(200deg, rgba(6, 71, 247, .2), rgba(6, 71, 247, 1) 51%);
}

.m-list7 .tips {
	position: absolute;
	right: 2.1875rem;
	top: 1.5rem;
	z-index: 8;
	padding: .5rem 1rem;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--white);
}

.m-list7 .u-h4 {
	font-family: OPPOSans-B;
	font-size: 1.5rem;
	color: var(--white);
}

.m-list7 .u-h3 {
	font-family: OPPOSans-H;
	font-size: 1.375rem;
	color: var(--white);
	margin-top: 1.5rem;
	line-height: 1.875rem;
}

.m-list7 .u-p {
	font-family: OPPOSans-M;
	font-size: .75rem;
	color: var(--white);
	line-height: 1.5rem;
	margin-top: .5rem;
}

.m-list7 .u-div1 {
	margin-right: 1.875rem;
}

.m-list7-1>a {
	width: 100%;
}

.m-list8 {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.m-list8 .u-rig {
	width: 40%;
	padding-right: 2rem;
	box-sizing: border-box;
}

.m-list8 h2 {
	font-family: OPPOSans-B;
	font-size: 2.5rem;
	color: var(--white);
}

.m-list8 p {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: #DFE7FB;
	text-align: justify;
	line-height: 1.5rem;
	margin-top: 1.5rem;
}

/* 底部 */
.g-ft {
	position: relative;
	min-height: 21.5rem;
	background: linear-gradient(to bottom, #0066a4, #00366b);
}

.g-ft::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
	width: 1440px;
	max-width: 100%;
	height: 100%;
	background: url(../imgs/pic_76.webp) no-repeat right bottom;
	background-size: 61.375rem auto;
}

.m-ft {
	max-width: 78.875rem;
	width: 100%;
	padding: 3.125rem 0;
	box-sizing: border-box;

}

.m-ft .lefbox {
	width: 15.75rem;
}


.m-ft .m-menuft .itembox {
	margin-top: 3.5625rem;
}

.m-ft .m-menuft .itembox .u-img {
	width: 2.5rem;
	height: 2.5rem;
	cursor: pointer;
}

.m-ft .m-menuft .itembox .item {
	position: relative;
	display: inline-block;
	margin-left: 1.25rem;
}

.m-ft .m-menuft .itembox .u-img2 {
	position: absolute;
	z-index: -1;
	top: -10.4rem;
	left: 50%;
	transform: translateX(-50%);
	width: 8.75rem;
	opacity: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.m-ft .m-menuft .itembox .item .u-img:hover+.u-img2 {
	opacity: 1;
	transform: translateX(-50%);
}

.m-ft .u-img1 {
	width: 15.75rem;
}

.m-ft .u-p1 {
	font-family: OPPOSans-M;
	font-size: .75rem;
	color: var(--white);
	line-height: 1.25rem;
	margin-top: 2rem;
}

.m-ft .u-img2 {
	margin-top: 2rem;
	width: 5.5rem;
}

.m-ft .u-p2 {
	opacity: 0.84;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--white);
	text-align: center;
	margin-top: .625rem;
	width: 5.5rem;
}

.m-menuft li>a {
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: var(--white);
	margin-left: 3rem;
}

.m-copyright {
	max-width: 78.875rem;
	width: 100%;
	opacity: 0.64;
	font-family: OPPOSans-R;
	font-size: .5625rem;
	color: var(--white);
	min-height: 2.5rem;
	padding: .75rem 0;
	box-sizing: border-box;
}


.m-copyright a {
	color: var(--white);
	margin-left: .625rem;
}

.m-copyright a:hover {
	text-decoration: underline;
}

.m-link {
	margin-top: .75rem;
}

.m-link>a {
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--white);
	margin-top: .75rem;
}



/* 书生大模型 */
.m-banner2 {
	height: 35rem;
	background: var(--feedbackcolor) url(../imgs/pic_79.webp) no-repeat center center;
	background-size: auto 100%;
	overflow: hidden;
}

.m-banner2 .intro {
	max-width: 53.625rem;
	width: 100%;
}

.m-banner2 .u-img {
	width: 15.75rem;
}


.m-banner2 .imgbox {
	height: 100%;
}

.m-banner2 .u-h3 {
	font-family: OPPOSans-H;
	font-size: 3rem;
	color: var(--white);
	line-height: 4.75rem;
}

.m-banner2 .u-p {
	font-family: OPPOSans-R;
	font-size: 1.1875rem;
	color: var(--white);
	line-height: 2rem;
	margin-top: .9375rem;
}

.m-list9 {
	margin-top: 3.125rem;
}

.m-list9 a {
	width: calc((100% - 1.5rem)/2);
}

.m-list9 .item {
	position: relative;
	background: var(--feedbackcolor);
	border-radius: .5rem;
	height: 18.75rem;
	padding: 0 2.5rem;
}

.m-list9 .item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	background-image: linear-gradient(180deg, rgba(0, 52, 181, 0.00) 0%, var(--feedbackcolor) 84%);
	height: 7.5rem;
	border-radius: 0 0 .5rem .5rem;
}

.m-list9 .u-img {
	width: 8.3125rem;
}

.m-list9 p {
	position: relative;
	z-index: 3;
	max-width: 18.75rem;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	line-height: 1.25rem;
	margin-top: 1.5rem;
	text-align: justify;
	min-height: 5rem;
}

.m-list9 .u-img1 {
	height: 16rem;
}

.m-list9 .u-div {
	position: relative;
	z-index: 6;
	display: inline-block;
	background: rgba(76, 154, 255, 0.24);
	border: 1px solid #DEEBFF;
	border-radius: .25rem;
	padding: .4375rem;
	margin-top: 1.875rem;
}

.m-list9 a:hover .u-div {
	background: rgba(76, 154, 255, 0.64);
}

.m-list9 .u-div img {
	width: .9487rem;
}

.m-list10 .item {
	position: relative;
	width: calc((100% - 1.5rem)/2);
	padding: 2.5rem 2.5rem 3.6875rem 2.5rem;
	box-sizing: border-box;
}

.m-list10 .item::before {
	position: absolute;
	content: "";
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.09;
	background-image: linear-gradient(118deg, #1D68FF 0%, rgba(221, 233, 255, 0.00) 100%);
}

.m-list10 .item-1::after {
	position: absolute;
	content: "";
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../imgs/pic_89.webp) no-repeat right bottom;
	background-size: 19.25rem auto;
}

.m-list10 .item-2::after {
	position: absolute;
	content: "";
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../imgs/pic_90.webp) no-repeat right bottom;
	background-size: 16.8125rem auto;
}

.m-list10 .item>div {
	margin-top: 1.5rem;
}

.m-list10 h3 {
	font-family: OPPOSans-R;
	font-size: .9375rem;
	color: var(--default);
	text-align: justify;
	line-height: 1.5rem;
}

.m-list10 h4 {
	font-family: OPPOSans-B;
	font-size: 1rem;
	color: var(--default);
	height: 1.875rem;
	line-height: 1.875rem;
	padding-left: 2.375rem;

}

.m-list10 .u-h4-1 {
	background: url(../imgs/pic_83.svg) no-repeat left center;
	background-size: 1.875rem auto;
}

.m-list10 .u-h4-2 {
	background: url(../imgs/pic_84.svg) no-repeat left center;
	background-size: 1.875rem auto;
}

.m-list10 .u-h4-3 {
	background: url(../imgs/pic_85.svg) no-repeat left center;
	background-size: 1.875rem auto;
}

.m-list10 .u-h4-4 {
	background: url(../imgs/pic_86.svg) no-repeat left center;
	background-size: 1.875rem auto;
}

.m-list10 .u-h4-5 {
	background: url(../imgs/pic_87.svg) no-repeat left center;
	background-size: 1.875rem auto;
}

.m-list10 .u-h4-6 {
	background: url(../imgs/pic_88.svg) no-repeat left center;
	background-size: 1.875rem auto;
}

.m-list10 p {
	opacity: 0.72;
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--default);
	text-align: justify;
	margin-top: .5rem;
	padding-left: 2.375rem;
	line-height: 1.25rem;
}

.m-ani {
	position: relative;
	width: 20.625rem;
	height: 16.4375rem;

}

.m-ani .div-1 {
	position: absolute;
	left: 2.6875rem;
	bottom: 11.25rem;
}

.m-ani .u-img2 {
	width: 4.125rem;
}

.m-ani .u-img4 {
	position: absolute;
	bottom: 5.8125rem;
	left: 4.25rem;

}

.m-ani .div-2 {
	position: absolute;
	z-index: 5;
	width: 13.4375rem;
	right: 1.25rem;
	bottom: 1.375rem;
}

.m-ani .u-img5 {
	position: absolute;
	left: 6.6875rem;
	bottom: 2.75rem;
	z-index: 1;
}

.m-ani .u-img10 {
	position: absolute;
	right: 3rem;
	bottom: 2.7rem;
	z-index: 1;
}

.m-ani .div-3 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.m-ani .u-img12 {
	transform: translateX(-1.5rem);
}

.m-list11 {
	position: relative;
}

.m-list11::before {
	position: absolute;
	content: "";
	z-index: -1;
	bottom: .9375rem;
	left: 0;
	width: 90%;
	height: .125rem;
	background-image: linear-gradient(269deg, #1D68FF 6%, rgba(221, 233, 255, 0.16) 100%);
}

.m-list11>a {
	width: calc((100% - 7.5rem)/6);
}

.m-list11 .item {
	height: 100%;
}

.m-list11 .item>div {
	width: 100%;
	background-image: linear-gradient(142deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	border: 1px solid #DEEBFF;
	border-radius: .5rem;
	padding: 1.875rem 1.25rem;
	box-sizing: border-box;
	height: 100%;
}

.m-list11 .item>div:hover {
	box-shadow: 0 .75rem 1.875rem .25rem rgba(0, 73, 148, 0.16);
	transition: all .3s linear;
}

.m-list11 .item h3 {
	font-family: OPPOSans-B;
	font-size: 1.1875rem;
	color: var(--default);
	margin-top: 2.0625rem;
}

.m-list11 .item .p-1 {
	opacity: 0.84;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	line-height: 1.25rem;
	margin-top: 1rem;
}

.m-list11 .item .p-2 {
	background: var(--feedbackcolor);
	border-radius: 1.25rem;
	padding: .4375rem 1.375rem;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	margin-top: 2rem;
}

.m-list11 .imgbox {
	height: 3.25rem;
}

.m-list12 a {
	width: calc((100% - 1.5rem)/2);
	margin-top: 1.5rem;
}

.m-list12 .item {
	position: relative;
	width: 100%;
	padding: 2rem 2.5rem;
	box-sizing: border-box;
	background-image: linear-gradient(109deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	border: 1px solid #DEEBFF;
	border-radius: 8px;
	min-height: 15rem;
}

.m-list12 a:first-child {
	margin-top: 0;
}

.m-list12 a:nth-child(2) {
	margin-top: 0;
}

.m-list12 .item:hover {
	transition: all .3s linear;
	box-shadow: 0 12px 30px 4px rgba(0, 73, 148, 0.16);
}

.m-list12 .item::before {
	position: absolute;
	content: "";
	bottom: 1rem;
	right: 1rem;
	z-index: 0;
	transition: transform .3s linear;
}

.m-list12 .item:hover::before {
	transform: scale(1.15);
}

.m-list12 .item-1::before {
	width: 9.25rem;
	height: 10.5rem;
	background: url(../imgs/pic_92.webp) no-repeat;
	background-size: 100% 100%;

}

.m-list12 .item-2::before {
	width: 7.75rem;
	height: 9.625rem;
	background: url(../imgs/pic_93.webp) no-repeat;
	background-size: 100% 100%;
}

.m-list12 .item-3::before {
	width: 9.1875rem;
	height: 9.9375rem;
	background: url(../imgs/pic_94.webp) no-repeat;
	background-size: 100% 100%;
}

.m-list12 .item-4::before {
	width: 8.5625rem;
	height: 11rem;
	background: url(../imgs/pic_95.webp) no-repeat;
	background-size: 100% 100%;
}


.m-list12 .u-h3 {
	font-family: OPPOSans-B;
	font-size: 1.375rem;
	color: var(--default);
	margin-right: .625rem;
}

.m-list12 .u-p1 {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	margin-top: .625rem;
}

.m-list12 .u-p2 {
	opacity: 0.72;
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--default);
	text-align: justify;
	line-height: 1.5rem;
}


/* 登录弹层 start*/
.m-layer {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 1000;
}

.m-login-box {
	width: 100%;
	height: 100%;
}

.m-login {
	max-width: 25rem;
	width: 96%;
	background: var(--white) linear-gradient(180deg, rgba(254, 254, 254, 0.50) 3%, rgba(188, 212, 233, 0.50) 100%);
	border: 1px solid #DEDDDD;
	border-radius: 0.625rem;
	padding: 2.75rem 2.1875rem 0 2.1875rem;
}

.m-login-1 {
	border: 1px solid var(--white);
	width: 100%;
	background: var(--white);
	max-width: 100%;
}

.m-login {
	position: relative;
	font-family: OPPOSans-M;
}

.m-login .u-closed {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
	background: url(../imgs/closed.svg) no-repeat;
	background-size: 100% 100%;
	transform: scale(1);
}

.m-login .u-closed:hover {
	transform: scale(1.2);
	transition: transform .3s linear;
}

.m-xxk .div-1 a {
	position: relative;
	opacity: 0.7;
	font-size: 1.3125rem;
	color: #000B33;
	text-align: center;
	line-height: 1.5rem;
	padding-right: 1.25rem;
	padding-left: 1.25rem;
	padding-bottom: 0.78125rem;
	white-space: nowrap;
}

.m-xxk .div-1 a:first-child::before {
	content: "";
	position: absolute;
	top: 0.125rem;
	right: 0;
	color: #000B33;
	width: 0.125rem;
	height: 1.25rem;
	background: #000B33;
}

.m-xxk .div-1 a.z-crt {
	position: relative;
	font-family: OPPOSans-B;
}

.m-xxk .div-1 a.z-crt::after {
	content: "";
	position: absolute;
	width: 3.5625rem;
	height: 0.1875rem;
	background: var(--feedbackcolor);
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.m-area {
	width: 100%;
	margin-top: 2.25rem;
}

.m-area .phone {
	height: 5.5rem
}

.m-area .phone input {
	width: 100%;
	height: 3.125rem;
	background: var(--white);
	border: 0.25px solid var(--feedbackcolor);
	border-radius: 0.625rem;
	font-size: 1rem;
	color: #000B33;
	padding: 0.9375rem 1.875rem;
	line-height: 1;
	font-family: OPPOSans-M;
}

.m-area .phone-1 {
	position: relative;
}

.m-area .phone-1 span {
	position: absolute;
	left: 1.875rem;
	top: 0;
	font-size: 1rem;
	color: #000B33;
	line-height: 3.125rem;
	padding-right: 1.25rem;
	font-family: arial;
}

.m-area .phone-1 span::after {
	content: "|";
	position: absolute;
	right: 0.625rem;
	top: 1rem;
	line-height: 1;
}

.m-area .phone-1 input {
	padding-left: 4.625rem
}

.m-area .yzm {
	height: 5.5rem
}

.m-area .yzm input {
	width: 58%;
	height: 3.125rem;
	background: var(--white);
	border: 0.25px solid #2B59FF;
	border-radius: 0.625rem;
	font-size: 1rem;
	color: #000B33;
	padding: 0.9375rem 1.875rem;
}

.m-area .mima {
	height: 5.5rem
}

.m-area .mima input {
	width: 100%;
	height: 3.125rem;
	background: var(--white);
	border: 0.25px solid #2B59FF;
	border-radius: 0.625rem;
	font-size: 1rem;
	color: #000B33;
	padding: 0.9375rem 1.875rem;
}

.m-area .yzm button {
	width: calc(42% - 13px);
	height: 3.125rem;
	background: var(--white);
	border: 1.25px solid var(--feedbackcolor);
	border-radius: 0.625rem;
	font-size: 0.875rem;
	color: var(--feedbackcolor);
	padding: 0.9375rem 0;
	line-height: 1;
}

.m-area .tips {
	opacity: 0.7;
	font-size: 0.875rem;
	color: #FB0000;
	line-height: 1;
	margin-top: 0.75rem;
	padding-left: 2.1875rem;
}

.m-area .u-submit {
	width: 100%;
	background: var(--feedbackcolor);
	border-radius: 0.5rem;
	height: 3.5rem;
	font-size: .875rem;
	color: var(--white);
	text-align: center;
	line-height: 1rem;
}

.m-wx {
	margin-top: 1.875rem;
	cursor: pointer;
}

.m-wx {
	background: url(../imgs/weixin.svg) no-repeat top center;
	background-size: 2.75rem 2.75rem;
	padding-top: 2.75rem;
}

.m-wx p {
	opacity: 0.5;
	font-size: 0.875rem;
	color: #000B33;
	letter-spacing: 0;
	line-height: 1.5rem;
	margin-top: 0.1875rem;
}

.m-xieyi {
	margin-top: 1.875rem;
	padding-bottom: 2.625rem;
}

.m-xieyi input {
	min-width: 0.9375rem;
	height: 0.9375rem;
}

.m-xieyi p {
	opacity: 0.7;
	font-size: 0.875rem;
	color: #000B33;
	letter-spacing: 0;
	line-height: 0.875rem;
	margin-left: 0.625rem;
	white-space: nowrap;
}

.m-xieyi p a {
	color: var(--feedbackcolor);
}

.m-wxlayer .ewm {
	width: 15.8125rem;
	height: 15.8125rem;
	margin-left: auto;
	margin-right: auto;
}

.m-wxlayer .ewm img {
	width: 100%;
	height: 100%;
}

.m-wxlayer .p-title {
	font-size: 1.3125rem;
	color: #000833;
	margin-bottom: 1rem;
	text-align: center;
}

.m-wxlayer .tips1 {
	font-size: 0.875rem;
	color: #bf1c2b;
	line-height: 1.3125rem;
	letter-spacing: 0.01875rem;
	margin-top: 1.25rem;
	padding-bottom: 2.625rem;
	text-align: justify;
	text-justify: inter-ideograph;
}

.m-wxlayer .tips2 {
	margin-top: 1.25rem;
	padding-bottom: 2.625rem;
}

.m-wxlayer .tips2 p {
	width: 100%;
	text-align: center;
	font-size: 0.875rem;
	color: #000;
	line-height: 1.3125rem;
	letter-spacing: 0.01875rem;
}

/* 登录弹层 end*/


/* 新闻动态 */
.m-banner3 {
	height: 26.25rem;
	background: var(--feedbackcolor) url(../imgs/pic_122.webp) repeat-x center center;
	background-size: auto 100%;
	overflow: hidden;
}

.m-banner3>div {
	max-width: 58.25rem;
	width: 100%;
	box-sizing: border-box;
}

.m-banner3 .infobox {
	position: relative;
	top: calc(50% - 2rem);
}

.m-banner3 .info {
	position: relative;
	font-family: OPPOSans-B;
}

.m-banner3 .info span {
	position: relative;
	font-family: OPPOSans-B;
	font-size: 3rem;
	color: var(--white);
	opacity: 0;
}

.m-banner3 .search {
	width: 0;
	opacity: 0;
	margin-top: 1.5rem;
}

.m-banner3 .search input {
	font-size: .875rem;
	color: var(--default);
	width: calc(100% - 6.25rem);
	background: var(--white);
	border-radius: 1.75rem 0 0 1.75rem;
	border: 0;
	padding: 1.1875rem 1.5rem;
}

.m-banner3 .search input::placeholder {
	color: var(--default);
	opacity: .24;
}

.m-banner3 .search button {
	width: 6.25rem;
	font-family: OPPOSans-B;
	font-size: 1rem;
	color: var(--white);
	background: var(--feedbackcolor);
	border-radius: 0 1.75rem 1.75rem 0;
	line-height: 1;
}

.m-banner3-1 {
	height: 26.25rem;
	background: var(--feedbackcolor) url(../imgs/pic_129.webp) repeat-x center center;
	background-size: auto 100%;
	overflow: hidden;
}

.m-banner3-2 {
	height: 26.25rem;
	background: var(--feedbackcolor) url(../imgs/pic_134.webp) repeat-x center center;
	background-size: auto 100%;
	overflow: hidden;
}

.m-banner3-3 {
	height: 26.25rem;
	background: var(--feedbackcolor) url(../imgs/pic_137.webp) repeat-x center center;
	background-size: auto 100%;
	overflow: hidden;
}

.m-banner3-4 {
	height: 26.25rem;
	background: var(--feedbackcolor) url(../imgs/pic_140.webp) repeat-x center center;
	background-size: auto 100%;
	overflow: hidden;
}

.m-banner3-5 {
	height: 26.25rem;
	background: var(--feedbackcolor) url(../imgs/pic_141.webp) repeat-x center center;
	background-size: auto 100%;
	overflow: hidden;
}

/* added by lyy on 2025-06-30 */
.m-banner3-6 {
	min-height: 100vh;
	box-sizing: border-box;
	padding: 6.25rem 0;
	height: auto !important;
	background-image: linear-gradient(180deg, #007DF3 0%, #0D3382 100%);
}

.m-banner3-6>div {
	max-width: 75.9375rem;
}

/* 统一设置宽度为932 */
.sectionlist>div {
	max-width: 58.25rem;
	width: 100%;
}

/* 人才招聘页宽度 */
.sectionlist1>div {
	max-width: 63.625rem;
	width: 100%;
}

/* 活动报名页 */
.sectionlist2>div {
	max-width: 50rem;
	width: 100%;
}

.m-crumb-1 {
	margin-left: 1.5rem;
}

.m-crumb .abox a {
	position: relative;
	color: var(--default);
	padding-right: .9rem;
	margin-right: .9rem;
	margin-top: 1.5rem;
}

.m-crumb .abox a::before {
	position: absolute;
	content: "";
	z-index: 2;
	right: 0;
	top: 50%;
	opacity: .74;
	transform: translateY(-50%);
	width: .875rem;
	height: .875rem;
	background: url(../imgs/pic_123.svg) no-repeat right top .1rem;
	background-size: .35rem auto;
}

.m-crumb .abox a:last-child::before {
	opacity: 1;
}

.m-crumb a span {
	display: block;
	font-size: .6875rem;
	font-family: OPPOSans-R;
	opacity: .74;
	padding-bottom: .125rem;
	border-bottom: 1px dashed var(--default);
}

.m-crumb a:hover span {
	opacity: 1;
	border-bottom: 1px solid var(--default);
}


.m-crumb .u-a1:hover {
	background: url(../imgs/pic_123.svg) no-repeat right center;
}

.m-crumb img {
	opacity: .74;
}

.m-crumb .u-img {
	opacity: 1;
}

.m-crumb>span {
	font-family: OPPOSans-M;
	font-size: .6875rem;
	color: var(--default);
	margin-top: 1.5rem;
	padding-bottom: .125rem;
	border-bottom: 1px dashed #FFFFFF;
}

.m-list13 .item {
	padding: 1.5rem 0;
	border-bottom: 1px solid rgba(62, 69, 86, .12);
}

.m-list13 .imgbox {
	width: 23.6%;
	overflow: hidden;
}

.m-list13 .imgbox img {
	width: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: transform .3s linear;
}


.m-list13 .txtbox {
	width: 75%;
}

.m-list13 .u-title {
	font-family: OPPOSans-M;
	font-size: 2rem;
	color: var(--default);
	margin-top: 1.5rem;
}

.m-list13 .u-title1 {
	position: relative;
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: var(--default);
	line-height: 2.125rem;
	padding-left: .75rem;

}

.m-list13 .u-title1::before {
	position: absolute;
	content: "";
	left: 0;
	z-index: -1;
	width: 100%;
	height: 2.125rem;
	opacity: 0.16;
	background-image: linear-gradient(91deg, #1D68FF 0%, rgba(221, 233, 255, 0.00) 100%);
}


.m-list13 .itembox a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

/* 文字下有线 一行 超出省略号 */
/*.m-list13 h2 {
	display: inline-block;
	font-family: OPPOSans-M;
	font-size: 1.25rem;
	color: var(--default);
	border-bottom: 1px dashed var(--default);
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-list13 .itembox a:hover h2 {
	border-bottom: 1px solid var(--default);
} */
/* 文字下有下划线 */
/* .m-list13 h2 {
	font-family: OPPOSans-M;
	font-size: 1.25rem;
	line-height: 2rem;
	color: var(--default);
	text-decoration: underline dotted var(--default);
	text-decoration-thickness: 1px;
	text-underline-offset: .375rem;
}

.m-list13 .itembox a:hover h2 {
	text-decoration: underline solid var(--default);
	text-decoration-thickness: 1px;
	text-underline-offset: .375rem;
} */

.m-list13 h2 {
	font-family: OPPOSans-M;
	font-size: 1.1875rem;
	line-height: 1.875rem;
	color: var(--default);
}

.m-list13 h2 span {
	color: var(--feedbackcolor);
}

.m-list13 .itembox a:hover .imgbox img {
	transform: scale(1.2);
	transition: transform .3s linear;
}

.m-list13 .u-source {
	font-family: OPPOSans-M;
	font-size: .6875rem;
	color: var(--default);
	margin-top: .5rem;
}

.m-list13 .info {
	margin-top: .75rem;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--gray);
	line-height: 1.25rem;
	max-height: 2.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.m-list13 .u-time {
	opacity: 0.64;
	font-family: OPPOSans-R;
	font-size: .6875rem;
	color: var(--default);
	margin-top: .75rem;
}

.m-list13 .a-1 {
	position: relative;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	border-bottom: 1px dashed var(--default);
	margin-left: .875rem;
	line-height: 1.25rem;
}

.m-list13 .a-1::before {
	position: absolute;
	content: "";
	left: -.875rem;
	top: 50%;
	transform: translateY(-50%);
	width: .875rem;
	height: .875rem;
	background: url(../imgs/pic_123.svg) no-repeat left center;
}

.m-list13 .a-1:hover {
	border-bottom: 1px solid var(--default);
}

.m-list13-1 .txtbox {
	width: 100%;
}

.m-list13-1 .itembox {
	border-left: 1px solid #e7e8ea;
	padding-left: 1.5rem;
	padding-top: 1rem;
}

.m-list13-1 .u-title {
	padding-left: 1.5rem;
}

.m-list13-1 h2 {
	font-size: 1.25rem;
	line-height: 2rem;
	font-family: OPPOSans-M;
}

.m-list13-1 .u-source {
	font-size: .9375rem;
	margin-top: .625rem;
}

.m-list13-1 .info {
	font-size: .875rem;
	line-height: 1.375rem;
	max-height: 2.75rem;
	margin-top: .8rem;
}

.m-list13-2 .itembox a:last-child .item {
	border-bottom: none;
}

.m-spacing {
	margin-bottom: 3.5rem;
}

.m-page {
	margin-top: 1.5rem;
	margin-bottom: 5rem;
}

.m-page a {
	display: inline-block;
	min-width: 2rem;
	min-height: 2rem;
	line-height: 2rem;
	background: var(--white);
	border: 1px solid #DCDCDC;
	border-radius: .1875rem;
	text-align: center;
	font-size: 0.875rem;
	margin-left: .5rem;
	margin-right: .5rem;
	font-family: PingFangSC-R;
	color: rgba(0, 0, 0, 0.90);
	transition: all .3s linear;
}

.m-page a:hover,
.m-page a.z-crt {
	color: var(--white);
	background: var(--feedbackcolor);
	border-radius: .1875rem;
	transition: all .3s linear;
}

.m-page .a-noborder {
	border: none;
	margin-left: 0;
	margin-right: 0;
}

.m-page .a-noborder img {
	margin-left: auto;
	margin-right: auto;
	margin-top: .625rem;
	transform: scale(1);
	transition: transform .3s linear;
}


.m-page .a-noborder:hover {
	background: none;
}


.m-page .a-hide {
	opacity: .5;
	cursor: default;
}


#more {
	min-width: 5.5rem;
	height: 2rem;
	border: 1px solid #E7E8EA;
	font-size: .75rem;
	color: var(--default);
	border-radius: .25rem;
	margin-top: 1.5rem;
	margin-bottom: 5rem;
}

#more:not([disabled]):hover {
	border: 1px solid #B0C5FC;
	font-size: .75rem;
	color: var(--feedbackcolor);
}

#more[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

.m-detail {
	margin-top: 1.5rem;

}

.m-detail h1 {
	font-family: OPPOSans-M;
	font-size: 2rem;
	color: var(--default);
	line-height: 3rem;
	text-align: justify;
}

.m-detail h4 {
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	margin-top: .75rem;
}

.m-detail h4 a {
	color: var(--default);
}

.m-detail h4 a:hover {
	color: var(--feedbackcolor);
}

.m-txt {
	margin-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid rgba(62, 69, 86, .12);
	margin-bottom: 1.5rem;
}

.m-txt img {
	max-width: 100%;
	width: auto;
}

.m-txt video {
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto !important;
}

.m-txt p {
	font-family: OPPOSans-R;
	font-size: .9375rem;
	color: #172B4D;
	line-height: 2rem !important;
	margin-bottom: 0.8rem;
}

.m-txt .u-tips {
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--gray);
	line-height: 1rem;
	background: #EEEEEE;
	padding: 1rem;
}

.m-txt .u-abstract {
	font-family: OPPOSans-R;
	font-size: .9375rem;
	color: var(--default);
	line-height: 2rem;
	margin-bottom: 0.8rem;
}

.m-list14 .itembox:after {
	content: "";
	height: 0;
	width: calc((100% - 3rem) / 3);
}

.m-list14 a {
	display: block;
	margin-top: 1.5rem;
	width: calc((100% - 3rem) / 3);
	background: var(--white);
	border: 1px solid #DFE7FB;
	border-radius: .5rem;
	box-sizing: border-box;
}

.m-list14 a:hover {
	box-shadow: 0 .75rem 1rem -0.1875rem rgba(0, 54, 107, 0.08);
}

.m-list14 .imgbox {
	position: relative;
}

.m-list14 .imgbox .u-img {
	width: 100%;
	border-radius: .5rem .5rem 0 0;
	object-fit: cover;
}

.m-list14 .imgbox .u-img1 {
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	right: .75rem;
	top: .75rem;
}

.m-list14 .txtbox {
	padding: 1.25rem;
}

.m-list14 .txtbox h2 {
	font-family: OPPOSans-M;
	font-size: .9375rem;
	color: var(--default);
	line-height: 1.5rem;
	margin-bottom: 1.125rem;
	height: 3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.m-list14 .txtbox .u-p {
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	line-height: 1.5rem;
	padding-left: 1.25rem;
	background: url(../imgs/pic_131.svg) no-repeat left .35rem;
	background-size: .7813rem .7813rem;
}

.m-list14 .txtbox .u-p1 {
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	line-height: 1.5rem;
	padding-left: 1.25rem;
	background: url(../imgs/pic_132.svg) no-repeat left .35rem;
	background-size: .6438rem .8488rem;
}

.m-list14-1 a {
	width: 100%;
	height: 100%;
	margin-top: 0;
}

.m-list14-1 .swiper-slide {
	height: auto;
}

.m-list14-2 {
	margin-bottom: 5rem;
}

.m-list15 {
	position: relative;
	margin-top: 1.5rem;
	margin-bottom: 5rem;
}

.m-list15 .swiper {
	width: 100%;
	height: 100%;
	border-radius: .5rem;
	margin-top: 1.5rem;
}


.m-list15 .u-title1 {
	position: relative;
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: var(--default);
	line-height: 2.125rem;
	padding-left: .75rem;

}

.m-list15 .u-title1::before {
	position: absolute;
	content: "";
	left: 0;
	z-index: -1;
	width: 100%;
	height: 2.125rem;
	opacity: 0.16;
	background-image: linear-gradient(91deg, #1D68FF 0%, rgba(221, 233, 255, 0.00) 100%);
}

.m-list15 .swiper-button-prev {
	width: 2.1875rem;
	height: 2.1875rem;
	background: url('../imgs/prev_1.png');
	left: -2.8125rem;
	opacity: .5;
	background-size: cover;
}

.m-list15 .swiper-button-next {
	width: 2.1875rem;
	height: 2.1875rem;
	background: url('../imgs/next_1.png');
	right: -2.8125rem;
	opacity: .5;
	background-size: cover;
}

.m-list15 .swiper-button-prev:hover {
	background: url('../imgs/prev_1.png');
	background-size: cover;
	transition: all .3s linear;
	opacity: 1;
}

.m-list15 .swiper-button-next:hover {
	background: url('../imgs/next_1.png');
	background-size: cover;
	transition: all .3s linear;
	opacity: 1;
}

.m-list15 .swiper-button-next:after,
.m-list15 .swiper-rtl .swiper-button-prev:after {
	content: "";
}

.m-list15 .swiper-button-prev:after,
.m-list15 .swiper-rtl .swiper-button-next:after {
	content: "";
}

.m-list16 {
	overflow: hidden;
	margin-top: 1.5rem;
}

.m-list16 .img-box {
	width: 38.25%;
	border-radius: .5rem;
	overflow: hidden;
}

.m-list16 .img-box img {
	width: 100%;
	border-radius: .5rem;
	object-fit: cover;

}

.m-list16 .txt-box {
	width: calc(100% - 38.25% - 1.5rem);
}

.m-list16 .txt-box h1 {
	font-family: OPPOSans-M;
	font-size: 1.625rem;
	color: var(--default);
	line-height: 2.4375rem;
	margin-bottom: .9375rem;
}

.m-list16 .txt-box p {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	line-height: 1.5rem;
	margin-top: .25rem;
}

.m-list16 .txt-box .p-1 {
	padding-left: 1.25rem;
	background: url(../imgs/pic_131.svg) no-repeat left .3rem;
	background-size: .875rem .875rem;
}

.m-list16 .txt-box .p-2 {
	padding-left: 1.25rem;
	background: url(../imgs/pic_132.svg) no-repeat 0.15rem .3rem;
	background-size: .625rem .875rem;
}

.m-list16 .txt-box .p-3 {
	padding-left: 1.25rem;
	background: url(../imgs/pic_136.svg) no-repeat left center;
	background-size: 1rem .875rem;
}

.m-list16 .caozuo-box {
	margin-top: 1.25rem;
}

.m-list16 .caozuo-box .a-1 {
	display: inline-block;
	width: 5.5rem;
	height: 2rem;
	line-height: 2rem;
	background: var(--feedbackcolor);
	border-radius: .25rem;
	color: #fff;
	text-align: center;
	margin-right: 0.625rem;
	font-size: 0.875rem;
}

.m-list16 .caozuo-box .a-2 {
	display: inline-block;
	width: 5.5rem;
	height: 2rem;
	line-height: 2rem;
	background: #aaaaaa;
	border-radius: .25rem;
	color: #fff;
	text-align: center;
	cursor: default;
	margin-right: 0.625rem;
	font-size: 0.875rem;
}

.m-list16 .caozuo-box .a-3 {
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid #DEEBFF;
	border-radius: .25rem;
	margin-right: 0.625rem;
}

.m-list16 .caozuo-box .a-3 img {
	position: absolute;
	width: .9375rem;
	height: .8325rem;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.m-list16 .caozuo-box .a-4 {
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: rgba(6, 71, 247, 0.08);
	border: 1px solid #DEEBFF;
	border-radius: .25rem;
}

.m-list16 .caozuo-box .a-4 img {
	position: absolute;
	width: .9375rem;
	height: .8325rem;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.m-list16 .caozuo-box .img-1 {
	width: 1.875rem;
	height: 1.875rem;
	margin-left: 0.625rem;
	cursor: pointer;
}

.m-list17 {
	width: 100%;
	padding: 2.5rem;
	background: var(--white);
	border: 1px solid #DEEBFF;
	box-shadow: 0 .25rem .5rem -0.125rem rgba(0, 54, 107, 0.10);
	border-radius: .5rem;
	box-sizing: border-box;
	margin-top: 1.5rem;
}

.m-list17 .u-title {
	position: relative;
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	color: var(--default);
	line-height: 1.25rem;
	padding-left: 1rem;
}

.m-list17 .u-title::before {
	position: absolute;
	content: "";
	width: .5rem;
	height: .5rem;
	background: var(--feedbackcolor);
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.m-list17 p {
	font-family: OPPOSans-R;
	font-size: .9375rem;
	color: #172B4D;
	line-height: 2rem !important;
	margin-bottom: 0.8rem;
}

.m-list17 img {
	max-width: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.25rem;
}



.m-filter {
	width: 14.375rem;

}

.m-result {
	width: calc(100% - 14.375rem - 1.5rem);
}


/* 单独定义单选多选样式，需要的地方引入m-custominput样式名 start*/
.m-custominput label {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-family: OPPOSans-M;
	font-size: .8125rem;
	color: var(--default);
	line-height: 1;
	padding-left: 1.25rem;
	cursor: pointer;
}

.m-custominput label::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: .8125rem;
	height: .8125rem;
	background: url("../imgs/nocheck.svg") no-repeat;
	background-size: 100% 100%;
	content: "";
	box-sizing: border-box;
}

.m-custominput label:hover::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: .8125rem;
	height: .8125rem;
	background: url("../imgs/checkhover.svg") no-repeat;
	background-size: 100% 100%;
	content: "";
	box-sizing: border-box;
}

/* 多选 */
.m-custominput input[type=checkbox]:checked+label::before {
	position: absolute;
	background: url("../imgs/check.svg") no-repeat;
	width: .8125rem;
	height: .8125rem;
	background-size: 100% 100%;
	border: none;
}

.m-custominput input[type=checkbox]:checked+label {
	color: var(--feedbackcolor);
}

.m-custominput input[type="checkbox"] {
	display: none;
}

/* 单选 */
.m-custominput input[type=radio]:checked+label::before {
	position: absolute;
	background: url("../imgs/check.svg") no-repeat;
	width: .8125rem;
	height: .8125rem;
	background-size: 100% 100%;
	border: none;
}

.m-custominput input[type=radio]:checked+label {
	color: var(--feedbackcolor);
}

.m-custominput input[type="radio"] {
	display: none;
}


/* 单独登录的页面 */
.m-custominput-1 input[type=checkbox]:checked+label {
	color: var(--gray);
}


/* 多选自定义样式end*/

.m-list18 {
	position: relative;
	top: 0;
	padding-top: 6.5625rem;
	padding-bottom: 5rem;
}

.m-list18 .title {
	padding-bottom: .625rem;
	border-bottom: 1px solid #E7E8EA;
}

.m-list18 .title .p-1 {
	font-family: OPPOSans-M;
	font-size: .75rem;
	color: var(--default);
}

.m-list18 .title .p-2 {
	opacity: 0.48;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--gray);
	cursor: pointer;
}

.m-list18 .title .p-2:hover {
	opacity: 1;
}

.m-list18 h3 {
	margin-top: 2rem;
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: var(--default);
}

.m-list18 .iptbox {
	margin-top: 1rem;
}

.m-list18 .contectus {
	margin-top: 3rem;
}

.m-list18 .contectus p {
	font-family: OPPOSans-R;
	font-size: 11px;
	color: var(--default);
	line-height: 1rem;
}

.m-list18 .contectus p:nth-child(2n-1) {
	margin-top: 1rem;
}

.m-fixed {
	position: sticky;
	z-index: 1;
	width: 14.375rem;
}


.m-banner-white {
	height: 5rem;
	background: #fff;
}

.m-main {
	width: calc(100% - 22.5rem - 1.5rem);
}

.m-side {
	width: 22.5rem;
}

.m-list19 {
	margin-top: 1.5rem;
	margin-bottom: 5rem;
}

.m-list20 {
	padding: 2.5rem;
	background: var(--white);
	border: 1px solid #E7E8EA;
	box-shadow: 0 .25rem .5rem -0.125rem rgba(0, 54, 107, 0.10);
	border-radius: .5rem;
	box-sizing: border-box;
	height: 100%;
}

.m-list20 h1 {
	font-family: OPPOSans-B;
	font-size: 1.875rem;
	color: var(--default);
	line-height: 2.8rem;
}

.m-list20 .p-1 {
	opacity: 0.74;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	margin-top: 1rem;
}

.m-list20 .p-2 {
	opacity: 0.64;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	margin-top: .375rem;
}

.m-list20 .u-title {
	position: relative;
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	color: var(--default);
	line-height: 1.25rem;
	padding-left: 1rem;
}

.m-list20 .u-title::before {
	position: absolute;
	content: "";
	width: .5rem;
	height: .5rem;
	background: var(--feedbackcolor);
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.m-list20 .item {
	margin-top: 2rem;
}

.m-list20 .item .conbox {
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--gray);
	line-height: 1.75rem;
	margin-top: .8125rem;
}

.m-list20 button {
	width: 7.5rem;
	height: 3rem;
	line-height: 3rem;
	background: var(--feedbackcolor);
	border-radius: 6.25rem;
	font-family: OPPOSans-B;
	font-size: 1rem;
	color: var(--white);
	margin-top: 1.5rem;
	box-sizing: border-box;
}

/* 单独页面的登录 */

.m-list21 {
	max-width: 25rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.125rem;
}

.m-list21 h2 {
	font-family: OPPOSans-M;
	font-size: 1.25rem;
	color: var(--feedbackcolor);
	padding-bottom: .5rem;
}

.m-list21 .u-btn {
	background: var(--feedbackcolor);
	border-radius: .25rem;
	height: 2.0625rem;
	line-height: 2.0625rem;
	width: 100%;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	margin-top: 3.125rem;
}

.m-list21 .div-1 {
	background: #FFFFFF;
	border: 1px solid #DEEBFF;
	border-radius: .25rem;
	margin-top: 1.875rem;
	overflow: hidden;
}

/* 当 input 被聚焦时，改变父元素 div 的边框颜色 */
.m-list21 .div-1:focus-within {
	border-color: #007BFF;
	/* 改为你想要的颜色 */
}


.m-list21 .u-tips {
	opacity: 0.37;
	font-family: OPPOSans-R;
	font-size: .6875rem;
	color: var(--default);
	margin-top: .5rem;
}

.m-list21 .u-btn1 {
	background: var(--feedbackcolor);
	border-radius: .25rem;
	font-family: OPPOSans-M;
	font-size: .8125rem;
	color: var(--white);
	min-width: 6.375rem;
	height: 2.0625rem;
	line-height: 2.0625rem;
}

.m-list21 .u-btn1-1 {
	background: #6089FA;
}

.m-list21 input {
	max-width: 100%;
	width: 100%;
	line-height: 2.0625rem;
	box-sizing: border-box;
	border: none;
	padding: 0 .8125rem;
	color: var(--gray);
}

.m-list21 input::placeholder {
	opacity: 0.24;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--gray);
}

.m-list21 .span-1 {
	width: 5rem;
	font-family: OPPOSans-M;
	font-size: .875rem;
	line-height: 2.0625rem;
	color: var(--gray);
	text-align: center;
	border-right: 1px solid #deebff;
}

.m-wxlogin {
	margin-top: 2.25rem;
	border-top: 1px solid #E7E8EA;
}

.m-wxlogin .p-1 {
	opacity: 0.37;
	font-family: OPPOSans-R;
	font-size: .6875rem;
	color: var(--default);
	margin-top: 1.5rem;
}

.m-wxlogin .img-1 {
	margin-top: 1.5rem;
	transform: scale(1);
	transition: transform .3s linear;
	cursor: pointer;
}

.m-wxlogin .img-1:hover {
	transform: scale(1.1);
	transition: transform .3s linear;
	cursor: pointer;
}

.m-xyi {
	margin-top: 2.5rem;
	padding-bottom: 3.125rem;
	font-family: OPPOSans-H;
	font-size: .6875rem;

}

.m-xyi a {
	color: #266FE8;
	line-height: 1.125rem;
}




.m-loginboxnew {
	position: relative;
}

.m-wxxlayer {
	position: absolute;
	opacity: 0;
	z-index: -1;
	top: 150%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border: 1px solid #DEEBFF;
	box-shadow: 0 .75rem 1rem -0.1875rem rgba(0, 54, 107, 0.08);
	border-radius: .5rem;
	width: 27rem;
	padding-top: 2.3125rem;
	background: #ffffff;
}

.m-wxxlayer .ewm {
	width: 15.8125rem;
	height: 15.8125rem;
	margin-left: auto;
	margin-right: auto;
}

.m-wxxlayer .ewm img {
	width: 100%;
	height: 100%;
	margin-top: 1.25rem;
}

.m-wxxlayer .p-title {
	font-size: 1.25rem;
	color: #28c445;
	margin-left: .5rem;
}


.m-wxxlayer .tips2 {
	margin-top: 1.25rem;
	padding-bottom: 2.625rem;
}

.m-wxxlayer .tips2 p {
	width: 100%;
	text-align: center;
	color: var(--default);
	letter-spacing: 0.01875rem;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	line-height: 1.5rem;
}

.m-wxxlayer .u-closed {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
	background: url(../imgs/closed.svg) no-repeat;
	background-size: 100% 100%;
	transform: scale(1) rotate(0deg);
	transition: transform .3s linear;
	opacity: 0.16;
}

.m-wxxlayer .u-closed:hover {
	transform: scale(1.2) rotate(360deg);
	opacity: 1;
	transition: transform .3s linear;
}

.m-error {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.m-error .u-img {
	width: 15.6875rem;
	height: 17.25rem;
}

.m-error p {
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--default);
	margin-top: 3.75rem;
}

.m-error a {
	display: inline-block;
	border-bottom: 1px dashed var(--default);
}

.m-error a:hover {
	border-bottom: 1px solid var(--default);
}

/* loading */
.m-loading {
	padding: 3.125rem;
}

.half-circle-spinner,
.half-circle-spinner * {
	box-sizing: border-box;
}

.half-circle-spinner {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
}

.half-circle-spinner .circle {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: calc(35px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
	border-top-color: var(--default);
	animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
	border-bottom-color: var(--default);
	animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* 关于我们 */
.m-aboutus {
	margin-top: 3.75rem;
	margin-bottom: 5rem;
}

.m-aboutus .imgbox {
	width: 12.5rem;
}

.m-aboutus .imgbox img {
	width: 100%;
}

.m-aboutus .txtbox {
	width: calc(100% - 12.5rem - 4.375rem);
}

.m-aboutus .txtbox .intro {
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--default);
	letter-spacing: .025rem;
	text-align: justify;
	line-height: 2rem;
}

.m-aboutus .title {
	position: relative;
	padding-left: 1.25rem;
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	color: #10A3A0;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	line-height: 1;
}

.m-aboutus .title::before {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	content: "";
	width: .5rem;
	height: .5rem;
	border: 1.5px solid var(--default);
	border-radius: 50%;
	background: var(--white);
}

.m-aboutus .title::after {
	position: absolute;
	z-index: 1;
	top: 0;
	left: .265rem;
	content: "";
	width: .125rem;
	height: 100%;
	background: var(--default);
}

.m-aboutus .itembox {
	margin-top: 3.125rem;
}

.m-aboutus .item {
	position: relative;
	padding-left: 1.25rem;
}

.m-aboutus p {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: #231815;
	letter-spacing: 0;
	font-weight: 400;
	margin-bottom: .75rem;
	line-height: 1.375rem;
}

.m-aboutus .item::before {
	position: absolute;
	top: 0;
	left: .265rem;
	content: "";
	width: .125rem;
	height: 100%;
	background: #00acab;
}


/* 报名页 */
.m-personal {
	position: relative;
	background: #ffffff;
	margin-top: 1.5rem;
	padding: 2.5rem 3rem;
	margin-bottom: 1.875rem;
	box-shadow: 0 .25rem .5rem -0.125rem rgba(0, 54, 107, 0.10);
	border-radius: .5rem;
	box-sizing: border-box;

}

.m-personal>h2 {
	font-family: OPPOSans-B;
	font-size: 1.875rem;
	color: var(--default);
	margin-top: 1rem;
	text-align: justify;
}

.m-personal .tips p {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--feedbackcolor);
	line-height: 1.25rem;
	margin-top: 1rem;
}

.m-personal .tips a {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	line-height: 1.25rem;
	overflow-wrap: break-word;

}

.m-personal .item {
	font-size: 0.875rem;
	margin-top: 2.5rem;
}

.m-personal b {
	position: relative;
	font-size: 1.4rem;
	color: var(--default);
	margin-top: .75rem;
	display: block;
	margin-bottom: 1rem;
	font-weight: normal;
	letter-spacing: .25rem;
}

.m-personal .item em {
	font-weight: normal;
	margin-right: 1rem;
	margin-left: .8rem;
}

.m-personal .item .u-span {
	display: inline-block;
	font-family: OPPOSans-M;
	font-size: 1.125rem;
	color: var(--default);
	margin-right: .6875rem;
	line-height: 1.875rem;
	width: 1.25rem;
}

.m-personal .item .u-span1 {
	font-family: OPPOSans-M;
	font-size: 1.125rem;
	color: var(--default);
	line-height: 1.875rem;
}

.m-personal .item .title i {
	color: #fd4c5c;
	width: .625rem;
	margin-top: .5rem;
}

.m-personal .ipt {
	width: 100%;
	background: #FFFFFF;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 0.625rem;
	box-sizing: border-box;
	border: 1px solid #DCDCDC;
	border-radius: .25rem;
	margin-left: 2.5rem;
}

.m-personal .ipt::placeholder {
	opacity: 0.32;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
}

.m-personal .submit {
	display: inline-block;
	width: 7.5rem;
	height: 3rem;
	line-height: 3rem;
	background: var(--feedbackcolor);
	border-radius: 1.5rem 1.75rem;
	font-family: OPPOSans-B;
	font-size: 1rem;
	color: var(--white);
	margin-top: 3.5rem;
	margin-left: 2.5rem;

}

.m-personal .submit:hover {
	color: rgba(255, 255, 255, 1);
}

.m-personal .u-send {
	background: #FFFFFF;
	border: 1px solid var(--default);
	border-radius: .25rem;
	font-size: .875rem;
	color: var(--default);
	min-width: 5.375rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin-left: 0.625rem;
	transition: all .2s;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0 0.625rem;
}

.m-personal .u-send:hover {
	background: var(--feedbackcolor);
	border: 1px solid var(--feedbackcolor);
	color: #ffffff;
}

.m-personal .item {
	width: 100%;
}


.m-personal .title {
	width: 100%;
	margin-bottom: 1.25rem;
}

.m-personal .item>label {
	width: 100%;
	margin-top: 1.25rem;
	background: #F5F7FD;
	border: 1px solid #DCDCDC;
	border-radius: .75rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1.25rem;
	font-size: 1rem;
	font-family: OPPOSans-R;
	cursor: pointer;
	margin-left: 2.5rem;
	box-sizing: border-box;
}

.m-personal .item .title+label {
	margin-top: .5rem;
}

.m-personal .item textarea {
	width: 100%;
	font-size: .875rem;
	height: 6.25rem;
	border: none;
	background: #FFFFFF;
	padding: .625rem;
	line-height: 1.375rem;
	border: 1px solid #DCDCDC;
	border-radius: .25rem;
	margin-left: 2.5rem;
	box-sizing: border-box;
}


.m-personal .item select {
	position: relative;
	border-radius: 0.3125rem;
	font-size: .875rem;
	background-color: transparent;
	/* 去掉背景颜色 */
	/* 去掉边框 */
	/* appearance: none; */

	outline: none;
	/* 去掉聚焦时的轮廓 */
	color: inherit;
	/* 继承父元素的文字颜色 */
	font-size: inherit;
	/* 继承父元素的字体大小 */
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 0.625rem;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: .1875rem;
	margin-left: 2.5rem;
	width: 100%;
}

.m-personal .item select::placeholder {
	opacity: 0.32;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
}

.m-personal .phone {
	width: 100%;
}

/* 附件上传 */
.m-upload {
	width: 100%;
	margin-left: 2.5rem;
}

.m-upload .el-customicon {
	width: 3.75rem;
	height: 3.75rem;
}

.m-upload .el-customicon>svg {
	width: 100%;
	height: 100%;
	color: var(--feedbackcolor);
}

.m-upload .el-upload-dragger .el-upload__text em {
	color: var(--feedbackcolor);
}

.m-upload .el-upload-dragger {
	background: #f5f7fd;
}

/* 动态canvas 外部引入 命名会乱一些*/
.m-lightshadow {
	position: relative;
	width: 100vw;
	height: 100vh;
}

.m-lightshadow .swiper {
	width: 100%;
	margin-bottom: 9.375rem;
}

.m-lightshadow .swiper-slide {
	text-align: center;
	font-size: 1.125rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	overflow: hidden;
}


.m-shadow {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

.m-bannerswiper {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	box-sizing: border-box;
}

.m-bannerswiper .swiper {
	max-width: 78.75rem;
	width: 100%;
	padding-bottom: 3.75rem;
	margin-bottom: 3rem;
	border-radius: .25rem;
}

.m-bannerswiper .swiper-slide {
	position: relative;
	text-align: center;
	font-size: 1.125rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	overflow: hidden;
	border-radius: .25rem;
}

.m-bannerswiper .swiper-slide::after {
	transition: all 0.3s linear;
}

.m-bannerswiper .swiper-slide:hover::after {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	content: "";
	width: 150%;
	height: 150%;
	background-image: linear-gradient(150deg, rgba(6, 71, 247, .7) 0, rgba(255, 255, 255, 0.08) 40%, rgba(255, 255, 255, 0.00) 60%, rgba(6, 71, 247, .7) 100%);
	background-size: cover;
	animation: gradientAnimation 10s ease infinite;
	border-radius: .25rem;
	transition: all 0.3s linear;
}

@keyframes gradientAnimation {
	0% {
		transform: translateX(0) rotate(0deg);
	}

	50% {
		transform: translateX(-25%) translateY(-25%) rotate(8deg);
	}

	100% {
		transform: translateX(0) rotate(0deg);
	}
}

.m-bannerswiper .swiper-pagination-bullet {
	width: .25rem;
	height: .25rem;
	opacity: 0.32;
	background: #DFE7FB;
	border-radius: 50%;
}

.m-bannerswiper .swiper-pagination-bullet-active {
	width: 1rem;
	height: .25rem;
	border-radius: .125rem;
	transition: all 0.3s ease-in-out;
	opacity: 0.84;
	background: #DFE7FB;
}

.m-bannerswiper .swiper-slide a {
	width: 100%;
}

.m-bannerswiper .txtbox {
	background: rgba(255, 255, 255, 0.08);
	box-shadow: 0 .375rem 1rem 0 rgba(0, 0, 0, 0.16);
	border-radius: .25rem;
	padding: 1.875rem 1.875rem 2.5rem 1.875rem;
}

.m-bannerswiper .txtbox h2 {
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	line-height: 1.9375rem;
	text-align: justify;
	height: 5.8125rem;
	max-height: 5.8125rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #ffffff;
}

.m-bannerswiper .txtbox p {
	font-family: OPPOSans-M;
	font-size: .6875rem;
	line-height: 1.25rem;
	text-align: justify;
	margin-top: 1rem;
	height: 3.75rem;
	max-height: 3.75rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #ffffff;
}

.m-bannerswiper .txtbox::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.64) 53%, rgba(255, 255, 255, 0.00) 100%);
	border-radius: .25rem;
}


.m-bannerswiper .txtbox::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.64) 53%, rgba(255, 255, 255, 0.00) 100%);
	border-radius: .25rem;
}

.m-bannerswiper .introbox {
	position: absolute;
	top: 50%;
	transform: translateY(-130%);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: .625rem;
}

.m-bannerswiper .introbox h2 {
	font-family: OPPOSans-B;
	font-size: 4rem;
	color: #ffffff;
}

.m-bannerswiper .introbox h2 span {
	margin-left: .0313rem;
	margin-right: .0313rem;
}

.m-bannerswiper .introbox h3 {
	font-family: OPPOSans-B;
	font-size: 1.75rem;
	color: #ffffff;
	margin-top: 1rem;
	opacity: 0;
	letter-spacing: .125rem;
}

/* 新增加入我们 */
.m-list22 .swiper-slide {
	height: auto;
}

.m-list22 .item {
	background: linear-gradient(141deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	border: 1px solid #DEEBFF;
	border-radius: .5rem;
	height: 100%;
	padding: 1.625rem 1.5rem 3.375rem 1.5rem;
	box-sizing: border-box;
	transition: background .2s ease;
}

.m-list22 .item h3 {
	font-family: OPPOSans-B;
	font-size: 1.5rem;
	color: #001A4E;
	text-align: justify;
	margin-top: 2.8125rem;
}

.m-list22 .item p {
	font-family: OPPOSans-M;
	font-size: 1.125rem;
	color: #001A4E;
	text-align: justify;
	line-height: 1.875rem;
	margin-top: 1rem;
}

.m-list22 .item .u-a {
	display: block;
	width: 3.375rem;
	height: 2.5rem;
	margin-top: 1.25rem;
	background: url(../imgs/pic_147.svg) no-repeat;
	background-size: cover;
}

.m-list22 .item:hover {
	background: var(--feedbackcolor);
}


.m-list22 .item:hover h3,
.m-list22 .item:hover p {
	color: var(--white);
}

.m-list22 .item:hover .u-a {
	background: url(../imgs/pic_148.svg) no-repeat;
}

.m-list22 {
	position: relative;
}

.m-list22 .swiper {
	margin-left: 3.75rem;
	margin-right: 3.75rem;
}

.m-list22 .swiper-button-prev {
	width: 2.1875rem;
	height: 2.1875rem;
	background: url('../imgs/prev_1.png');
	left: 0;
	opacity: .5;
	background-size: cover;
}

.m-list22 .swiper-button-next {
	width: 2.1875rem;
	height: 2.1875rem;
	background: url('../imgs/next_1.png');
	right: 0;
	opacity: .5;
	background-size: cover;
}

.m-list22 .swiper-button-prev:hover {
	background: url('../imgs/prev_1.png');
	background-size: cover;
	transition: all .3s linear;
	opacity: 1;
}

.m-list22 .swiper-button-next:hover {
	background: url('../imgs/next_1.png');
	background-size: cover;
	transition: all .3s linear;
	opacity: 1;
}

.m-list22 .swiper-button-next:after,
.m-list22 .swiper-rtl .swiper-button-prev:after {
	content: "";
}

.m-list22 .swiper-button-prev:after,
.m-list22 .swiper-rtl .swiper-button-next:after {
	content: "";
}

.m-list23 .swiper-slide {
	height: auto;
	margin-bottom: 2.5rem;
}

.m-list23 .item {
	position: relative;
	padding: 1.875rem 1.25rem 3.125rem 1.25rem;
	background: linear-gradient(142deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	border: 1px solid #DEEBFF;
	border-radius: .5rem;
	margin-bottom: 2.5rem;
	height: 100%;
	box-sizing: border-box;
	transform: translateY(0);
	transition: transform .2s ease;
	transition: all .3s ease;
}

.m-list23 .item:hover {
	background: linear-gradient(280deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	transition: all .3s ease;
}

.m-list23 .item .imgbox {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	width: 100%;
	height: 5rem;
	bottom: -2.5rem;
	transition: transform .2s ease;
}

.m-list23 .item .imgbox img {
	width: 5rem;
}

.m-list23 .item:hover .imgbox {
	transform: translateY(-.5rem) scale(1.2);
	transition: transform .2s ease;
}

.m-list23 .item h3 {
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	color: var(--default);
	text-align: center;
	min-height: 3.5rem;
}

.m-list23 .item h3 span {
	font-size: .625rem;
	color: var(--default);
	line-height: 1.0625rem;
}

.m-list23 .item p {
	opacity: 0.84;
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--default);
	text-align: justify;
	line-height: 1.125rem;
	margin-top: .4375rem;
}

/* 方式二 */
.m-list23 .recruitment {
	margin-left: -0.375rem;
	margin-right: -0.375rem;
}

.m-list23 .recruitment .item {
	width: calc((100% - 4.5rem)/6);
	height: 18.75rem;
	margin-top: 1.25rem;
	margin-left: .375rem;
	margin-right: .375rem;
}

.m-list24 .item {
	padding: 1.875rem;
	box-sizing: border-box;
	width: calc((100% - 3.75rem)/3);
	background: linear-gradient(140deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	border: 1px solid #DEEBFF;
	border-radius: .4581rem;
	transition: all .3s ease;
}

.m-list24 .item:hover {
	background: linear-gradient(280deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	/* box-shadow: 0 .75rem 1.875rem .25rem rgba(0, 73, 148, 0.16); */
	transition: all 10s ease;
}

.m-list24 .imgbox img {
	height: 12rem;
	max-width: 100%;
	width: auto;
}

.m-list24 .item h3 {
	font-family: OPPOSans-B;
	font-size: 1.5rem;
	color: var(--default);
	margin-top: 2.5rem;
}

.m-list24 .item p {
	opacity: 0.84;
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--default);
	line-height: 1.0313rem;
	margin-top: 1.25rem;
}

.m-list24 .item .u-a {
	width: 3.125rem;
	margin-top: 2.5rem;
}

.m-list25 {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.m-list25 .item {
	position: relative;
	width: calc((100% - 1.875rem)/2);
	overflow: hidden;
	border-radius: .4581rem;
}


.m-list25 .item .u-img {
	width: 100%;
	transform: scale(1);
	transition: transform .3s ease;
}

.m-list25 .item:hover .u-img {
	transform: scale(1.05);
	transition: transform .3s ease;
}

.m-list25 .item .txtbox {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 1.875rem;
	box-sizing: border-box;
}

.m-list25 .item p {
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--white);
}

.m-list25 .item h3 {
	font-family: OPPOSans-B;
	font-size: 2rem;
	color: var(--white);
	/*margin-top: 1rem;*/
}

.m-list25 .item .u-a {
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--white);
}

.m-list26 {
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
	width: calc((100% - 12.5rem)/2);
}

.m-list26 h2 {
	font-family: OPPOSans-B;
	font-size: 2.5rem;
	color: var(--white);
}

.m-list26 .itembox {
	background: url(../imgs/pic_163.webp) no-repeat center center;
	background-size: 100% auto;
	min-height: 32.125rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: 4.375rem;
}

.m-list26 .itembox .item {
	width: calc((100% - 2.375rem)/2);
}

.m-list26 .itembox .item h3 {
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	color: var(--white);
}

.m-list26 .itembox .item:nth-child(2n) h3 {
	text-align: right;
}

.m-list26 .itembox .item p {
	font-family: OPPOSans-R;
	font-size: .75rem;
	line-height: 1.125rem;
	color: var(--white);
	text-align: justify;
	margin-top: .4375rem;
}

.m-list27 {
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
	width: calc((100% - 12.5rem)/2);
}


.m-list27 .item {
	margin-top: 4.125rem;
}

.m-list27 .imgbox {
	width: 3.125rem;
}

.m-list27 .imgbox img {
	width: 3.125rem;
}

.m-list27 .txtbox {
	width: calc(100% - 3.125rem - 1.5rem);
}

.m-list27 h2 {
	font-family: OPPOSans-B;
	font-size: 2.5rem;
	color: var(--white);
}

.m-list27 h3 {
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	line-height: 1.9375rem;
	color: var(--white);

}

.m-list27 P {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	line-height: 1.25rem;
	margin-top: 1rem;
	text-align: justify;
}

.m-list27 ul {
	margin-top: .625rem;
}

.m-list27 li {
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--white);
	line-height: 1.5rem;
}

.m-list27 li b {
	font-family: OPPOSans-B;
}

.m-list28 {
	padding: 3rem;
	box-sizing: border-box;
	background: var(--white);
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.m-list28 h2 {
	font-family: OPPOSans-B;
	font-size: 1.875rem;
	color: var(--default);
}

.m-list28 ul {
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}

.m-list28 li {
	opacity: 0.48;
	font-family: OPPOSans-R;
	font-size: 1.25rem;
	color: var(--default);
	line-height: 1.25rem;
	margin-right: 2.25rem;
	padding-bottom: .25rem;
	cursor: pointer;
}

.m-list28 li.z-crt {
	position: relative;
	opacity: 1;
	font-family: OPPOSans-M;
	font-size: 1.25rem;
	color: var(--feedbackcolor);
	line-height: 1.25rem;

}

.m-list28 li::before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: 0;
	width: 0;
	height: 1px;
	transition: all .3s ease-in;
}

.m-list28 li.z-crt::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: var(--feedbackcolor);
	transition: all .3s ease-in;
}

.m-list28 .ask {
	background: #F5F7FD;
	border-radius: .75rem;
	padding: 1.125rem;
}

.m-list28 .ask .u-p {
	background: linear-gradient(180deg, #2D60E4 0%, #1B3882 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1rem;
	font-family: OPPOSans-B;
}

.m-list28 .ask .u-p1 {
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: var(--default);
	margin-left: 1rem;
	text-align: justify;
	line-height: 1.375rem;
}

.m-list28 .question {
	padding: .75rem 1.125rem .625rem 1.125rem;
}

.m-list28 .question .u-p {
	background-image: linear-gradient(180deg, #9DF4D1 0%, #64E6A4 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1rem;
	font-family: OPPOSans-B;
}

.m-list28 .question .u-p1 {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--gray);
	text-align: justify;
	line-height: 1.375rem;
	margin-left: 1rem;
	margin-bottom: 1.375rem;
	margin-right: 2rem;
}

.m-list28 .question .u-p1 a {
	display: block;
	color: var(--feedbackcolor);
}

.m-list28-1 {
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.m-list28-1 .item {
	margin-bottom: .25rem;
}

.m-list28-1 .item .ask {
	position: relative;
	z-index: 2;
	cursor: pointer;
	transition: all .2s linear;
}

.m-list28-1 .item .ask::before {
	position: absolute;
	z-index: 6;
	content: "";
	right: 1.5rem;
	top: 50%;
	width: .91rem;
	height: 1.125rem;
	transform: translateY(-50%);
	transition: transform 0.2s linear;
	background: url(../imgs/pic_174.svg) no-repeat;
	background-size: 100% 100%;
}


.m-list28-1 .item .ask:hover {
	background: rgba(245, 247, 253, .6);
}

.m-list28-1 .item .ask.u-fold {
	background: #F5F7FD;
	cursor: pointer;
	transition: all .2s linear;
}

.m-list28-1 .item .ask.u-fold::before {
	position: absolute;
	z-index: 6;
	content: "";
	right: 1.5rem;
	top: 50%;
	width: .91rem;
	height: 1.125rem;
	transform: translateY(-50%) rotate(180deg);
	transition: transform 0.2s linear;
	background: url(../imgs/pic_176.svg) no-repeat;
	background-size: 100% 100%;
	transform-origin: center center;
}

.m-list28-1 .question {
	position: relative;
	z-index: 1;
}

.m-list28-1 .question .u-p {
	background-image: linear-gradient(-29deg, #1070FF 4%, #19C8FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1rem;
	font-family: OPPOSans-B;
}

.m-list28-1 .question .u-p1 a {
	display: inline;
	color: var(--gray);
}


.hasqainteractive .item .question {
	display: none;

}

.m-list29 {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.m-list29 ul {
	border-bottom: 1px solid rgba(0, 54, 107, .12);
}

.m-list29 ul li {
	position: relative;
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: #849EB7;
	margin-right: 2.5rem;
	padding-bottom: 1.5rem;
	cursor: pointer;
}

.m-list29 ul li::before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #1F04AC;
	transition: all .3s ease-in;
}

.m-list29 ul li.z-crt {
	font-family: OPPOSans-B;
	font-size: 1.2rem;
	color: #1F04AC;

}

.m-list29 ul li.z-crt::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #1F04AC;
	transition: all .3s ease-in;
}

.m-list30 .imgbox {
	height: 5.375rem;
	margin-top: 3.25rem;
}

.m-list30 .imgbox img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.m-list30>h2 {
	font-family: OPPOSans-B;
	font-size: 2rem;
	color: var(--default);
	margin-top: 2rem;
}

.m-list30>p {
	font-family: OPPOSans-R;
	font-size: 1rem;
	color: var(--gray);
	text-align: justify;
	line-height: 2.25rem;
	margin-top: 1.5rem;
}


.m-list30 .item {
	position: relative;
	padding: 0 2.5rem;
	width: calc((100% - 3rem)/3);
	box-sizing: border-box;
	background-image: linear-gradient(141deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	border-radius: .5rem;
	margin-top: 2.5rem;
}

.m-list30 .item:hover {
	background: linear-gradient(280deg, rgba(255, 255, 255, 0.24) 0%, rgba(219, 230, 253, 0.24) 100%);
	transition: all .3s ease;
}

.m-list30 .item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: .5rem;
	background: var(--white);
	z-index: -1;
}

.m-list30 .item::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: .5rem;
	background-image: linear-gradient(45deg, #6017E5 0%, #4624EA 50%, #386AFA 75%, #DBE6FD 100%);
	border-radius: 8px;
	z-index: -2;
}

.m-list30 .item h3 {
	font-family: OPPOSans-B;
	font-size: 1.625rem;
	color: #1F04AC;
	text-align: justify;
	margin-top: 1.5rem;
}

.m-list30 .item p {
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	text-align: justify;
	line-height: 1.625rem;
	margin-top: 1.5rem;

}

.m-list30 .item a {
	border: 1px solid rgba(31, 4, 172, .24);
	border-radius: .5rem;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: #1F04AC;
	padding: .625rem 0;
	text-align: center;
	line-height: 1;
	margin-bottom: 2rem;
	margin-top: 2.125rem;

}

.m-list30 .item a img {
	margin-left: .2rem;
	width: 1rem;
	height: .875rem;

}

.m-list31 {
	background: #F5F7FD;
	border: 1px solid #DFE7FB;
	border-radius: .75rem;
	margin-top: 2rem;

}

.m-list31 .lefbox {
	width: 44%;

}

.m-list31 .item {
	height: 5.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	box-sizing: border-box;
	border-bottom: 1px solid #DFE7FB;
}

.m-list31 .item:last-child {
	border-bottom: none;
}

.m-list31 .item h2 {
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: var(--default);
	max-height: 2.625rem;
	line-height: 1.3125rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	background: url(../imgs/pic_174.svg) no-repeat right center;
	background-size: .91rem 1.125rem;
}

.m-list31 .item p,
.m-list31 .item a {
	display: none;
}

.m-list31 .item.z-crt {
	background: #1F04AC;
	border-radius: .75rem 0 0 0;
	height: calc(100% - 5.5rem - 5.5rem);
	box-sizing: border-box;
}

.m-list31 .item.z-crt p,
.m-list31 .item.z-crt a {
	display: block;
}

.m-list31 .item.z-crt h2 {
	font-family: OPPOSans-M;
	font-size: 1.5rem;
	color: var(--white);
	text-align: justify;
	max-height: 4rem;
	line-height: 2rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.m-list31 .item.z-crt p {
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--white);
	text-align: justify;
	margin-top: 1rem;
	max-height: 3.9375rem;
	line-height: 1.3125rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.m-list31 .item.z-crt a {
	margin-top: 1.125rem;
}



.m-list31 .rigbox {
	width: 56%;
	height: 28.5rem;
}

.m-list31 .rigbox>div {
	height: 100%;
}

.m-list31 .rigbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m-list32 {
	position: relative;
	background: #1F04AC url(../imgs/pic_175.webp) no-repeat right 1.25rem center;
	border: 1px solid #DFE7FB;
	box-shadow: 0 .25rem .5rem -2px rgba(0, 54, 107, 0.10);
	border-radius: 7.625rem;
	background-size: auto 12.625rem;
	padding: 3rem 18.75rem 3rem 6.25rem;
	margin-top: 2rem;
	overflow: hidden;
}

.m-list32::before {
	position: absolute;
	z-index: 0;
	content: "";
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(-89deg, rgba(31, 4, 172, 0.00) 0%, #1F04AC 77%);
}

.m-list32 h2 {
	position: relative;
	z-index: 1;
	font-family: OPPOSans-B;
	font-size: 1.25rem;
	line-height: 1.9375rem;
	color: var(--white);
	text-align: justify;
}

.m-list32 p {
	position: relative;
	z-index: 1;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--white);
	text-align: justify;
	line-height: 1.5rem;
	margin-top: 1.25rem;

}

.m-tips1 {
	font-family: OPPOSans-R;
	font-size: .75rem;
	color: var(--gray);
	text-align: justify;
	line-height: 1.375rem;
	margin-left: 3.125rem;
}

.m-tips1 a {
	text-decoration: underline dotted var(--default);
	text-decoration-thickness: 1px;
	text-underline-offset: .375rem;
}

.m-list33 {
	position: absolute;
	left: 50.5rem;
	top: 0;
}

.m-list33 .smallscan {
	width: 3rem;
	height: 3rem;
	padding: .5625rem;
	box-sizing: border-box;
	background: var(--white);
	border: 1px solid #E7E8EA;
	box-shadow: 0 .25rem .5rem -0.125rem rgba(0, 54, 107, 0.10);
	border-radius: .5rem;
	cursor: pointer;
}

.m-list33 .smallscan img {
	width: 100%;
}

.m-list33 .bigscan {
	opacity: 0;
	y: -20;
	padding: 1.5rem 2.5rem;
	background: var(--white);
	border: 1px solid #E7E8EA;
	box-shadow: 0 .75rem 1rem -0.1875rem rgba(0, 54, 107, 0.08);
	border-radius: .5rem;
	margin-top: .5rem;
}

.m-list33 .bigscan h3 {
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: var(--gray);
}

.m-list33 .bigscan img {
	width: 8.75rem;
	height: 8.75rem;
	margin-top: 1.25rem;
}

.m-list33 .bigscan button {
	display: block;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-family: OPPOSans-R;
	font-size: .8125rem;
	color: var(--gray);
	border: 1px solid rgba(62, 69, 86, .24);
	border-radius: .25rem;
	margin-top: .75rem;
}

/* 我的报名 */
.m-myxxk {
	position: relative;
	width: 100%;
	margin-top: 5rem;
}

.m-myxxk::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	opacity: 0.12;
	background: var(--default);
}

.m-myxxk li {
	font-family: OPPOSans-M;
	font-size: 1rem;
	color: #849EB7;
	line-height: 1;
	padding-bottom: 1.625rem;
	margin-right: 4.375rem;
	cursor: pointer;
}


.m-myxxk li.z-crt {
	font-family: OPPOSans-B;
	font-size: 1rem;
	color: var(--feedbackcolor);
	border-bottom: .125rem solid var(--feedbackcolor);
}

.m-list34 {
	padding-top: 6.25rem;
	padding-bottom: 10.5rem;
}

.m-list34 img {
	width: 12.5rem;
}

.m-list34 p {
	opacity: 0.48;
	font-family: OPPOSans-R;
	font-size: .875rem;
	color: var(--default);
	margin-top: 1.5625rem;
}


/* added by lyy on 2025-06-30  start 所有页面固定尺寸的宽度由px转换为rem,避免小机器上由于宽度固定导致页面比例不对*/


.m-list35 img {
	width: 100%;
}


.m-list36 {
	max-width: 63.25rem;
	width: 100%;
	display: grid;
	grid-template-columns: 15.625rem 1fr;
	gap: 6.6875rem;
	align-items: center;
}

.m-list36 svg {
	width: 15.625rem;
	height: auto;
}


/* border-image圆角不起作用，如果使用伪类，必须要有背景叠加在上面，现在是牺牲了圆角 */

.m-list36 .m-rig .itembox {
	position: relative;
	border: .125rem solid transparent;
	border-image: linear-gradient(135deg, rgba(29, 104, 255, 1), rgba(221, 233, 255, 0)) 1;
	/* border-radius: 16px; */
	background-clip: padding-box;
	overflow: hidden;
	box-sizing: border-box;
}

.m-list36 .m-rig .itembox::before {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 6.8125rem;
	height: 5.4375rem;
	background: url(../imgs/pic_188.webp) no-repeat;
	background-size: 100% 100%;
}

.m-list36 .m-rig .itembox::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 8.1875rem;
	height: .125rem;
	background: url(../imgs/pic_189.webp) no-repeat;
	background-size: 100% 100%;
}

.m-list36 .m-rig .itembox {
	padding: 1rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem 1rem;
}

.m-list36 .m-rig .itembox .item {
	padding-left: 3rem;
	padding-right: 1rem;
	height: 2.8125rem;
	background: #4c9aff url(../imgs/pic_190.svg) no-repeat left center;
	border-radius: .375rem;
	z-index: 1;
}

.m-list36 .m-rig .itembox .item-dark {

	background: #0052cc url(../imgs/pic_191.svg) no-repeat left center;

}

.m-list36 .m-rig .itembox .item h2 {
	font-size: 1rem;
	font-weight: bold;
	color: var(--white);
}

.m-list38 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.875rem 1.875rem;
	max-width: 100%;
	width: calc(100% - 3rem);
	margin-top: 5rem;
	box-sizing: border-box;
}

.m-list38 .u-img {
	width: 100%;
}

.m-list38 .txtbox {
	margin-top: 1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.m-list38 .txtbox h2 {
	font-family: OPPOSans-M;
	font-size: .875rem;
	line-height: 1.375rem;
	font-weight: bold;
	color: var(--white);
}

.m-list38 .txtbox .u-a {
	width: 1.1469rem;
	height: 1.0313rem;
	margin-left: .9375rem;
}

.m-list38 .txtbox .u-a img {
	width: 100%;
}

.m-list38 .txtbox p {
	font-family: OPPOSans-R;
	font-size: .6875rem;
	margin-top: .4375rem;
	color: var(--white);
}

.m-xxk-1 {
	margin-bottom: 10.9375rem;
}

.m-xxk-1 .itembox {
	position: relative;
	max-width: 35.25rem;
	width: 100%;
	background-image: linear-gradient(90deg, #FFFFFF 0%, #F3F3F3 100%);
	border: 1px solid rgba(223, 231, 251, 1);
	border-radius: 1.75rem;
}

.m-xxk-1 .itembox .slidebox {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: calc(100%/5);
	height: 100%;
	background: var(--feedbackcolor);
	border-radius: 1.75rem;
}

.m-xxk-1 .itembox .item {
	position: relative;
	z-index: 1;
	height: 3rem;
	line-height: 3rem;
	width: calc(100%/5);
	opacity: 16;
	font-family: OPPOSans-R;
	font-size: 1.125rem;
	color: var(--default);
	text-align: center;
	cursor: pointer;
}

.m-xxk-1 .itembox .item.z-crt {
	color: var(--white);
	opacity: 1;
	font-family: OPPOSans-B;
}

.m-xxk-1>div {
	width: 100%;
}

.m-list39 {
	width: 100%;
	margin-top: 5rem;
}

.m-list39 .txtbox {
	height: 100%;
	padding: 1.875rem;
	box-sizing: border-box;
}

.m-list39 .txtbox h2 {
	font-family: OPPOSans-B;
	font-size: 1.125rem;
	color: var(--default);
	line-height: 1.5rem;
}

.m-list39 .txtbox .u-a {
	display: inline-block;
	font-family: OPPOSans-M;
	font-size: .6875rem;
	color: var(--default);
	background: url(../imgs/pic_192.svg) no-repeat left center;
	background-size: .875rem .875rem;
	padding-left: 1.25rem;
	margin-top: .625rem;
}

.m-list39 .txtbox .u-b {
	display: inline-block;
	font-family: OPPOSans-M;
	font-size: .6875rem;
	color: var(--default);
	background: url(../imgs/pic_184.svg) no-repeat left center;
	background-size: .875rem .875rem;
	padding-left: 1.25rem;
	margin-top: .625rem;
}

.m-list39 .txtbox .u-p {
	opacity: 0.48;
	font-family: OPPOSans-M;
	font-size: .75rem;
	color: var(--default);
	line-height: 1.1rem;
}

/* 瀑布流 */
.grid {
	width: 100%;
}


.grid:after {
	content: '';
	display: block;
	clear: both;
}

.grid-sizer,
.grid-item {
	width: calc((100% - 3rem)/4);
}


.grid-item {
	float: left;
	box-sizing: border-box;
	margin-bottom: 1rem;
	transition: all .3s;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #E7E8EA;
	box-shadow: 0 4px 8px -2px rgba(0, 54, 107, 0.10);
	border-radius: 1.25rem;
	height: 12.9375rem;
	box-sizing: border-box;
}

.grid-item:nth-child(3),
.grid-item:nth-child(5) {
	margin-top: 2.5rem;
}


.sectionscreen {
	min-height: 100vh;
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {

	.grid-sizer,
	.grid-item {
		width: calc((100% - 4rem)/4);
	}
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {

	.grid-sizer,
	.grid-item {
		width: calc((100% - 3rem)/3);
	}
}