
@media (min-width:100px) and (max-width:1023px) {
	.nav .container{
		height: 3.5rem;
	}
	.navlogo{
		width: 9.625rem;
		height: 2.375rem;
	}
	.navlogo img{
		object-fit: contain;
	}
	.navlist{
		display: none;
		position: fixed;
		top: 3.5rem;
		right:0;
		height: auto;
		width: 18rem;
		color: #999999;
		background-color: rgb(255 255 255);
		margin-right: 0 !important;
		box-shadow: 0 2px 17px #888888;
	}
	.navlist ul{
		flex-direction: column;
	}
	.navlist ul li{
		width: 100%;
	}
	.navlist ul li a{
		width: 100%;
		height: 3rem;
		line-height: 3rem;
		text-align: center;
		color: #999999;
	}
	
	.header-button {display: inline-block !important;}
	.toolbar{
		width: auto;
		display: none;
	}
	.toolbar .iconfont{
		font-size: 2.438rem;
		line-height: 2.438rem;
	}
	.telephone-hover:not(.iconfont){
		line-height: 2.438rem;
	}
	.search-hover input,.search-btn{
		height: 2.438rem;
		line-height: 2.438rem !important;
	}
	.search-btn{
		font-size: 2rem !important;
	}
	.telephone-hover, .search-hover{
		top: 0;
	}
	.search-hover input{
		padding: 0 1rem;
	}
	.telephone{
		margin-right: 0.5rem;
	}
	.search{
		margin-left: 0.5rem;
	}
	.bannerswiper-button-prev{
		left: 2rem;
	}
	.bannerswiper-button-next{
		right: 2rem;
	}
	footer .container{
		flex-direction: column;
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	.footer-left,.footer-nav,.footer-info{
		width: 100%;
		margin-bottom: 1rem;
	}
	.footer-nav ul{
		/* flex-wrap: wrap; */
	}
	.footer-nav ul li{
		width: 25%;
		height: auto;
	}
	.footer-nav ul li a{
		display: inline-block;
		width: 100%;
		font-size: 0.875rem;
		line-height: 1.6rem;
		height: auto;
		text-align: center;
	}
	.footer-info{margin-bottom: 0rem;text-align: center;}
	.footer-info p{
		flex-direction: column;
		height: auto;
		line-height: 2;
		font-size: 0.75rem;
		margin-bottom: 0rem !important;
	}
	.footer-nav ul li:not(:last-child)::after{
		content: "";
		display: none;
	}
	.footer-center{
		width: 100%;
	}
	.footer-right{
		display: none;
		width: 100%;
		margin-top: 2rem;
	}
	.footer-right>p{
		display: flex;
		flex-direction: column;
		margin-bottom: 1rem;
	}
	.footer-right>form p{
		flex-direction: column;
		margin-bottom: 0;
	}
	.footer-right>form input:not([type="submit"]),.footer-right>form input[type="submit"]{
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem;
		margin-bottom: 1rem;
		border-radius: 0.5rem;
	}
	.qrcode{
		width: 8.75rem;
		height: 8.75rem;
		margin: 0 auto;
	}
	.footer-center p{
		font-size: 0.875rem;
		line-height: 1.5rem;
		height: auto;
	}
	.copyright{
		width: 100%;
		height: 8rem;
		margin-top: 0;
	}
	.copyright span:last-child{
		display: inline-block;
		height: auto;
		/* margin-top: 4rem; */
		padding: 1rem 1rem;
		text-align: center;
		background-color: #000000;
	}
	.copyright img{
		display: none;
	}
	.banner,.banner2{
		height: 68vh;
	}
	.banner .swiper-txt{
		font-size: 1.813rem;
		text-align: center;
		padding: 0 1rem;
		font-weight: 800 !important;
	}
	.banner .swiper-txt br{
		display: inline-block;
	}
	.introduce{
		padding: 1.875rem 0;
	}
	.introduce .container{
		flex-direction: column;
	}
	.intro-left p:nth-child(1){
		text-align: center;
	}
	.intro-left p:nth-child(2){
		text-align: center;
	}
	.intro-left p:nth-child(3), .intro-left p:nth-child(4){
		line-height: 1.6;
	}
	.intro-left p:nth-child(4){
		margin-bottom: 1rem;
	}
	.intro-left{
		width: 100%;
		margin-bottom: 1rem;
	}
	.booth,.intro-right{
		width: 100%;
		height: 13.375rem;
	}
	.intro-bottom ul{
		flex-wrap: wrap;
	}
	.intro-bottom ul li{
		width: 33.333%;
		margin-bottom: 0.8rem;
	}
	.booth span{
		width: 3.5rem;
		height: 3.5rem;
	}
	.project{
		padding: 1.875rem 0;
	}
	.intro-bottom ul li:not(:last-child)::after{
		display: none;
	}
	.intro-bottom ul li p:nth-child(1){
		font-size: 1.125rem;
		margin-bottom: 0;
	}
	.intro-bottom ul li p:nth-child(2){
		font-size: 0.75rem;
		margin-bottom: 0.4rem;
	}
	.pubcttit p:nth-child(2){
		margin-bottom: 2rem;
	}
	.title-desc{
		width: 100%;
		height: auto;
		font-size: .75rem;
		line-height: 1.6;
	}
	.pubcttit{
		margin-bottom: 1rem;
	}
	.project-piclist ul{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.project-piclist ul li{
		width: calc((100% - 1.2rem)/2);
		height: 15.625rem;
		margin-bottom: 0.5rem;
	}
	.foreground{
		padding: 0.5rem;
	}
	.foreground p:nth-child(1){
		height: 1.2rem;
		line-height: 1.2rem;
		font-size: 1.2rem;
		font-weight: 500;
		margin-bottom: 0.5rem;
	}
	.foreground p:nth-child(2){
		height: 0.125rem;
		line-height: 0.125rem;
	}
	.foreground p:nth-child(3){
		font-size: 0.875rem;
		height: auto;
		line-height: 0.875rem;
		color: #ffffff;
		line-height: 1.4rem;
		text-align: justify;
		margin: 0.5rem 0;
	}
	.foreground p:nth-child(4) span a{
		width: 8.75rem;
		height: 2rem;
		line-height: 2rem;
	}
	.case{
		padding:1.875rem 0;
	}
	.case .container{
		flex-direction: column;
	}
	.case-title .title-markp{
		margin-bottom: 1rem;
	}
	.case-swiper .swiper-slide{
		width: 100% !important;
		position:initial;
		display: flex;
		flex-direction: column;
	}
	.case-nav{margin-bottom: 1rem;}
	.case-swiper-img{
		position: initial;
	}
	.case-swiper-introduce{
		width: 100%;
		position: initial;
		padding: 1.5rem 0.5rem 0.5rem 0.5rem;
	}
	.caseswiper-pagination{
		width: 100%;
		font-size: 2rem;
	}
	.team{
		padding: 1.875rem 0;
	}
	.team .container{
		flex-direction: column;
	}
	.team-left{
		width: 100%;
	}
	.title-nikename{
		height: 2rem;
		line-height: 1;
		font-size: 1rem;
	}
	.title-nikename,.team-left .title-desc{
		margin-bottom: 1rem;
		text-align: center;
	}
	.team-number{
		height: 2.813rem;
		line-height: 2.813rem;
		margin-right: 0.5rem;
		text-align: center;
	}
	.team-number span:nth-child(1){
		font-size: 2.813rem;
		height: 2.813rem;
		line-height: 2.813rem;
	}
	.teamcoll .teamswiper-item{
		height: 18.125rem;
	}
	.team-numtxt p{
		font-size: 0.8rem;
		height: 1.3rem;
		line-height: 1.3rem;
	}
	.case-swiper-introduce p:nth-child(2){
		margin-bottom: 1rem;
		line-height: 1.6;
		font-size: 0.75rem;
	}
	.team-left ul{
		flex-direction: initial;
		align-items: center;
	}
	.team-left ul li{
		width: 33.33%;
		flex-direction: column;
	}
	.team-left ul li:not(:last-child){
		margin-right: 0;
	}
	.team-left .moredetails{
		margin-top: 2rem;
	}
	.moredetails{
		text-align: center;
		height: 2.125rem;
		line-height: 2.125rem;
	}
	.moredetails span{
		height: 2.125rem;
		line-height: 2.125rem;
	}
	.booth i{
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	.intro-bottom{
		margin-top: 1rem;
	}
	.case-swiper-introduce p{
		text-align: center;
	}
	.team-right{
		width: 100%;
		margin-top: 1rem;
	}
	/* .teamcoll{
		flex-wrap: wrap;
	} */
	.cooperation{
		padding: 1.875rem 0;
	}
	.cooperation .container .title-desc{
		line-height: 2;
		margin-top: 1rem;
		font-size: 0.75rem;
	}
	.teamswiper ul.teamcoll  li{
		width: calc(50% - 0.5rem);
		height: auto;
		margin-bottom: 1rem;
		padding: 0
	}
	.unitlist{
		height: auto;
		margin-top: 1rem;
	}
	.unitlist li{
		width: calc((100% - 0.5rem)/3);
		margin-bottom: 0.333rem;
		height: auto;
	}
	.news{
		padding: 1.875rem 0;
	}
	.unitlist li img{
		object-fit: contain;
	}
	.news .container{
		flex-direction: column;
	}
	.case-column{
		position: initial;
		justify-content: center;
	}
	.title-deputy{
		margin-left:0;
		margin-bottom: 1rem;
	}
	.news .title-markp{
		text-align: center;
	}
	.newslist{
		padding: 1rem;
	}
	.newslist ul{
		flex-direction: column;
	}
	.newslist ul li{
		width: 100%;
		margin-bottom: 2rem;
	}
	.newslist ul li p:nth-child(1){
		height: auto;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.newslist ul li p:nth-child(2){
		font-size: 1rem;
	}
	.newslist ul li p:nth-child(3){
		height: 10.125rem;
		margin-bottom:1rem;
	}
	.newslist ul li p:nth-child(4){
		font-size: 0.835rem;
		height:auto;
		margin-bottom: 0.5rem;
	}
	.team-left .moredetails span{
		border-radius: 0.5rem;
	}
	.morenews a{
		margin: 0.8rem 0rem !important;
		border-radius: 0.5rem;
		width: 9.063rem;
		height: 2.125rem;
		line-height: 2.125rem;
	}
	.anchor{
		margin-bottom: 2rem;
	}
	.anchor .container{
		overflow-x: auto;
	}
	.anchor-active a{
		border-bottom: 0;
	}
	.anchor .container{
		padding: 0;
	}
	.graplist ul li a{
		display: flex;
		flex-direction: column;
	}
	.graplist-pic{
		width: 100%;
		height: 12.75rem;
	}
	.graplist-wen{
		width: 100%;
		padding-left: 0;
		margin: 1rem 0;
	}
	.graplist-wen p:nth-child(2){
		margin-bottom: 1rem;
		line-height: 1.6rem;
	}
	.anchor ul li a{
		width: 10.375rem;
		height: 3.375rem;
		line-height: 3.375rem;
	}
	.contact-info ul{
		flex-direction: column;
	}
	.contact-info ul li{
		width: 100%;
		padding: 0.5rem;
	}
	.title-common{
		font-size: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		margin-bottom: 0.5rem;
	}
	.title-markp{
		margin-bottom: 2rem;
		height: 0;
		line-height: 0;
	}
	.intro-left p:nth-child(3){
		margin-bottom: 1rem;
	}
	.banner-block span{
		padding: 1rem;
	}
	.banner-block span p:nth-child(1){
		font-size: 2rem;
		height: 2rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}
	.graplist{
		margin-top: 1rem;
	}
	.graplist ul li{
		margin-bottom: 1rem;
	}
	.title-common{
		text-align: center;
	}
	.title-markp{
		text-align: center;
	}
	.team-numtxt{
		flex-direction: initial;
		justify-content: center;
	}
	.footer-right>p span:nth-child(2){
		font-size: 0.75rem;
	}
	.graplist-wen p:nth-child(1){
		font-size: 1rem;
	}
	.graplist-wen p:nth-child(2){
		font-size: 0.875rem;
	}
	.newsdetail-title h4.title{
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.newsdetail-title ul{
		flex-direction: column;
		font-size: 1rem;
		color: #666666;
	}
	.newsdetail-paging p{
		font-size: 1rem;
		height: auto!important;
		line-height: 1.6;
		color: #666666;
	}
}
@media (min-width:100px) and (max-width:750px) {
	.navlist{
		width: 100%;
	}
}