@media screen and (max-width: 1400px) {
	.Wailian_item{
		font-size: 12px;
		padding: 0 20px;
		line-height: 36px;
	}
	.Wailian_item a img{
		width: 15px;
		height: 15px;
	}
	.Logo{
		width: 120px;
	}
	.Nav ul li{
		line-height: 70px;
	}
	.prev,
	.next{
		width: 50px;
		height: 50px;
	}
	.Navigation ul li{
		font-size: 14px;
		line-height: 45px;
		padding: 0 20px;
	}
}
@media screen and (max-width: 1200px) {
	:root {
		--max: calc(100% - 30px);
		--size14: 14px;
		--size16: 14px;
		--size18: 16px;
		--size20: 18px;
		--size24: 20px;
		--size30: 22px;
		--size36: 24px;
		--size40: 28px;
		--size46: 30px;
		--size50: 36px;
		--size56: 40px;
		--size60: 40px;
	
		--top20: 20px;
		--top30: 30px;
		--top40: 40px;
		--top50: 40px;
		--top60: 50px;
		--top80: 60px;
		--top100: 80px;
		--top120: 100px;
	}
	.Wailian,
	.Nav ul{
		gap: 15px;
	}
	.Overview ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.Overview ul li{
		width: 100%;
		padding: 25px;
	}
	.Overview_img{
		width: 70px;
	}
	.Overview_cont p{
		font-size: 30px;
	}
	.Project_right,
	.Project_cen{
		width: 100%;
	}
}

@media screen and (max-width: 992px) {
	:root {
		--size14: 12px;
		--size16: 14px;
		--size18: 14px;
		--size20: 16px;
		--size24: 18px;
		--size30: 20px;
		--size36: 20px;
		--size40: 22px;
		--size46: 24px;
		--size50: 28px;
		--size56: 30px;
		--size60: 36px;
	
		--top20: 10px;
		--top30: 20px;
		--top40: 30px;
		--top50: 30px;
		--top60: 40px;
		--top80: 50px;
		--top100: 60px;
		--top120: 60px;
	}
	.An {
		display: block;
	}

	.Hertre {
		height: 60px;
		background: #fff;
		position: fixed;
		top: 0px;
		z-index: 999;
	}

	.Logo{
		width: 100px;
	}

	.Nav {
		width: 100%;
		top: 60px;
		height: calc(100vh - 60px);
		position: fixed;
		background: #fff;
		overflow: hidden;
		display: none;
		left: 0;
		transform: translate(0%, 0%);
		transition: auto;
		border-top: 1px rgb(0, 0, 0, 0.1) solid;
	}

	.Nav ul{
		gap: 0px;
	}

	.Nav ul li {
		width: 100%;
		text-align: center;
		border-bottom: 1px rgb(0, 0, 0, 0.1) solid;
		line-height: 60px;
		font-size: 12px;
		padding: 0 20px;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin: auto;
	}

	.Nav ul li svg {
		display: block;
	}

	.Nav_ul {
		position: static;
		width: 100%;
		padding-top: 0px;
		transition: auto;
		transform: translate(0%,0%);
		box-shadow: none;
		padding: 0 15px 15px;

	}

	.Nav_ul a {
		width: 100%;
		background: none;
	}

	body {
		padding-top: 60px;
	}
	.next{
		display: none;
	}
	.prev{
		left: 0;
		right: auto;
	}
	.Project_cen .next{
		display: flex;
		left: auto;
		right: 0;
	}
	.BannerIn>ul{
		display: block;
	}
	.pager2{
		bottom: 10px
	}
	.ZHanshi,
	.ZHanshi_max,
	.HezuoIn,
	.HezuoIn_max,
	.RongyuIn,
	.RongyuIn_max,
	.XinwemnIn,
	.XinwemnIn_max,
	.ChanpinIn_max,
	.ChanpinIn,
	.GuanyuIn_max,
	.GuanyuIn{
		height: auto;
	}
	
	.GuanyuIn_max ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: 20px;
	}

	.GuanyuIn_left{
		width: 100%;
	}
	.GuanyuIn_right{
		width: 100%;
	}
	.GuanyuIn_left::after{
		left: -10px;
		top: 10px;
	}
	.ChanpinIn_max ul{
		display: grid;
		grid-template-columns: 1fr;
	}
	.LianxiIn>img{
		display: none;
	}
	.LianxiIn_max ul{
		width: 100%;
		margin: 50px auto;
	}
	.Bannerswiper img{
		height: 40vh;
	}
	.GuanyuIn_right h2{
		margin-top: -5px;
	}
	
}


@media screen and (max-width: 768px) {
	:root {
		--size14: 12px;
		--size16: 12px;
		--size18: 12px;
		--size20: 14px;
		--size24: 16px;
		--size30: 16px;
		--size36: 18px;
		--size40: 18px;
		--size46: 20px;
		--size50: 20px;
		--size56: 22px;
		--size60: 24px;
	
		--top20: 10px;
		--top30: 15px;
		--top40: 20px;
		--top50: 20px;
		--top60: 25px;
		--top80: 30px;
		--top100: 30px;
		--top120: 30px;
	}

	.A{
		flex: initial !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.S{
		flex: initial !important;
		width: 100% !important;
		margin: 0 !important;
		margin-top: 20px !important;
	}
	.Wailian_item{
		padding: 0 10px;
		line-height: 30px;
		font-size: 10px;
	}
	.Wailian_item img{
		display: none;
	}
	.Navigation ul li{
		line-height: 36px;
		font-size: 12px;
	}
	.Overview ul li{
		padding: 25px 10px;
	}
	.Overview_img{
		width: 40px;
	}
	.Overview_text h2{
		padding-left: 5px;
	}
	.Overview_cont p{
		font-size: 24px
	}
	.Overview_title img{
		width: 25px;
	}
	.Culture_max ul{
		grid-template-columns: 1fr;
	}
	.Culture_max ul li::after{
		background: rgba(229, 43, 59, 0.8);
		transform: scale(1) rotate(1deg) translate(-50%,-50%);
	}
	.Culture_max ul li i,
	.Culture_max ul li p{
		display: block;
	}
	.Advantage_img{
		width: 100%;
		position: static;
	}
	.Advantage_text{
		width: 96%;
		margin: auto;
		margin-top: -20px
	}
	.Join ul{
		grid-template-columns: 1fr;
	}
	.Cooperation ul{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.ZHanshi_max ul,
	.Product ul,
	.Project_bottom ul,
	.Qualification ul{
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.Prev a{
		width: 100%;
		max-width: 100%;
	}
	.ZHanshi_max>a,
	.HezuoIn_max>a,
	.RongyuIn_max>a,
	.XinwemnIn_max>a,
	.ChanpinIn_max ul li a,
	.Contact a,
	.Project_right a,
	.News_right a{
		line-height: 36px;
	}
	.News ul li{
		padding: 15px;
	}
	.News_left{
		display: none;
	}
	.News_cen{
		width: 100%;
		margin: 0;
	}
	.News_right{
		width: 100%;
	}
	.Product_leftSwiper{
		height: 300px;
	}
	.Product_top_cen{
		width: 80px;
	}
	.Product_rightSwiper{
		height: 250px;
	}
	.Footer_cen{
		padding: 0;
		border: transparent;
	}
	.Footer_left ul{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 10px;
	}
	.Beian_max p {
		width: 100%;
	}
	.XinwemnIn_max ul{
		display: grid;
		grid-template-columns: 1fr;
	}
	.XinwemnIn_max ul li img{
		aspect-ratio: 4 / 4;
	}
	.RongyuIn_max ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.Click img{
		width: 25px;
	}
	.Top{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 10px;
	}

	.Top li{
		width: 100%;
		margin: 0 !important;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.ChanpinIn_max>h2,
	.ChanpinIn_max ul li,
	.XinwemnIn_max>h2,
	.XinwemnIn_max ul li,
	.XinwemnIn_max>a,
	.RongyuIn_max>h2,
	.RongyuIn_max ul li,
	.RongyuIn_max>a,
	.HezuoIn_max>h2,
	.HezuoIn_max>a,
	.Top li,
	.ZHanshi_max>h2,
	.ZHanshi_max>a,
	.ZHanshi_max ul li,
	.LianxiIn_max ul li,
	.GuanyuIn_right,
	.GuanyuIn_max ul li,
	.GuanyuIn_left{
		opacity: 1;
		transform: translate(0,0);
	}

}