@charset "utf-8";

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

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

@media(max-width: 1200px) {

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

	.w_all {
		width: 90%;
	}
}

@media(max-width: 767px) {

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

	.full_slider {
		height: auto !important;
	}

	.full_slider .swiper-wrapper {
		transform: none !important;
	}

	.full_pagination {
		display: none !important;
	}

	.animateZoom {
		opacity: 1;
		transform: scale(1);
	}

	.animateRight,
	.animateDown,
	.animateUp,
	.animatLeft {
		opacity: 1;
		transform: translate(0px);
	}

	header .logo img {
		height: 4.6rem;
		padding: 0.8rem 0;
	}

	.navbox {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	header ul {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		display: none;
		padding: 10vh 5% 0 5%;
		box-sizing: border-box;
	}

	header ul li {
		padding: 2vh 0;
		margin: 1vh 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	header ul li>a {
		line-height: 1 !important;
		color: var(--color4);

	}

	.s_menu {
		display: block !important;
		position: static;
		width: 100%;
		transform: none;
	}

	.s_menu dl {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin-top: 0.5vh;
	}

	.s_menu dd a {
		padding: 1rem 2rem 0 0;
		opacity: 0.6;
		text-align: left;
	}

	header ul li:nth-of-type(4) .s_menu dd {
		width: 50%;
	}

	.navBtn {
		display: block;
	}

	.full_item {
		height: auto !important;
	}

	.banner .swiper-container {
		height: 60vh;
	}

	.banner h3 {
		font-size: 3rem;
		letter-spacing: 0;
	}

	.banner p {
		font-size: 1.6trm;
		margin-top: 2rem;
	}

	.banner .bottom {
		bottom: 2rem;
	}

	.banPagination span {
		width: 2px;
		margin: 0 5px !important;
		height: 1.2rem;
	}

	.banPagination .swiper-pagination-bullet-active {
		height: 2.4rem;
	}

	.scroll .s1 {
		transform: scale(0.8);
	}

	.index_bars {
		padding: 10vh 0;
	}

	.title {
		margin-bottom: 2rem;
	}

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

	.index_about .contain {
		flex-wrap: wrap;
	}

	.index_about .ll {
		width: 50%;
		margin: auto;
	}

	.index_about .rr {
		width: 100%;
		margin-top: 5rem;
		text-align: center;
	}

	.more {
		padding: 1.2rem 2rem;
		margin: 3rem auto 0;
	}

	.more i {
		margin-left: 0.5rem;
	}

	.more span {
		font-size: 1.4rem;
	}

	.index_pro dl dd {
		padding: 3rem 2rem;
	}

	.index_pro dl dd .t2 {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.index_pro dl dd .t2 h3 {
		font-size: 1.8rem;
		writing-mode: vertical-rl;
		text-orientation: mixed;
	}

	.index_pro dl dd .t2 .tt {
		display: none;
	}

	.index_pro dl dd.on .t2 {
		display: block;
		justify-content: center;
	}

	.index_pro dl dd.on .t2 h3 {
		writing-mode: initial;
		text-orientation: initial;
	}

	.index_pro dl dd.on .t2 .tt {
		display: block;
	}

	.index_sol .tt0 {
		flex-wrap: wrap;
	}

	.index_sol h6 {
		padding: 1rem 2.2rem;
		font-size: 1.4rem;
	}

	.index_sol h5 {
		font-size: 2rem;
	}

	.index_service dl dd {
		width: 100%;
		margin: 0 0 2rem 0;
		height: 30vh;
	}

	.index_news .swiper-pagination span i {
		padding: 1rem 2rem;
		margin: 1rem;
		font-size: 1.4rem;
	}

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

	.index_news ul li:last-of-type {
		display: none;
	}

	.index_news ul li h5 {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	footer .top {
		flex-wrap: wrap;
	}

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

	footer .top .rr {
		width: 100%;
	}

	footer .top p {
		margin: 0;
	}

	footer .top p img {
		margin: 2rem auto 5px;
	}

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

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

	footer .copy .tl p {
		display: block;
		margin: 0;
		line-height: 1.4;
	}

	footer .copy .tl a {
		display: block;
		margin: 5px 0 0;
		font-size: 1.4rem;
	}

	.ban {
		margin-top: 52px;
		height: 30vh;
	}

	.ban h3 {
		font-size: 3.2rem;
	}

	.about .contain {
		flex-direction: column-reverse;
	}

	.about .contain .ll {
		width: 100%;
		padding: 0;
	}

	.about .contain .rr {
		width: 100%;
		margin-bottom: 4rem;
	}

	.about2 .contain .rr {
		width: 45%;
	}

	.about2 .title2 h3 {
		text-align: center;
	}

	.advantage .contain ul {
		flex-wrap: wrap;
	}

	.advantage .contain ul li {
		width: 100%;
		margin-top: 1rem;
	}

	.culture .contain {
		flex-direction: column-reverse;
	}

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

	.culture .contain p {
		line-height: 1.5;
		font-size: 1.6rem;
	}

	.culture .contain .rr {
		width: 100%;
	}

	.advantage2 .contain {
		display: block;
	}

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

	.advantage2 .contain .rr {
		width: 100%;
	}

	.advantage2 .contain h6 {
		font-size: 2.2rem;
		margin: 3rem 0 1.5rem;
		color: var(--color2);
	}

	.advantage2 .contain:not(:last-of-type) {
		padding-bottom: 3rem;
		margin: 3rem auto;
	}

	.title2 {
		margin-bottom: 1.5rem;
	}

	.title2 h3 {
		font-size: 2.6rem;
	}

	.allbars {
		padding: 6rem 0;
	}

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

	.pro .bar1 ul li b {
		height: 18vh;
	}

	.pro .bar1 ul li .tt {
		padding: 2rem;
		text-align: center;
	}

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

	.solution .contain {
		display: block;
	}

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

	.solution .contain .rr {
		width: 100%;
		margin-top: 4rem;
	}

	.solution .contain:first-of-type {
		margin-top: 0;
		padding-top: 0;
	}

	.solution .contain h6 {
		font-size: 2.2rem;
		margin-bottom: 1.5rem;
	}

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

	.news .bar1 ul li .tt {
		padding: 1.5rem;
	}

	.news .bar1 ul li h6 {
		font-size: 1.6rem;
		line-height: 1.4;
	}

	.newsd .bar0 h3 {
		font-size: 2.4rem;
	}

	.newsd .bottom {
		flex-direction: column;
	}

	.newsd .bottom .ll {
		width: 100%;
	}

	.newsd .bottom .back {
		padding: 1rem 4rem;
		margin-top: 1rem;
		font-size: 1.4rem;
	}

	.service .bar1 {
		flex-direction: column-reverse;
	}

	.service .bar1 .ll {
		width: 100%;
	}

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

	.service ul {
		flex-wrap: wrap;
		margin-top: 4rem;
	}

	.service ul li {
		width: 30%;
		margin: 1rem 0;
	}

	.service ul li:nth-of-type(3) i {
		opacity: 0;
	}

	.service ul li p {
		margin: 1rem 0 0;
	}

	.service2 ul li {
		width: 48% !important;
		padding: 2rem;
	}

	.service2 ul li:nth-of-type(4),
	.service2 ul li:nth-of-type(8) {
		display: none;
	}

	.service2 ul li h6 {
		font-size: 1.6rem;
	}

	.faq ul li {
		padding: 0 2rem;
	}

	.faq ul li h6 {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 1.6rem;
		padding: 2.2rem 0;
	}

	.faq ul li h6 i {
		top: 1.8rem;
	}

	.faq ul li .ts p {
		font-size: 1.4rem;
	}

	.join .top .tt {
		padding: 0 15%;
		box-sizing: border-box;
	}

	.join .top .tt p {
		font-size: 1.4rem;
		margin: 1.5rem 0;
		line-height: 1.6;
	}

	.join h6 {
		font-size: 1.2rem;
		padding: 1rem 0.5rem;
	}

	.join h6:first-of-type {
		width: 45%;
	}

	.join ul li .tt1 i {
		top: 0.7rem;
		font-size: 1.6rem;
	}

	.join ul li .ts {
		padding: 2rem;
	}

	.join ul li .ts p {
		font-size: 1.3rem;
		line-height: 2;
	}
}