@media screen and (max-width:1440px) {
	.pageNav li {
		margin-right: 0.36rem;
	}

	.indexPart1 .wal {
		width: 15.0rem;
	}

	.indexPart2 .wal {
		width: 15.0rem;
	}

	.indexPart1 .leftDiv {
		width: 5.15rem;
	}

	.indexPart1 .midDiv {
		padding-left: 1.2rem;
	}

	.youshii {
		min-height: 337.5px;
	}

	.anli_xiejiao {
		width: 870px;
	}

	.anli_xiejiao li .tu {
		height: 420px;
		width: 270px
	}

	.lanbei {
		top: -50px;
		height: 375px;
	}
}

@media screen and (max-width:1300px) {
	.pageBanner .botDiv {
		margin-left: -7.4rem;
		width: 14.8rem;
	}

	.treflip {
		width: 14.8rem;
	}
}

@media screen and (max-width:1004px) {

	/*index scroll*/
	html {
		scroll-snap-type: none !important;
	}

	body {
		padding-top: 1rem;
	}

	p {
		line-height: 0.46rem;
	}

	footer {
		height: 5rem;
	}

	.index-nav {
		min-width: 100%;
		height: 140px;
	}

	.index-nav li {
		margin-top: 0;
	}

	.indexPart1 .wal,
	.wal2,
	.w870 {
		width: 100%;
	}

	.indexPart1 .wal {
		width: 100%;
	}

	.indexPart2 .wal {
		width: 100%;
	}

	.PC-Box,
	.w280,
	.nav,
	.ind-banner,
	.pageBanner,
	.grayBg {
		display: none;
	}

	.Phone-Box,
	.bannerTel,
	.pageBannerTel,
	.pageTitleTel,
	.pageNum {
		display: block;
	}

	.pageNum a,
	.pageNum span {
		margin: 0 2.5px;
		display: inline-block;
		color: #353535;
		height: 36px;
		line-height: 36px;
		background: #eee;
		padding: 0 14.25px;
		font-size: 9.75px;
		transition: all 0.3s;
	}

	.headDiv.Phone-Box {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background-color: #fff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	}

	.readmore-r {
		transform: scale(0.8);
		transform-origin: top left;
	}

	.readmore-t-w {
		transform: scale(0.8);
		transform-origin: top left;
	}

	.part3-left {
		width: 100%;
	}

	.part3-left p {
		width: 100%;
	}

	.part3-right {
		width: 100%;
	}

	.treflip {
		width: auto;
		padding: 0 5% 0.5rem;
	}

	.indexTitle .title1 {
		font-size: 0.48rem;
		line-height: 0.48rem;
		text-transform: uppercase;
		color: #d32f2f;
	}

	.indexTitle .title2 {
		font-size: 0.3rem;
		line-height: 0.3rem;
		color: #1e1e1e;
		padding-top: 0.12rem;
	}

	.pageTitle .title1 {
		font-size: 0.48rem;
	}

	.pageTitle .title2 {
		font-size: 0.34rem;
	}

	.indexPart1 .wal {
		width: 100%;
	}

	.indexPart1 {
		background: #fff;
		padding: 0.75rem 0.2rem 0.3rem;
	}

	.indexPart1 .leftDiv {
		width: 100%;
		padding-top: 0;
		float: none;
	}

	.indexPart1 .content {
		padding-top: 0.4rem;
		line-height: 0.46rem;
	}

	.indexPart1 .midDiv {
		width: auto;
		padding-left: 0;
		float: none;
		padding-bottom: 0.4rem;
	}

	.indexPart1 .numList {
		padding-top: 0.5rem;
	}

	.indexPart1 .numList li {
		padding-bottom: 0px;
		float: left;
		width: 33.33%;
		text-align: center;
	}

	.indexPart1 .numList li .ico img {
		width: 0.56rem;
	}

	.indexPart1 .numList li .num b {
		font-size: 0.48rem;
	}

	.indexPart1 .numList li .num em {
		font-size: 0.24rem;
	}

	.indexPart1 .numList li .msg {
		font-size: 0.24rem;
	}

	.indexPart1 .rightDiv {
		display: none;
	}

	.indexPart1 .imgDiv {
		width: auto;
		float: none;
	}

	.indexPart1 .imgDiv img {
		width: 100%;
		object-position: center;
		object-fit: cover;
		height: 6rem;
	}

	.indexPart1 .mxfDiv {
		height: 100%;
		right: 0px;
		top: 0px;
		position: absolute;
		background: rgba(0, 117, 207, 0.5);
	}

	.oushili {
		padding-top: 40px;
		min-height: 145px;
	}

	.oushili p {
		width: 100%;
	}

	.oushili h3:after {
		display: none;
	}

	.oushili b {
		position: absolute;
		font-size: 0.48rem;
		left: 0;
		top: 0;
		color: #d32f2f;
	}

	.anli_xiejiao {
		width: 100%;
	}

	.anli_xiejiao li {
		width: 100%;
	}

	.lanbei {
		display: none;
	}

	.anli_xiejiao li .tu {
		width: 100%;
		height: 150px;
		transform: skew(0deg);
		overflow: hidden;
		margin-bottom: 15px;
	}

	.anli_xiejiao li .tu a img {
		transform: skew(0deg);
		width: 100% !important;
		height: auto;
		position: absolute;
		left: 0;
		margin-left: 0;
		transition: none
	}

	.anli_xiejiao li:hover .tu a img {
		transform: skew(0deg) scale(1.1);
		width: 100% !important;
		height: auto;
		position: absolute;
		left: 0;
		margin-left: 0;
		transition: all .3s ease-in-out
	}

	.anli_xiejiao .wenzi {
		top: 30%;
	}

	.huihui {
		display: none;
	}

	.youshii {
		min-height: 500px;
	}

	.indexPart2 {
		padding: 0.5rem 0.35rem 0.75rem 0.35rem;
	}

	.indexPart2 .indexTitle {
		padding-bottom: 0.5rem;
	}

	.indexPart3 {
		padding: 0.5rem 0.4rem 0.5rem 0.7rem;
	}

	.news_swiper .swiper-slide:before {
		display: none;
	}

	.indexPart3 .leftDiv {
		width: 100%;
		float: none;
	}

	.indexPart3 .rightDiv {
		width: 100%;
		float: none;
	}

	.indexPart4 {
		padding-bottom: 0.8rem;
	}

	.indexPart4 .indexTitle {
		padding-bottom: 0.45rem;
		width: 100%;
	}

	.indexPart4 .wal {
		width: 100%;
	}

	.indexTitle2 {
		text-align: center;
	}

	.about {
		display: grid
	}

	.aboutLeft {
		background: none;
		padding-top: 0;
		width: auto;
		padding-left: 0;
		height: auto;
		width: 100%;
	}

	.aboutLeft .name {
		font-size: 0.36rem;
		line-height: 0.36rem;
	}

	.aboutLeft .year {
		font-size: 0.86rem;
		line-height: 0.86rem;
	}

	.aboutLeft .content {
		padding-bottom: 0.35rem;
	}

	.aboutLeft .mxfDiv {
		position: relative;
		height: auto;
		width: auto;
		padding-bottom: 0.35rem;
		background-size: 100%;
	}

	.aboutLeft .mxfDiv .imgDiv {
		width: 100%;
		float: none;
	}

	.aboutLeft .mxfDiv .imgDiv img {
		height: 250px;
		object-fit: cover;
	}

	.aboutLeft .mxfDiv .layer {
		position: relative;
		right: 0px;
		width: auto;
		top: 0;
		padding: 0.35rem 0 0 0.3rem;
	}

	.aboutLeft .mxfDiv .txt {
		font-size: 0.6rem;
	}

	.aboutLeft .mxfDiv .msg {
		font-size: 0.32rem;
		line-height: 0.48rem;
	}

	.aboutRight {
		width: 100%;
		padding-top: 0.5rem;
		display: inline;
	}

	.aboutRight .toptop {
		float: left;
		width: 100%;
	}

	.aboutRight .toptop .imgDiv img {
		height: 500px;
		object-fit: cover;
	}

	.aboutRight .toptop .txt {
		font-size: 0.44rem;
		padding-top: 0.2rem;
	}

	.aboutRight .toptop .wen {
		font-size: 0.24rem;
	}

	.aboutRight .botbot {
		background: none;
	}

	.aboutRight .list {
		position: absolute;
		top: 150px;
		right: 0;
		text-align: right;
	}

	.aboutRight .list li .box {
		border-radius: .3rem 0 0 .3rem;
		font-size: 0.24rem;
		height: 0.75rem;
		line-height: 0.56rem;
	}

	.aboutRight .list li em {
		font-size: 0.48rem;
	}

	.aboutRight .list li span {
		font-size: 0.32rem;
	}

	.culturePart1 .leftDiv {
		width: 100%;
		float: none;
	}

	.culturePart1 .mxfDiv .layer {
		top: 0.25rem;
	}

	.culturePart1 .mxfDiv .txt {
		font-size: 0.4rem;
		padding-bottom: 0.1rem;
	}

	.culturePart1 .mxfDiv .msg {
		line-height: 0.48rem;
		font-size: 0.24rem;
	}

	.culturePart1 .rightDiv {
		display: none;
	}

	.culturePart2 {
		padding: 0.8rem 0.2rem 1.15rem;
	}

	.culturePart2 .bigBox {
		padding: 0 0 0.7rem 0;
		height: auto;
		background-size: 100%;
	}

	.culturePart2 .imgDiv {
		position: relative;
	}

	.culturePart2 .imgDiv img {
		width: 100%;
	}

	.culturePart2 .txtDiv {
		padding: 0.65rem 0 0.2rem;
		margin: 0 0.4rem;
		border-bottom: #ff9b00 solid 2px;
	}

	.culturePart2 .txt1 {
		font-size: 0.48rem;
	}

	.culturePart2 .txt2 {
		font-size: 0.34rem;
	}

	.culturePart2 .content {
		font-size: 0.24rem;
		line-height: 0.48rem;
		padding-left: 0.4rem;
		padding-right: 0.4rem;
	}

	.news .imgList li {
		height: 2.1rem;
	}

	.news .imgList li .name {
		height: 0.8rem;
		line-height: 0.4rem;
		font-size: 0.32rem;
	}

	.news .imgList li .content {
		display: none;
	}

	.news .imgList li .share dd a {
		font-size: 0.24rem;
	}

	.news .imgList li .share dd img {
		width: 0.32rem;
	}

	.news .imgList li .time {
		font-size: 0.24rem;
	}

	.news .list {
		padding-bottom: 0.85rem;
	}

	.news .list li .name {
		height: 0.8rem;
		line-height: 0.4rem;
		font-size: 0.32rem;
	}

	.news .list li .content {
		display: none;
	}

	.news .list li .share dd a {
		font-size: 0.24rem;
	}

	.news .list li .share dd img {
		width: 0.32rem;
	}

	.news .list li .time {
		font-size: 0.24rem;
	}

	.service .leftDiv {
		width: 100%;
		float: none;
	}

	.service .title {
		font-size: 0.32rem;
		height: 0.82rem;
		line-height: 0.82rem;
	}

	.service .list li {
		padding: 0.4rem 0;
		width: 100%;
		float: none;
	}

	.service .list li .box {
		padding-left: 0;
	}

	.service .list dd {
		font-size: 0.24rem;
		line-height: 0.48rem;
	}

	.lyb .part1 {
		height: auto;
		background: none;
	}

	.lyb .part1 .msg {
		font-size: 0.24rem;
		padding: 0.2rem 0 0.4rem;
		line-height: 0.48rem;
	}

	.automotive .content {
		font-size: 0.24rem;
		padding: 0.1rem 0 0.35rem;
		line-height: 0.48rem;
	}

	.automotive .list {
		padding-top: 0.9rem;
	}

	.automotive .list li {
		position: relative;
		overflow: hidden;
		padding-bottom: 0.4rem;
		margin-bottom: 0.5rem;
	}

	.automotive .list li .imgDiv {
		width: auto;
		float: none;
	}

	.automotive .list li .name {
		font-size: 0.4rem;
		height: 0.72rem;
	}

	.automotive .list li .name:after {
		width: 0.52rem;
		margin-left: -0.26rem;
	}

	.automotive .list li .txt {
		font-size: 0.32rem;
		line-height: 0.56rem;
	}

	.automotive .list li .msg {
		line-height: 0.56rem;
		font-size: 0.32rem;
		padding-bottom: 0.4rem;
	}

	.productinfo .competitor-table {
		font-size: 0.2rem;
	}
	
	.productlineup .productlineup-table {
		font-size: 0.2rem;
	}

	.productlineup .txt1{
	  font-size: 0.18rem;
	}

	.title3{
		font-size: 0.24rem;
	}

	.automotive .details-info{
		font-size: 0.22rem;
	}

	/* 获取报价页面 */
	.quoteform,
	.quotepersontable,
	.quoteproducttable,
	.quotemessagetable,
	.quote-person-info {
		width: min(500px, 100%);
	}

	.quoteproducttable {
		margin-right: 0;
	}

	/* .fallback-notice-banner-desktop {
		display: none;
	}

	.fallback-notice-banner-phone {
		display: block;
	} */
}

@media screen and (max-width:800px) {
	.product-list {
	  grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width:575px) {
	.index-nav {
		min-width: 100%;
		height: auto;
	}

	.product-list {
	  grid-template-columns: repeat(3, 1fr);
	}

	.productinfo {
		width: 100%;
		min-width: 0;
	}
}