@media only screen and (max-width: 1680px) {}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {

	.centerBox2 {
		width: 90%;
	}

	.centerBox {
		width: 90%;
	}

	body {
		zoom: 0.8 !important;
	}
}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1152px) {}

@media only screen and (max-width: 1024px) {
	body {
		zoom: 1 !important;
	}

	.menu {
		display: block;
	}

	.header .nav {
		display: none;
		background: #fff;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 60px;
		left: 0;
		z-index: 999;
	}

	.header .nav ul {
		text-align: left;
		border-top: 1px solid #eee;
	}

	.header .nav ul li {
		margin: 0;
		display: block;
		color: #333;
		font-size: 16px;
		width: 100%;
		line-height: 50px;
	}

	.header .nav ul .liang::after {
		display: none;
	}

	.header .nav ul .liang {
		color: #e3a502;
	}

	.header .nav ul li .erji {
		position: unset;
		background: #fff;
	}

	.header .nav ul li .erji dl dd {
		font-size: 14px;
		line-height: 30px;
		border-bottom: none;
		color: #333333;
		font-weight: normal;
		background: none;
	}

	.header {
		height: 60px;
		width: 100%;
		padding: 5px 2%;
		box-sizing: border-box;
		background: #fff;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
	}

	.header .centerBox {
		height: 100%;
	}

	.header .centerBox .logo {
		height: 100%;
		width: auto;
	}

	.header .centerBox .logo img {
		height: 100%;
		width: auto;
	}

	.banner {
		margin-top: 60px;
	}

	.header .phone {
		display: none;
	}

	.banner .swiper-slide .fix h3 {
		font-size: 20px;
	}

	.banner .zz {
		right: 5px !important;
	}

	.banner .yy {
		left: 5px !important;
	}

	.banner_l {
		margin-top: 60px;
	}

	.banner_l .fix2 h3 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 640px) {
	.banner img {
		min-height: 200px;
	}

	.banner .swiper-slide .fix {
		left: 10%;
		top: 10%;
	}

	.banner .swiper-slide .fix h3 {
		font-size: 16px;
	}

	.banner .swiper-slide .fix h4 {
		font-size: 12px;
		line-height: 18px;
		word-wrap: break-word;
		word-break: normal;
	}

	.banner .swiper-slide .fix h3::after {
		width: 40px;
		height: 4px;
	}

	.foot1 .fo1_l {
		width: 100%;
		border: 0;
	}

	.foot1 {
		padding: 30px 0;
	}

	.footer .logo1 {
		width: 100px;
	}

	.foot1 .fo1_l ul {
		margin-top: 20px;
	}

	.foot1 .fo1_l ul li p {
		font-size: 12px;
	}

	.foot1 .fo1_l ul li img {
		width: 14px;
	}

	.foot1 .fo1_r {
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}

	.foot1 .fo1_r ul li h3 {
		font-size: 14px;
	}

	.foot1 .fo1_r ul li dl dd {
		font-size: 12px;
	}

	.foot1 .fo1_r ul li {
		width: 33.33%;
	}

	.foot1 .fo1_r ul li h3 {
		margin: 10px 0;
	}

	.foot2 {
		font-size: 12px;
		line-height: 30px;
	}

	.banner_l .fix2 h3 {
		font-size: 16px;
		padding-bottom: 10px;
	}

	.banner_l .fix2 h3::after {
		width: 30px;
		height: 3px;
	}

	.main_lb ul li {
		width: 80px;
		line-height: 40px;
		font-size: 14px;
		margin-right: 20px;
	}

	.about .about1,
	.about1 * {
		font-size: 12px;
		line-height: 20px;
	}

	.about .about1 {
		padding: 40px 0;
	}

	.about {
		padding-top: 40px;
	}

	.honnr .morebbb {
		width: 100px;
		line-height: 40px;
		font-size: 12px;
	}

	.honnr {
		padding-bottom: 60px;
	}

	.honnr ul {
		padding-top: 40px;
	}

	.news ul li {
		width: 48%;
		margin-right: 4%;
	}

	.news ul li:nth-child(3n) {
		margin-right: 4%;
	}

	.news ul li:nth-child(2n) {
		margin-right: 0;
	}

	.news ul li h3 {
		font-size: 14px;
	}

	.news ul li h4 {
		font-size: 12px;
		line-height: 20px;
		margin: 10px 0;
	}

	.news ul li .cont {
		padding: 20px 4%;
	}

	.news {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.news_show .title h3 {
		font-size: 16px;
	}

	.news_show .title h4 {
		font-size: 12px;
	}

	.news_show .title {
		padding-bottom: 20px;
	}

	.news_show .content,
	.content * {
		font-size: 12px;
		line-height: 24px;
	}

	.news_show .show_page p {
		font-size: 14px;
		line-height: 30px;
	}

	.news_show {
		padding-bottom: 60px;
	}

	.product1 .swiper-slide {
		font-size: 14px;
		line-height: 40px;
	}

	.product2 ul li {
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}

	.product2 ul li:nth-child(3n) {
		margin-right: 4%;
	}

	.product2 ul li:nth-child(2n) {
		margin-right: 0;
	}

	.product2 ul li h3 {
		font-size: 14px;
		margin-top: 10px;
	}

	.product1 .swiper {
		width: 88%;
	}

	.product1 {
		padding-top: 30px;
	}

	.product1 .zz {
		top: 87% !important;
	}

	.product1 .yy {
		top: 87% !important;
	}

	.product {
		padding-bottom: 60px;
	}

	.product2 ul {
		padding-bottom: 30px;
	}

	.product_show .po1_l {
		width: 100%;
	}

	.product_show .po1_r {
		width: 100%;
		margin-top: 20px;
	}

	.product_show .po1_r .title {
		font-size: 16px;
	}

	.product_show .po1_r dl dd {
		font-size: 14px;
		margin-top: 10px;
	}

	.product_show .po2 {
		margin-top: 30px;
	}

	.product_show .po2 .js {
		font-size: 14px;
	}

	.product_show .po2 ul li .bt {
		font-size: 15px;
		line-height: 15px;
	}

	.product_show .po2 ul li .con,
	.con * {
		font-size: 12px;
		line-height: 20px;
	}

	.product_show .po2 ul {
		padding-top: 30px;
	}

	.product_show .po2 ul li {
		margin-bottom: 30px;
	}

	.product_show .show_page p {
		font-size: 14px;
		line-height: 30px;
	}

	.product_show .show_page {
		padding-top: 30px;
	}

	.product_show {
		padding-bottom: 60px;
	}

	.contact .map {
		width: 100%;
		height: 200px;
	}

	.contact .lx2 {
		width: 100%;
		padding: 40px 6%;
	}

	.contact .lx2 .name {
		margin-top: 0;
	}

	.contact .lx2 .name h3 {
		font-size: 16px;
	}

	.contact .lx2 .name h4 {
		font-size: 14px;
	}

	.contact .lx2 .desc {
		font-size: 14px;
		margin-top: 20px;
	}

	.contact .lx2 li p {
		font-size: 12px;
	}

	.contact .lx2 li {
		margin-top: 10px;
	}

	.contact {
		margin-top: 30px;
	}

	.index1 .in1_l {
		width: 100%;
	}

	.index1 .in1_l img {
		width: 18px;
	}

	.index1 .in1_l .swiper .swiper-slide {
		font-size: 14px;
		line-height: 30px;
	}

	.index1 .in1_r {
		width: 100%;
		margin-top: 20px;
	}

	.index1 .in1_r form {
		height: 36px;
		line-height: 36px;
	}

	.index1 .in1_r .submit {
		background-position: 20px 9px;
	}

	.main_name .aa h3 {
		font-size: 15px;
	}

	.main_name .aa h4 {
		font-size: 12px;
		margin-top: 4px;
	}

	.main_name .aa {
		margin: 0px 12px;
	}
	
	.main_name img{
		width: 90px;
	}
	
	.index2{
		padding: 40px 0;
	}
	
	.index2 .in2_l{
		width: 100%;
	}
	
	.index2 .in2_r{
		width: 100%;
	}
	
	.index2 .in2_r .bada, .bada *{
		font-size: 12px;
		line-height: 20px;
	}
	
	.more{
		width: 90px;
		line-height: 36px;
		margin-top: 20px;
		font-size: 12px;
	}
	
	.index3{
		padding: 40px 0;
	}
	
	.index3 .product2 ul li:nth-child(9){
		display: none;
	}
	
	.index4 .news ul li:nth-child(3){
		display: none;
	}
	
	.index4{
		padding-top: 40px;
	}
	
	.index5 .img{
		width: 100%;
	}
	
	.index5 ul{
		width: 100%;
		margin-top: 30px;
	}
	
	.index5 ul li{
		padding: 10px 0;
	}
	
	.index5 ul li .zz p{
		font-size: 12px;
	}
	
	.index5 ul li .yy{
		font-size: 12px;
	}
	
	.index5 ul li .zz img{
		width: 20px;
		margin-right: 5px;
	}
	
	.index5{
		padding: 40px 0;
	}
	
	.index6{
		padding-top: 40px;
	}
	
	.duwn ul li .contr h3{
		font-size: 14px;
	}
	
	.duwn ul li .contr h4{
		font-size: 12px;
		margin: 10px 0;
	}
	
	.duwn ul li .contr img{
		width: 12px;
	}
	
	.duwn ul li .contr p{
		font-size: 12px;
	}
	
	.duwn ul li .img{
		width: 28%;
	}
	
	.duwn ul li .contr{
		width: 70%;
	}
	
	.duwn ul li{
		padding: 15px 0;
	}
	
	.duwn ul{
		padding-bottom: 30px;
	}
	
	.duwn{
		padding-bottom: 60px;
	}
	
	.index1 .in1_r .key{
		font-size: 12px;
	}
}

@media only screen and (max-width: 414px) {}

@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 325px) {}