@charset "UTF-8";

@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
	.w1400 {
		max-width: 92%;
	}
}
@media screen and (max-width: 1360px) {
	nav.nav ul {
		gap: 0 40px;
	}
}
/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1180px) {
	.menu.m {
		display: block;
		margin-left: 20px;
	}
	.nav {
		display: none;
	}
	.m_nav {
		top: 72px;
	}
	.header {
		height: 72px;
	}
	.logo {
		height: 52px;
	}
	.logo img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.w1200 {
		max-width: 92%;
	}
}
/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
	.m_nav {
		top: 60px;
	}
	.header {
		height: 60px;
	}
	.logo {
		height: 32px;
	}
	.header_top {
		display: none;
	}
	.header .header_bottom {
		height: 60px;
	}
	.swiper .swiper-button-next {
		right: 4%;
	}
	.swiper .swiper-button-prev {
		left: 4%;
	}
	.index_page1.flex .figure {
		display: none;
	}
	.index_page1.flex .figcaption {
		flex-wrap: wrap;
		max-width: 92%;
		margin: 0 auto;
	}
	.index_page {
		padding: 8% 0;
	}
	.index_page1.flex .figcaption .h3 {
		writing-mode: horizontal-tb;
		font-size: 32px;
	}
	.index_page1.flex .figcaption .h6 {
		font-size: 21px;
		line-height: 1.2;
		margin-top: 20px;
	}
	.index_page1.flex .figcaption .p {
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 30px;
	}
	.index_page2 {
		background: #fff;
		min-height: inherit;
	}
	.index_page2 {
		padding-top: 0;
	}
	.index_page2 .title h3 {
		font-size: 42px;
	}
	.index_page2 .title h3 span {
		font-size: 28px;
	}
	.index_page3 .fontBox h3 {
		font-size: 42px;
	}
	.index_page3 {
		height: 480px;
	}
	.index_page3 .fontBox p {
		font-size: 21px;
	}
	.index_page4 .title h3 {
		font-size: 26px;
		color: #333;
		margin-bottom: 20px;
	}
	.index_page4 .title {
		flex-wrap: wrap;
	}
	.index_page4 .title h3 span {
		font-size: 36px;
	}
	.index_page4 {
		background: #fff;
	}
	.index_page4 .title {
		padding-top: 0;
	}
	.main_proSwiper {
		width: 100%;
	}
	.main_proSwiper .box {
		grid-template-columns: 100%;
	}
	.main_proSwiper .box .fontBox ul li {
		padding-left: 20px;
	}
	.main_proSwiper .box .fontBox > .name {
		padding-left: 20px;
		font-size: 27px;
		padding-top: 27px;
	}
	.main_proSwiper .swiper-button-prev,
	.main_proSwiper .swiper-button-next {
		bottom: -32px;
	}
	.footer .footer_top {
		display: none;
	}
	.footer .footer_btm > a {
		display: none;
	}
	.about_page {
		min-height: initial;
		padding: 60px 0;
		background-position: right bottom;
	}
	.about_page .about_Box {
		margin-left: 0;
		gap: 0;
		width: 92%;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.about_page .about_Box > .tit {
		margin-top: 0;
		writing-mode: horizontal-tb;
		font-size: 36px;
	}
	.about_page .about_Box .editor .h6 {
		font-size: 21px;
		line-height: 1.4;
		margin-top: 20px;
	}
	.about_page .about_Box .editor .p {
		font-size: 16px;
		/* color: #333; */
		line-height: 1.6;
	}
	.inside_banner .fontBox {
		left: 4%;
	}
	.inside_banner .fontBox h3 {
		font-size: 36px;
	}
	.inside_banner .fontBox p {
		font-size: 16px;
	}
	.inside_banner .picBox {
		height: 320px;
	}
	.contact_page1 {
		padding: 8% 0;
	}
	.contact_page1 .flex {
		flex-wrap: wrap;
	}
	.contact_page1 .contact h3 {
		max-width: 100%;
		font-size: 28px;
	}
	.contact_page1 .contact p {
		max-width: 100%;
	}
	.contact_page1 .contact p span:last-child {
		font-size: 21px;
	}
	.contact_page1 .contact p span.iconfont {
		margin-top: 3px;
	}
	.contact_page1 .contact {
		margin-bottom: 30px;
	}
	.contact_page1 .message {
		width: 100%;
		padding: 36px 30px 0 30px;
	}
	.factory_list .grid {
		grid-template-columns: 100%;
		gap: 20px 0;
	}
	.inside_page {
		padding: 8% 0 12%;
	}
	.inside_page2 {
		padding: 8% 0 12%;
	}
	.pro_content {
		grid-template-columns: 100%;
		gap: 30px 0;
	}
	.pro_list .grid {
		grid-template-columns: 100%;
		gap: 30px 0;
	}
	.product_deta {
		padding: 8% 0;
	}
	.product_deta .deta_top .grid {
		grid-template-columns: 100%;
	}
	.product_deta .deta_top .pro_picture {
		height: inherit;
	}

	.pro-inf .content_top {
		margin-top: 10px;
	}
	.pro-inf .content_top h3 {
		padding: 18px 0;
		font-size: 24px;
	}
	.pro-inf {
		height: inherit;
	}
	.pro-inf .control a:last-child {
		font-size: 14px;
	}
	.ht p {
		width: 200px;
		font-size: 18px;
		line-height: 58px;
	}
	.ht {
		height: 60px;
	}
	.news_list .grid{
		grid-template-columns: 100%;
	}
	.news_deta .w1400{
		padding: 0 10px;
	}
	.news_tit h3{
		font-size: 24px;
		text-align: left;
	}
	.news_tit p{
		text-align: left;
	}
}