@charset "UTF-8";

@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1480px) {
	.index_page3 .item:nth-child(3) .fontBox .editor {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.index_page3 .item:nth-child(3) .fontBox{left: 40px;max-width: 90%;}
}
@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;
	}
	.logo {
		height: 52px;
	}
	.logo img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.w1200 {
		max-width: 92%;
	}
	.index_page3 .item:nth-child(3) .fontBox .editor{
		display: none;
	}
}
/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
	.m_nav {
		top: 60px;
	}
	.header {
		height: 60px;
	}
	.logo {
		height: 40px;
	}
	.header .index_nav ul {
		display: none;
	}
	.header .top {
		display: none;
	}
	.header .menu.m span {
		background: #fff;
	}
	.index_page.index_page1 {
		padding: 8% 0;
	}
	.index_tit p {
		font-size: 21px;
	}
	.index_tit h3 {
		font-size: 26px;
	}
	.index_product .grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px 16px;
	}
	.index_product .grid li .picBox {
		padding: 6px;
		border: 1px solid #25316b;
	}
	.index_product .grid li p {
		margin-top: 12px;
	}
	.index_page.index_page2 {
		padding: 8% 0;
	}
	.index_page2 .flex {
		flex-wrap: wrap;
	}
	.index_page2 .flex .ser_li li {
		margin-bottom: 16px;
	}
	.index_page2 .flex .right {
		margin-top: 8%;
		transform: translateX(0);
	}
	.index_page3 .item:first-child .fontBox {
		width: 90%;
	}
	.index_page3 .item:first-child .picBox {
		min-height: 320px;
		height: 100%;
	}
	.index_page3 .item:first-child .fontBox .index_tit h3 {
		font-size: 18px;
	}
	.index_page3 .item:nth-child(2) {
		width: 100%;
	}
	.index_page3 .item:nth-child(3) .fontBox .index_tit h3 {
		font-size: 18px;
	}
	.index_page3 .item:nth-child(3) .fontBox .index_tit h3 span {
		font-size: 18px !important;
	}
	.index_page3 .item:nth-child(3) .fontBox .editor {
		display: none;
	}
	.index_page3 .item:nth-child(3) {
		width: 100%;
	}
	.index_page3 .item:nth-child(3) .picBox {
		height: 320px;
	}
	.index_page3 .item:last-child .fontBox {
		position: static;
		width: 100%;
		height: initial;
	}
	.index_page3 .item:last-child .fontBox {
		padding: 6% 4%;
	}
	.index_page3 .item:last-child .fontBox .h3 {
		font-size: 24px;
	}
	.index_page3 .item:nth-child(3) .fontBox {
		text-align: center;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
	}
	.news_module .item {
		grid-column: initial !important;
		grid-row: initial !important;
	}
	.news_module {
		margin-top: 30px;
		height: initial;
	}
	.index_page4 {
		padding: 8% 0;
	}
	.index_page.index_page5 {
		height: initial;
		padding: 8% 0;
		background-size: cover;
	}
	.index_page5 .form .input-field {
		width: 100%;
	}
	.f_top {
		display: none;
	}
	.f_btm .flex > a {
		display: none;
	}
	.f_btm .flex > div {
		display: inline-block;
		text-align: center;
	}
	.f_btm .flex > div span {
		font-size: 12px;
	}
	.f_btm .flex > div a {
		font-size: 12px;
	}
	.contact_page .w1400 {
		display: flex;
		flex-wrap: wrap;
	}
	.contact_page .w1400 .left {
		width: 100%;
	}
	.contact_page .w1400 .left {
		padding-left: 0;
		padding-top: 8%;
	}
	.contact_page .w1400 .left {
		display: none;
	}
	.inside_banner .picBox {
		height: 200px;
	}
	.inside_banner .fontBox {
		top: 45%;
	}
	.inside_banner .fontBox h3 {
		font-size: 21px;
	}
	.inside_banner .fontBox p {
		font-size: 16px;
		margin-top: 10px;
	}
	.contact_page .w1400 .right {
		padding: 8% 4%;
	}
	.contact_page .w1400 .right h3 {
		font-size: 26px;
	}
	.contact_page .w1400 .right p {
		font-size: 16px;
		line-height: 2.5;
	}
	.contact_page .w1400 .right p img {
		margin-top: 10px;
	}
	.about_page1 .flex {
		flex-wrap: wrap;
	}
	.about-title h3 {
		font-size: 26px;
	}
	.about_page1 .flex .editor .ab_sp {
		font-size: 20px;
	}
	.about_page {
		padding: 8% 0;
	}
	.company_list {
		grid-template-columns: repeat(2, 1fr);
	}
	.honor .swiper-button-prev {
		left: 20px;
	}
	.honor .swiper-button-next {
		right: 20px;
	}
	.pro_nav {
		position: fixed;
		z-index: 9;
		top: 50%;
		transform: translateY(-50%);
		left: -100%;
	}
	.pro_nav.act {
		left: 4%;
	}
	.pro_list_page .w1400 {
		grid-template-columns: 100%;
	}
	.pro_list_page ul.grid {
		grid-template-columns: 100%;
		/* grid-auto-rows: minmax(auto, 290px); */
		gap: 30px 0;
	}
	.pro_list_page ul.grid li a .fontBox {
		padding: 0 4%;
	}
	.pro_list_page .type_name span {
		display: block;
	}
	.pro_list_page {
		padding: 0 0 8% 0;
	}
	.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;
	}
	.introduct .textBox {
		width: 100%;
		padding-left: 0;
	}
	.ht_b p {
		line-height: 48px;
		font-size: 16px;
	}
	.ht_b {
		height: 48px;
	}
	.product_page {
		padding: 8% 0;
	}
	.news_page {
		padding: 8% 0;
	}
	.news_list .grid {
		grid-template-columns: 100%;
	}
	.news_tit {
		font-size: 24px;
		padding: 0 5%;
	}
	.news_page .editor {
		padding: 8% 20px;
	}
	.news_control .w1400 {
		flex-wrap: wrap;
		padding-top: 15px;
	}
	.news_control .left-n p span {
		font-size: 12px;
		flex-shrink: 0;
	}
	.news_control .left-n p a {
		font-size: 12px;
	}
	.news_control .back a {
		margin-top: 6%;
		/* width: 120px;
		height: 32px;
		line-height: 30px; */
		font-size: 14px;
	}
	.news_control .left-n p {
		align-items: flex-start;
	}
	.support_page {
		padding: 8% 0;
	}
	.support_list li {
		padding: 24px 16px;
	}
	.support_list li a {
		flex-wrap: wrap;
	}
	.support_list li .fontBox {
		width: 100%;
		margin-bottom: 6%;
	}

	.banner .swiper-button-prev,
	.banner .swiper-button-next {
		width: 30px;
		height: 30px;
	}
	.banner .swiper-button-prev::after,
	.banner .swiper-button-next::after {
		font-size: 12px;
	}
	.banner .swiper-button-prev {
		left: 15px;
	}
	.banner .swiper-button-next {
		right: 15px;
	}
}