@media only screen and (max-width:1800px) {
	/*首页*/
	.wd1772{width:1600px }
}
@media only screen and (max-width:1700px) {
	/*首页*/
	.wd1772,.wd1618{width:1400px }
	.about-text{width: 710px;}
	.about-text li{width: 196px}
	.about-text li i{margin:15px 0 20px 0;}

	.section-3 li {
		width: calc(25% - 30px);
    	margin: 0 15px;
		padding: 70px 20px;
		height: 430px;
	}
}
@media only screen and (max-width:1500px) {
	.wd1772,.wd1420,.wd1618{width:1300px }
	.nav_list li a{padding:12px 16px; }
	.iv{height: 660px}
	.iv-btn{ width:410px; height:410px; }

	.section-3,.section-5,.section-6,.man-1,.man-2,.man-3,.ab-culture{
		padding-top:80px;

	}
	.section-3 .zzbg{
		margin-top:100px;
	}

	.section-4{
		padding:117px 0 200px 0 

	}
	.pro-list{ margin-top:105px; }

	.pro-content{
		padding:60px 60px;
	}
	.p-right h1{
		line-height: 70px;
		display: block;
		border-radius: 35px;
		font-size: 2.4rem;
		margin-bottom: 40px;
	} 
	.p-right p{
		margin-bottom: 40px;
	}
}
@media only screen and (max-width:1366px) {
	.wd1772,.wd1420,.wd1618{width:1200px }
	.wangdian{display: none;}
	.search a{ margin-right:0px; }

	.about-text{width: 610px;}
	.about-text li{width: 160px}
	.about-text li i{margin: 10px 0 16px 0;}
	.about-text h4{padding-bottom: 40px}
	.about-text p{margin-bottom: 20px;}

	.overlay span{top: 25%;}

	.section-3 li {
		width: calc(50% - 30px);
    	margin: 0 15px;
		padding: 70px 20px;
		height: 340px;
		margin-bottom: 30px;
	}

	.man-3-li li {
	    padding: 20px;
	}
	
}
@media only screen and (max-width:1280px){
	.wd1772,.wd1420,.wd1618,.wd1200{width:1100px }
	.nav,.search,.wangdian,.lan{ height: 90px }
	.nav .logo{ width: 80px ;padding-top: 15px;}
	.nav .nav_list{padding-top: 25px;}
	.search{padding-top: 39px;}
	.wangdian{padding:37px 20px 0 20px;}
	.lan{padding:37px 0 0 20px;}

	.about-text{width: 520px;}
	.about-text-info{
		width: 90%;
	}
	.about-text li{width: 140px}
	.about-text li i{margin: 10px 0 16px 0;}

	.overlay span{top: 20%;}
	.about-pic li i{font-size: 2.4rem;}
	
	.section-3,.section-5,.section-6,.man-1,.man-2,.man-3,.ab-culture{
		padding-top:70px;

	}
	.section-3 .zzbg{
		margin-top:90px;
	}

	.section-4{
		padding:107px 0 190px 0 

	}
	.pro-list{ margin-top:95px; }


	.brand li{
		width:calc((100% - 120px )/4);
		margin:0 40px 40px 0px;
	}
	.brand li:nth-child(4n){
	margin:0 0px 40px 0px;
	}

	.product-a2 .box{ 
		width:150px; 
		height: 150px;
	 	margin-right:calc((100% - 900px)/5);
	}
	.product-a2 .box img{ width: 80px}

	.p-right h1{
		line-height: 70px;
		display: block;
		border-radius: 35px;
		font-size: 2.4rem;
		margin-bottom:30px;
	} 
	.p-right p{
		margin-bottom: 30px;
	}
	
}
@media only screen and (max-width:1200px){
	.about-text{width: 500px;}
	.about-text li{width: 135px}
	.about-text li i{margin: 10px 0 16px 0;}
	.iv{ padding:20px 0 0 0; height:560px;}

	.ab-culture .text{width: 60%}
	.man-list li i{
		padding:10px 30px;
		font-size: 2.4rem;
		
	}
	.man-4 h2{
		font-size: 4rem;
	}
	
	.contact-1 li{		
		width: 33.3%;
		height:380px;
		padding:30px;
	}

	.p-right p{
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.pro-content{
		padding:40px;
	}

}
@media only screen and (max-width:1100px){
	.wd1772,.wd1420,.wd1618,.wd1200{width: calc(100% - 60px);}
	
	.banner .swiper-pagination{ z-index:9; padding:10px 10px; }
	.banner .swiper-pagination-bullet{ width:15px; height:15px; background-size:15px 15px;}

	.organic_circle{
		float: none;
		margin:0 auto;
	}
	.about-text{
		width: 100%;
		padding:0;
		margin-top: 40px;
	}
	.overlay span{
		top: 20%;
	}
	.overlay span img{ width: 80px } 
	
	.footer .foot_1 .foot_list{width:64%}

	.man-1 p{
		font-size: 1.8rem;
		line-height:3rem;
	}

	.pr-list{
		padding-top: 60px;
    	padding-bottom: 30px;
	}
	.product .boxs .box{ 
		width:calc(50% - 30px); 
		margin:15px 15px; 
	}

	.banners{ height:300px;}
	.banners h3{ padding:100px 0 20px 0; font-size:3.6em;}
	.banners p{ font-size:2.4em;}
	.banners:before{ display:none;}

	.man-4{
		padding:160px 0 0 0;
		height: 405px;
	}

}
@media only screen and (max-width:1000px){
	
	/*手机导航开启*/
	#hamburger {
    	display: block;
	}

	/*pc 导航关闭*/
	.nav .nav_list{display: none}
	.nav .nav_right{display: none}
	.nav,.search,.wangdian,.lan{ height: 60px }
	.nav .logo{ width: 60px ;padding-top: 5px;}
	.hd{height: 60px}
	
	.section-2,.section-3,.section-5,.section-6,.man-1,.man-2,.man-3,.ab-culture {
		padding-top:60px;

	}
	.section-3 .zzbg{
		margin-top:80px;
	}
	.section-3 li {
		
		height: 400px;
	}
	.section-4{
		padding:97px 0 180px 0 

	}
	.pro-list{ margin-top:85px; }

	.brand li{
		width:calc((100% - 80px )/3);
		margin:0 40px 40px 0px;
	}
	.brand li:nth-child(4n){
		margin:0 40px 40px 0px;
	}
	.brand li:nth-child(3n){
		margin:0 0px 40px 0px;
	}
	.man-4 h2{
		font-size: 3.4rem;
	}
	.man-4 h4{
	font-size: 1.6rem;
	}

	.products li{
		width: 31.3%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
	.products li:nth-child(4n){ margin-right:3%; }
	.products li:nth-child(3n){ margin-right:0; }

	.contact-1 li{
		
		width: 100%;
		border-right:0;
		border-bottom:1px solid #e5e5e5;
		padding:30px;
		height: auto;
	}

	.p-left,.p-right{
		width: 100% 
	}
	.p-right{
		margin-top: 30px;
	}
	.p-left img {
	    border:0px solid #ddd;
	    border-radius: 0px;
	}
	.p-right h1{
		line-height: 60px;
		display: block;
		border-radius: 30px;
		font-size: 2rem;
		margin-bottom:30px;
	} 

	.product-a2 .box{ 
	 	margin-left:calc((100% - 600px)/8) ;
	 	margin-right:calc((100% - 600px)/8) ;
	}

	

	.ab-list{
		padding: 18px 0;
		
	}
	.ab-list a{ 
		padding:8px 15px;
		font-size: 1.4rem;
		margin:0 8px 8px 8px;
	}

	.pro-content{
		padding:30px;
	}

}
@media only screen and (max-width:850px) {
	.wd1772,.wd1420,.wd1618,.wd1200{width: calc(100% - 40px);}
	
	.about-pic li{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.overlay span{top: 30%;}
	.about-pic li i{font-size: 3rem;}

	.news{ padding:50px 0  80px 0;}

	.ab-culture .text{width: 80%}

	.man-3-li li{
		width: calc(100% / 2);
		padding:20px;
	}
	.man-4 h2{
		font-size: 3.4rem;
	}
	
	.man-4 h2{
		font-size: 3rem;
	}
	.man-4 h4{
		margin-top: 15px;
		font-size: 1.4rem;
	}

	
	
}
@media only screen and (max-width:768px) {
	.banners{ height:200px;}
	.banners h3{ padding:50px 0 20px 0; font-size:3em;}
	.banners p{ font-size:2em;}
	.banners:before{ display:none;}

	
	.pro-list .box{
	max-width: 400px;
    margin: 0 auto;
	}

	.section-7{
		padding:60px 0 0px 0;
		height: 320px;

	}

	.search-box{
		width: 80%
	}
	.search-box input,.search-box button{
		height: 40px;
	}

	.footer .foot_1 .foot_list{width:100%}
	.footer .foot_1 .foot_ewm{display: none;}

	.product .boxs{ width:100%; padding:50px 0;}
	.product .boxs .box{ 
		float: none;
		width:100%; 
		margin:30px auto; 
	}

	.recruit-a{
		height: 18px;
		background-size: cover;
	}
	.recruit-a .isearch{
		padding-top: 3px;
	}
	.recruit-b{
		padding-top: 3px;
	}
	.recruit-b1-a{
		font-size: 16px;
		width: 113px;
		padding-left: 28px;
	}
	.recruit-b1-b{
		width: calc(100% -113px);
	}
	.recruit-b1-b a{
		font-size:14px;
		line-height: 34px;
		margin: 0 12px;
	}
	.recruit-b1 .recruit-b1-a{
		background-size: 17.8px;
	}
	
	.recruit-b2 .recruit-b1-a{
		background-size: 17px;
	}
	
	.recruit-b3 .recruit-b1-a{
		background-size: 17px;
	}
	.recruit-b1,.recruit-b2,.recruit-b3{
		margin-bottom: 9px;
	}

	.recruit-b4{
		margin-top: 20px;
		padding: 10px;
	}
	.recruit-b4 .rba1{
		width: 60%;
	}
	.recruit-b4 .rba2{
		display: none;
	}
	.recruit-b4 .rba3{
		display: none;
	}
	.recruit-b4 .rba4{
		width: 40%;
	}
	.recruit-b4-a{
		font-size: 14px;
		height: 34px;
		line-height: 34px;
		padding: 0 15px;
	}
	.recruit-b4-b1{
		padding:18px;
		font-size: 12px;
	}
	
	.recruit-b4-b1 .rba5{
		right: 10px;
	}
	
	.recruit-b4-b2{
		padding: 12px;
	}
	.recruit-b4-b2 .rbb-div div{
		width: 50%;
		font-size: 1.2rem;
		line-height:2rem;
		margin: 2px 0;
		padding-bottom: 8px;
	}
	.recruit-b4-b2 .rbb-txt{
		padding: 5px 0 ;
		margin-top: 10px;
		font-size: 12px;
		line-height: 22px;
	}

	.product-a2 .box{ 
		margin-left:calc((100% - 450px)/8) ;
	 	margin-right:calc((100% - 450px)/8) ;
	}


	
}
@media only screen and (max-width:640px) {
	.about-text-info{
		width: 100%;
	}
	.about-text li{width: 30%;}

	.overlay span{top: 20%;}
	.about-pic li i{font-size: 2.4rem;}
	
	.section-3 h2,.section-4 h2,.section-5 h2,.section-6 h2,.ab-culture h2,.man-1 h2,.man-2 h2{font-size: 2.5rem;}
	.section-3 h4,.section-4 h4,.section-5 h4,.section-6 h4,.ab-culture h4,.man-1 h4,.man-2 h4{font-size: 2.1rem;}

	.section-2,.section-3,.section-5,.section-6,.man-1,.man-2,.man-3,.ab-culture{
		padding-top:50px;

	}
	.section-3 .zzbg{
		margin-top:70px;
	}
	.section-3 li {
		width: 100%;
    	margin: 0 0;
		padding: 70px 20px;
		height: 300px;
		margin-bottom: 30px;
	}
	
	.section-4{
		padding:67px 0 120px 0 

	}
	.pro-list{ margin-top:40px; }
	
	.news .box .txt{
		padding:20px 20px 50px 20px; 
	}

	.brand li{
		width:calc((100% - 40px )/3);
		margin:0 20px 20px 0px;
	}
	.brand li:nth-child(4n){
		margin:0 20px 20px 0px;
	}
	.brand li:nth-child(3n){
		margin:0 0px 20px 0px;
	}

	/*.brand li{
		width:calc((100% - 20px )/2);
		margin:0 20px 20px 0px;
	}
	.brand li:nth-child(4n){
		margin:0 20px 20px 0px;
	}
	.brand li:nth-child(3n){
		margin:0 20px 20px 0px;
	}
	.brand li:nth-child(2n){
		margin:0 0px 20px 0px;
	}*/
	.ab-culture{
		padding-top: 80px
	}
	.ab-culture .text{
		width: 90%;
    	margin: 0 5%;
    	padding: 30px;
	}

	.man-list li{
		
		width: 100%;
		margin-right:0;

	}
	.man-list li i{
		width: 70%;
		font-size: 2rem;
		
	}
	.man-4 h2{
		font-size: 2.4rem;
	}
	.man-4 h4{
		margin-top: 15px;
		font-size: 1.2rem;
	}

	.pr-list{
		padding-top: 40px;
    	padding-bottom: 20px;
	}

	.product-a2 .box{ 
		width: 140px;
		height: 140px;
	 	margin-left:calc((100% - 420px)/8) ;
	 	margin-right:calc((100% - 420px)/8) ;
	}

	.products li{
		width: 47%;
		margin-right: 6%;
		margin-bottom:6%;
	}
	.products li:nth-child(4n){ margin-right:6%; }
	.products li:nth-child(3n){ margin-right:6%; }
	.products li:nth-child(2n){ margin-right:0; }

	.p-right h1{
		line-height: 50px;
		display: block;
		border-radius: 25px;
		font-size: 1.8rem;
		margin-bottom:30px;
	} 
	.p-left img {
	    border:0px solid #ddd;
	    border-radius: 0px;
	}
	.pro-content{
		border-radius: 15px;
		padding:10px;
	}
	
	.contact-1 li h2{
		font-size: 2.4rem;
		padding-bottom: 20px;
	}
	.contact-1 li p{
		font-size: 1.4rem;
		line-height:2.6rem;

	}
	.contact-3{
		padding-top: 60px
	}
	.about-text li b{
		font-size: 1.6rem;
	}

	.ias{ 
		margin:0 10px; 
		padding:8px 20px; 
		display:inline-block; 
		font-size:1.6em; 
		color:#fff; 
		background:#b8bcbc; 
		border-radius:30px; 
		cursor: pointer;
	}

	.man-4{
		padding:80px 10% 0 10%;
		height: 245px;
	}

	.ab-list{
		text-align: left;
		
	}

	
}
@media only screen and (max-width:600px) {
	.banners{ height:160px;}
	.banners h3{ padding:30px 0 10px 0; font-size:3em;}
	.banners p{ font-size:2em;}
	.banners:before{ display:none;}

	.about-text li i{
		font-size: 2.8rem;
		margin:10px 0 13px 0;
	}
	.about-text li span{font-size: 1.6rem;}
	.about-text li i{margin: 6px 0 8px 0;}

	.iv {  padding: 50px 0 0 0;  height:260px ;}
	.iv-btn{ width:180px; height:180px;}
	.iv-btn img{ max-width:100%;}
	.video-btn{ width:80px;}
	
	.iv-btn:after,.iv-btn:before {  width:80px; height:80px;}

	.brand{margin-top: 34px; }
	.footer{padding-top:0px}
	.foot_1,.foot-logo{ display: none; }

	.ab-culture .text h2{
		font-size: 2.6rem;
		margin-top: 28px;
		
	}
	.ab-culture .text h4{
		font-size: 1.8rem;
	}
	.recruit-b1-b a{
		font-size:12px;
		line-height: 32px;
		margin: 0 10px;
	}

	.product-a1{
		font-size: 2.4rem;
	}
}
@media only screen and (max-width:500px) {
	.about-text li i{
		font-size: 2.2rem;
		margin:6px 0 ;
	}

	

	.section-3 li {
		
		height: 400px;
	}

	.ab-culture .text{
		width: 100%;
    	margin: 0 ;
	}

	.man-3-li li{
		width: 100%;
		padding:10px 0;
	}
	.man-3 h2 {
	    font-size: 1.8rem;

	}

	.products li{
		width:100%;
		margin-right: 0%;
		margin-bottom:30px;

	}
	.products li:nth-child(4n){ margin-right:0; }
	.products li:nth-child(3n){ margin-right:0; }
	.products li:nth-child(2n){ margin-right:0; }

	.recruit-b1-a{
		font-size: 14px;
		width: 100px;
		padding-left: 28px;
	}
	.recruit-b1-b{
		width: calc(100% - 100px);
	}
	.recruit-b1-b a{
		font-size:12px;
		line-height: 32px;
		margin: 0 6px;
	}

	.product-a2 .box{ 
		margin-left:calc((100% - 280px)/4) ;
	 	margin-right:calc((100% - 280px)/4) ;
	}

	.brand li{
		width:calc((100% - 20px )/3);
		margin:0 10px 10px 0px;
		padding:0 5px;
		height: 130px;
	}
	.brand li:nth-child(4n){
		margin:0 10px 10px 0px;
	}
	.brand li:nth-child(3n){
		margin:0 0px 10px 0px;
	}

}
@media only screen and (max-width:414px) {
	
	.overlay span img{ width: 70px } 
	.overlay span{top: 15%;}
	.about-pic li i{font-size: 2rem;}

	/*.brand li{
		width:100%;
		margin:0 0px 40px 0px;
	}*/
	

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

}



/*news*/
@media screen and (max-width: 1550px) {
	.news-txt .box{ width:calc(33.33% - 60px);}
}
@media screen and (max-width: 1024px) {
	.news-txt .boxs{ width:calc(100%); margin-left:0px;}
	.news-txt .box{width:calc(33.33% - 20px); margin:0 10px 40px 10px;}
	.news-txt .box .txt { padding: 25px 20px;}
}
@media screen and (max-width: 800px) {
	.news-txt .box{width:calc(50% - 20px);}
}
@media screen and (max-width: 600px) {
	.news-txt .box{width:calc(100% - 20px);  max-width:360px; float:none; margin:0 auto 40px auto;}
	.news-txt{ padding:40px 0 20px 0;}
}


/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
}
/*knowledge*/
@media screen and (max-width: 1250px) {
	.part .box { width: calc(33.33% - 20px); margin: 0 10px 40px 10px;}
}
@media screen and (max-width: 1024px) {
	.knowledge-txt .boxs{ width:100%; margin:0 0 40px 0;}
	.know-line h3 { font-size: 2em;}
	.kinds{ padding:40px 0 60px 0;}


}
@media screen and (max-width: 800px) {
	.part .box { width: calc(50% - 20px);}
	.part{ padding:40px 0 10px 0;}
}
@media screen and (max-width: 600px) {
	.part .box { width: calc(100% - 20px);}
	.kinds{ padding:20px 0 20px 0;}
	.knowledge-txt .box { padding: 50px 15px 30px 15px;}
	.knowledge-txt .box:hover span{ transform:translateY(-15px);}
}