@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: 95%;
	}

	.centerBox {
		width: 95%;
	}

	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 {
		border-top: 1px solid #eee;
		padding-top: 0;
	}

	.header .nav ul li {
		margin: 0;
		display: block;
		color: #333;
		font-size: 16px;
		padding-left: 6%;
		box-sizing: border-box;
		line-height: 60px;
	}

	.header .nav ul .liang {
		background: #82bf38;
		color: #fff;
	}

	.header {
		height: 60px;
		width: 100%;
		padding: 5px 2%;
		box-sizing: border-box;
		background: #fff;
	}

	.header .centerBox {
		height: 100%;
	}

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

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

	.banner {
		margin-top: 60px;
	}

	.foot1_left ul li {
		padding: 0 5px;
	}

	.bobao .m1 .bo {
		font-size: 14px;
	}
}

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

@media only screen and (max-width: 640px) {
	.foot1_left {
		width: 100%;
	}

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

	.foot1_right ul li {
		margin-left: 0;
		margin-right: 20px;
		width: 80px;
	}

	.foot1_right dl {
		text-align: left;
	}

	.foot1_right dl dd {
		margin-right: 10px;
		margin-left: 0;
		width: 30px;
	}

	.foot1_left .nanji h3 {
		font-size: 16px;
		line-height: 32px;
	}

	.foot1_left .nanji h4 {
		font-size: 12px;
		line-height: 30px;
	}

	.foot1_left ul li {
		font-size: 12px;
	}

	.main_indexes p {
		width: 90%;
		font-size: 12px;
		line-height: 30px;
	}

	.main_indexes {
		padding: 10px 1%;
	}

	.show .title {
		font-size: 16px;
	}

	.show {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.show .time {
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

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

	.show .show_pages p {
		font-size: 14px;
	}

	.main_name h3 {
		font-size: 16px;
	}

	.main_name h4 {
		font-size: 14px;
		margin-top: 0;
		padding-bottom: 10px;
	}

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

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

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

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

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

	.news ul li .nr h6 {
		font-size: 12px;
		line-height: 24px;
	}

	.news ul li .nr h4 {
		font-size: 12px;
		line-height: 24px;
	}

	.news ul li .nr {
		padding: 10px 3%;
	}

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

	.contact .lx1 .map {
		margin-top: 20px;
		height: 200px;
	}

	.contact {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.contact .lx2 .lx2_zz {
		width: 100%;
	}

	.contact .lx2 .lx2_yy {
		width: 100%;
		margin-top: 20px;
	}

	.contact .lx2 .lx2_zz h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.contact .lx2 .lx2_zz .nbc,
	.nbc * {
		font-size: 12px;
		line-height: 24px;
	}

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

	.contact .lx2 .lx2_yy input {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}

	.contact .lx2 .lx2_yy textarea {
		height: 80px;
		line-height: 40px;
		font-size: 12px;
	}

	.product ul li {
		width: 100%;
	}

	.product ul li .tit h3 {
		font-size: 16px;
	}

	.product {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.product ul li .nr h3 {
		font-size: 16px;
	}

	.product ul li .nr h4 {
		font-size: 12px;
		line-height: 24px;
	}

	.product_lest ul li .tij {
		font-size: 14px;
	}

	.product_lest ul li .description {
		font-size: 12px;
		line-height: 24px;
	}

	.product_lest {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.join ul li .d1 h3 {
		width: 90%;
		font-size: 14px;
	}

	.join ul li .d1 {
		line-height: 40px;
	}

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

	.join ul li .d2,
	.d2 * {
		font-size: 12px;
		line-height: 25px;
	}

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

	.about ul li h3 span {
		font-size: 20px;
	}

	.about ul li h3 {
		font-size: 12px;
		margin-top: 36px;
	}

	.about ul li h4 {
		font-size: 15px;
	}

	.about ul li {
		width: 140px;
		height: 140px;
		margin-bottom: 20px;
		margin-right: 17%;
	}

	.circle {
		width: 140px;
		height: 140px;
		clip: rect(0px, 80px, 140px, 0px);
	}

	.wrapper {
		clip: rect(0px, 140px, 140px, 50px);
	}

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

	.about .gy {
		margin-top: 30px;
	}

	.about .gy,
	.gy * {
		font-size: 12px;
		line-height: 24px;
	}

	.bobao {
		margin-top: 20px !important;
		background: #f5f5f5;
	}

	.bobao .m1 {
		width: 100%;
	}

	.bobao .m2 {
		margin-top: 20px;
		width: 100%;
	}

	.bobao .m2 form {
		width: 100%;
	}

	.in_about .img {
		width: 100%;
	}

	.in_about .img1 {
		height: auto;
		width: 100%;
	}

	.in_about .img1 img {
		margin: 0;
	}

	.in_about .cong {
		width: 100%;
		margin-top: 20px;
	}

	.in_about .cong .nm,
	.nm * {
		font-size: 12px;
		line-height: 24px;
	}

	.in_about .cong .nm {
		min-height: auto;
	}

	.in_about .cong a {
		margin: 20px auto 0;
		float: none;
		width: 80px;
		font-size: 12px;
		line-height: 32px;
	}

	.index2 video {
		min-height: 200px;
		object-fit: cover;
	}

	.more {
		width: 80px;
		line-height: 32px;
		font-size: 12px;
	}

	.index4 img {
		min-height: 200px;
		object-fit: cover;
	}
	
	.in_about{
		margin-top: 20px;
	}
	
	.bobao{
		padding-top: 10px;
	}
	
	.xw_in5 .zz{
		width: 100%;
	}
	
	.xw_in5 .yy{
		width: 100%;
		margin-top: 20px;
	}
	
	.xw_in5 .zz .xb h3{
		font-size: 14px;
		margin-top: 14px;
	}
	
	.xw_in5 .zz .xb h6{
		font-size: 12px;
		line-height: 20px;
	}
	
	.xw_in5 .zz .xb h4{
		font-size: 12px;
		line-height: 24px;
	}
	
	.xw_in5 .zz dl dd .ol{
		font-size: 12px;
		width: 74%;
	}
	
	.xw_in5 .zz dl dd .ok{
		font-size: 12px;
		width: 24%;
	}
	
	.xw_in5 .zz dl dd {
		line-height: 24px;
	}
	
	.xw_in5 .yy ul li .con h3{
		font-size: 12px;
	}
	
	.xw_in5 .yy ul li .con h4{
		font-size: 12px;
	}
	
	.xw_in5 .yy ul li .con h6{
		font-size: 12px;
	}
	
	.xw_in5 .yy ul li .con{
		line-height: 18px;
		width: 70%;
	}
	
	.xw_in5 .yy ul li .img{
		width: 30%;
	}
	
	.xw_in5 .yy ul li{
		margin-bottom: 14px;
	}
	
	.index5{
		padding-top: 30px;
		padding-bottom: 50px;
	}
	
	.xw_in5{
		margin-top: 30px;
	}
}

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

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

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