/* 当页面小于1262时，页面两边留空白 */
@media screen and (max-width: 940px) {
	.m-nav {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		box-sizing: border-box;
	}
}

/* 当页面小于1262时，页面两边留空白 */
@media screen and (max-width: 1262px) {
	section>div {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		box-sizing: border-box;
	}

	.g-hd {
		width: calc(100% - 3rem);
		left: 1.5rem;
	}

	.m-ft {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		box-sizing: border-box;
	}
}

/* 手机版本兼容 */
@media screen and (max-device-width: 600px) and (orientation: portrait),
screen and (max-width: 750px),
screen and (max-device-width: 820px) and (orientation: landscape) {

	section {
		margin-left: auto;
		margin-right: auto;
	}

	.m-pc {
		display: none;
	}

	.m-wap {
		display: block;
	}

	.m-logo-sy {
		max-width: 100%;
	}

	.m-logo {
		margin-top: 1.5rem;
	}

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

	.u-logo {
		width: 10.5rem;
	}

	.m-title {
		/* margin-top: 1.875rem; */
		margin-top: 3.125rem;
		margin-bottom: 1.875rem;
	}

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

	.m-title1 {
		/* margin-top: 1.875rem; */
		margin-top: 3.125rem;
		margin-bottom: 1.875rem;
	}

	.m-title1 h2 {
		font-size: 1.5rem;
	}

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

	/* added by lyy on 2025/07/01 */
	.m-title-2 em {
		transform: translateX(3.5rem) translateY(-40%);
		font-size: 1rem;
	}

	.m-banner {
		height: 40vh;
	}

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

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


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

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

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

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

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

	}

	.section7>div {
		padding-left: 0;
		padding-right: 0;
	}

	.section7::before {
		background: none;
	}

	.section7::after {
		background: none;
	}

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

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

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


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

	.m-list1 .lefbox .item h2 {
		font-size: 1.25rem;
		line-height: 2rem;
		margin-top: 1rem;
	}

	.m-list1 .rigbox {
		width: 100%;
		margin-top: 1.5rem;
	}

	.m-list1 .rigbox .u-a {
		width: 100%;
	}

	.m-list1 .rigbox a:last-child .item {
		margin-bottom: 0;
	}

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

	.m-xxk {
		margin-top: 0;
	}

	.m-list1 .m-itembox .item:last-child {
		margin-bottom: 0;
	}

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

	.m-list3 .item {
		height: 25rem;
	}

	.m-list3 .m-itembox .item {
		width: 100% !important;
		margin-bottom: 1.5rem;
	}

	.m-list3 .m-itembox .item:last-child {
		margin-bottom: 0;
	}

	.m-list3 .item .txtbox {
		padding: 1.5rem;
	}

	.m-list3 .z-crt.item .txtbox h2 {
		font-size: 1.5rem;
	}

	.m-list4 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 1.875rem;
	}

	.m-list4 .txtbox {
		width: 100%;
		margin-right: 0;
	}

	.m-list4-1 .txtbox {
		margin-top: 0;
	}

	.m-list4-2 {
		margin-top: 1.5rem;
	}

	.m-list4 .u-img1 {
		width: 100%;
		margin-top: 1.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	.m-list4 .u-img2 {
		width: 100%;
		margin-top: 1.85rem;
		margin-left: auto;
		margin-right: auto;
	}

	.m-list4 .u-img3 {
		width: 100%;
		margin-top: 1.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	.m-list4 .txtbox h3 {
		text-align: center;
	}

	.m-list4 h3 {
		font-size: 1.125rem;
		line-height: 1.875rem;
	}


	.m-list5 .item {
		width: 100% !important;
		margin-bottom: 1.5rem;
	}

	.m-list6 {
		width: 100%;
	}

	.m-list6-1 {
		margin-top: 1.5rem;
	}

	.m-banner1 {
		position: relative;
		width: 100%;
		height: 25rem;
	}

	.m-banner1 {
		overflow: hidden;
	}

	.m-banner1 .u-img {
		width: 200%;
	}

	.u-pic1 {
		left: 16.30%;
		top: 17%;
		width: 5rem;
	}

	.u-pic2 {
		left: 59.66%;
		top: 18%;
		width: 5rem;
	}

	.u-pic3 {
		left: 5%;
		top: 29%;
		width: 5rem;
	}

	.u-pic4 {
		left: 34.57%;
		top: 32%;
		width: 5rem;
	}

	.u-pic5 {
		right: 3.51%;
		top: 27%;
		width: 5rem;
	}

	.u-pic6 {
		left: 47.56%;
		top: 40%;
		width: 7.5rem;
	}

	.u-pic7 {
		left: 19%;
		top: 49%;
		width: 7.5rem;
	}

	.u-pic8 {
		right: 12%;
		top: 52%;
		width: 5rem;
	}

	.u-pic9 {
		left: 7.44%;
		top: 60.7%;
		width: 5rem;
	}

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

	.u-pic11 {
		right: 11.04%;
		top: 72.28%;
		width: 7.5rem;
	}

	.u-pic12 {
		left: 23%;
		top: 68%;
		width: 5rem;
	}

	.u-pic13 {
		left: 33.8%;
		top: 80%;
		width: 7.5rem;
	}

	.m-list7 {
		margin-top: 0;
	}

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

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

	.m-list7 .item {
		height: 27rem;
	}

	.m-list7 .u-img {
		width: 100%;
		height: 100%;
		min-height: 25rem;
		object-fit: cover;
	}

	.m-list7 .txtbox {
		padding: 1.5rem;
	}

	.m-list7 .txtboxlayer {
		padding: 4rem 1.5rem 1.5rem 1.5rem;
	}

	.m-list7 .tips {
		right: 1.5rem;
		top: 1.5rem;
	}

	.m-list7 .u-h3 {
		font-size: 1.125rem;
	}

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

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

	.m-list8 .u-rig {
		width: 100%;
		padding-right: 0;
	}

	.m-more {
		left: 50%;
		transform: translateX(-50%);
	}

	.m-list8 h2 {
		font-size: 1.5rem;
	}

	.g-ft::before {
		background: url(../imgs/pic_76.webp) no-repeat center bottom 5rem;
		background-size: 150% auto;
	}

	.m-ft {
		padding: 1.5rem 1.5rem;
	}

	.m-ft .rigbox {
		width: 100%;
		margin-top: 1.5rem;
	}

	.m-ft .m-menuft .itembox {
		margin-top: 1.5rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

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

	.m-menuft li>a {
		height: 2rem;
		line-height: 2rem;
		margin-left: 0;
		margin-right: 1rem;
	}

	.m-banner2 {
		height: 25rem;
		background: var(--feedbackcolor) url(../imgs/pic_79.webp) no-repeat left center;
		background-size: cover;
	}

	.m-banner2 .intro {
		position: relative;
	}

	.m-banner2 .intro>div:first-child {
		padding-left: 1.5rem;
		width: calc(100% - 9rem);
		box-sizing: border-box;
	}

	.m-banner2 .u-h3 {
		font-size: 1.25rem;
		line-height: 2rem;
		margin-top: 2.5rem;
	}

	.m-banner2 .u-p {
		font-size: .875rem;
		line-height: 1.75rem
	}

	.m-banner2 .u-img {
		width: 9rem;
		position: absolute;
		bottom: 0;
		right: .5rem;
	}


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

	.m-list9 a {
		width: 100%;
	}

	.m-list9 a:last-child {
		margin-top: 1.5rem;
	}

	.m-list9 .item {
		padding: 1.5rem .5rem 1.5rem 1.5rem;
		height: auto;
	}

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

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

	.m-list9 .u-div {
		margin-top: 1.5rem;
	}

	.m-list10 .item {
		width: 100%;
		padding: 1.5rem 1.5rem 3.6875rem 1.5rem;
	}

	.m-list10 .item-2 {
		margin-top: 1.5rem
	}

	.m-list11 a {
		width: 100%;
		margin-top: 1.5rem;
	}

	.m-list11 .item {
		position: relative;
	}

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

	.m-list11 .item h3 {
		text-align: center;
	}

	.m-list11 .item .p-2 {
		margin-top: 1.5rem;
	}

	.m-list11 .imgbox img {
		margin-left: auto;
		margin-right: auto;
	}

	.m-list11::before {
		position: absolute;
		content: "";
		z-index: -1;
		bottom: .9375rem;
		left: 0;
		width: 90%;
		height: .125rem;
		background-image: none;
	}

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

	.m-list12 {
		margin-top: 0;
	}

	.m-list12 a {
		width: 100%;
		margin-top: 1.5rem;
	}

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

	.m-list12 .item {
		width: 100%;
		padding: 1.5rem;
	}

	.m-list12 .u-p1 {
		line-height: 1.5rem;
	}

	.m-list12 .u-p2 {
		margin-top: 1.5rem;
	}

	.m-list13-1 .itembox {
		border-left: none;
		padding-left: 0;
	}


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

	.m-copyright p {
		width: 100%;
		text-align: center;
	}

	.m-copyright a {
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-top: .625rem;
	}


	.m-list13 .imgbox {
		width: 100%;
	}

	.m-list13 .u-title {
		font-size: 1.5rem;
	}

	.m-list13 .txtbox {
		width: 100%;
		margin-top: 1.5rem;
	}

	.m-list13-1 .txtbox {
		margin-top: 0;
	}

	.m-banner3 {
		height: 18rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.m-banner3 .info span {
		font-size: 1.6rem;
	}

	.m-banner3 .search input {
		padding: .8rem 1rem;
	}

	.m-banner3 .search button {
		padding: .8rem 1rem;
	}

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

	.m-page {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 1.5rem;
	}

	#more {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.m-detail h1 {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	.m-spacing {
		margin-bottom: 0;
	}

	.m-list14 a {
		width: 100%;
	}

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

	.m-list15 .swiper-button-prev {
		left: 2rem;
	}

	.m-list15 .swiper-button-next {
		right: 2rem;
	}

	.m-list16 .img-box {
		width: 100%;
	}

	.m-list16 .txt-box {
		width: 100%;
		margin-top: 1.5rem;
	}

	.m-list16 .txt-box h1 {
		font-size: 1.6rem;
	}

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

	.m-list18 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}


	.m-banner-white {
		height: 4rem;
	}

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

	.m-filter {
		width: 100%;
	}

	.m-result {
		width: 100%;
	}


	.m-crumb-1 {
		margin-left: 0;
	}

	.m-main {
		width: 100%;
	}

	.m-side {
		width: 100%;
	}

	.m-list20 {
		padding: 1.5rem;
	}

	.m-list20 h1 {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	.m-list20 .p-1 {
		line-height: 1.5rem;
	}

	.m-wxxlayer {
		width: calc(100% - 3rem);

	}

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

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

	.m-aboutus .imgbox img {
		display: none;
	}

	.m-aboutus .txtbox {
		width: 100%;
		margin-top: 0;
	}

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

	.m-personal {
		padding: 1.5rem;
	}

	.m-personal>h2 {
		font-size: 1.5rem;
		margin-top: 0;
	}

	/*演示banner */
	.m-canvas .txtbox h2 {
		font-size: 1.5rem;
	}

	.m-canvas .txtbox h3 {
		font-size: 2rem;
	}

	.m-canvas .txtbox p {
		font-size: 1rem;
		text-align: center;
	}

	/* 炫彩banner */

	.m-bannerswiper .introbox {
		top: 40%;
	}

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

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

	.m-bannerswiper .introbox h3 {
		font-size: 1.2rem;
		text-align: center;
		transform: scale(.1);
	}

	.m-list22 .item h3 {
		font-size: 1.4rem;
	}

	.m-list22 .swiper-button-prev {
		left: 1.5rem;
	}

	.m-list22 .swiper-button-next {
		right: 1.5rem;
	}

	.m-list23 .recruitment .item {
		width: calc(50% - 0.75rem);
	}

	.m-list24 .item {
		width: 100%;
		margin-top: 1.5rem;
	}

	.m-list24 .item p {
		line-height: 1.625rem;
		margin-top: .8rem;
	}

	.m-list24 .item:first-child {
		margin-top: 0;
	}

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

	.m-list25 .item {
		width: 100%;
		margin-top: 1.5rem;
	}

	.m-list25 .item h3 {
		font-size: 1.5rem;
	}

	.m-list25 .item:first-child {
		margin-top: 0;
	}

	.m-list26 {
		padding: 3rem 1.5rem;
		width: 100%;
		background: linear-gradient(90deg, #007DF3 0%, #0D3382 100%);
	}

	.m-list26 h2 {
		font-size: 1.7rem;
		margin-left: .625rem;
	}

	.m-list26 .itembox {
		margin-top: 1.5rem;
		min-height: 37rem;
	}

	.m-list27 {
		padding: 3rem 1.5rem;
		width: 100%;
		background: linear-gradient(-23deg, #025F84 2%, #2D9ECC 100%);
	}

	.m-list27 h2 {
		font-size: 1.7rem;
	}

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

	.m-list27 .imgbox {
		width: 100%;
	}

	.m-list27 .imgbox img {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.5rem;
	}

	.m-list27 .txtbox {
		width: 100%;
	}

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

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

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

	.m-list28 li {
		font-size: 1rem;
		margin-right: 1.5rem;
	}

	.m-list28-1 {
		margin-top: 0;
		margin-bottom: 0;
		padding: 1.5rem 0;
	}

	.m-list28-1 .ask .u-p1 {
		padding-right: 1.875rem;
	}

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

	.m-list29 ul li {
		margin-right: 1.5rem;
	}

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

	.m-list30>h2 {
		font-size: 1.5rem;
	}

	.m-list31 .lefbox {
		width: 100%;
	}

	.m-list31 .item.z-crt {
		padding-top: 2rem;
		padding-bottom: 2rem;
		border-radius: .75rem .75rem 0 0;
	}

	.m-list31 .rigbox {
		width: 100%;
		height: auto;
	}

	.m-list32 {
		padding: 1.5rem;
		border-radius: .625rem;
		background: #1F04AC
	}

	.m-tips1 {
		margin-left: 0;
	}

	.m-myxxk {
		margin-top: 1.875rem;
	}

	/* added by lyy on 2025-06-30  start*/

	.m-banner3-6 {
		padding: 5rem 0;

	}

	.m-list36 {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.m-list36 .m-rig .itembox {
		grid-template-columns: 1fr;
	}

	.m-list38 {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.m-list38 .u-img {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}

	.m-list38 .txtbox {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}

	.m-list39 {
		margin-top: 1.875rem;
	}

	.grid-sizer,
	.grid-item {
		width: calc((100% - 1.5rem)/2);
	}

}