@charset "utf-8";

/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1300px) {

	body,
	html {
		font-size: 56%;
	}

	.w_all {
		width: 90%;
	}

	.industriesd .bar1 .box ul {
		grid-template-columns: repeat(4, 1fr);
	}

	.a_service ul,
	.why ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width: 1100px) {

	.industriesd .bar1 .box ul {
		grid-template-columns: repeat(3, 1fr);
	}


}

@media(max-width: 800px) {

	body,
	html {
		font-size: 52%;
	}

	header .logo {
		z-index: 9999;
	}

	header .nav {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 999;
		transform: none;
	}

	header .nav ul {
		display: block;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	header .nav li {
		padding: 3vh 0;
		display: block;
	}

	header .nav li span {
		font-size: 2rem;
		line-height: 1;
		position: relative;
		text-align: center;
		display: block;
	}

	.navBtn {
		display: block;
	}

	.s_menu {
		display: none !important;
	}

	p {
		line-height: 1.6;
	}

	.index_bar2 .contain {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.index_bar2 .contain .ll {
		width: 100%;
	}

	.index_bar2 .contain .rr {
		width: 100%;
		display: none;
	}

	.banner {
		height: 60vh;
	}

	.banner .txt h3 {
		line-height: 1.4 !important;
	}

	.banner .bottom {
		bottom: 1.5rem;
	}

	.banner .swiper-pagination span {
		width: 7px !important;
		height: 7px !important;
		margin: 0 6px !important;
	}

	.scroll {
		bottom: 1rem;
	}

	.footer .box {
		display: block;
	}

	.footer dl {
		max-width: 100%;
		width: 100%;
		display: none;
	}

	.footer dl:first-of-type {
		display: block;
	}

	.footer dl img {
		margin: auto;
	}

	.follow {
		justify-content: center;
	}

	.follow b {
		margin: 0 1rem;
	}

	.footer .copy p a {
		display: block;
		margin: 5px 0;
	}

	.ban {
		height: 40vh;
	}

	.partner ul li img {
		transform: scale(1.2);
	}

	.download ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
	}

	.process .bar0 {
		overflow: hidden;
	}

	.process .bar0 ul li .bb {
		padding: 0;
		transform: scale(0.7);
	}

	.process .bar0 ul {
		width: 100%;
	}

	.process .bar0 ul li {
		width: 20vw;
	}

	.process .bar0 ul li .bb::after {
		right: -8rem;
	}

	.process .bar0 ul li .bb2,
	.process .bar0 ul li .bb3,
	.process .bar0 ul li .bb6a,
	.process .bar0 ul li .bb5,
	.process3 .bar0 ul .p3li4 .bb4 {
		top: -120% !important;
	}

	.process .bar0 ul li .bb6,
	.process .bar0 ul li .bb4,
	.process2 .bar0 ul .p2li8 .bb3 {
		top: 120% !important;
	}

	.pro_l .box ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.manufacture ul li b {
		height: 20rem;
	}

	.contact .bar1 ul li {
		width: 100%;
	}

	.industriesd .bar1 .box ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.a_service ul,
	.why ul {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}

	.cases .bar2,
	.manufacture {
		flex-direction: column;
		gap: 3rem;
	}

	.cases .bar2 .ll {
		width: 100%;
	}

	.cases .bar2 .rr {
		width: 100%;
	}

	.manufacture .bar2 {
		width: 100%;
		padding: 0 5%;
	}

	.manufacture .bar_rr {
		width: 100%;
	}
}

@media(max-width: 600px) {

	body,
	html {
		font-size: 50%;
		--height: 60px;
		--height2: 50px;
	}

	.index_news ul {
		display: block;
	}

	.index_news ul li {
		width: 100% !important;
	}

	.index_news ul li.rr {
		margin-top: 2rem;
	}

	.index_bar4 .contain {
		display: block;
	}

	.index_bar4 .ll {
		width: 100%;
		max-width: 100%;
	}

	.index_bar4 .rr {
		width: 100%;
		padding: 2rem;
		margin-top: 5rem;
	}

	.index_bar1 .swiper-slide b {
		height: 20rem;
	}

	.index_support ul {
		grid-template-columns: repeat(1, 1fr);
		padding: 3rem 0;
	}

	.index_support ul li a {
		padding: 5rem 0;
	}

	.counters {
		flex-wrap: wrap;
		gap: 3rem 0;
	}

	.counters li {
		text-align: center;
		width: 50%;
	}

	.counters li h5 {
		justify-content: center;
	}

	.partner ul li {
		overflow: inherit;
	}

	.partner ul li img {
		transform: scale(1.5);
	}

	.ssNav ul {
		gap: 0;
		justify-content: space-between;
	}

	.ssNav ul li {
		font-size: 1.4rem;
	}

	.message .online p {
		width: 100%;
	}

	.process .bar0 ul {
		gap: 12vw 1vw;
	}

	.process .bar0 ul li {
		width: 24vw;
		height: 15rem;
	}

	.process .bar0 ul li .bb::after {
		right: -9vw;
	}

	.process .bar0 ul li .bb2,
	.process .bar0 ul li .bb3,
	.process .bar0 ul li .bb6a,
	.process .bar0 ul li .bb5,
	.process3 .bar0 ul .p3li4 .bb4 {
		top: -70% !important;
	}

	.process .bar0 ul li .bb6,
	.process .bar0 ul li .bb4,
	.process2 .bar0 ul .p2li8 .bb3 {
		top: 70% !important;
	}


	.process .bar0 ul li .bb3 {
		left: -30%;
		width: 82%;
	}

	.process .bar0 ul li .bb3b {
		left: 30%;
	}

	.process .bar0 ul li:nth-last-of-type(6) .bb6a::after {
		top: -40%;
		transform: rotate(-90deg);
	}

	.process .bar0 ul li .bb6 {
		width: 90%;
	}

	.process .bar0 ul li .bb6a {
		left: -80% !important;
	}

	.process .bar0 ul li .bb6c {
		left: 62%;

	}

	.process .bar0 ul li:nth-of-type(9) .bb::before {
		left: 10%;
	}

	.process2 .bar0 ul .p2li9 .bb::before {
		left: 50% !important;
	}

	.process2 .bar0 ul .p2li7 .bb:first-of-type:before {
		left: -100%;
	}

	.process2 .bar0 ul .p2li11 .bb4 {
		width: 520%;
	}

	.process3 .bar0 ul {
		overflow-x: auto;
		padding-top: 20vw;
	}

	.process3 .bar0 ul .p3li6 .bb3a {
		left: -38%;
	}

	.process3 .bar0 ul .p3li6 .bb3b {
		left: 38%;
	}

	.process3 .bar0 ul li .bb3 {
		width: 100%;
	}

	.process3 .bar0 ul .p3li4 .bb4 {
		width: 80%;
		left: 65%;
	}

	.process3 .bar0 ul .p3li4 .bb4a {
		left: 5%;
	}

	.process3 .bar0 ul .p3li4 .bb4c {
		left: 125%;
	}

	.pro_l .contain {
		display: block;
	}

	.pro_l .left {
		width: 100%;
		position: relative;
		top: inherit;
	}

	.pro_l .contain .right {
		width: 100%;
		margin: 3rem 0 0;
	}

	.o_nav ul {
		flex-wrap: wrap;
		gap: 5px 0;
	}

	.ol_nav dl {
		flex-wrap: wrap;
		gap: 10px;
	}

	.ol_nav dl dd {
		margin: 0;
	}

	.manufacture ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	.manufacture ul li b {
		height: 15rem;
	}

	.manufacture ul li p {
		padding: 1rem;
		line-height: 1.4;
	}

	.newsd .bar0 {
		margin-top: -7vh;
		padding: 3rem;
	}

	.manufactured {
		overflow: hidden;
	}

	.newsd .tt {
		overflow-x: auto;
	}

	.manufactured table tr td {
		padding: 0.6rem;
	}

	.cases dl {
		gap: 3rem;
		grid-template-columns: repeat(1, 1fr);
	}

	.news .bar1 .box ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
	}
}