@charset "utf-8";

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

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

	.process3 .swiper-pagination {
		width: 70% !important;
	}
}

@media(max-width: 1350px) {
	.pro .bar1 ul {
		grid-template-columns: repeat(3, 1fr);
	}

	.pro .bar1 ul.on {
		gap: 3rem 1rem;
		grid-template-columns: repeat(5, 1fr);
	}

	.process3 .swiper-pagination {
		width: 80% !important;
	}
}

@media(max-width: 840px) {

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

	.w_all2 {
		width: 90%;
	}

	.mains ul {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.mains ul li {
		width: 100%;
		height: 33.3%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.mains ul li img {
		height: 9rem;
	}

	header nav {
		height: 40px;
	}

	header .logo img {
		height: 4rem;
	}

	.ph_menu {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 999;
		display: none;
		background: #fff;
		padding-top: 14vh;
		box-sizing: border-box;
	}

	header ul li,
	header ul:first-of-type {
		display: none;
	}

	.ph_menu h2 {
		color: var(--color2);
		text-align: center;
		font-size: 1.8rem;
		margin: 6vh 0;
	}

	.s_menu {
		display: none !important;
	}

	.navBtn {
		display: block;
	}

	.banner {
		margin-top: 40px;
	}

	.index_case .contain {
		display: block;
	}

	.index_case .contain .left {
		display: none;
	}

	.index_case .contain .right {
		position: static;
		transform: none;
		width: 92%;
		margin: auto;
	}

	.index_case .contain::before {
		display: none;
	}

	.index_case .swiper-slide .aa {
		height: auto;
	}

	.index_case .rr2 {
		width: 100%;
		margin-top: 1rem;
	}

	.index_case p {
		overflow: initial;
		white-space: initial;
	}

	.index_pro ul li {
		width: 50%;
	}

	.index_bars,
	footer .top {
		padding: 6rem 0;
	}

	footer .top {
		display: block;
	}

	footer .top .ll {
		width: 100%;
		text-align: center;
	}

	footer .logo img {
		margin: 0 auto 3rem;
		height: 5rem;
	}

	footer .top .ll .tt p img {
		width: 1.5rem;
		height: 1.5rem;
		margin-right: 0.5rem;
		margin-top: 3px;
	}

	footer .top .ll .tt p {
		justify-content: center;
		width: 80%;
		margin: 1rem auto;
	}

	.follow {
		justify-content: center;
	}

	.follow p {
		margin: 0 0.6rem;
	}

	footer .rr {
		width: 100%;
		margin: auto;
		display: block;
	}

	footer .rr dl {
		display: flex;
		justify-content: space-between;
		margin: 3rem 0;
	}

	footer .rr .ss {
		width: 100%;
		text-align: center;
	}

	footer .rr h2 {
		margin-bottom: 1rem;
	}

	footer .copy .tl {
		display: block;
		text-align: center;
	}

	footer .copy .tl a {
		display: block;
		margin: 3px 0;
	}

	.title h3 {
		font-size: 2.4rem;
	}

	.about .bar1 .tt {
		height: 5vh;
	}

	.about .contain .swiper-slide {
		padding: 10% 5% 5%;
		justify-content: space-between;
		align-items: center;
	}

	.about .contain .bb {
		width: 50%;
	}

	.about .contain .aa {
		width: 35vw;
		height: 35vw;
	}

	.about .contain .bb .numm {
		position: static;
	}

	.about .contain h6 {
		margin: 1rem 0 1.5rem;
		font-size: 2rem;
	}

	.about .contain .bottom .btnss {
		width: 11rem;
	}

	.bls {
		padding: 1rem;
		width: 3.6rem !important;
		height: 3.6rem !important;
	}

	.about .contain .bottom {
		position: static;
		justify-content: center;
		width: 100%;
		height: 3rem;
		margin: 0 0 3rem 0;
	}

	.history .ll h5 {
		font-size: 5rem;
	}

	.history .ll .nums {
		margin-top: 9%;
	}

	.history .rr {
		width: 60%;
	}

	.history .rr .swiper-slide {
		padding: 0 0 3vh 0;
	}

	.history .ll .bg {
		top: 80%;
		height: 200%;
		right: -1rem;
	}

	.swiper-scrollbar {
		width: 80% !important;
	}

	.btns2 .bl {
		padding: 0.4rem;
		margin-left: 1rem;
	}

	.btns2 .bl img {
		width: 60%;
	}

	.big_box .big_bbs {
		position: static;
		transform: none;
		margin-top: 5vh;
	}

	.big_box .big_imgss .tt2 {
		display: block;
	}

	.big_box .big_imgss .tl {
		width: 100%;
		height: 30vh;
	}

	.big_box .big_imgss .tr {
		width: 100%;
		padding: 8%;
	}

	.big_box .righttop {
		position: fixed;
		padding: 1.5rem;
	}

	.big_box .righttop img {
		filter: invert(1) brightness(1000);
	}

	.pro .top {
		align-items: flex-start;
	}

	.pro .top dl {
		display: block;
		width: 100%;

	}

	.pro .top dl dd {
		padding: 0 0 1rem 0;
	}

	.pro .top .rr h5 {
		margin-right: 1rem;
		font-size: 1.2rem;
		width: max-content;
	}

	.pro .top .rr img {
		width: 1.5rem;
		margin-left: 1rem;
	}

	.pro .bar1 ul {
		margin-top: 3rem;
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem 2rem;
	}

	.pro .bar1 ul li h6 {
		font-size: 1.5rem;
	}

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

	.process ul li .title {
		margin-bottom: 1.5rem;
	}

	.process ul li .rr {
		padding: 0% 5%;
	}

	.process ul li p {
		font-size: 1.4rem;
		margin: 0.6rem 0;
	}

	.process ul li:nth-of-type(2n) {
		flex-direction: column;
	}

	.process ul li.lis .ll {
		width: 100%;

	}

	.process ul li.lis .rr {
		width: 100%;
		margin-top: 3rem;
	}

	.process2 .bottom {
		margin-top: 2rem;
	}

	.process3 .swiper-pagination {
		width: 100% !important;
	}

	.process3 .swiper-slide .right p {
		font-size: 1.4rem;
		font-size: 1.4rem;
	}

	.process3 .swiper-slide .right {
		padding: 0.5rem 1.5rem;
	}

	.process3 .swiper-pagination span {
		font-size: 1.2rem;
	}

	.service ul li .ll {
		width: 100%;
	}

	.service ul li .rr {
		width: 100%;
		margin-top: 3rem;
		padding: 0;
	}

	.service ul .li2 .bbs {
		width: 100%;
		text-align: center;
	}

	.service ul .li2 .bbs:nth-of-type(2) {
		padding-top: 5rem;
	}

	.service ul li:nth-of-type(2n) {
		padding-top: 0;
	}

	.contact .bar1 {
		flex-direction: column-reverse;
		padding: 2rem;
	}

	.contact .bar1 .ll {
		width: 100%;
		margin-top: 4rem;
		padding: 0;
	}

	.contact .bar1 .rr {
		width: 100%;
	}

	.contact .title {
		margin-bottom: 2rem;
	}

	.contact .title h3 {
		font-size: 2.4rem;
	}

	.contact .bar1 .ll ul li {
		margin: 1rem 0;
	}
}