/* Responsive overrides for tablet and mobile */

html {
	-webkit-text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
	font-size: 14px;
	font-family: "微软雅黑", Arial, sans-serif;
}

img,
video,
iframe {
	max-width: 100%;
	height: auto;
}

.center {
	width: calc(100% - 32px);
	max-width: 1200px;
	margin: 0 auto;
}

.nav {
	min-width: 0;
}

@media (max-width: 1199px) {
	.nav {
		height: auto;
	}

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

	.nav .logo,
	.nav .nume,
	.nav .language-switcher {
		float: none;
	}

	.nav .logo {
		padding: 16px 0 8px;
	}

	.nav .nume {
		order: 3;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 0 12px;
	}

	.nav .language-switcher {
		width: auto;
		flex: 0 1 220px;
		margin-left: auto;
		padding: 16px 0 8px;
		line-height: 1.5;
		text-align: right;
	}

	.nav .language-switcher .trp-language-switcher {
		display: inline-block;
		text-align: left;
	}

	.nav .nume li {
		float: none;
	}

	.nav .nume li a {
		padding: 0 16px;
		line-height: 42px;
	}

	.nav .nume li .submenu {
		top: 100%;
	}

	.flexslider,
	.slides,
	.slides li {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 1;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		background-position: 50% 50% !important;
	}

	.flexslider {
		width: 100vw;
		max-width: 100vw;
		margin: -1px 0 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.company,
	.schemebox,
	.productbox,
	.newsbox {
		padding-top: 64px;
	}

	.schemebox {
		margin-top: 64px;
		padding-bottom: 24px;
		background-size: cover;
		background-position: 50% 0;
	}

	.application-section {
		padding: 72px 0 76px;
	}

	.application-head {
		margin-bottom: 34px;
	}

	.application-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.application-list li {
		min-height: 230px;
	}

	.newsbox {
		padding-bottom: 64px;
		margin-bottom: 64px;
	}

	.company .zhungs,
	.schemebox .zhungsme,
	.productbox .zhungs,
	.newsbox .zhungsme {
		display: none;
	}

	.company .complf,
	.company .comprt,
	.schemebox .schemelf,
	.schemebox .schemert,
	.newsbox .newslf,
	.newsbox .newsrt,
	.comjj .compic,
	.comjj .comtxt,
	.zhecbox .compic,
	.zhecbox .comtxt {
		float: none;
		width: 100%;
	}

	.schemebox .schemert {
		padding-left: 0;
	}

	.company .comprt {
		width: 100%;
		padding-top: 24px;
	}

	.comjj .compic img,
	.zhecbox .compic img,
	.newsbox .newslf i img {
		width: 100%;
		height: auto;
	}

	.company .comprt img {
		width: 100%;
		height: auto;
		aspect-ratio: 13 / 9;
		object-fit: cover;
	}

	.company .complf {
		margin-bottom: 24px;
	}

	.schemebox .schemelf ul,
	.schemebox .schemert ul {
		display: flex;
		flex-wrap: wrap;
	}

	.schemebox .schemelf li,
	.schemebox .schemert li {
		width: 50%;
		margin-bottom: 24px;
		float: none;
	}

	.schemebox .schemert a.more,
	.schemebox .schemelf h2,
	.schemebox .schemert h2 {
		float: none;
	}

	.schemebox .schemert a.more {
		margin-left: auto;
	}

	.productbox ul {
		display: flex;
		flex-wrap: wrap;
	}

	.home-section-heading {
		margin-bottom: 38px;
	}

	.home-section-heading h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	.home-section-heading h2 span {
		width: 46px;
		height: 4px;
		margin-top: 12px;
	}

	.productbox ul li {
		width: calc(50% - 15px);
		margin-right: 0;
		box-sizing: border-box;
	}

	.productbox ul li:nth-child(3n+0),
	.productbox ul li.clearmr {
		margin-right: 0;
	}

	.productbox ul li i {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		line-height: normal;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.productbox ul li i img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.newsbox .newsrt ul li {
		display: block;
	}

	.newsbox .newsrt ul li .info,
	.newsbox .newsrt ul li .infotime {
		float: none;
		width: 100%;
	}

	.newsbox .newsrt ul li .infotime a {
		margin-top: 12px;
	}

	.footer .center {
		display: flex;
		flex-wrap: wrap;
		gap: 24px 16px;
	}

	.footer .footol {
		width: calc(33.333% - 11px);
		margin-right: 0;
		float: none;
	}

	.bottom {
		height: auto;
		line-height: 1.6;
		padding: 12px 16px;
	}

	.fenye {
		margin: 36px 0;
	}

	.newsList .newsul li a {
		gap: 22px;
		padding: 20px;
	}

	.newsList .newsul li a .imgpic {
		flex: 0 0 320px;
		width: 320px;
	}

	.newsList .newsul li a .newstxt {
		width: auto;
		float: none;
	}

	.newsList .newsul li a .imgpic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#zSlider {
		width: calc(100% - 32px);
		margin: 48px auto;
	}

	#picshow,
	#picshow_img,
	#picshow_img li {
		width: 100%;
		height: auto;
		float: none;
	}

	#picshow_img img,
	#picshow_img video {
		width: 100%;
		height: auto;
	}

	#picshow_tx {
		width: 100%;
		height: auto;
	}

	#select_btn {
		width: 100%;
		float: none;
		height: auto;
	}

	#select_btn ul {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		padding: 12px;
		box-sizing: border-box;
	}

	#select_btn li {
		width: calc(50% - 6px);
		height: auto;
		box-sizing: border-box;
	}

	#select_btn img {
		width: 70px;
		height: 49px;
	}

	.newsdetail,
	.aboutbox,
	.schtop {
		padding-top: 48px;
	}
}

@media (max-width: 991px) {
	.center {
		width: calc(100% - 32px);
	}

	.nav .nume li a {
		padding: 0 12px;
		font-size: 15px;
	}

	.flexslider,
	.slides,
	.slides li {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 1;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		background-position: 50% 50% !important;
	}

	.company {
		padding-top: 56px;
	}

	.company,
	.schemebox,
	.productbox,
	.newsbox,
	.newsList,
	.newsdetail,
	.aboutbox,
	.schtop {
		padding-top: 48px;
	}

	.comjj,
	.zhecbox,
	.hezuo {
		margin-bottom: 60px;
	}

	.abtab {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 12px;
	}

	.abtab a {
		margin: 24px 0 8px;
		flex: 1 1 calc(33.333% - 8px);
		padding: 12px 0;
	}

	.comjj .compic,
	.comjj .comtxt,
	.zhecbox .compic,
	.zhecbox .comtxt {
		width: 100%;
		float: none;
		height: auto;
	}

	.comtxt h2 {
		line-height: 1.4;
		margin-bottom: 12px;
	}

	.abinfo {
		display: flex;
		flex-wrap: wrap;
		gap: 16px 0;
		margin-bottom: 60px;
	}

	.abinfo li {
		width: 50%;
		padding: 0 12px;
		float: none;
		box-sizing: border-box;
	}

	.hezuo ul li {
		width: calc(50% - 12px);
		margin-right: 24px;
	}

	.hezuo ul li:nth-child(2n),
	.hezuo ul li.clearmr {
		margin-right: 0;
	}

	.hezuo ul li:last-child {
		width: 100%;
	}

	.hezuo ul li input,
	.hezuo ul li textarea {
		width: 100%;
		box-sizing: border-box;
	}

	.hezuo ul li textarea {
		min-height: 240px;
	}

	#zSlider {
		width: calc(100% - 32px);
		margin: 48px auto;
	}

	#picshow_tx li h3 {
		margin: 8px 0;
	}

	.newsList .newsul li a {
		padding: 28px 0;
	}

	.newsList .newsul li a .newstxt {
		margin-top: 16px;
	}

	.newsbox .newslf i {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 767px) {
	.center {
		width: calc(100% - 32px);
	}

	.nav .logo {
		padding: 12px 0 8px;
	}

	.nav .logo img {
		width: 220px;
		height: auto;
	}

	.nav .nume {
		justify-content: flex-start;
	}

	.nav .language-switcher {
		flex-basis: 190px;
		max-width: calc(100% - 154px);
		padding: 12px 0 8px;
	}

	.nav .nume li {
		width: 25%;
		text-align: center;
		box-sizing: border-box;
	}

	.nav .nume li a {
		padding: 0 2px;
		font-size: 13px;
		line-height: 38px;
		white-space: nowrap;
	}

	.nav .nume li .submenu {
		min-width: 150px;
	}

	.nav .nume li .submenu li {
		width: 100%;
		text-align: left;
	}

	.nav .nume li .submenu a {
		padding: 0 14px;
		font-size: 13px;
		line-height: 36px;
		text-align: left;
	}

	.flexslider,
	.slides,
	.slides li {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 1;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		background-position: 50% 50% !important;
	}

	.company,
	.schemebox,
	.productbox,
	.newsbox,
	.newsList,
	.newsdetail,
	.aboutbox,
	.schtop {
		padding-top: 36px;
	}

	.company {
		padding-top: 44px;
	}

	.company .complf h2,
	.schemebox .schemelf h2,
	.schemebox .schemert h2,
	.newsbox .newslf h2,
	.newtitle h2,
	.schtop h2,
	.lianx h2 {
		font-size: 22px;
		line-height: 1.3;
	}

	.company .complf h2 span {
		margin: 8px 0 28px;
	}

	.company .complf a.more,
	.schemebox .schemert a.more,
	.prtcenter a.more,
	.newsbox .newsrt a.more {
		margin-top: 24px;
	}

	.company .comprt {
		padding-top: 18px;
	}

	.schemebox {
		margin-top: 48px;
		padding-bottom: 24px;
	}

	.application-section {
		padding: 44px 0 48px;
	}

	.application-head {
		margin-bottom: 24px;
	}

	.application-head h2 {
		font-size: 22px;
		line-height: 1.3;
	}

	.application-head h2 span {
		margin-top: 10px;
	}

	.application-head p {
		font-size: 14px;
		line-height: 24px;
		margin-top: 14px;
	}

	.application-list {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.application-list li {
		min-height: 0;
		padding: 26px 20px 24px;
	}

	.application-icon {
		width: 70px;
		height: 70px;
		margin-bottom: 18px;
	}

	.application-list li h3 {
		font-size: 20px;
		margin-bottom: 14px;
	}

	.application-list li p {
		font-size: 14px;
		line-height: 1.75;
	}

	.application-more {
		font-size: 14px;
		margin-top: 28px;
	}

	.home-section-heading {
		margin-bottom: 28px;
	}

	.home-section-heading h2 {
		font-size: 24px;
		line-height: 1.22;
	}

	.home-section-heading h2 span {
		width: 42px;
		height: 4px;
		margin-top: 10px;
	}

	.schemebox .schemelf li,
	.schemebox .schemert li {
		width: 50%;
		margin-bottom: 20px;
	}

	.schemebox .schemelf li img,
	.schemebox .schemert li img {
		max-width: 72px;
		height: auto;
	}

	.productbox ul {
		gap: 20px;
	}

	.productbox ul li {
		width: calc(50% - 10px);
	}

	.productbox ul li .prdtxt p {
		font-size: 16px;
		line-height: 1.4;
		white-space: normal;
	}

	.newsbox {
		padding: 48px 0;
		margin-bottom: 48px;
	}

	.newsbox .newslf,
	.newsbox .newsrt {
		width: 100%;
	}

	.newsbox .newslf {
		margin-bottom: 24px;
	}

	.newsbox .newsrt ul li {
		margin-bottom: 24px;
		padding-top: 20px;
	}

	.newsbox .newsrt ul li .info h3,
	.newsList .newsul li a .newstxt h2 {
		font-size: 16px;
		line-height: 1.5;
	}

	.newsList .newsul li a {
		display: block;
		padding: 16px;
	}

	.newsList .newsul li a .imgpic,
	.newsList .newsul li a .newstxt {
		width: 100%;
		flex: none;
		float: none;
	}

	.newsList .newsul li a .imgpic {
		margin-bottom: 14px;
	}

	.newsList .newsul li a .imgpic img {
		height: 100%;
		object-fit: cover;
	}

	.newsList .newsul li a .newstxt p {
		-webkit-line-clamp: 3;
	}

	.newsList .newsul li a .news-meta {
		display: flex;
		align-items: center;
		gap: 8px 14px;
	}

	.newsList .newsul li a .news-meta em {
		float: none;
		display: inline-flex;
	}

	.fenye {
		margin: 28px 0;
	}

	.fenye a {
		margin: 0 4px 8px;
	}

	.article-nav {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 36px;
	}

	.post-navigation .nav-links {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.article-nav-next {
		text-align: left;
	}

	.post-navigation .nav-next {
		text-align: left;
	}

	.article-nav-item a,
	.article-nav-item .is-disabled,
	.post-navigation .nav-previous a,
	.post-navigation .nav-next a {
		min-height: auto;
		padding: 16px;
	}

	.detailbox p {
		font-size: 15px;
		line-height: 28px;
	}

	.abtab a {
		flex: 1 1 calc(33.333% - 8px);
		font-size: 15px;
		padding: 10px 0;
	}

	.comjj,
	.zhecbox {
		margin-bottom: 48px;
	}

	.comjj .compic,
	.comjj .comtxt,
	.zhecbox .compic,
	.zhecbox .comtxt {
		width: 100%;
	}

	.comtxt p {
		line-height: 26px;
	}

	.abinfo li {
		width: 100%;
	}

	.hezuo ul li {
		width: 100%;
		margin-right: 0;
	}

	.hezuo ul li p {
		font-size: 16px;
		line-height: 46px;
	}

	.hezuo button {
		width: 100%;
		margin-bottom: 60px;
	}

	.schtop p {
		margin-bottom: 24px;
	}

	.schullist li {
		width: 100%;
		margin-right: 0;
		height: auto;
		margin-bottom: 18px;
		box-sizing: border-box;
	}

	.schullist li i,
	.schullist li i img {
		width: 100%;
		height: auto;
	}

	.schullist li span {
		left: 50%;
		transform: translateX(-50%);
	}

	.schullist li em {
		height: auto;
	}

	.footer {
		padding-top: 28px;
	}

	.footer .footol {
		width: 100%;
	}

	.footer .footol h2 {
		font-size: 18px;
		margin-bottom: 20px;
		line-height: 40px;
	}

	.footer .footol a {
		width: 50%;
		line-height: 34px;
	}

	.bottom {
		padding: 10px 12px;
		font-size: 12px;
	}

	#zSlider {
		margin: 32px auto;
	}

	#picshow_tx {
		display: none;
	}

	#select_btn ul {
		padding: 10px;
	}

	#select_btn li {
		width: 100%;
	}

	#select_btn img {
		width: 64px;
		height: 44px;
	}

	#select_btn .select_text {
		font-size: 12px;
	}

	#select_btn .select_date {
		line-height: 20px;
	}
}

@media (max-width: 575px) {
	.center {
		width: calc(100% - 32px);
	}

	.nav .nume li {
		width: 25%;
	}

	.nav .nume li a {
		padding: 0;
		font-size: 12px;
		line-height: 34px;
		white-space: nowrap;
	}

	.nav .nume li .submenu li {
		width: 100%;
		text-align: left;
	}

	.nav .nume li .submenu a {
		padding: 0 12px;
		font-size: 13px;
		line-height: 36px;
		text-align: left;
	}

	.nav .language-switcher {
		flex-basis: 170px;
	}

	.productbox ul li {
		width: 100%;
	}

	.schemebox .schemelf li,
	.schemebox .schemert li {
		width: 100%;
	}

	.newsbox .newsrt ul li .info,
	.newsbox .newsrt ul li .infotime {
		width: 100%;
	}

	.abtab a {
		flex: 1 1 100%;
	}

	#select_btn li {
		width: 100%;
	}
}