@charset "utf-8";

/* CSS Document */
@media(max-width: 1500px) {

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

	.w_all,
	.w_all3 {
		width: 88%;
	}

	.txt_all {
		padding: 25vh 0 15vh;
	}

	.index_bar2 {
		padding-top: 30%;
	}

	.index_bar5 .swiper-slide {
		padding: 8% 10%;
	}

	.index_bar6 .txt {
		width: 50%;
	}

	.o_ban {
		height: 75vh;
	}

	.o_ban2 {
		height: 35rem;
	}

	.o_ban2s {
		height: 35rem;
	}

	.o_ban h3,
	.o_ban2 h3,
	.o_ban2 h3 strong {
		font-size: 5.4rem;
	}

	.ban_newsd {
		height: 40vh;
	}

	.solutiond_ban {
		height: 70vh;
	}

	.ban_newsd h3 {
		font-size: 3.4rem;
	}

	.footer .ll h6 {
		width: 80%;
	}

	.index_bar6 .bg2 {
		margin-top: 25%;
	}
}

@media(max-width: 1200px) {

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

	.w_all,
	.w_all3 {
		width: 90%;
	}

	.w_all2 {
		width: 80%;
	}

	header nav dl dd span {
		line-height: 80px;
	}

	.txt_all {
		width: 50%;
	}

	.banner .bg img {
		top: 32%;
	}

	.footer .ll h6 {
		width: 90%;
	}

	header .logo {
		height: 46px;
	}

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

	.index_bar6 .txt {
		width: 55%;
	}

	.index_bar6 .bg2 {
		margin-top: 30%;
	}

	.pro .p4 ul li {
		padding: 3%;
	}

	.solutiond_ban {
		height: 80vh;
	}

	.solutiond_ban h3 {
		letter-spacing: 2px;
		font-size: 5rem;
	}

	.solutiond1 {
		padding-top: 8%;
	}

	.solutiond2 .title strong {
		font-size: 3.6rem;
	}

	.title p {
		font-size: 2.2rem;
	}
}

@media(max-width: 840px) {

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

	.w_all,
	.w_all2,
	.w_all3 {
		width: 92%;
	}

	header .contain {
		padding: 3rem 0;
	}

	header.active .contain {
		padding: 2rem 0;
	}

	header .logo {
		height: 36px !important;
	}

	header .top {
		padding: 2rem 0 0;
		justify-content: center;
	}

	header nav {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		background: var(--bgs);
		width: 100%;
		height: 100vh;
	}

	header nav dl {
		display: block;
		position: absolute;
		left: 50%;
		width: 90%;
		top: 50%;
		text-align: center;
		transform: translate(-50%, -50%);
	}

	header nav dl dd {
		margin: 5rem 0;
	}

	header nav dl dd span {
		font-size: 2rem;
		margin: 1rem 0;
		padding: 0;
		line-height: 2 !important;
	}

	header nav dl dd.apply span {
		margin: 15rem 0 0;
		text-align: center;
	}

	.s_menu .ss .sl {
		display: none;
	}

	.s_menu .ss .sr {
		width: 100%;
		margin: 0;
	}

	.s_menu {
		position: static;
		display: none !important;
	}
    .s_menua {
		display: block !important;
		box-shadow: none;
		background: none;
		color: #fff;
	}
	.s_menua .ss p{
	    color: #fff;
	}
	.s_menua .ss p img {
        width: 22px;
        margin-right: 4px;
    }
	.navBtn {
		display: block;
	}

	.navBtn span {
		height: 2px;
		margin: 7px 0;
		width: 28px !important;
	}

	header.header2 .navBtn span {
		background: var(--bgs);
	}

	.banner .bg {
		width: 100%;
		overflow: hidden;
	}

	.banner .bg img {
		top: 30%;
		width: 150%;
		margin-left: -25%;
	}

	.txt_all {
		padding: 15vh 0 10vh;
	}

	.txt_all p,
	.txt_all p strong {
		font-size: 4.6rem;
	}

	.txt_all p span {
		font-size: 4.5rem;
	}

	.indexBars {
		padding: 10% 0;
	}

	.index_bar1 {
		z-index: 10;
	}

	.index_bar1 .bg {
		height: 30vh;
	}

	.index_bar2 .contain {
		display: block;
		padding: 10% 5%;
	}

	.index_bar2:after {
		height: 19.5rem;
	}

	.index_bar2 .contain:nth-of-type(2n) {
		padding: 10% 0%;
	}

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

	.index_bar2 .contain .rr {
		width: 100%;
		margin-top: 5%;
	}

	.index_bar5 .swiper-slide {
		padding: 5% 10% 0;
	}

	.index_bar6 .contain {
		display: block;
	}

	.index_bar6 .bg1 {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.2;
	}

	.index_bar6 .txt {
		width: 60%;
		margin: 0 0 0 10%;
	}

	.index_bar6 .bg2 {
		margin: 0;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.index_bar7 .contain {
		display: block;
	}

	.index_bar7 .ll {
		width: 100%;
	}

	.index_bar7 .rr {
		width: 100%;
		margin-top: 5%;
	}

	.index_bar7 .mores {
		justify-content: center;
	}

	.index_bar7 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.index_bar7 ul li {
		width: 48%;
	}

	.more {
		line-height: 42px;
	}

	.index_bar10 .swiper-slide {
		display: block;
	}

	.index_bar10 .swiper-slide .ll {
		width: 100%;
	}

	.index_bar10 .swiper-slide .rr {
		width: 100%;
		margin-top: 5%;
	}

	.index_bar10 {
		padding-top: 0;
	}

	.index_bar10 .btn .ll {
		top: 31%
	}

	.index_bar13 {
		padding: 0;
	}

	.index_bar14 .rr {
		width: 100%;
	}

	.footer {
		padding: 10% 0 0;
	}

	.footer .logo2 img {
		height: 5rem;
	}

	.footer .ll {
		width: 100%;
	}

	.footer .rr {
		width: 100%;
		margin: 8% 0 3%;
	}

	.footer .ll .bb {
		overflow: hidden;
	}

	.footer .ll .bb p {
		float: left;
		width: 50%;
		margin: 1rem 0 0;
	}

	.o_ban {
		height: 70vh;
	}
    
	.a1 {
		display: block;
	}

	.a1 .ll {
		width: 100%;
	}

	.a1 .title {
		text-align: left;
	}

	.a3 {
		padding-top: 10%;
	}

	.pro .p4 ul li {
		width: 49%;
		padding: 5%;
		margin-right: 2% !important;
	}

	.pro .p4 ul li:nth-of-type(2n) {
		margin-right: 0 !important;
	}

	.pro .p5 {
		padding-top: 0;
	}

	.pro .p6 {
		padding-bottom: 10%;
	}

	.o_ban2 {
		height: 25rem;
	}

	.o_ban2s {
		height: 25rem;
	}

	.solution ul li {
		margin-top: 6%;
	}

	.o_ban h3,
	.o_ban2 h3,
	.o_ban2 h3 strong {
		font-size: 4.2rem;
		letter-spacing: 2px;
	}

	.solutiond_ban {
		overflow: visible;
	}

	.solutiond_ban .txt {
		bottom: 0;
	}

	.solutiond_ban .txt .ll {
		width: 100%
	}

	.solutiond_ban .txt .rr {
		position: relative;
		bottom: -10rem;
		width: 100%;
		height: 30vh;
		z-index: 6;
	}

	.solutiond2 .txt {
		display: block;
	}

	.solutiond2 .txt p {
		width: 92%;
		margin: 2rem 0;
	}

	.solutiond3 .contain {
		display: block;
	}

	.solutiond3 .rr {
		width: 100%;
	}

	.casesd {
		padding-bottom: 0;
	}

	.cases ul li {
		width: 48.5%;
		margin-right: 2%;
		margin: 1% 2% 1% 0;
	}

	.cases ul li:nth-of-type(3n) {
		margin-right: 2%;
	}

	.cases ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	.cased1 {
		padding-top: 0;
	}

	.cased2 ul li {
		width: 48.5%;
		margin-right: 2%;
		margin-top: 2%;
	}

	.cased2 ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	.a2 ul li h3 {
		font-size: 2.4rem;
		letter-spacing: 1px;
	}

	.news ul li {
		width: 48%;
		margin: 2% 4% 2% 0;
	}

	.news ul li:nth-of-type(3n) {
		margin-right: 4%;
	}

	.news ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	.ban_newsd {
		height: 25vh;
	}

	.ban_newsd h3 {
		font-size: 2.8rem;
		letter-spacing: 1px;
	}

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

	.job .contain .rr {
		width: 100%;
		margin-top: 3%;
	}

	.tankuang .bbox {
		width: 90%;
		padding: 8%;
	}

	.tankuang .title p {
		font-size: 1.8rem;
	}

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

	.message .bars .p2 textarea {
		min-height: 80px;
	}

	.contact .contain {
		display: block;
	}

	.contact .contain .title {
		width: 100%;
	}

	.contact .contain form {
		width: 100%;
	}

	.contact3 ul {
		display: block;
	}

	.contact3 ul li {
		width: 100%;
		margin: 4rem 0;
	}

	.solutiond1 .tts {
		margin-top: 0;
	}
	.cased3{
		padding: 5% 0;
	}
}

@media(max-width: 420px) {
	p {
		font-size: 1.8rem;
	}

	.mores {
		display: block;
		margin-top: 5rem;
	}

	.more {
		width: max-content;
		margin: 3rem auto;
	}

	.txt_all p,
	.txt_all p strong {
		font-size: 3.6rem;
	}

	.txt_all p span {
		font-size: 3.5rem;
	}

	.txt_all {
		padding: 25vh 0 5vh;
	}

	.banner .bg img {
		top: 25%;
	}

	.index_bar1 .bg {
		height: 20vh;
	}

	.index_bar2:after {
		left: -30%;
		width: 160%;
	}

	.index_bar2 .contain .rr p,
	.index_bar2 .contain .rr p strong {
		font-size: 2rem;
	}

	.index_bar2 .contain .ll .btn {
		width: 8rem;
		right: -3rem;
	}

	.title p,
	.title p strong {
		font-size: 2rem;
	}

	.title h3,
	.index_bar6 .title h3 strong,
	.solutiond2 .title strong {
		font-size: 2.6rem;
		letter-spacing: 1px;
	}

	.index_bar6 .txt {
		width: 80%;
	}

	.index_bar4 ul li {
		padding: 1rem;
	}

	.index_bar4 .swiper-pagination {
		transform: scale(0.7);
	}

	.index_bar4:after {
		left: -30%;
		width: 160%;
	}

	.btn .ll i {
		font-size: 2.2rem;
	}

	.index_bar7 ul li {
		width: 100%;
		text-align: center;
	}

	.index_bar7 ul li img {
		width: 8rem;
		margin: 0 auto 4%;
	}

	.index_bar8 dl {
		margin-bottom: 6%;
		flex-wrap: wrap;
	}

	.index_bar8 dl dd {
		margin: 0.5rem;
		font-size: 1.6rem;
		padding: 0.8rem 2rem;
	}

	.index_bar9 .contain {
		display: block;
	}

	.index_bar9 .ll {
		width: 100%;
	}

	.index_bar9 .rr {
		width: 100%;
	}

	.index_bar9 .title h3 strong {
		font-size: 3rem;
	}

	.index_bar9 .title h3 {
		margin-bottom: 3rem;
	}

	.index_bar10 .title p,
	.index_bar10 .title p strong {
		font-size: 3rem;
		letter-spacing: 0;
		line-height: 1.4;
	}

	.index_bar10 .btn .ll {
		top: 20%;
	}

	.index_bar10 .swiper-slide .ll img {
		width: 96%;
		margin: auto;
	}

	.index_bar10 .rr h4 {
		font-size: 2.2rem;
		margin: 3rem 0 1rem;
	}

	.index_bar14 .title h3 {
		margin-bottom: 1rem;
	}

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

	.faq ul li h3 {
		font-size: 1.7rem;
		letter-spacing: 0;
	}

	.footer .ll .bb p {
		float: none;
		width: 100%;
	}

	.footer .rr {
		display: block;
	}

	.footer dl {
		width: 100% !important;
		margin: 3rem 0;
	}

	.footer dl dd {
		margin: 1.2rem 0 0;
		font-size: 1.5rem;
	}

	.footer .copyright {
		padding: 0 0 2rem;
		flex-wrap: wrap;
	}

	.o_ban p {
		font-size: 2rem;
		letter-spacing: 0;
	}

	.pro .a1 .ll p strong {
		line-height: 1.4;
		font-size: 2.2rem;
	}

	.pro .p2 .contain {
		border-radius: 0;
	}

	.pro .p2 .title h3 {
		margin: 0;
		padding: 0;
	}

	.pro h3 {
		margin-bottom: 2rem;
	}

	.pro .p4 ul li {
		width: 100%;
		margin: 2% 0 !important;
		padding: 8%;
	}

	.pro .p4 ul li img {
		width: 5rem;
	}

	.pro .p6 {
		padding-bottom: 0;
	}

	.footer .logo2 img {
		height: 4.5rem;
	}

	.footer .ll h6 {
		margin: 2rem 0;
	}
    .footer .copyright a{
        display: block;
        margin-top: 5px;
        border: none;
        padding: 0;
    }
	.o_ban .txt {
		bottom: 8%;
	}

	.o_ban h3,
	.o_ban2 h3,
	.o_ban2 h3 strong {
		font-size: 3.2rem;
		letter-spacing: 1px;
	}

	.solution ul li {
		display: block;
	}

	.solution ul li h6 {
		width: 100%;
		font-size: 2.6rem;
		letter-spacing: 1px;
		padding-top: 2rem;
	}

	.solution ul li .rr {
		width: 100%;
		margin-top: 3rem;

	}

	.solution ul li .txt {
		padding: 1.5rem 2rem;
	}

	.more4 {
		font-size: 2rem;
	}

	.solution ul li {
		margin-top: 15%;
	}
	.solution ul li .txt b img{
		width: 3rem;
	}
	.solutiond_ban {
		height: 75vh;
	}

	.solutiond_ban .txt {
		bottom: 0;
	}

	.solutiond_ban .txt .rr {
		height: 22vh;
		bottom: -5rem;
	}

	.solutiond3 ul {
		display: block;
	}

	.solutiond3 ul li {
		width: 100%;
		margin: 4% 0 !important;
	}

	.solutiond3 ul li h6 {
		font-size: 3rem;
	}

	.cases ul li {
		width: 100%;
		margin: 2% 0 !important;
	}

	.cased1 ul li .txt span {
		transform: scale(0.9);
	}

	.cased2 ul li {
		width: 100%;
		margin: 2% 0 !important;
		padding: 10%;
	}

	.cased2 .more4 {
		font-size: 2.4rem;
	}

	.a2 ul li {
		width: 100%;
		margin: 5% 0 !important;
		text-align: center;
	}

	.a2 ul li h3::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.global ul li {
		width: 100%;
		margin: 5% 0 !important;
		text-align: center;
	}

	.news ul li {
		width: 100%;
		margin: 4% 0 !important;
	}

	.o_ban2 {
		height: 35rem;
	}

	.news ul {
		margin-top: 0;
	}

	.ban_newsd {
		height: 40vh;
	}

	.ban_newsd h3 {
		font-size: 2.4rem;
		line-height: 1.5;
		letter-spacing: 0;
	}

	.newsd {
		padding-top: 5%;
	}
    .o_ban2 {
        height: 25rem;
    }
	.o_ban2s {
		height: 25vh;
	}

	.o_ban2 .txt {
		bottom: 0;
	}

}