@charset "UTF-8";

@media screen and (max-width: 1680px) {
	.w1760 {
		max-width: 92%;
	}
}
@media screen and (max-width: 1440px) {
	.w1400 {
		max-width: 92%;
	}
	.index_page1 .about_box .left_b {
		width: 100%;
		flex: auto;
	}
	.abox_swiper {
		flex: none;
		width: 480px;
	}
	.index_page1 .index_title {
		top: 320px;
		font-size: 80px;
	}
	.index_page1 .about_box .left_b .picture {
		height: 100%;
	}
	.index_page1 .about_box .left_b .picture img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.w1360 {
		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;
		top: 20px;
	}
	.logo {
		height: 52px;
	}
	.logo img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.w1200 {
		max-width: 92%;
	}
	.index_page1 .about_box .left_b .font {
		font-size: 18px;
	}
	.header .flex {
		padding: 0 4%;
	}
	.header .menu {
		font-size: 16px;
		width: 100px;
		height: 48px;
		line-height: 46px;
	}
}
/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
	.videoc{
		padding-top:0
	}
	.m_nav {
		top: 60px;
	}
	.header {
		height: 60px;
	}
	.logo {
		height: 40px;
	}
	.index_banner {
		height: 300px;
	}
	.index_page1 .about_box {
		flex-wrap: wrap;
		position: initial;
	}
	.abox_swiper {
		width: 100%;
	}
	.index_page1 {
		height: initial;
	}
	.index_page1 .about_box .left_b .picture {
		height: 440px;
	}
	.index_page1 .index_title {
		font-size: 60px;
		top: 400px;
	}
	.index_page1 .about_box .left_b {
		height: max-content;
	}
	.index_page1 .about_box .left_b .font {
		line-height: 1.8;
		font-size: 16px;
		bottom: 15%;
	}
	.index_page1 .about_box .left_b .control {
		display: none;
	}
	.index_page2 .index_title {
		padding-right: 0;
		text-align-last: left;
		font-size: 60px;
	}
	.index_page2 {
		padding: 10% 4%;
	}
	.inpro_nav {
		margin-top: 10%;
		overflow-x: auto;
	}
	.inpro_list_mod {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.gallery_box .top .font h3 {
		font-size: 60px;
	}
	.gallery_box .top .font p {
		font-size: 16px;
		max-width: 80%;
	}
	.gallery_box .top {
		flex-wrap: wrap;
		padding-right: 0;
		width: 100%;
	}
	.gallery_box {
		padding: 10% 4%;
	}
	.index_page3 {
		padding-top: 0;
		height: initial;
		min-height: initial;
	}
	.gallery_box .top .picture {
		width: 100%;
		margin-top: 8%;
	}
	.gallery_box .top .font {
		position: static;
		transform: translate(0);
		width: 100%;
	}
	.gallery_box .top .font h3 {
		font-size: 48px;
	}
	.gallery_box .top .font p {
		margin-top: 5%;
	}
	.gallery_box .bottom {
		margin-top: 10px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0 10px;
	}
	.gallery_box .bottom .pic_li:nth-child(n + 2) {
		margin-left: 0;
	}
	.index_page4 {
		padding: 8% 4% 12% 4%;
	}
	.index_page4 .page_control {
		padding-left: 0;
		padding-bottom: 100px;
	}
	.index_page4 .page_control h3 {
		font-size: 48px;
	}
	.index_page4 .page_control h3 span {
		font-size: 60px;
	}
	.f_contact .figcaption h3 {
		font-size: 60px;
	}
	.f_contact .figcaption h3 span {
		font-size: 72px;
	}
	.f_contact .figcaption i {
		font-size: 65px;
	}
	.f_contact .figcaption h5 {
		font-size: 28px;
	}
	.f_contact .figcaption h6 {
		font-size: 22px;
	}
	.f_contact {
		padding: 10% 0;
		height: initial;
		min-height: 420px;
	}
	.footer_nav .top {
		display: none;
	}
	.footer_nav .bottom > a {
		display: none;
	}
	.footer_nav {
		padding-top: 0;
	}
	.footer_nav .bottom p {
		text-align: center;
		line-height: 1.4;
	}
	.footer_nav .bottom {
		padding: 24px 0;
	}
	.inside_banner .font h3 {
		font-size: 36px;
		margin-bottom: 6%;
	}
	.inside_banner .font {
		width: 70%;
	}
	.about_page1 {
		padding-top: 0;
		padding: 10% 4%;
		grid-template-columns: 100%;
	}
	.about_page1 figcaption {
		width: 100%;
		padding: 0;
		line-height: 1.6;
		font-size: 16px;
		margin-bottom: 8%;
	}
	.about_page1 figcaption .editor {
		font-size: 16px;
		line-height: 1.6;
	}
	.about_page1 figcaption .share {
		margin-top: 6%;
	}
	.about_page1 figcaption h3 {
		position: static;
		font-size: 52px;
		margin-bottom: 8%;
	}
	.about_page2 {
		background-position: right top;
		background-size: cover;
		flex-wrap: wrap;
		min-height: initial;
		height: initial;
		padding: 10% 4%;
	}
	.about_page2 figcaption {
		padding-left: 0;
		margin-top: 8%;
	}
	.about_page2 figcaption .h3 {
		font-size: 52px;
		margin-bottom: 20px;
	}
	.about_page2 figcaption .p {
		font-size: 20px;
		line-height: 2;
	}
	.honor_ft {
		position: static;
	}
	.about_page3 {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		padding: 10% 4%;
	}
	.honor_ft h3 {
		font-size: 52px;
	}
	.honor_ft p {
		font-size: 16px;
		margin-top: 20px;
		line-height: 1.6;
	}
	.honor_swiper_box {
		height: 400px;
		margin-top: 6%;
	}
	.honor_swiper_box .swiper-horizontal > .swiper-scrollbar,
	.honor_swiper_box .swiper-scrollbar.swiper-scrollbar-horizontal {
		bottom: -30px;
	}
	.contact_top {
		padding: 10% 0;
	}
	.contact_top .c_inf {
		max-width: 100%;
	}
	.contact_top .c_inf h3 {
		font-size: 32px;
		line-height: 1.2;
	}
	.contact_top .c_inf p {
		margin: 8% 0;
	}
	.contact_top .logo_bg {
		display: none;
	}
	.contact_top .c_inf .btm {
		padding-top: 8%;
		flex-wrap: wrap;
	}
	.contact_top .c_inf .btm a.more {
		margin-top: 6%;
	}
	.message_page {
		padding: 8% 4% 6% 4%;
		height: initial;
		flex-wrap: wrap;
	}
	.message_page h3 {
		font-size: 42px;
	}
	.inside_banner .picture {
		height: 400px;
	}
	.inside_banner .down {
		width: 36px;
	}
	.download_list a p.name {
		font-size: 21px;
	}
	.download_list a .icon {
		width: 40px;
		height: 40px;
		border-radius: 40px;
		flex: none;
	}
	.download_list a .icon i {
		font-size: 20px;
		transform: rotateZ(90deg) translateX(18px);
	}
	.download_list a {
		padding: 10% 0;
	}
	.news_page .index_title {
		padding-left: 0;
		font-size: 48px;
	}
	.news_page .index_title span {
		font-size: 56px;
	}
	.news_page {
		padding: 8% 0 10%;
	}
	.news-list ul {
		margin-top: 10%;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: minmax(auto, 280px);
	}
	.news-list ul li a {
		padding: 10% 6%;
	}
	.news-list ul li a p.inf {
		line-height: 1.4;
		margin: 20px 0 40px;
		font-size: 14px;
	}
	.news-list ul li a p.title {
		font-size: 22px;
	}
	.news_title .w1360 {
		padding: 12% 0 8% 0;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.news_title .w1360 .right {
		font-size: 24px;
		line-height: 1.5;
		margin-top: 7%;
	}
	.news_editor {
		padding: 8% 4%;
		font-size: 16px;
		line-height: 1.8;
	}
	.newcontrol {
		padding: 30px 0;
		margin-top: 20px;
	}
	.latest_news .w1760 > .title {
		padding-left: 6%;
		font-size: 42px;
	}
	.product_page {
		padding: 8% 0 10% 0;
	}
	.product_page .index_title {
		padding-right: 0;
		text-align-last: left;
		font-size: 42px;
	}
	.porduct-list ul {
		margin-top: 40px;
		grid-template-columns: 100%;
		border-bottom: none;
	}
	.porduct-list ul li {
		border-bottom: 1px solid #eee;
	}
	.product_detail {
		grid-template-columns: 100%;
	}
	.product_detail {
		padding: 0 4%;
		grid-auto-rows: auto;
	}
	.product_detail .left {
		padding: 10% 0;
		margin-bottom: 8%;
	}
	.product_detail .right .pro_name h3 {
		font-size: 36px;
	}
	.product_detail .right .pro_name {
		height: 120px;
		padding-bottom: 20px;
		padding-left: 0;
	}
	.product_detail .right .pro_inf {
		padding-left: 0;
		padding-top: 6%;
		font-size: 16px;
		line-height: 1.8;
	}
	.pro_editor .tit {
		font-size: 36px;
		text-align: center;
	}
	.detail_banner .picture {
		height: 200px;
	}
	.detail_banner .picture img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.detail_banner .detail_nav {
		padding: 4% 4%;
		flex-wrap: wrap;
		line-height: 2;
	}
	.detail_banner .detail_nav span {
		font-size: 12px;
		margin-right: 10px;
	}
	.detail_banner .detail_nav a {
		font-size: 12px;
		margin-right: 10px;
	}
	.public_menu .nav_close {
		right: 20px;
		top: 20px;
		width: 40px;
		height: 40px;
		border-radius: 40px;
	}
	.public_menu {
		padding-left: 60px;
		justify-content: flex-start;
		padding-top: 100px;
	}
	.index_page1 .about_box .left_b .font {
		position: static;
		margin: 6% 0;
		padding: 0 4%;
	}
	.index_page1 .about_box .left_b .picture {
		display: none;
	}
	.index_page1 .index_title {
		position: static;
	}
	.index_page1 {
		background: url(../images/index_page1_img01.jpg) no-repeat left top;
		padding: 10% 0;
	}
}