/**/
@media screen and (max-width: 750px) {
	html{
		font-size: 16px;
	}
	:root{
		--content-li-ml: 31px;
	}
	header .header-mobile{
		display: block;
	}
	.container{
		width: 100%;
		padding-left: calc(calc((42 / 750) * 100vw));
		padding-right: calc(calc((42 / 750) * 100vw));
	}
	.container-padding0{
		padding-left: 0;
		padding-right: 0;
	}
	.content750{
		line-height: normal;
		font-size: 26px;
	}
	.hide750{
		display: none!important;
	}
	.show750{
		display: block!important;
	}
	.flex750{
		display: flex!important;
	}
	.w100{
		width: 100%!important;
	}
	.hauto{
		height: auto!important;
	}
	.backgroundauto{
		background-size: auto 100%!important;
	}
	footer .footer .bottom .left,footer .footer .bottom .row,.about .item2 .content,.about .item5 .content .info,.about .item5 .content .form .input,.selects,.team-list2 .item,.platform .item2 .content,.platform .item3 .content,.cooperation .item2 .content{
		flex-direction: column;
	}
	footer .footer .top .left .item{
		flex-direction: column;
		align-items: flex-start!important;
	}
	footer .footer .bottom .row{
		justify-content: center;
	}
	footer .footer .top .left .item.link>ul,.about .item4 .content,.research .item3 .content .list{
		justify-content: space-between;
	}
	footer .footer .top .left .item.link>ul>li,.about .item2 .content .img,.about .item4 .item,.about .item5 .content .info .word,.research .item3 .content.zl .item,footer .footer .bottom .left .text{
		margin-right: 0;
	}
	footer .footer .bottom .right,.index .middle5 .row>.right .more{
		margin-left: 0;
	}
	footer .footer .bottom{
		padding: 1.25rem 0;
		position: relative;
	}
	footer .footer .bottom::before{
		top: 0;
	}
	footer .footer .top .left .item.link>ul>li{
		width: 32%;
	}
	footer .footer .top .left .item span,.about .item2 .content .img{
		margin-bottom: 0.625rem;
	}
	footer .footer .top .right{
		width: 100%;
		border-left: none;
		padding-left: 0;
		justify-content: center;
		align-items: center;
		margin-bottom: 1.25rem;
	}
	footer .footer .top .right .item{
		margin: 0 1.25rem;
	}
	.index .middle1 .swiper .swiper-slide .row .title{
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin-bottom: .625rem;
	}
	.index .middle1 .swiper .swiper-slide .row .label{
		font-size: 1rem;
		line-height: 1.5rem;
		width: 100%;
	}
	.index .middle1 .swiper .pagination-group{
		bottom: 1.25rem;
	}
	.index .middle3,.index .middle5,.index .middle3 .row>.swiper-container .swiper{
		padding-bottom: 1.875rem;
	}
	.index .middle3{
		padding-bottom: 4.75rem;
	}
	.index .middle3 .row>.swiper-container .swiper{
		padding-bottom: 3.5rem;
	}
	.index .middle4 .row>.right>.title,.index .middle5 .row>.right .title{
		text-align: left;
		margin-top: 1.875rem;
	}
	.index .middle5 .row{
		gap: 1.75rem;
	}
	.index .middle5 .row>.left{
		width: 100%;
	}
	.index .middle4 .row>.left .swiper .swiper-slide{
		width: 17.5rem;
	}
	.index .middle5 .row>.left .swiper .swiper-slide-active .img{
		width: 20rem;
		height: 20rem;
		margin-left: auto;
		border: solid 1px #4DA9FF;
		margin-right: auto;
		margin-bottom: 0.625rem;
	}
	.index .middle5 .row>.left .swiper .swiper-slide-active .label{
		display: block;
	}
	.index .middle5 .row>.left .swiper .info .label{
		font-size: 1rem;
		line-height: 1.65rem;
	}
	.index .middle5 .join-quick-intro{
		font-size: 0.98rem;
		line-height: 1.75;
	}
	.index .middle5 .join-contact-grid{
		grid-template-columns: 1fr;
		gap: 0.875rem;
		margin-top: 1.125rem;
	}
	.index .middle5 .join-contact-card{
		min-height: auto;
		padding: 1.25rem 1rem 1.2rem;
		border-radius: 1rem;
	}
	.index .middle5 .join-contact-head{
		gap: 0.75rem;
	}
	.index .middle5 .join-contact-icon{
		width: 2.4rem;
		height: 2.4rem;
	}
	.index .middle5 .join-contact-head h3{
		font-size: 1.25rem;
	}
	.index .middle5 .join-contact-value{
		margin-top: 1rem;
		padding-left: 0;
		font-size: 0.95rem;
		line-height: 1.7;
	}
	footer .footer .bottom .left .title{
		margin-right: 0!important;
	}
	.index .middle3 .row>.title ul li{
		padding: 0 1.35rem;
	}
	.index .middle2 .row>.list .swiper .item{
		margin-right: 0;
	}
	.index .middle2 .row>.list .swiper{
		width: 26.25rem;
		margin-right: 0;
		margin-left: 0;
		overflow: initial;
		margin-top: 1.875rem;
	}
	.index .middle3 .row>.title ul .active::after{
		height: 0.3rem;
		width: calc(100% - 2.7rem);
	}
	.index .middle3 .row>.title ul .active:first-child::after{
		width: calc(100% - 1.35rem);
	}
	footer .footer .bottom p, footer .footer .bottom a{
		margin: 0.3125rem 0;
	}
	.index .middle1{
		padding-top: calc(calc(782 / 1672) * 100%);
	}
	.index .middle1 .swiper .swiper-button-prev,
	.index .middle1 .swiper .swiper-button-next{
		display: flex!important;
		width: 2rem;
		height: 2rem;
		margin-top: -1rem;
	}
	.index .middle1 .swiper .swiper-button-prev{
		left: 0.75rem;
	}
	.index .middle1 .swiper .swiper-button-next{
		right: 0.75rem;
	}
	.index .middle1 .swiper .swiper-button-prev:after,
	.index .middle1 .swiper .swiper-button-next:after{
		font-size: 1.25rem;
	}
	.index .middle2{
		padding: 3.75rem 0 4.25rem;
	}
	.index .middle2 .row>.title.about-title{
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
		margin-bottom: 1.75rem;
	}
	.index .middle2 .about-title + .more{
		position: static;
		display: flex;
		margin-left: auto;
		margin-bottom: 1rem;
	}
	.index .middle2 .about-title .copy{
		max-width: 100%;
	}
	.index .middle2 .about-title .eyebrow{
		font-size: 0.75rem;
		letter-spacing: 0.14em;
		margin-bottom: 0.75rem;
	}
	.index .middle2 .row>.title.about-title .copy p{
		font-size: 1.875rem;
	}
	.index .middle2 .about-title .lead{
		max-width: 100%;
		font-size: 1rem;
		line-height: 1.85;
	}
	.index .middle2 .about-panel{
		padding: 1.5rem 1.125rem;
		border-radius: 1.25rem;
	}
	.index .middle2 .about-layout{
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}
	.index .middle2 .about-badge{
		font-size: 0.75rem;
		line-height: 1.4;
		margin-bottom: 1rem;
	}
	.index .middle2 .about-main h3{
		font-size: 1.55rem;
		line-height: 1.4;
		margin-bottom: 0.75rem;
	}
	.index .middle2 .about-lead{
		font-size: 0.98rem;
		line-height: 1.85;
		padding-left: 1rem;
		margin-bottom: 1.125rem;
	}
	.index .middle2 .about-body p,
	.index .middle2 .about-side-quote p{
		font-size: 0.9375rem;
		line-height: 1.8;
	}
	.index .middle2 .about-side{
		gap: 0.875rem;
		padding-left: 0;
		border-left: none;
		padding-top: 1rem;
		border-top: 1px solid rgba(226, 232, 240, 0.9);
	}
	.index .middle2 .about-side-summary,
	.index .middle2 .about-side-group{
		gap: 0.75rem;
	}
	.index .middle2 .about-side-label{
		font-size: 0.75rem;
	}
	.index .middle2 .about-side-value,
	.index .middle2 .about-side-quote p{
		font-size: 0.9375rem;
		line-height: 1.75;
	}
	.index .middle2 .about-keywords{
		gap: 0.5rem;
	}
	.index .middle2 .about-keywords span,
	.index .middle2 .about-path li{
		font-size: 0.875rem;
		padding: 0.1rem 0;
	}
	.index .middle2 .about-path li{
		padding-left: 1rem;
		line-height: 1.6;
	}
	.index .middle2 .about-path li::before{
		top: calc(0.1rem + 0.8em);
		transform: translateY(-50%);
	}
	.index .middle2 .about-path{
		gap: 0.5rem;
	}
	.template>.top{
		height: 14.6875rem;
	}
	.about .item5 .content .form .input input{
		margin-bottom: 1.875rem;
	}
	.about .item5 .content .form .input input:last-child{
		margin-bottom: 0;
	}
	.selects,.selects .item:last-child{
		border: none;
	}
	.selects .item{
		line-height: 1.5;
		padding: 0;
		font-size: 16px;
		white-space: normal;
	}
	.selects .item:last-child{
		text-align: left;
	}
	.selects .item::before{
		display: none;
	}
	.team-list1 .item .info{
		padding: 0;
	}
	.team-list2 .item .img{
		width: 50%;
		margin: 0 auto;
		padding-top: calc(calc(278 / 334) * 100%);
	}
	.list4 .item .bottom{
		display: flex;
	}
	.list4 .item .top{
		margin-bottom: 1.1875rem;
	}
	.middle-content>div>.choose{
		flex-direction: column;
		align-items: center;
		background-color: #fff;
		padding: 0 0.625rem;
	}
	.middle-content>div>.choose .choose-item{
		margin: 0;
		line-height: 1.75rem;
		display: none;
	}
	.middle-content>div>.choose .choose-item.active{
		display: block;
	}
	.join .join-contact-grid{
		grid-template-columns: 1fr;
		gap: 1rem;
		margin-top: 1.5rem;
	}
	.join .join-contact-card{
		min-height: auto;
		padding: 1.5rem 1.25rem 1.625rem;
		border-radius: 1rem;
		box-shadow: 0 12px 24px rgba(77, 169, 255, 0.1);
	}
	.join .join-contact-head{
		gap: 0.75rem;
	}
	.join .join-contact-icon{
		width: 2.5rem;
		height: 2.5rem;
	}
	.join .join-contact-head h3{
		font-size: 1.5rem;
	}
	.join .join-intro{
		font-size: 1.12rem;
		line-height: 1.85;
	}
	.join .join-contact-value{
		margin-top: 1.25rem;
		padding-left: 0;
		line-height: 1.8;
	}
	.middle-content>div>.choose .choose-item::after,.middle-content>div>.choose .choose-item::before,.join .content .item .info .top ul li:nth-child(1)::before,.join .content .item .info .top ul li:nth-child(3)::before{
		display: none;
	}
	.join .content .item .info .top{
		flex-direction: column;
		align-items: flex-start;
	}
	.join .content .item .info .top .wages,.join .content .item .item-container .btn{
		position: absolute;
		right: 0;
	}
	.join .content .item .info .top .title{
		width: 75%;
	}
	.join .content .item .item-container{
		height: auto;
	}
	.join .content .item .info .top ul li:nth-child(3),.join .content .item .info .bottom ul li:nth-child(1){
		width: 100%;
	}
	.join .content .item .info .top ul,.join .content .item .info .bottom ul{
		margin-right: 0;
		flex-wrap: wrap;
	}
	.join .content .item .info .top ul li:nth-child(1),.join .content .item .info .top ul li:nth-child(3){
		padding-left: 0;
	}
	.join .content .item .info .top ul li{
		margin: 0.3125rem 0;
	}
	.join .content .item .info .bottom ul li{
		margin-top: 0.3125rem;
		margin-bottom: 0.3125rem;
	}
	.join .content .item .item-container .btn{
		height: auto;
		border-left: none;
		bottom: 1.875rem;
		right: 2.375rem;
	}
	.personnel-detail .item .content{
		flex-direction: column;
	}
	.personnel-detail .item .content>img{
		margin: 0 auto;
	}
	.team-detail .item .content{
		flex-direction: column;
		align-items: center;
	}
	.team-detail .item .content .info{
		width: 100%;
	}
	.list4 .item .top img{
		opacity: 0;
	}
	.platform-detail .detail .content .select .select-container>.item:nth-child(4) .item-container,.list1.column .item,.platform-detail .detail .content .select .select-container .item:nth-child(2)>ul>li .info{
		flex-direction: column;
	}
	.platform-detail .detail .content .select .select-container>.item:nth-child(4) .map-container{
		margin-left: 0;
	}
	.about .item5 .content .form .send{
		flex-wrap: wrap;
	}
	.about .item5 .content .form .send input{
		width: 70%;
	}
	.about .item5 .content .form .send .yzm{
		width: 30%;
	}
	.about .item5 .content .form .send .sendbtn{
		margin-top: 1.875rem;
	}
	.about .item4 .item,.research .item3 .content.zl .item{
		width: 45%;
	}
	.list1.column .item .img{
		width: 100%;
		padding-top: calc(calc(212 / 341) * 100%);
	}
	.list1.column .item .info{
		width: 100%;
	}
	.list1.column .item .info .list-title{
		margin: 0.8125rem 0 0.9375rem;
	}
	.list1.column .item .info .time{
		margin-bottom: 1.125rem;
	}
	.news .news-page-swiper{
		padding-bottom: 3.5rem;
	}
	.news .news-page-swiper .middle3-nav-button{
		width: 2.25rem;
		height: 2.25rem;
	}
	.join .content .item .info .bottom ul .ask{
		line-height: 1.5rem;
		padding: 0 0.9375rem;
		background-color: #f2f2f2;
		border-radius: 1.25rem;
		margin-right: 1.25rem;
	}
	.join .content .item.active .info .bottom ul .ask{
		color: #26a655;
	}
	.join .content .item .info .bottom ul .ask span{
		display: none;
	}
	.join .content .item .info .top ul li:nth-child(2){
		padding-right: 0;
	}
	.join .content .item .info .bottom ul li:nth-child(2),.join .content .item .info .bottom ul li:nth-child(3),.join .content .item .info .bottom ul li:nth-child(4){
		width: auto;
	}
	.join .content .item .info{
		width: 100%;
	}
	.index .middle3 .row>.swiper-container .swiper .swiper-slide .item{
		padding: 0 1.6875rem 0 1.8125rem;
	}
	.index .middle3 .row>.swiper-container .swiper .middle3-nav-button{
		width: 2.25rem;
		height: 2.25rem;
	}
	.index .middle3 .row>.swiper-container .swiper .swiper-slide .item .left{
		margin-right: .9375rem;
	}
	.team-detail .item .content .info .contact-item{
		flex-direction: column;
	}
	.index .middle5 .row>.left .swiper .swiper-slide-active .info{
		margin: 0 auto;
	}
	.platform-detail .detail .content .select .select-container>.item:nth-child(2)>ul>li .info .year{
		margin-bottom: 1.25rem;
		line-height: 2.55rem;
		width: 5.9625rem;
	}
	.team .item1 .content.team-list .item .list ul{
		justify-content: space-between;
	}
	.team .item1 .content.team-list .item .list ul li{
		width: 48%;
		margin-right: 0;
	}
	.index .middle5 .row>.right .list{
		height: auto;
		max-height: 33.16rem;
	}
	.news-detail .content img{
		height: auto!important;
	}
	.news-detail .content video{
		height: auto!important;
		opacity:0.99;
	}
}

@media screen and (max-width: 667px) {
	html{
		font-size: 14px;
		font-size: calc(667px / calc(750 / 20));
	}
}
@media screen and (max-width: 576px) {
	html{
		font-size: 12.288px;
		font-size: calc(576px / calc(750 / 20));
	}
}
@media screen and (max-width: 480px) {
	html{
		font-size: 10.24px;
		font-size: calc(480px / calc(750 / 20));
	}
	:root{
		--content-fontSize: 16px;
		--content-li-ml: 31px;
	}
}
@media screen and (max-width: 375px) {
	html{
		font-size: 8px;
		font-size: calc(375px / calc(750 / 20));
	}
}
@media screen and (max-width: 374px) {
	html{
		font-size: 8px;
	}
}
@media screen and (min-width: 751px) {
	.container{
		width: 751px;
	}
	html{
		font-size: 7.152px;
		font-size: calc(751px / calc(1680 / 16));
	}
	.index .middle2 .row>.list .swiper .item:nth-of-type(2n){
		margin-right: 0!important;
	}
	.index .middle4 .row>.left .swiper .swiper-slide.flipIn{
		visibility: visible;
		animation-name: fz;
		animation-duration: 1s;
		animation-fill-mode: both;
	}
	:root{
		--content-fontSize: 14px;
		--content-li-ml: 27px;
	}
	.index .middle5 .row>.left .swiper .swiper-slide:hover .img{
		border: solid 1px #4DA9FF;
	}
	.index .middle5 .row>.left .swiper .swiper-slide:hover .img .tx{
		transform: scale(1.06);
	}
	.index .middle5 .row>.left .swiper .swiper-slide:hover .info{
		width: 14rem;
	}
	.index .middle5 .row>.left .swiper .swiper-slide:hover .label{
		display: block;
	}
}

@keyframes fz {
	0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(-360deg);
	}
}

@media screen and (min-width: 1000px) {
	.container{
		width: 1000px;
	}
	html{
		font-size: 9.523px;
		font-size: calc(1000px / calc(1680 / 16));
	}
}
@media screen and (min-width: 1200px) {
	.container{
		width: 1200px;
	}
	html{
		font-size: 11.428px;
		font-size: calc(1200px / calc(1680 / 16));
	}
}
@media screen and (min-width: 1400px) {
	.container{
		width: 1400px;
	}
	html{
		font-size: 13.333px;
		font-size: calc(1400px / calc(1680 / 16));
	}
	:root{
		--content-fontSize: 18px;
		--content-li-ml: 35px;
	}
}
@media screen and (min-width: 1680px) {
	.container{
		width: 1680px;
	}
	html{
		font-size: 16px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1310px) {
	.index .middle1 .swiper .swiper-button-prev{
		left: 0;
	}
	.index .middle1 .swiper .swiper-button-next{
		right: 0;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1530px) {
	.index .middle1 .swiper .swiper-button-prev{
		left: 0;
	}
	.index .middle1 .swiper .swiper-button-next{
		right: 0;
	}
}
@media screen and (min-width: 1680px) and (max-width: 1830px) {
	.index .middle1 .swiper .swiper-button-prev{
		left: 0;
	}
	.index .middle1 .swiper .swiper-button-next{
		right: 0;
	}
}

@media screen and (max-width: 750px) {
  .index .middle4 {
    padding-top: 3.25rem;
    padding-bottom: 3.5rem;
  }
  .index .middle4 .showcase-shell {
    padding: 1.35rem;
    border-radius: 1.2rem;
  }
  .index .middle4 .showcase-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .index .middle4 .showcase-header .title {
    font-size: 1.7rem;
  }
  .index .middle4 .showcase-header .desc {
    font-size: 0.96rem;
    line-height: 1.8;
  }
  .index .middle4 .showcase-header .more {
    width: 100%;
  }
  .index .middle4 .showcase-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .index .middle4 .showcase-card {
    min-height: auto;
  }
  .index .middle4 .showcase-card .card-body {
    padding: 1.25rem;
  }
  .index .middle4 .showcase-card .card-title {
    font-size: 1.3rem;
  }
  .index .middle4 .showcase-card .card-content {
    font-size: 0.95rem;
  }
}