@media screen and (max-width: 1920px) {
	.banner{
		width: 100%;
		height: 800px;
	}
	.numCount ul,
	.max,
	.hertre_cen{
		width: 95%;
	}
	.hertre{
		height: 100px;
	}
	.nav_om ul li{
		font-size: 14px;
		margin: 0 15px;
		/* line-height: 100px; */
	}
	.logo{
		width: 200px;
		height: auto;
	}
	.nav_om_ul{
		top: 100px;
	}
	.product_introduce_img>img{
		width: 100%;
	}
	body{
		padding-top: 100px;
	}
	.in_contact_right{
		padding-right: 15px;
	}
	.navImg_2{
		/* top: 0; */
	}
	.in_top2{
		width: 95%;		
	}
	.green{
		width: 80%;
	}
	.product_content3_con{
		width: 90%;
		margin: 0 5%;
	}
	.case_info_top{
		width: 95%;
		margin: 0 2.5%;
	}
	.case_info_bottom{
		width: 90%;
		margin: 120px 5% 0;
	}
	.case_info_bottom_item{
		width: 28%;
	}
	.case_info_bottom_item img{
		width: 100%;
	}
	.info_bg_bg{
		width: 95%;
		margin: 0 2.5%;
	}

	#nav2{
		justify-content: space-between;
	}
	#nav2 .nav2_label{
		margin: 0 20px;
	}
	#nav2 .nav2_icon_item{
		width: 150px;
	}
	#nav2 .icon_item_box{
		width: 100px;
		height: 100px;
		margin: 0 auto 15px;
	}
	#nav2 .icon_item_box img{
		height: 40px;
		width: auto;
	}
	.nav2_icon_item label{
		font-size: 18px;
	}
	.nav3_icon{
		width: 50%;
		margin: 0 2.5%;
	}
	.nav3_icon img{
		width: 100%;
	}
}
@media screen and (max-width: 1300px) {
	.banner{
		width: 100%;
		height: 700px;
	}
	.green{
		width: 95%;
		margin: 0 2.5%;
	}
	#nav3 .product_introduce_p5{
		margin-bottom: 20px;
	}
	#nav3 .p5_border6{
		margin-bottom: 20px;
	}
	#nav3 .product_introduce_p4 {
		letter-spacing: 0;
		line-height: 24px;
	}
}
@media screen and (max-width: 1200px) {
	/* .logo{
		width: 120px;
	} */
	.nav_om ul li {
		margin: 0 auto;
	}
	.banner{
		width: 100%;
		height: 620px;
	}
	.banner h1{
		font-size: 40px;
		line-height: 40px;
		padding-bottom: 30px;
	}
	.banner h1::after{
		height: 5px;
	}
	.news_img{
		width: 300px;
	}
	.news_text {
	    width: calc(100% - 330px);
    } 
    .news_text h1{
    	-webkit-line-clamp: 1;
    	font-size: 20px;
    }
    .news_text p{
    	-webkit-line-clamp: 3;
    	font-size: 16px;
    	line-height: 26px;
    }
    .news_text p{
    	font-size: 14px;
    }
    .Products_left{
    	width: 200px;
    	padding: 0 15px;
    	border-radius: 200px;
    	padding-bottom: 100px;
    }
    .Products_left h1{
    	font-size: 20px;
    	padding: 0;
    	margin-top: 30px;
    }
    .Products_left ul{
    	margin-top: 30px;
    }
    .Products_left ul li{
    	font-size: 16px;
    }
    .Products_right{
    	width: calc(100% - 230px)
    }
    .banner_text h2{
    	font-size: 50px;
    	line-height: 60px;
    }
    .in_contact_left{
    	width: 50%;
    }
    .in_contact_left p{
    	font-size: 14px;
    	line-height: 26px;
    }
    .in_contact_right{
    	width: 48%;
    }
    .di_right{
		width: calc(100% - 300px);
		overflow: hidden;
	}
	.product_introduce_p1 {
		display: block;
		letter-spacing: 2px;
		font-size: 18px;
		text-align: center;
	}
	.product_introduce_p2{
		display: block;
		letter-spacing: 2px;
		font-size: 30px;
		text-align: center;
	}
	.border_6{
		width: 60%;
		height: 2px;
		margin: 0 auto 40px;
	}
	.product_introduce_p3{
		margin: 40px auto;
		line-height: 1.8;
		font-size: 16px;
		letter-spacing: 2px;
	}
	.product_introduce_p5{
		text-align: center;
		margin-bottom: 20px;
	}
	.p5_border6{
		width: 60%;
		margin: 0 auto 40px;
		text-align: center;
	}
	.product_introduce_p4 {
		letter-spacing: 0;
		line-height: 24px;
		text-align: center;
	}
	#nav2{
		display: block;
    padding: 40px 0;
    width: 100%;	
	}
	.nav2_label{
		width: 95%;
		margin: 0 2.5%;
	}
	#nav2 .product_introduce_p2{
		margin-bottom: 30px;
	}
	#nav2 .product_introduce_p4{
		letter-spacing: 0;
		margin-bottom: 40px;
	}
	#nav2 .nav2_icon_item {
		width: 25%;
		height: auto;
	}
	#nav2 .icon_item_box{
		width: 120px;
		height: 120px;
		margin: 0 auto 15px;
	}
	#nav2 .icon_item_box img{
		height: 60px;
		width: auto;
	}
	.nav2_icon_item label{
		font-size: 24px;
	}
}

@media screen and (max-width: 1000px) {
	.banner{
		width: 100%;
		height: 320px;
	}
	.none{
		display: none;
	}
	.menu-icon{
		display: block;
	}
	.logo{
		width: 140px;
		height: auto;
	}
	.hertre{
		height: 70px;
		background: #465a21;
	}
	.nav_om{
		width: 100%;
		top: 70px;
		position: absolute;
		background: #fff;
		display: none;
		left: 0;
		transform: translate(0%,0%);
	}
	.nav_om ul li{
		width: 100%;
		float: none;
		text-align: center;
	    border-bottom: 1px rgb(0,0,0,0.6) solid;
	    line-height: 60px;
	    font-size: 14px;
	}
	.body_in,
	body{
		padding-top: 70px;
	}
	.conteact_left{
		width: 100%;
	}
	.conteact_left ul li{
		margin-top: 20px;
	}
	.conteact_left ul li h1{
		font-size: 20px;
	}
	.conteact_img{
		margin-top: 10px;
	}
	.conteact_img>img{
		width: 30px;
		height: 30px;
	}
	.conteact_text{
		width: calc(100% - 40px);
		font-size: 16px;
		line-height: 20px;
	}
	.map{
		width: 100%;
		height: 300px;
		margin-top: 30px;
	}
	
	.conteact>h1{
		font-size: 24px;
		line-height: 24px;
		padding-left: 10px;
	}
	.onloie form label{
		width: 100%;
		margin-bottom: 10px;
	}
	.textarea p,
	.onloie form label p{
		width: 100%;
		font-size: 16px;
		line-height: 50px;
	}
	.onloie form label input,
	.textarea textarea{
		width: 100%;
	}
	.onloie form .submit{
		width: 100%;
		font-size: 16px;
		margin-top: 30px;
	}
	.about h1{
		padding-bottom: 15px;
	}
	.in_contact_left>h1::after,
	.about h1::after {
	    width: 60px;
	    height: 5px;
	}
	.about_text p{
		font-size: 16px;
		line-height: 26px;
		width: 100%;
	}
	.about_text img{
		width: 100%;
		margin-top: 20px;
	}
	.ab_con1{
		padding: 40px 0 0;
	}
	.ab_h1 .about_p1{
		letter-spacing: 2px;
		font-size: 24px;
	}
	.ab_h1 .about_p2{
		letter-spacing: 6px;
		font-size: 36px;
	}
	.ab_info_box{
		padding: 60px 0 20px;
		display: block;
	}
	.ab_info{
		width: 95%;
		margin: 0 2.5%;
	}
	.ab_info_line{
		width: 50%;
		margin: 0 auto;
		height: 4px;
	}
	.icon_1 {
		width: 80px;
		height: 80px;
		position: relative;
		left: 40px;
		top: 60px;
	}
	.icon_2 {
		width: 120px;
		height: 120px;
		position: relative;
		left: 200px;
		top: -60px;
	}
	.icon_3 {
		width: 160px;
		height: 160px;
		position: relative;
		left: 100px;
		top: -20px;
	}
	.ab_icon{
		width: auto;
		height: auto;
		padding: 20px 0;
	}
	.icon_1 img,
	.icon_2 img,
	.icon_3 img{
		width: 50%;
		height: auto;
		margin: 0 auto;
	}
	.numCount ul{
		margin: 30px auto;
	}
	.numCount ul li{
		width: 33%;
	}
	.numText h1,
	.numText span,
	.numText font{
		font-size: 26px;
		line-height: 26px;
	}
	.numCount ul li p{
		font-size: 14px;
		margin-top: 10px;
	}
	.introduction{
		margin-top: 0px;
	}
	.introduction ul li{
		margin-top: 30px;
	}
	.introduction_img{
		width: 300px;
	}
	.introduction_img img{
		height: 500px;
		object-fit: cover;
	}
	.introduction_text{
		width: calc(100% - 350px);
	}
	.introduction_text h1{
		font-size: 20px;
	}
	.intro_text{
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	.banner_text h2{
		font-size: 30px;
		line-height: 40px;
	}
	.banner_text p{
		font-size: 20px;
		margin-top: 10px;
	}
	.banner_text a{
		width: 150px;
		font-size: 14px;
		margin-top: 25px;
		line-height: 36px;
	}
	.in_news,
	.in_contact_max,
	.center{
		padding: 30px 0;
	}
	.center_max ul{
		justify-content: space-between;
		margin-top: 10px;
	}
	.center_max ul li{
		width: calc(50% - 5px);
		margin-left: 0px;
	}
	.in_news_top a{
		width: 100px;
		line-height: 36px;
		font-size: 14px;
	}
	.in_news_content{
		padding: 15px;
	}
	.in_news_content img{
		width: 100%;
	}
	.in_news_text{
		width: 100%;
		margin-top: 30px;
	}
	.in_news_content h1,
	.in_news_content p,
	.in_news_content a{
		margin-top: 15px;
	}
	.in_news_content h1{
		font-size: 16px;
	}
	.in_news_content p{
		font-size: 12px;
	}
	.in_news_max ul{
		margin-top: 0px;
	}
	.in_news_max ul li{
		width: 100%;
		margin-top: 20px;
		padding: 20px 10px;
	}
	.news_lift{
		width: 70px;
	}
	.news_lift h1{
		font-size: 26px;
	}
	.news_lift p{
		font-size: 12px;

	}
	.news_right{
		width: calc(100% - 90px);
	}
	.news_right h1{
		font-weight: inherit;
		-webkit-line-clamp: 1;
	}
	.news_right p{
		font-size: 14px;
		-webkit-line-clamp: 3;
	}
	.product_nav{
		background-size: 100% 300px;
		padding: 0 0 40px;
	}
	.product_content{
		padding: 40px 0 0;
	}
	.product_content_p1{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.product_content_p2{
		font-size: 28px;
	}
	.product_content_p3{
		width: 95%;
		margin: 0 2.5%;
		font-size: 20px;
	}
	.product_content_p4{
		width: 95%;
		margin: 0 2.5% 40px;
	}
	.product_content_img{
		width: 60%;
		margin: 20px 20% 0;
		height: auto;
	}
	.green{
		display: block;
	}
	.green_label_1{
		margin: 15px auto;
	}
	.product_content3{
		padding: 40px 0;
	}
	.product_content3_con{
		display: block;
	}
	.product_icon_item{
		margin: 30px auto;
	}
	.product_icon_item img{
		width: 40px;
		height: auto;
	}
	.product_icon_item>span{
		font-size: 16px;
		margin-top: 8px;
	}
	.product_content4{
		padding: 40px;
	}
	.product_content4_p1{
		font-size: 20px;
	}
	.product_content4_p2{
		font-size: 30px;
	    margin-top: 10px;
	}
	.product_item_box{
		display: block;
		padding: 60px 0 0;
	}
	.product_item>img{
		width: 100%;
	}
	.product_item_p1{
		font-size: 24px;
	}
	.product_item_p2{
		font-size: 16px;
	}

	.in_news_top h1,
	.center_max h1,
	.in_contact_left>h1,
	.about h1,
	.onloie>h1{
		font-size: 24px;
		line-height: 24px;
	}
	.in_news_content,
	.numCount,
	.about_text,
	.about,
	.onloie form,
	.news,
	.conteact_cont{
		margin-top: 30px;
	}
	.onloie,
	.conteact{
		margin-top: 50px;
	}
	.footerbox {
		width: 95%;
		margin: 0 2.5%;
	}
	#case{
		padding: 40px 0;
	}
}

/*手机*/
@media screen and (max-width: 798px) {
	.banner{
		width: 100%;
		height: 300px;
	}
	.banner h1{
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 20px;
	}
	.banner h1::after{
		width: 80px;
		height: 5px;
	}
	/* --begin-- */
	#introduce{
		height: auto;
		display: block;
	}
	.main_product{
		width: 95%;
		margin: 0 2.5%;
		position: static;
		height: auto;
	}
	.main_product_Img_2{
		display: block;
		height: auto;
	}
	.navImg_2{
		position: static;
		width: 60%;
		margin: 0 auto;
	}
	.main_info{
		position: static;
	}
	.main_info p{
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 8px;
		margin: 16px auto;
		text-align: center;
	}
	.info_btn{
		width: 50%;
		height:42px;
		line-height: 42px;
		font-size: 16px;
		letter-spacing: 8px;
	}
	.product_introduce{
		width: 95%;
		margin: 0 2.5%;
		padding-top: 40px;
	}
	

	#nav2 .icon_item_box{
		width: 60px;
		height: 60px;
		margin: 0 auto 15px;
	}
	#nav2 .icon_item_box img{
		height: 30px;
		width: auto;
	}
	.nav2_icon_item label{
		font-size: 16px;
	} 
	.nav3_img{
		/* width: 100%; */
		height: 770px;
	}
	.nav3 .product_introduce_p2{
		margin-bottom: 40px;
	}

	#nav3 .flex_tb{
		display: block;
		width: 90%;
		top: 40px;
	}
	.nav3_inner{
		display: block;
		margin: 0;
	}
	.nav3_icon{
		width: 95%;
		margin: 0 2.5%;
	}
	.nav3_icon img{
		width: 100%;
	}
	#business{
		height: 400px;
	}
	.business_label_1{
		font-size: 20px;
		width: 30px;
	}
	.business_label_2{
		font-size: 16px;
	}
	.anim_label{
		height: 200px;
		padding: 20px 0 5px 20px;
	}
	.anim_label_1{		
		font-size: 20px;
		width: 100%;
		margin: 0;
	}
	.anim_label_2{
		font-size: 12px;
		letter-spacing:0;
		word-break: break-word;
		white-space: break-spaces;
	}
	.footerIcon{
		display: none;
	}
	.footerbox{
		display: block;
		padding: 20px 0 0;
	}
	.ICP{
		font-size: 12px;
		width: 95%;
		margin: 0 2.5%;
	}
	/* --end-- */
	.news ul li{
		padding: 10px;
	}
	.news_img{
		width: 100%;
	}
	.news_text {
	    width: 100%;
	    margin-top: 15px;
    }
    .news_text p,
    .news_text span{
    	margin-top: 20px;
    	font-size: 14px;
    }
    .news_text h1{
    	-webkit-line-clamp: 2;
    }
    .news_text p{
    	-webkit-line-clamp: 5;
    }
    .show>h1{
    	font-size: 20px;
    }
    .numText h1,
	.numText span,
	.numText font{
		font-size: 20px;
		line-height: 20px;
	}
    .introduction_img{
		width: 100%;
	}
	.introduction_img img{
		height: auto;
	}
	.introduction_text{
		width: 100%;
		margin-top: 30px;
	}
	.news ul{
		margin-bottom: 50px;
	}
	.Products_left{
		width: 100%;
		border-radius: 10px;
		padding: 30px 10px;
	}
	.Products_left h1{
		margin-top: 0px;
	}
	.Products_left ul li{
		font-size: 16px;
		font-weight: inherit;
		padding: 0;
		border-bottom: 1px dashed #fff;
	}
	.Products_left ul li:nth-child(1){
		border-top: 1px dashed #fff;
	}
	.Products_right{
		width: 100%;
		margin-top: 30px;
	}
	.Products_right ul li h1{
		font-size: 20px;
	}
	.Products_text{
		margin-top: 20px;
	}
	.Products_right ul li{
		margin-bottom: 30px;
		border-bottom: 1px dashed #006836;
		padding-bottom: 30px;
	}
	.Products_right ul li img{
		width: 150px;
		object-fit: cover;
	}
	.Pro_text{
		width: calc(100% - 160px);
	}
	.Pro_text a{
		margin-top: 10px;
	}
	.conteact>h1{
		width: 100%;
	}
	.conteact form{
		width: 100%;
		margin-top: 20px;
	}
	.conteact form{
		height: 50px;
	}
	.conteact form .seach_t{
		padding: 0 50px;
		font-size: 14px;
	}
	.conteact form .seach_s{
		width: 50px;
		height: 50px;
	}
	.Products{
		padding-top: 30px;
	}
	.banner1 img{
		height: 300px;
		object-fit: cover;
	}
	.in_contact_left{
		width: 100%;
	}
	.in_contact_right{
		width: 100%;
		margin-top: 30px;
		padding-right: 0px;
	}
	.in_contact_right img{
		padding: 5px;
	}
	.in_contact_max::after{
		display: none;
	}
	.in_contact_left a{
		width: 180px;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
		padding: 0 30px;
	    background-position: right 30px center;
	    margin-top: 20px;
	}
	.in_contact_left p{
		margin-top: 20px;
	}
	.center_max ul li h1{
		font-size: 15px;
	}
	.center_max ul li p{
		font-size: 12px;
		margin-top: 10px;
	}
	.center_max ul li a{
		width: 100%;
	}
	.di_logo{
		width: 100%;
	}
	.di_logo img{
		width: 150px;
		margin: auto;
	}
	.di_right{
		width: 100%;
		margin-top: 30px;
	}
	.di_right ul li{
		font-size: 14px;
	}
	.di_text{
		margin-top: 30px;
	}
	.di_text h1{
		font-size: 20px;
	}
	.di_text p{
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	.about_text p{
		font-size: 14px;
		line-height: 26px;
	}
	.in_top{
		padding-top: 40px;
	}
	.contact_p1 {
		letter-spacing: 2px;
		font-size: 18px;
		margin-bottom: 0;
		color: #fff;
	}
	.contact_p2 {
		letter-spacing: 2px;
		font-size: 26px;
		color: #fff;
	}
	.in_top2{
		padding: 40px 0;
	}
	.contactImg{
		width: 100%;
		height: 300px;
	}
	.contactImglogo{
		width: 150px;
		height: auto;
	}
	.in_top2 p{
		line-height: 20px;
		letter-spacing: 0;
	}
	.case_box{
		margin-right: 0;
	}
	.case_info_top{
		display: block;
	}
	.info_box_con{
		background: rgba(0,0,0,0.6);
	}
	.ab_info_line{
		margin-bottom: 20px;
	}
	.ab_info_p3{
		letter-spacing: 0;
		line-height: 1.8;
		font-size: 14px;
	}
	.case_info_box{
		top: 120px;
		position: static;
	}
	.ab_nav>.ab_img{
		display: none;
	}
	.info_in_main {
		width: 90%;
		height: auto;
		margin: 20px 5%;
	}
	.case_info_top_title{
		width: 95%;
		margin: 0 2.5%;
		height: auto;
	}
	.case_info_bottom{
		margin: 40px 5% 0;
		padding: 0 0 40px;
		font-size: 14px;
		letter-spacing: 0;
	}
	.case_all_box{
		margin: 0 auto;
	}
	.info_t_p{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.info_page_box{
		padding: 40px 0;
	}
	.info_box_info_p1{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.info_box_info_p2{
		font-size: 24px;
		margin-bottom: 20px;

	}
	.info_box_info_p3{
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1.8;
	}
}
@media screen and (max-width: 640px) {
	

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