@charset "UTF-8";

@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
	.w1400 {
		max-width: 92%;
	}
}
/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1180px) {
	.menu.m {
		display: block;
		margin-left: 20px;
	}
	.nav {
		display: none;
	}
	.m_nav {
		top: 72px;
	}
	.header {
		height: 72px;
		flex-direction: row;
		justify-content: space-between;
		padding: 0 4%;
	}
	

	.logo img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.w1200 {
		max-width: 92%;
	}
	.header h3 {
		font-size: 28px;
		line-height: initial;
	}
	.product_page .w1200{
		max-width: 92%;
	}
	.news_page .w1200{
		max-width: 92%;
	}
}
/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
	.m_nav {
		top: 60px;
	}
	.header {
		height: 60px;
		padding-top: 0;
	}

	.header .logo img{
		height: 40px;
	}

	.header h3 {
		font-size: 18px;
		margin: 0 10px;
		max-width: 220px;
	}
	.banner_swiper .picBox {
		height: initial;
	}
	.banner_swiper .swiper-button-prev,
	.banner_swiper .swiper-button-next {
		width: 52px;
		height: 52px;
	}
	.banner_swiper .swiper-button-prev::after,
	.banner_swiper .swiper-button-next::after {
		font-size: 24px;
	}
	.banner_swiper .swiper-button-prev {
		left: 20px;
	}
	.banner_swiper .swiper-button-next {
		right: 20px;
	}
	.page1 {
		padding: 4% 0;
	}
	.page1 .grid {
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}
	.page1 .right .editor {
		display: none;
	}
	.page1 .w1200 {
		padding: 0;
	}
	.page1 .right .top .ftBox h3 {
		font-size: 12px;
	}
	.page1 .right .top .ftBox p {
		font-size: 14px;
	}
	.page2 {
		height: 170px;
	}
	.page2 .ftBox h3 {
		font-size: 21px;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.page2 .ftBox img {
		height: 52px;
	}
	.index_page .page3 .left {
		display: none;
	}
	.index_page .page3 .grid {
		grid-template-columns: 100%;
	}
	.index_page .page3 {
		padding: 6% 0;
	}
	.page4 {
		padding: 6% 0 8%;
		min-height: initial;
	}
	.pro_list .grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: minmax(auto, 170px);
		gap: 20px;
	}
	.page4 .title {
		margin-bottom: 30px;
	}
	.page5 .grid {
		grid-template-columns: 100%;
	}
	.page5 {
		padding: 8% 0;
	}
	.page5 .right {
		display: none;
	}
	.page6 {
		height: 170px;
	}
	.page6 .ftBox h3 {
		font-size: 21px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.page6 .ftBox img {
		height: 60px;
	}
	.page7 {
		padding: 6% 0;
	}
	.icon_list {
		width: 100%;
	}
	.page8 .ftBox {
		width: 92%;
	}
	.page8 {
		height: 320px;
	}
	.page9 {
		padding: 6% 0 4%;
	}
	.news-list_in {
		margin-top: 25px;
		grid-template-columns: 100%;
		/* grid-auto-rows: 120px; */
	}
	.news-list_in .item {
		margin-bottom: 20px;
		height: 140px;
	}
	.news-list_in .item .picBox {
		height: 100%;
	}
	.inside_banner {
		/* height: 320px; */
	}
	.inside_banner .ftbox h3 {
		font-size: 28px;
	}
	.inside_banner .ftbox p {
		font-size: 12px;
		width: 100%;
		line-height: 1.6;
	}
	.inside_banner .ftbox{
		width: 70%;
		height: 80%;
		padding: 10px;
	}
	.inside_banner .ftbox img{
		display: none;
	}
	.inside_banner .ftbox h3 span{
		font-size: 28px;
	}
	.about_page1{
		padding: 6% 0 8%;
		flex-wrap: wrap;
	}
	.shuxian{
		display:none;
	}
	.about_page .picBox{
		margin-bottom: 20px;
	}
	.about_page2 .picBox{
		max-width: 100%;
	}
	.about_page2 .ftBox{
		left: 0;
	}
	.about_page4 .picBox2{
		position: static;
	}
	.about_page4 .ftBox{
		position: static;
	}
	.about_page4{
		min-height: initial;
	}
	.about_page4{
		padding-bottom: 0;
	}
	.product_page{
		padding: 8% 0;
	}
	.pro_nav ul a{
		margin: 0;
	}
	.product_list ul{
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	.product_list ul li .picBox{
		height: initial;
	}
	.introduct .picBox {
		width: 100%;
		height: 360px;
	}
	.introduct .textBox {
		height: initial;
		width: 100%;
		margin-top: 8%;
	}
	.introduct .textBox .pro-control {
		position: static;
		width: 100%;
		margin-top: 6%;
	}
	.introduct .textBox .pro-control .item {
		width: 50%;
	}
	.introduct .textBox .pro-control .item a {
		font-size: 12px;
	}
	.introduct {
		flex-wrap: wrap;
		padding: 6% 0 8%;
	}
	.introduct .textBox {
		width: 100%;
		padding-left: 0;
	}
	.news_page{
		padding: 6% 0;
	}
	.news_page .news_list ul.grid{
		grid-template-columns: 100%;
		gap: 20px;
	}
	.contact_page .c_list ul{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.contact_page .c_list ul li{
		width: 50%;
		margin-bottom: 20px;
		justify-content: flex-start;
	}
	.message{
		max-width: 92%;
	}
	.message .input_item textarea{
		width: 100%;
	}
	.message .input_item p{
		font-size: 14px;
		flex-shrink: 0;
	}
	.about_page{
		padding: 8% 0;
	}
	.contact_page .c_list ul li:last-child{
		width: 100%;
	}
	.contact_page .c_list ul li:last-child img{
		flex-shrink: 0;
	}
	.pro_nav ul{
		display: grid!important;
		grid-template-columns: auto;
		grid-auto-flow: row dense;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
	.pro_nav ul li.active a{
		width: max-content;
	}
}