@charset "utf-8";

/* CSS Document */



body{

	font-family:"Microsoft YaHei","微软雅黑" !important;

  /* font-family: STXihei, STHeitiLight, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif !important; */

	overflow-x: hidden;

  font-weight: 400;

}

body.load{

	overflow: hidden;

}



::-webkit-scrollbar-track-piece {

  width: 10px;

  background-color: #fff;

}

::-webkit-scrollbar {

  width: 8px;

}

::-webkit-scrollbar-thumb {

	background-color: #ccc;

	border-radius: 8px;

}

::-webkit-scrollbar-thumb:hover {

	background: #3e8f6d;

	color: #fff;

}

::selection {

	background: #3e8f6d;

	color: #fff;

}



/**header**/



.header{

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9;

  background: #ffffff;

}

.header_logo{

  background-color: #fff;

  text-align: center;

  position: relative;

}

.header_logo .logo{

  position: absolute;

  top: 50%;

  left: 8%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.header_logo .logo{

  width: 150px;

}



.header_logo .right{

  position: absolute;

  top: 50%;

  right: 4%;

  margin-top: 10px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.header_logo .right>span{

  cursor: pointer;

  margin-left: 12px;

}

.header_logo .right>span i{

  font-style: normal;

  font-size: 14px;

  color: #818181;

}

.header_logo .right>span:first-child input{

  display: inline-block;

	vertical-align: middle;

	width: 0px;

	font-size: 14px;

	line-height: 20px;

	color: #212121;

	border: none;

	background: none;

	border-bottom: 1px solid #212121;

	cursor: pointer;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.header_logo .right>span:first-child:hover input{

	width: 80px;

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.header_logo .right>span.header_shop{

  border: 2px solid #179b44;

  color: #179b44;

  border-radius: 15px;

  padding: 3px 15px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  cursor: pointer;

}



.header_logo .right>span.header_shop span{

  display: inline-block;

  background: url(../images/shop.png) no-repeat;

  width: 15px;

  height: 15px;

  background-size: 100%;

  margin-right: 6px;

  vertical-align: -1px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.header_logo .right>span.header_shop:hover span{

  background: url(../images/shop1.png) no-repeat;

  background-size: 100%;

}

.header_logo .right>span.header_shop:hover{

  color: #fff;

  background: #179b44;

}

.header_logo .right>span.header_shop:hover a{

  color: #fff;



}

.header_logo .right>span .lange:hover i{

color: #179b44;

font-weight: 600;

}

.header_nav{

  width: 100%;

  background-color: #fff;

  text-align: right;

  border-top: 1px solid #dfdfdf;

  padding-left: 20%;

  padding-right: 28%;

}

.header_nav>span{

  display: inline-block;

  font-size: 18px;

  color: #717171;

  line-height: 90px;

  margin: 0 3%;

  letter-spacing: 0px;

  padding-top: 10px;

  cursor: pointer;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.header_nav span:hover a{ 

  color: #179b44;

}

.header_nav.fiexd{

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

}

.share_btn{

  background-color: #afafaf;

  font-size: 12px;

  letter-spacing: 0px;

  line-height: 2.4;

  position: absolute;

  z-index: 9;

  top: 100%;

  right: 4%;

  color: #fff;

  padding: 0 .6%;

  padding-top: 0%;

  cursor: pointer;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

}

.share_btn:hover{

  padding-top: .8%;

}

.share_box{

  position: absolute;

  top: 100%;

  right: 9%;

  z-index: 8;

  background: rgba(225, 225, 225, .8);

  padding: 2% 3% 3.5% 3%;

  display: none;

}

.share_box .box{

  width: 360px;

  min-height: 120px;

}

.share_box h5{

  font-size: 18px;

  color: #212121;

  letter-spacing: 0px;

  margin: 0;

  margin-bottom: 5%;

  text-align: left;

}

.share_box p{

  font-size: 12px;

  color: #414141;

  text-align: left;

}

.share_box ul{

  padding: 0;

  margin: 0;

}

.share_box ul li{

  position: relative;

  font-size: 12px;

  color: #414141;

  line-height: 2;

  padding-left: 16px;

  cursor: pointer;

  text-align: left;

}

.share_box ul li::before{

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 1px solid #4c4c4c;

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  background-color: transparent;

  -webkit-transform: translateY(-65%);

  transform: translateY(-65%);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.share_box ul li.active::before{

  background-color: #1f7552;

} 

.share_box .btn{

  text-align: right;

  position: absolute;

  bottom: 4%;

  right: 2%;

}

.share_box .btn span{

  display: inline-block;

  font-size: 12px;

  line-height: 2;

  padding: 0 20px;

}

.share_box .btn span:last-child{

  background-color: #212121;

  color: #fff; 

  border: 1px solid #212121;

  margin-left: 4px;

}

.share_box .btn span:first-child{

  color: #237654;

  border: 1px solid #237654;

}

.share_box select{

  display: block;

  width: 100%;

  line-height: 24px;

  padding: 0 10px;

  background: none;

  background-image: none;

	-webkit-appearance: none;

	-moz-appearance: none;

  font-size: 12px;

}

.share_box select:focus{

  outline: none;

}

.share_box textarea{

  display: block;

  width: 100%;

  background: none;

  border: 1px solid #888a87;

  padding: 5px;

  line-height: 20px;

  font-size: 12px;

  color: #212121;

}



.nav_sub{

  width: 90%;

  position: absolute;

  top: 100%;

  left: 5%;

  padding: 0;

  z-index: 99;

  display: none;

}

.nav_sub::before{

  content: '';

  position: absolute;

  width: 70%;

  height: 100%;

  top: 0;

  right: 0;

  background: rgba(255, 255, 255, .95);

}

.nav_sub ul{

  width: 100%;

  padding: 0;

  margin: 0;

  /* background: #ffffff; */

}

.nav_sub ul li{

  width: 100%;

  display: none;

}

.nav_sub_con{

  width: 30%;

  position: relative;

  /* margin-left: 25%; */

}

.nav_sub_con_line{

  width: 1px;

  height: 90%;

  position: absolute;

  top: 5%;

  left: 112%;

  background-color: #179b44;

}

.nav_sub_con h5{

  margin: 0;

  position: absolute;

  top: 8%;

  left: 124%;

}

.nav_sub_con h5 p{

  display: flex;

  white-space:nowrap;

  font-size: 18px;

  color: #212121;

  line-height: 2.2;
  margin-bottom: 5px;

  font-weight: 400;

  align-items: center;

  cursor: pointer;

  /* border-bottom: 1px solid #e3e3e3; */

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.nav_sub_con h5 p a{

  color: #212121;

}

.nav_sub_con h5 p span{

  margin-left: 80px;

}

.nav_sub_con h5 p:hover{

  color: #1a6f47;

}





.nav_sub_con_left{

  background: rgba(23, 155, 68, .95);

  padding: 10%;

  color: #fff;

}

.nav_sub_con_left span{

  font-size: 20px;

  display: block;

  margin-bottom: 3%;

  font-weight: 500;

}

.nav_sub_con_left p{

  font-size: 16px;

  line-height: 30px;

  margin: 0;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.nav_sub_con_left a{

  display: block;

  margin-top: 5%;

  color: #ffffff;

  font-size: 14px;

}

/**header**/	



/**首页**/

.load{

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 9999;

  background-color: #fff;

}

.load_logo{

  width: 50%;

  position: absolute;

  cursor: pointer;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.2s;	

  transition: all cubic-bezier(.18,1,.21,1) 1.2s;

}

.load_logo.out{

  width: 150px;

  top: 2.2%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(0%);

  transform: translateX(-50%) translateY(0%);

}



.index_load{

  width: 100%;

  position: relative;

  cursor: pointer;

}

.index_load video{

  width: 100%;

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.load_img{

  width: 96%;

  position: absolute;

  left: 2%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}





.banner{

	width: 100%;

	position: relative;

  overflow: hidden;

}

.banner_list{

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.banner_list_2{

	background-image: url(../images/banner_1.jpg);

}

.banner_list_3{

  background-image: url(../images/banner_2.jpg);

}

.banner_list .banner_vedio{

	width: 100%;

  height: 100%;

}
.banner_list video{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}





.bannrt_zi{

  text-align: left;

  position: absolute;

  top: 55%;

  left: 10%;

  width: 80%;

  z-index: 2;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  text-align: center;

}



.bannrt_zi a{

  color: #999999;

  font-size: 20px;

  text-decoration: underline;

  display: inline-block;

  margin-right:16%

}





.bannrt_zi h5{

	font-size: 26px;

	letter-spacing: 0px;

	font-weight: 600;

	color: #0d7047;

	margin: 0;

	margin-bottom: 1.5%;

  text-shadow: 2px 2px 1px #ffffff;

}



.bannrt_zi p{

	font-size: 50px;

	letter-spacing: 0px;

	font-weight: 600;

	color: #0d7047;

	margin: 0;

	margin-bottom: 3%;

  text-shadow: 2px 2px 1px #ffffff;

}

.bannrt_zi p i{

	font-size: 30px;

	font-style: normal;

}

.bannrt_zi span{

	background-color: #179b44;

  display: inline-block;

	font-size: 22px;

	color: #fff;

  padding: 0 5%;

  line-height: 60px;

  border-radius: 30px;

  letter-spacing: 0px;

}

.bannrt_more span{

	padding: 0 30px;

	font-size: 20px;

	color: #fff;

	letter-spacing: 0px;

  text-align: center;

  padding: 11% 0 5% 0;

}



.bannrt_more{

  position: absolute;

  bottom: 0;

  right: 0%;

  width: 50%;

}

.bannrt_more i{

  position: absolute;

  right: 100%;

  bottom: 0;

  height: 100%;

  width: 22%;

  background: #179b44;

  display: inline-block;

  text-align: center;

  cursor: pointer;

}

.bannrt_more i img{

  width: 12%;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}

.banner_list_bg{

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.075);

}



.swiper-pagination-banner{

  width: 100%;

  z-index: 99;

  bottom: 8%;

}

.swiper-pagination-banner .swiper-pagination-bullet{

  width: 40px;

  height: 4px;

  border-radius: 2px;

  margin: 0 8px;

  background: #fff;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.swiper-pagination-banner .swiper-pagination-bullet-active{

  opacity: 1;

  background: #fff;

}



.index_title{

  margin-bottom: 3%;

}

.index_about .index_title{

  margin-bottom: 5%;

}

.index_title h5{

  font-size: 45px;

  color: #0d7047;

  letter-spacing: 0px;

  text-align: center;

  margin: 0;

  font-weight: 600;

}

.wap_title{

	text-align: center;

}

.wap_title h5{

	font-size: 30px;

	font-weight: 600;

	letter-spacing: 0px;

	margin: 0;

	margin-bottom: 1%;

}

.wap_title p{

	font-size: 42px;

	letter-spacing: 0px;

	margin-bottom: 4%;

}

.wap_title.wap_title_w h5{

	color: #fff;

}

.wap_title.wap_title_w p{

	color: #fff;

}

.wap_title.wap_title_b h5{

	color: #111;

}

.wap_title.wap_title_b p{

	color: #227954;

}



.index_about{

  padding: 5% 0;

  background: #ffffff;

}

.index_about_box{

  position: relative;

}

.index_about_con{

  width: 70%;

  margin: 0 auto;

}

.index_about_con ul{

  padding: 0;

  margin: 0;

}

.index_about_con ul  li{

  width: 28.66%;

  float: left;

  position: relative;

}

.index_about_con ul a:nth-child(2)  li{

  margin: 0 7%;

}

.about_circle g{

  display: block;

  width: 100%;

  height: 100%;

}

.about_circle g circle{

  display: block;

  width: 100%;

  height: 100%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_about_con ul li span{

  font-size: 14px;

  color: #000;

  text-transform: uppercase;

  width: 100%;

  position: absolute;

  top: 10%;

  left: 0;

  text-align: center;

}

.index_about_con ul li h5{

  font-size: 60px;

  margin: 0;

  color: #1f7552;

  text-transform: uppercase;

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  text-align: center;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.index_about_con ul li p{

  font-size: 20px;

  margin: 0;

  color: #000;

  text-transform: uppercase;

  width: 100%;

  position: absolute;

  bottom: 10%;

  left: 0;

  text-align: center;

}

.index_about_more{

  width: 2.2%;

  position: absolute;

  top: 50%;

  right: 4%;

  cursor: pointer;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.index_product{

	padding: 6% 0;

	background-color: #227954;

}

.index_product_con{

	width: 28%;

	margin: 0 auto;

	position: relative;

}

.index_product_txt{

	position: absolute;

}

.index_product_txt img{

	width: 50px;

}

.index_product_txt h5{

	font-size: 24px;

	color: #fff;

	font-weight: 600;

	margin: 10px 0;

	margin-top: 0;

}

.index_product_txt p{

	font-size: 15px;

	color: #fff;

	margin: 0;

	line-height: 20px;

}

.index_product_txt1{

	text-align: right;

	top: 15%;

	right: 96%;

}

.index_product_txt2{

	text-align: right;

	top: 64%;

	right: 96%;

}

.index_product_txt3{

	text-align: left;

	top: 15%;

	left: 103%;

}

.index_product_txt4{

	text-align: left;

	top: 64%;

	left: 103%;

}

.index_product_txt1 .trans{

	-webkit-transform-origin: right center;

	transform-origin: right center;

}

.index_product_txt2 .trans{

	-webkit-transform-origin: right center;

	transform-origin: right center;

}

.index_product_txt3 .trans{

	-webkit-transform-origin: left center;

	transform-origin: left center;

}

.index_product_txt4 .trans{

	-webkit-transform-origin: left center;

	transform-origin: left center;

}



.index_product_txt:hover img{

	-webkit-transform:scale(1.1);

  transform:scale(1.1);

}

.index_product_txt:hover h5{

	-webkit-transform:scale(1.1);

  transform:scale(1.1);

}

.index_product_txt:hover p{

	-webkit-transform:scale(1.1);

  transform:scale(1.1);

}



.index_pro{

  padding: 6% 0;

  position: relative;

  z-index: 2;

}

.index_pro_box .swiper_pro{

  padding-top: 8%;

  padding-bottom: 20px;

  position: relative;

}

.index_pro .list_box{

  position: relative;

  padding: 6% 3% 3% 50%;

}

.index_pro .list{

	position: relative;

	padding: 0 8%;

}

.index_pro .list_box{

  background: #fff;

	box-shadow: 0 6px 24px hsla(214,3%,49%,.2);

}

.index_pro .list h5{

  font-size: 24px;

	color: #111;

	margin: 0;

	font-weight: 600;

	line-height: 30px;

  margin-bottom: 30%;

	display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.index_pro .list span{

  font-size: 12px;

	color: #111;

	display: block;

  margin-bottom: 5%;

}

.index_pro .list a{

  display: block;

  text-align: right;

}

.index_pro .list b{

  display: inline-block;

	background-color: #f5f5f5;

	font-size: 16px;

	padding: 4px 5%;

	color: #59595d;

}

.index_pro .list b i{

  color: #227954;

	margin-left: 10px;

}

.index_pro .list .img{

  width: 44%;

  position: absolute;

  bottom: 8%;

  left: 3%;

  overflow: hidden;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.2s;	

  transition: all cubic-bezier(.18,1,.21,1) 1.2s;

}

.index_pro .list .img img{

  width: 100%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.2s;	

  transition: all cubic-bezier(.18,1,.21,1) 1.2s;

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

}

.index_pro .swiper-slide-active .list .img{

  height: 117% !important;

}

.index_pro .swiper-slide-active .list .img img{

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}

.index_pro_prev{

  position: absolute;

  top: 60%;

  left: 18%;

  z-index: 8;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.index_pro_prev img, .index_pro_next img{

  width: 40px; 

  cursor: pointer;

}

.index_pro_next{

  position: absolute;

  top: 60%;

  right: 18%;

  z-index: 8;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.index_hot{

  background-color: #fff;

}

.index_hot>h5{

  width: 100%;

  padding: 6% 0 2% 0;

  font-size: 45px;

  color: #212121;

  text-align: center;

  margin: 0;

  font-weight: 600;

}

.index_hot>h5 span{

  font-size: 26px;

  color: #179b44;

  display: block;

  margin-top: 2%;

  font-weight: 500;

}

.index_hot_box{

  position: relative;

}

.index_hot_list{

  padding: 0 12%;

}

.index_hot_list_box{

  position: relative;

}

.index_hot_list_box_img{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 6;

}

.index_hot_list_box_img img{

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_hot_list_box_img img:last-child{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.index_hot_list:hover .index_hot_list_box_img img:first-child{

  -webkit-transform:scale(1.1);

  transform:scale(1.1); 

}

.index_hot_list:hover .index_hot_list_box_img img:last-child{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_hot_list h5{

  font-size: 30px;

  color: #fff;

  position: absolute;

  z-index: 9;

  left: 15%;

  top: 1%;

}

.index_hot_list p{

  width: 50%;

  font-size: 14px;

  color: #fff;

  line-height: 1.6;

  margin: 0;

  position: absolute;

  z-index: 9;

  right: 5%;

  bottom: 13%;

}

.index_hot_list p span{

  font-size: 22px;

  color: #fff;

  display: block;

  margin-bottom: 10%;

}

.swiper-container-product{

  padding: 0 5%;

}

.hot_prev{

  position: absolute;

  top: 50%;

  left: 2%;

  z-index: 6;

  cursor: pointer;

  background: #ffffff;

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  text-align: center;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  display: none;

}

.hot_prev i,.hot_next i{

 font-size: 40px;

 line-height: 50px;

 color: #179b45;

 -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.hot_next{

  position: absolute;

  top: 50%;

  right: 2%;

  z-index: 6;

  cursor: pointer;

  background: #ffffff;

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  text-align: center;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    display: none;

}

.hot_next:hover {

  background: #179b45;

}

.hot_prev:hover {

  background: #179b45;

}

.hot_next:hover i{

  color: #ffffff;

}

.hot_prev:hover i{

  color: #ffffff;

}

.index_serve{

  padding: 6% 13% 12% 13%;

}

.index_serve .row{

  margin-top: 6%;

}

.index_serve_list{

  border-radius: 5px;

  overflow: hidden;

  text-align: left;

  background-color: #fff;

  padding: 0% 0 0 0;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  background: #f1f1f1;

  position: relative;

}

.index_serve .col-sm-4:last-child .index_serve_list{

  border-right: none;

}





.index_serve_list .txt{

  margin-bottom: 5%;

  position: absolute;

  left: 10%;

}

/* .index_serve_list .txt span{

  display: block;

  width: 20px;

  height: 20px;

  position: relative;

}

.index_serve_list .txt span img{

  width: 20px;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list .txt span img:first-child{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_serve_list .txt span img:last-child{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

} */

.index_serve_list:hover .txt span img:first-child{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.index_serve_list:hover .txt span img:last-child{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_serve_list .txt h5{

  font-size: 20px;

  color: #212121;

  font-weight: 500;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list .txt p{

  font-size: 12px;

  color: #212121;

  margin: 0;

  min-height: 34px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list span{

  display: block;

  font-size: 16px;

  color: #179b44;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.serve_list_img1 img{

 -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

 transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list:hover .serve_list_img1 img{

  -webkit-transform:scale(1.05);

  transform:scale(1.05);

}



.index_serve_list1 .serve_list_img1{

  width: 25%;

  position: absolute;

  left: 37.5%;

  top: 8%;

}

.index_serve_list1 .txt{

  position: absolute;

  top: 55%;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.index_serve_list1 .txt h5{

  color: #05311f;

  font-size: 20px;

  text-align: center;

}

.index_serve_list1 .txt span{

  font-size: 14px;

  color: #115e49;

  text-align: center;

}

.index_serve_list2 .serve_list_img1{

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.index_serve_list2 .txt{

  width: 80%;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}

.index_serve_list2 .txt h5{

  color: #fff;

  font-size: 20px;

  text-align: center;

}

.index_serve_list2 .txt p{

  font-size: 14px;

  color: #fff;

  text-align: center;

  margin: 20px 0;

}

.index_serve_list2 .txt span{

  font-size: 14px;

  color: #fff;

  text-align: center;

}

.index_serve_list3{

  background-color: #fff;

}

.index_serve_list3 .txt{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0%;

  left: 0%;

  border: 8px solid #179b44;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list3 .txt .txt_box{

  width: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}

.index_serve_list3:hover .txt{

  border: 12px solid #179b44;

}

.index_serve_list3 .txt h5{

  color: #05311f;

  font-size: 20px;

  text-align: center;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list3 .txt p{

  font-size: 13px;

  color: #05311f;

  text-align: center;

  margin: 15px 0;

  line-height: 1.6;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list3 .txt span{

  font-size: 14px;

  color: #115e49;

  text-align: center;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_serve_list3:hover .txt h5{

  color: #0d7047;

}

.index_serve_list3:hover .txt p{

  color: #0d7047;

}

.index_serve_list3:hover .txt span{

  color: #0d7047;

}







.index_news_box{

  position: relative;

  padding: 0 16%;

  overflow: hidden;

}

.index_news_box_bg{

  width: 5.5%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 7%;

  background-color: #fff;

  z-index: 9;

}

.swiper_news{

  padding-top: 5%;

}

/* .index_tage .swiper-slide{

  z-index: 2;

}

.index_tage .swiper-slide.swiper-slide-active{

  z-index: 3;

  margin-top: 0%;

}

.index_tage .swiper-slide.swiper-slide-active .index_news_list .txt{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_tage .swiper-slide.swiper-slide-active .index_news_list{

  width: 120%;

  margin-left: -10%;

  margin-top: -10%;

}

.index_tage .swiper-slide.swiper-slide-active .index_news_list .img .bg{

  background: rgba(255, 255, 255, 0);

} */

.swiper_btn img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .3s;	

  transition: all cubic-bezier(.18,1,.21,1) .3s;

}

.swiper_btn img:last-child{

  position: absolute;

  top: 0;

  left: 0;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.swiper_btn:hover img:first-child{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.swiper_btn:hover img:last-child{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.hot_prev.swiper_btn img:last-child, .hot_next.swiper_btn img:last-child{

  top: 10px;

  left: 10px;

}

.tage_prev img:first-child, .tage_next img:first-child{

  position: relative;

}

.tage_prev img, .tage_next img{

  top: 10px !important;

  left: 10px !important;

}



.clm0{

  margin-left: 0;

  margin-right: 0;

}

.clp0{

  padding-left: 0;

  padding-right: 0;

}

.clm20{

  margin-left: -30px;

  margin-right: -30px;

}

.clp20{

  padding-left: 30px;

  padding-right: 30px;

}



.clm30{

  margin-left: -4%;

  margin-right: -4%;

}

.clp30{

  padding-left: 4%;

  padding-right: 4%;

}



/* 旗下品牌 */

.index_brand{

 background: #f1f1f1;

 padding: 0;

 position: relative;

}

.index_brand_width{

 position: relative;

  width: 100%;

  padding-left: 36%;

  margin: 0 auto;

}

.brand_logoText{

  width: 36%;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  display: flex;

  align-items: center;

  padding-left: 15%;

  background-color: #179b44;

  border-right: 8px solid #0c6c45;

}

.brand_logoText  .index_title{

  display: flex;

  align-items: center;

  margin-bottom: 0;

}

.brand_logoText  .index_title h5{

  color: #fff;

  margin: 0;

  margin-left: 20px;

  font-weight: 400;

}

.index_brand_logo{

  width: 65%;

  display: flex;

  justify-content: space-around;

  padding: 2% 0;

  margin-left: 15%;

}



.brand_logoList img{

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

}

.brand_logoList:hover img{

  filter: grayscale(0);

  -webkit-filter: grayscale(0);

  filter: none;

}

/* 白皮书 */

.paper_list{

  padding: 5%;

}

.paper{

  background: #ffffff;

  padding: 5% 5% 15% 5%;

  position: relative;

  text-align: right;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.paper_more{

  position: absolute;

  left: 5%;

  bottom: 5%;

  color: #0d7047;

  text-align: left;

  z-index: 22;

}

.paper_more b{

  display: block;

  font-weight: 500;

}

.paper h5{

  margin: 0 0 5% 0;

  font-size: 30px;

  text-align: left;

  color: #2b2b32;

  line-height: 36px;

  position: relative;

  z-index: 22;

}

.paper p{

  color:#b0b0b9 ;

  margin: 0 0 30% 0;

  text-align: left;

  font-size: 20px;

  position: relative;

  z-index: 22;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_news .swiper-slide.swiper-slide-active .paper{

  margin-top: -6%;

}

.index_news .swiper-slide.swiper-slide-active .paper p{

  margin-bottom: 45%;

}



.paper span{

  writing-mode:vertical-lr; 

  color: #0d7047;

  font-size: 14px;

  position: relative;

  z-index: 22;

}

.paper::after{

  position:absolute;

  content: '';

  width: 102%;

  height: 100%;

  background:rgb(255, 255, 255,0.6);

  left: 0;

  top: 2%;

}

.paper::before{

  position:absolute;

  content: '';

  width: 103%;

  height: 100%;

  background:rgb(255, 255, 255,0.6);

  left: 1%;

  top: 4%;

}



.hot_box_bg{

  background: #0d7047;

  padding: 5% 8% 8% 8%;

  /* padding-bottom: 15%; */

  position: relative;

}

.hot_box_list{

  position: relative;

  padding: 0 10%;

  cursor: pointer;

}

.hot_box_list_img{

  position: relative;

}

.hot_box_list:hover p{

  font-size: 24px;

  font-weight: 500;

}

.hot_box_list:hover .img1{

  opacity: 0;

}

.hot_box_list:hover .img2{

  opacity: 1;

}

.hot_box_list .img1{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.hot_box_list .img2{

opacity: 0;

position: absolute;

width: 100%;

left: 0;

top: 0;

-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.hot_box_list p{

  font-size: 24px;

  color: #fff;

  margin-bottom: 0;

  text-align: center;

  letter-spacing: 0px;

  font-weight: 300;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_advant{

  position: relative;

  padding-bottom: 10%;

}

.advant_left{

  width: 40%;

  float: left;

  position: relative;

}

.advant_right{

  width: 60%;

  float: left;

  position: relative;

}

.advant_right{

  margin-top: -9%;

}



.advant_right_top{

  margin-left: -10%;

}

.right_bot_left,.right_bot_right{

  width: 50%;

  float: left;

}

.tage_img{

  position: relative;

}

.tage_img_txt{

  position: absolute;

  width: 100%;

  left: 0%;

  bottom: 0%;

  background: rgb(13, 112, 71,0.85);

  color: #fff;

  padding: 25px 4% 25px 15%;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.tage_img_txt h5{

  font-size: 28px;

  margin:0 0 20px 0 ;

  font-weight: 600;

}

.tage_img_txt  p{

  font-size: 20px;

  margin-bottom: 0;

}

.tage_img_txt .icon1{

  position: absolute;

  left: 15%;

  top: 20px;

}

.tage_img:hover .tage_img_txt{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}



.icon1{

  width: 50px;

  margin-left: -60px;

}

.tage_img_ad1{

  overflow: hidden;

}

.tage_img_ad1 img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

 }

 

 .tage_img:hover .tage_img_ad1 img{

   -webkit-transform:scale(1.05);

   transform:scale(1.05);

 }





 /* 种植 */

 .index_plant{

 padding: 0% 8% 0% 15%;

 position: relative;

 }

 .index_plant_box{

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

 }



 .index_plant_box .index_title{

   padding-right: 9%;

 }



 .index_plant .index_title h5{

color: #333333;

 }

 .methods_list ul{

 display:flex;

 flex-wrap: wrap;

 justify-content: space-between;

}

.methods_list li{

 /* flex: 1; */

 width: 50%; 

 padding-left: 150px;

 position: relative;

 color: #2f2f2f;

 margin: 3% 0;



}

.methods_list li img{

  position: absolute;

  left: 0%;

  top: 0;

  width: 120px;

}

.methods_list li h5{

  font-size: 65px;

  margin: 0 0 10px 0;

  position: relative;

}

.methods_list li  h5 i{

  font-size: 20px;

  vertical-align: text-top;

  font-style: normal;

}

.methods_list li  p{

  font-size: 20px;

  margin: 0;

}

.banner_vedio{

  width: 100%;

  height: 100%;

}

#bannerVideo{

  width: 102%;

  position: absolute;

  top: 50%;

  left: -1%;  

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.banner_left_box{

  width: 60%;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  background: #ffffff;

  z-index: 5;

  overflow: hidden;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.2s;	

  transition: all cubic-bezier(.18,1,.21,1) 1.2s;

}

.banner_left{

  width: 60%;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  background: #ffffff;

  z-index: 5;

}

.banner_left_box.active{

  width: 0;

}

.banner_left .logo{

  width: 240px;

  position: absolute;

  top: 7%;

  left: 9%;

  margin-left: 60px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.swiper_pagin{

  bottom: 30px !important;

}

.swiper_banner {

  height: 100%;

}

.swiper_banner .swiper-pagination-bullet{

  width: 10px;

  height: 10px;

  opacity: 1;

  border-radius: 50%;

  background-color: #b4b0ae;

  cursor: pointer !important;

  margin: 0 8px !important;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s !important;	

  transition: all cubic-bezier(.18,1,.21,1) .9s !important;

}

.swiper_banner .swiper-pagination-bullet-active{

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background-color: #fff;

  -webkit-transform: translateX(0px) translateY(3px);

  transform: translateX(0px) translateY(3px);

  opacity: 1;

}

.header_menu_box{

  width: 0%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  overflow: hidden;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.2s;	

  transition: all cubic-bezier(.18,1,.21,1) 1.2s;

}

.header_menu_box.active{

  width: 100%;

}



.header_menu{

  position: absolute;

  top: 0;

  right: 50%;

  width: 30%;

  height: 100%;

  z-index: 99;

  -webkit-transform: translateX(50%);

  transform: translateX(50%);

  background-color: #179b44;

}

.add_menu{

  transition-delay: 0s;

  opacity: 1;

  height: 100%;

}

.methods_list li h5 span{

  display: inline-block;

}

#number1{

  height: 44px;

  position: absolute;

  overflow: hidden;

  top: 50%;

  margin-top: -20px;

  margin-left: -30px;

  left: 50%;

}

.box span{

  display: inline-block;

  color: #2f2f2f;

  width: 30px;

  height: 44px;

  font-size: 44px;

  line-height: 44px;

}

.box .sign-box span{

  width: 15px;

}

.box .digit-container{

  width: 30px;

  text-align: center;

  overflow: hidden;

  font-size: 0;

}

.l{

  float: left;

}

  

.header_menu h5{

  text-align: center;

  color: #ffffff;

  font-size: 14px;

  margin: 5% 0 10% 0;

}

.header_menu_logo{

  border-bottom: 1px solid #6fc18b;

  text-align: center;

  padding-bottom: 10%;

  padding-top: 10%;

}

.header_menu_logo img{

  width: 50%;

}

.header_menu ul li{

  text-align: center;

  margin-bottom:5%

}

.header_menu ul li a{

  color: #fff;

  font-size: 24px;

}



/* 优势 */

.index_tage {

  padding: 6% 7%;

  padding-bottom: 0;

}



.tage_prev {

  position: absolute;

  top: 30%;

  left: 2%;

  z-index: 9;

  cursor: pointer;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #fff;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.tage_prev:hover{

  background-color: #179b44;

}

.tage_next {

  position: absolute;

  top: 30%;

  right: 2%;

  z-index: 9;

  cursor: pointer;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #fff;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.tage_next:hover{

  background-color: #179b44;

}

.index_tage .index_title h5{

  color: #272727;

}

.index_tage_top{

  text-align: center;

  margin-bottom: 3%;

  padding-right: 9%;

}

.index_tage_top  span{

  display: inline-block;

  margin: 0 10px;

  cursor: pointer;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .4s;	

  transition: all cubic-bezier(.18,1,.21,1) .4s;

  color: #272727;

}

.index_tage_top .add_color{

  color: #179b44;

}

/* .index_tage_top  span:hover{

  color: #179b44;

} */

/* 优势 */



/* 新闻 */

.index_new{

  position: relative;

  z-index: 2;

  padding: 2%;

}

.index_new_box{

  width: 45%;

  margin-left: 55%;

}

.index_new_list{

  width: 100%;

  margin-bottom: 20px;

  position: relative;

  border-radius: 3px;

  overflow: hidden;

}

.index_new_list img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  -webkit-transform:scale(1.2);

  transform:scale(1.2);

}

.index_new_list h5{

  font-size: 24px;

  color: #fff;

  width: 84%;

  position: absolute;

  top: 10%;

  left: 8%;

  line-height: 2;

}

.index_new_list_bg{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-top: 0px solid #179b44;

  border-left: 0px solid #179b44;

  border-right: 0px solid #179b44;

  border-bottom: 0px solid #179b44;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_new_list span{

  font-size: 16px;

  color: #fff;

  position: absolute;

  width: 84%;

  left: 8%;

  bottom: 0;

  line-height: 45px;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_new_list:hover .index_new_list_bg{

  border-top: 8px solid #179b44;

  border-left: 8px solid #179b44;

  border-right: 8px solid #179b44;

  border-bottom: 45px solid #179b44;

}

.index_new_list:hover span{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_new_list:hover img{

  -webkit-transform:scale(1);

  transform:scale(1);

}

.index_new_txt{

  width: 100%;

  background-color: #0d7047;

  position: absolute;

  top: 0;

  left: 0;

}

.index_new_txt_con{

  width: 55%;

  padding: 7% 6% 12% 9%;

}

.index_new_txt_con h5{

  margin: 10% 0;

  font-size: 45px;

  color: #fff;

  font-weight: 600;

}

.index_new_txt_con h5 span{

  display: block;

  font-size: 20px;

  color: #f4f2f2;

  margin-bottom: 10px;

}  

.index_new_txt_con p{

  font-size: 20px;

  color: #fff;

  margin-bottom: 20px;

}

.index_new_txt_con p:last-child{

  margin-bottom: 0;

}





/**首页**/	



/**footer**/

.footer{

	background-color: #2b2b2b;

  padding-bottom: 30px;

}

.footer_top{

	padding: 5% 9% 9% 3%;

  display: flex;

  justify-content: space-between;

}

.footer_top .right{

  padding-top: 0%;

}

.footer_top .right_last {

  -webkit-transform: translateX(4%); 

  transform: translateX(4%);

}

.footer_top .right_last .nav{

  display: flex;

}

.footer_top .foot_logo{

	margin-bottom: 30px;

}

.footer_top .foot_logo img{

	width: 150px;

}

.footer_top .email{

	width: 320px;

}

.footer_top .email p{

	font-size: 13px;

	color: #d2d2d2;

	margin-bottom: 10px;

}

.footer_top .email p:last-child{

	margin-bottom: 0;

  /*padding-right: 110px;*/
  padding-right: 100px;

  text-align: left;

}

.footer_top .email p span{

	font-size: 16px;

	display: inline-block;

	margin-right: 5px;

  color: #ffffff;

}

.footer_top .email h5{

	margin: 0;

	/*padding-right: 110px;*/
	padding-right: 120px;

	position: relative;

	margin-bottom: 20px;

}

.footer_top .email h5 input{

	display: inline-block;

	width: 100%;

	border: none;

	background-color: #fff;

	font-size: 12px;

	color: #757575;

	line-height: 40px;

	border-radius: 4px;

	padding: 0 15px;

}

.footer_top .email h5 span{

	position: absolute;

	top: 0;

	right: 0;

	line-height: 40px;

	border-radius: 4px;

	background-color: #0c6c45;

	font-size: 12px;

	color: #fff;

	font-weight: 600;

	letter-spacing: 0px;

	/*width: 100px;*/
	width: 115px;

	text-align: center;

	cursor: pointer;

}

.footer_top .contact h5{

	font-size: 16px;

	color: #9a9a9a;

	margin: 0;

	margin-bottom: 30px;

}

.footer_top .contact p{

	margin: 0;

}

.footer_top .contact p span{

	display: inline-block;

	color: #cccbc9;

	font-size: 24px;

	margin-right: 20px;

}

.footer_top .contact p a{

  margin-right: 20px;

}

.footer_top .contact p a span{

  margin-right: 0px;

}

.foot_weixin{

  position: relative;

}

.foot_weixin_img{

  position: absolute !important;

  left: -26px;

  width: 100px;

  top: 26px !important;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.foot_weixin:hover .foot_weixin_img{

  opacity: 1;

  visibility: visible;

}



.footer_top .contact p span:last-child{

	margin-right: 0;

}

.footer_top .contact p img{

	position: relative;

	top: -4px;

}

.footer_top .nav .list{

	vertical-align: top;

	margin-right: 55px;

}

.footer_top .nav .list h5{

	margin: 0;

	font-size: 16px;

	color: #ffffff;

	text-align: left;

	margin-bottom: 30px;

}

.footer_top .nav .list p{

	font-size: 14px;

	color: #adadad;

	cursor: pointer;

  margin-bottom: 6px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.footer_top .nav .list p:hover{

  color: #179b44;

  font-weight: 600;

}

.foot_bottom{

  padding: 0px 6% 10px 3%;

  border-bottom: 2px solid #454545;

	position: relative;

}

.foot_back{

  width: 70px;

  position: fixed;

  bottom: 40px;

  right: 2%;

  cursor: pointer;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.foot_back .img2{

  position: absolute;

    left: 0;

    top: 0;

    width: 100%;

  opacity: 0;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.foot_back .img1{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s; 

}

.foot_back:hover .img1{

  opacity: 0;

}

.foot_back:hover .img2{

  opacity:1;

}

.foot_bottom .left{

	float: left;

  width: 80%;

}

.foot_bottom .left p span{

  margin-left: 2%;

}

.foot_bottom .right{

	float: right;

}

.foot_bottom .left p{

	color: #828282;

	font-size: 14px;

	margin-bottom: 15px;

}

.foot_bottom .left p:last-child{

	margin-bottom: 0;

}

.foot_bottom h5{

	position: absolute;

	bottom: 30px;

	right: 6%;

	margin: 0;

	color: #828282;

	font-size: 14px;

}

/**footer**/



.index_news{

  padding: 6% 0;

  background-color: #f4f4f4;

}

.index_news_list{

  width: 100%;

  position: relative;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_news_list .img{

  overflow: hidden;

  position: relative;

}

.index_news_list .img .bg{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(255, 255, 255, .5);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_news_list .img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_news_list:hover .img img{

  -webkit-transform:scale(1.05);

  transform:scale(1.05);

}

.index_news_list .txt{

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: rgba(13, 112, 71, .9);

  padding:2% 4%;

  padding-right: 20%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_news_list .txt h5{

  font-size: 18px;

  color: #fff;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin: 0;

  line-height: 1.2;

  margin-bottom: 2%;

}

.index_news_list .txt p{

  font-size: 14px;

  color: #f9f9f9;

  line-height: 1.6;

  text-align: left;

  margin-bottom: 0;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.index_news_list .txt span{

  display: block;

  text-align: left;

  font-size: 14px;

  color: #f9f9f9;

  position: absolute;

  bottom: 8%;

  right: 4%;

}

.index_news .swiper-slide .index_news_list .txt{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.index_news .swiper-slide{

  z-index: 2;

}

.index_news .swiper-slide.swiper-slide-active{

  z-index: 3;

}

.index_news .swiper-slide.swiper-slide-active .index_news_list .txt{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_news .swiper-slide.swiper-slide-active .index_news_list{

  width: 136%;

  margin-left: -18%;

  margin-top: -12%;

}

.index_news .swiper-slide.swiper-slide-active .index_news_list .img .bg{

  background: rgba(255, 255, 255, 0);

}

.news_prev{

  position: absolute;

  top: 35%;

  left: 8%;

  z-index: 9;

  cursor: pointer;

}

.news_next{

  position: absolute;

  top: 35%;

  right: 8%;

  z-index: 9;

  cursor: pointer;

}

.news_prev img, .news_next img{

  opacity:1 !important;;

  -moz-opacity:1 !important;;  

  -khtml-opacity:1 !important;;

  -webkit-opacity:1 !important;;

  filter:alpha(opacity=100) !important;

}





/* 内页 */

/* 了解我们 */

.inside{

  margin-top: 91px;

  background: #f3f3f3;

  padding: 30px 15%;

  color: #5c5c5c;

}

.ins_top{

  font-size: 16px;

}

.ins_top p{

  float: left;

  margin:0;

  line-height: 26px;

  font-size: 18px;

  font-weight: 400;

}

.ins_top>a{

 float: right;

 line-height: 26px;

 display: inline-block;

 font-size: 14px;

}

.ins_top  a img{

  width: 18px;

  margin-right: 5px;

}

.inside_ban{

  position: relative;

}

.inside_ban::after{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 80%;

  background: #179b44;

}

.inside_ban_wid{

  width: 100%;

  margin: 0 auto;

}

.inside_ban_wid img{

  position:relative;

  z-index: 2;

}

.understand {

  position: relative;

  z-index: 2;

  padding:4% 15% 3% 15%;

}

.understand ul {

  width: 50%;

  float: left;

  position: relative;

  padding-left: 3%;

}

.understand ul::after{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 2px;

  height: 90%;

  background: #179b44;

}

.understand ul h5{

  font-size: 18px;

  margin: 0;

}

.understand ul h2{

  font-size: 24px;

  margin:15px 0 20px 0;

}

.understand ul p{

  font-size: 16px;

  margin:15px  0;

}

.understand ul span{

  font-size: 16px;

  display: block;

}

.online{

  padding: 5% 0;

  /* background-color: #f3f3f3; */

  display: flex;

  justify-content: center;

}

.experie_box{



}

.online h5{

  color: #000000;

  font-size: 36px;

  font-weight: 600;

  margin: 0 0  20px 0;

  text-align: center;

  letter-spacing: 0px;

}

.online p{

  text-align: center;

  font-size: 22px;

  margin: 0 auto;

  color: #179b44;

}

.online_inp{

  margin-top: 6%;

}

.online_inp input{

background: #fdfdfd;

border-radius: 20px;

height: 45px;

line-height: 45px;

color: #242424;

padding: 0 10px;

width: 46%;

margin: 0 2%;

border: none;

float: left;

margin-bottom: 4%

}

.online_inp .input-control1{

  width: 96%;

}

.online_inp textarea{

  background: #fdfdfd;

border-radius: 20px;  

border: none;

margin-bottom: 4%;

padding:  10px;

height: 45px;

width: 96%;

margin-left:2%;

height: 110px;

}

.online_button{

  text-align: right;

}

.online_button span{

  color: #148760;

  text-decoration:underline;

  font-size: 16px;

  display: inline-block;

  margin-right: 5%;

}

.online_button a{

  background: #148760;

  color: #fff;

  display: inline-block;

  border-radius: 20px;

  height: 45px;

  line-height: 45px;

  width: 200px;

  text-align: center;

  border: 1px solid #148760;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.online_button a:hover{

  background: #fff;

  color:  #148760;

}

.media{

  padding: 5% 20%;

}

.media>h5{

  color: #148760;

  font-size: 35px;

  font-weight: 600;

  margin: 0 0  20px 0;

  text-align: center;

  letter-spacing: 0px;

}

.media>p{

  text-align: center;

  font-size: 16px;

}

.media_list{

  display: flex;

  margin-top: 5%;

}

.media_list_on{

    width: 31.33%;

    background: #179b44;

    text-align: center;

    padding: 10% 0;

    border-radius: 30px;

    margin: 0 2%;

    position: relative;

    border: 1px solid #179b44;

}

.media_ico{

  position: absolute;

    left: 10%;

    width: 80%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.media_list_on:hover{

  background: #fff;

}

.media_list_on:hover .media_ico{

  opacity: 1;

  visibility: visible;

}

.media_list_on p{

  color: #ffffff;

  font-size: 20px;

  margin: 0 ;

}



/* 热门问答 */

.popular{

  padding: 5% 23%;

}

.popular>h5{

  color: #148760;

  font-size: 35px;

  margin: 0 0  4%  0;

  text-align: center;

  letter-spacing: 0px;

  font-weight: 400;

}

.watering{

  display: flex;

  margin-bottom: 5%;

}

.watering span{

  color: #0c7146;

  display: inline-block;

  border:1px solid #0c7146;

  border-radius: 20px;

  width: 30%;

  text-align: center;

  height: 45px;

  line-height: 43px;

  margin-right: 3%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.watering span:hover{

  background-color: #0c7146;

  color: #fff;

}

.watering .provide_input{

  display: inline-block;

    margin-left: 0;

    width: 50%;

}

.watering .provide_input a{

  right: -6px;

}

.irrigation ul li{

  border-top:1px solid #cdcdcd;

  padding: 2%;

  padding-bottom: 0.5%;

}

.irrigation ul li:last-child{

  border-bottom:1px solid #cdcdcd; 

}



.irrigation h5{

  font-size: 22px;

  margin: 0 ;

  cursor: pointer;

  position: relative;

  margin-bottom: 2%;

  /* display: flex;

  align-items: center;

  justify-content: space-between; */

}

.irrigation h5 span{

  font-size: 22px;

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



}

.answers_content{

  display: none;

}

.irrigation ul li  p{

  font-size: 18px;

  color: #585858;

  margin: 0 0 0 0;

  line-height: 28px;



}

.irrigation ul li.active h5{

  color: #0a7247;

}

.irrigation ul li.active {

  padding: 4% 2%;

}



.irrigation ul li:hover  span{

  color: #0a7247;

}

.irrigation ul li:hover h5{

  color: #0a7247;

}

/* 热门问答 */



/* 服务 */

.provide{

  padding: 12% 0 8% 0;

  background-color: #f3f3f3;

  margin-top: 91px;

}

.provide>h5{

  text-align: center;

  color: #179b44;

  margin: 0 0 25px 0;

  font-size: 35px;

}

.provide_input{

width: 36%;

margin:  0 auto;

position: relative;

}

.provide_input input{

  background: #fdfdfd;

  border-radius: 20px;

  height: 45px;

  line-height: 45px;

  color: #242424;

  padding: 0  10px;

  width: 100%;

  border: 1px solid #179b44;

  font-size: 16px;

  

}

.provide_input a{

 width: 100px;

 height: 39px;

 line-height: 39px;

 display: inline-block;

 position: absolute;

 top: 3px;

 right: 3px;

 background: #ccc;

 color: #fff;

 border-radius: 20px;

 cursor: pointer;

 text-align: center;

 -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.provide_input a:hover{

  background: #0d7047;

}

.buy{

  padding: 8% 10%;

}

.buy_title{

  font-size: 35px;

  font-weight: 400;

  color: #171717;

  margin: 0 0 3% 0;

  text-align: center;

}

.channel{

  width: 80%;

  margin: 0 auto;

  display: flex;

}

.channel_on{

  text-align: center;

  width: 46%;

}

.channel_on img{

  width: 180px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.channel_on:hover img{

  -webkit-transform:scale(1.1);

  transform:scale(1.1);

}

.buy_txt{

  color: #515151;

  font-size: 20px;

  margin-bottom: 6%;

  text-align: center;

}

.channel_on  h5{

color: #272727;

margin: 30px 0 10px 0;

font-size: 20px;

}

.channel_on  p{

  color:#868686;

  margin-bottom: 0;

  font-size: 16px;

}

.p_answ_left{

  width: 50%;

  background: #f7f7f8;

  overflow: hidden;

}

.pular{

  background: #179b44;

  position: relative;

}

.p_answ_left img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.pular:hover .p_answ_left img{

  -webkit-transform:scale(1.1);

  transform:scale(1.1);

}

.p_answ_right{

  width: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #ffffff;

    text-align: center;

}

.p_answ_right p{

  font-size: 22px;

  margin-bottom: 0;

}

.p_answ_right a{

  width: 140px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  color: #fff;

  border-radius: 20px;

  text-align: center;

  border: 1px solid #fff;

  margin-top: 4%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.p_answ_right a:hover{

  background-color: #fff;

  color: #179b44;

}

.recy_img{

  position: relative;

}

.recyclable{

  padding: 8% 12%;

}

.recy_img_txt{

  position: absolute;

  /*left: 20%;*/

  left: 17.5%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  /*width: 60%;*/

  width: 65%;

  text-align: center;

}

.recy_img_txt  p{

  color: #ffffff;

  font-size: 20px;

  margin-bottom: 0;

}

.recy_img_txt a{

  width: 140px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  color: #fff;

  background: #0d7048;

  border-radius: 20px;

  text-align: center;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  margin-top: 4%;

}

.recy_img_txt a:hover{

  background: #fff;

  color: #0d7048; 

}

.Welcome{

  background-color: #179b44;

  position: relative;

}

.Welcome_left{

  padding:0% 5% 0 12%;

  text-align: right;

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.Welcome_right{

  width: 58%;

  float: right;

  position: relative;

}

.quarters{

  font-size: 24px;

  color: #0d7047;

  text-align: right;

  

}

.quarters i{

  display: block;

  font-style: normal;

  -webkit-transform: translateX(0px) translateY(-86px);

  transform: translateX(0px) translateY(-86px);

}

.headquarters{

  position: absolute;

  top: 52%;

  right: 25%;

  width: 40%;

}

.headquarters2{

  top: 14%;

  right: 39%;

}

.quarters span{

  width: 50px;

  height: 50px;

  border-radius: 50%;

  border:2px solid #179b44;

  display: inline-block;

  position: relative;

  transform: translateX(30px);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}



.quarters span::after{

  content: '';

  width: 6px;

  height: 6px;

  background: #179b44;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -3px;

  margin-left: -3px;

}

.headquarters:hover .quarters span{

  background:#179b44

}

.headquarters:hover .quarters span::after{

  background:#8bd0a3

}



.Welcome_right_txt{

  background: #0d7048;

  color: #ffffff;

  margin-top: 3%;

  padding: 5%;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top:0;

  right: 60px;

}

.headquarters:hover .Welcome_right_txt {

  opacity: 1;

  visibility: visible;



}

.Welcome_right_txt h5{

  font-size: 15px;

  margin: 0 0 10px 0;

}

.Welcome_right_txt p{

  margin: 0;

  line-height: 24px;

  font-size: 13px;

}

.Welcome_left  h5{

  font-size: 35px;

  font-weight: 400;

  color: #ffffff;

  margin: 0 0 8% 0;

}

.Welcome_left  p{

  color: #ffffff;

  font-size: 20px;

  margin-bottom: 3%;

}

.Welcome_left a{

  width: 140px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  color: #fff;

  border-radius: 20px;

  text-align: center;

  border: 1px solid #fff;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.Welcome_left a:hover{

  color: #179b44;

  background: #fff;

}

/* 服务 */



/* 线上购买 */

.shopping{

  display: flex;

}

.shopping_list{

  width: 50%;

  background: #0d7047;

  text-align: center;

  color: #fff;

  padding: 3% 0;

}

.shopping_list h5{

  font-size: 24px;

  margin: 0 0 2% 0;

}

.shopping_list p{

  font-size: 18px;

  margin-bottom: 4%;

}



.shopping_list:nth-child(2){

  background: #179b44;

}

.purchase_txt{

  padding: 5% 17%;

  position: relative;

}

.shopping_list a{

  color: #fff;

  border: 1px solid #fff;

  display: inline-block;

  width: 140px;

  height: 40px;

  line-height: 38px;

  text-align: center;

}

.purchase_title{

  color: #148760;

  font-size: 35px;

  margin: 0 0 20px 0;

  text-align: left;

  letter-spacing: 0px;

 font-weight: 600;

}

.purchase_txt span{

  display: block;

  color: #616161;

  text-decoration: underline;

}



.purchase_txt p{

font-size: 20px;

color: #0d0d0d;

margin: 0; 

line-height: 36px;

width: 70%;

}

.clusive{

  margin-bottom: 2%;

}

.bags{

  position: absolute;

  left: 55%;

  top: 10%;

  width: 30%;

}

.greenhouse{

  padding: 5% 25%;

}

.greenhouse .purchase_title{

  text-align: center;

}

.greenhouse p{

  font-size: 20px;

  text-align: center;

  color: #414141;

  margin-bottom: 3%;

}

.hand_in {

  margin-top: 3%;

}

.hand_in a{

  background: #148760;

  color: #fff;

  display: inline-block;

  border-radius: 20px;

  height: 45px;

  line-height: 45px;

  width: 200px;

  text-align: center;

}

.after-sales{

  position: relative;

}

.after-sales label{

  position: absolute;

  left: 3%;

  top: 0;

  line-height: 80px;

  font-weight: 500;

  font-size: 16px;

}

.after-sales label img{

  width: 36px;

  margin-right: 5px;

}

.after-sales input{

  line-height: 80px;

  width: 100%;

  height: 80px;

  background: transparent;

  border:none;

  border-bottom: 1px solid #b5ded0;

  padding: 0 5% 0 21%;

}

/* 线上购买 */

/* 可回收 */

.recycling_img{

  position: relative;

}

.recycling_img_con{

  width: 60%;

  position: absolute;

  top: 50%;

  left: 20%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.recycling_txt{

  text-align: center;

  padding: 5% 15%;

  background-color: #f8f8f8;

}

.recycling_txt h5{

  color: #212121;

  font-size: 35px;

  font-weight:600 ;

  margin: 0 0 3% 0;

  text-align: center;

  letter-spacing: 0px;

  position: relative;

}

.recycling_txt p{

  color: #515151;

  line-height: 30px;

  font-size: 18px;

  letter-spacing: 0px;

}

.ling_img_vedio{

  width: 10%;

  text-align: center;

  margin:  0 auto;

  margin-top: 5%;

}

.ling_img_vedio img{

  cursor: pointer;

}

.recycling_title{

  padding:3%  12%;

}

.recycling_title h5{

  color: #179b44;

  font-size: 35px;

  font-weight:600 ;

  margin: 0 0 3% 0;

  text-align: left;

  letter-spacing: 0px;

  position: relative;

}

.recycling_title h5 img{

  position: absolute;

  left: 0;

  width: 40%;

  top: 50%;

  z-index: -1;

}

.recycling_title p{

  color: #828282;

  line-height: 30px;

  font-size: 18px;

  width: 60%;

}

.schemes{

  padding: 5% 15%; 

}

.schemes>h5{

  color: #0c7146;

  font-size: 35px;

  margin: 0 0 5% 0;

  text-align: center;

  letter-spacing: 0px;

  position: relative;

  font-weight: 600;

}

.schemes ul li{

  border-bottom: 1px solid #dbdbdb;

}

.schemes_txt{

  padding: 2% 3%;

  display: none;

}

.needing_tit {

  font-size: 22px;

  padding: 1% 0 1% 0%;

  position: relative;

  cursor: pointer;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.schemes ul li:hover .needing_tit{

  color: #009443;

}

.needing_tit span{

  font-size: 24px;

}

.needing_tit span{

  position: absolute;

  right: 3%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.schemes_txt  img{

  width: 100%;

  margin: 3% 0;

}

.schemes_txt h5{

  font-size: 18px;

  color: #0a7247;

  margin: 0 0 2% 0;

  

}

.schemes_txt  p{

  color: #585858;

  line-height: 28px;

  font-size: 18px;

  margin: 0;

}

.schemes ul li.active .needing_tit{

  /* color: #167044; */

  border-bottom:1px solid #179b44 ;

}

/* 爱圃 */

.about1{

  padding: 5% 15%;

  /* background: #f5f5f5; */

}

.hone_title_banner{

  text-align: center;

  padding: 4%;

}

.hone_title h5{

  color: #111111;

  font-size: 36px;

  margin: 0 0 3% 0;

  text-align: center;

  letter-spacing: 0px;

  position: relative;

}

.hone_title h5 b{

  z-index: 2;

  position: relative;

  font-weight: 600 !important;

}

.hone_title_banner h5{

  font-size: 40px;

}

.hone_title h5 span{

  color: #d6e5d9;

  font-size: 40px;

  text-transform: Uppercase;

  position: absolute;

  left: 0;

  top: 40%;

  z-index: 0;

}

.hone_title p{

  color: #5d5d5d;

  line-height: 30px;

  font-size:18px;

  margin-bottom: 0;

  text-align: center;  

}

.about2{

  position: relative;

  padding: 3% ;

}

.about2  .ling_img_vedio{

 position: absolute;

 top: 50%;

 left: 50%;

 margin-top: 0;

 -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}

.about3{

  position: relative;

  padding: 3% 9%; 

  background-color: #f7f7f7;

}

.about3 .hone_title h5{

  text-align: center;

}

.corporate{

  display: flex;

}

.porate_on{

 background: #179b44;

 padding: 12% 5%;

 position: relative;

 color: #ffffff;

 width: 50%;

}

.porate_on:nth-child(2){

  background: #0d7048;

}

.porate_on img{

  position: absolute;

  width:80%;

  top: 15%;

  right: 4%;

}

.porate_on  span{

  position: absolute;

  left: 5%;

  top: 10%;

  font-size: 20px;

}

.porate_on h5{

  font-size: 35px;

  font-weight: 600;

  margin: 0 0 4% 0;

}

.porate_on p{

  font-size: 35px;

  font-weight: 600;

  margin: 0;

  min-height: 100px;

}

.porate_more{

  text-align: right;

  margin-top: 3%;

}

.porate_more a{

  color: #fff;

}

.about5{

  padding:5% 12% 5% 12%;

}

.about5 .hone_title h5{

  text-align: center;

}

.about5 .hone_title p{

  text-align: center;

  color: #179b44;

  margin-bottom: 3%;

}

.dynamic{

 position: relative;

}



.ab_dyna{

  background-color: #fff;

  -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);

  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);

  -webkit-transform: translate3d(0,-2px,0);

  transform: translate3d(0,-2px,0);

  padding: 5% 5%;

}

.ab_dyna_txt{

  padding: 3% 0 4% 0 ;

  border-bottom: 1px solid #bcbcbc;

}

.ab_dyna_txt b{

  font-size: 18px;

  color: #b4b4b4;

  font-weight: 500;

}

.ab_dyna_txt h5{

  font-size:20px;

  color: #303030;

  height: 25px;

  line-height: 25px;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

}

.ab_dyna_txt p{

  font-size:18px;

  color: #acacac;

  height: 66px;

  line-height: 22px;

word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

}

.ab_dyna_txt {

  font-size: 18px;

  color: #b4b4b4;

}

.ab_dyna_more{

  margin-top: 5%;

}

.ab_dyna_more span i{

  color: #148760;

}

.ab_dyna_more span{

  color: #acacac

}

.about6{

  background: #f7f7f7;

  text-align: center;

  padding: 3% 5%;

}

.about6 h5{

  font-size: 16px;

  margin: 0  0 2% 0;

  color: #4c4c4c;

  font-weight: 400;

}

.about6 a{

  width: 140px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  color: #009543;

  border-radius: 20px;

  text-align: center;

  border: 1px solid #009543;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.about6_w{

  background: #fff;

}

.about6_w h5{

  font-size: 16px;

  color: #4c4c4c;

  font-weight: 400;

}

.about6_w a{

  color: #179a44;

  border: 1px solid #179a44;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.about6_w a:hover{

  color: #fff;

  background: #179a44;

}

.about6_g{

  background: #009543;

}

.about6_g h5{

  color: #fff !important;

  font-weight: 300;

}

.about6_g a{

  color: #fff;

  border: 1px solid #fff;

  font-weight: 300;

}

.about6_g a:hover{

  color: #009543;

  border: 1px solid #fff;

  background-color: #fff;

}

.btn_right,.btn_left{

  width: 50px;

  top: auto;

  bottom: 25%;

}

.btn_left{

  left: -60px;

}

.btn_right{

  right: -60px;

}

.about4 {

  padding: 5%  0%;

  background: #f7f7f7;

}

.about4 .hone_title h5{

  text-align: center;

}

.about4 .hone_title p{

  text-align: center;

}

.develo_list{

  display: flex;

  margin: 5% 0 0 0;

  padding-bottom: 3%;

}

.develo_list a{

  color: #252525;

  font-size: 20px;

  width: 33.33%;

  text-align: center;

  position: relative

}

.develo_list a span{

  position: relative;

}



.lopment_on{

  position: relative;

  padding: 5% 12%;

  display: none;

}

/* .lopment_on:after{

  position: absolute;

  width: 0;

  height: 0;

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  border-bottom: 30px solid #f5f5f5;

  content: '';

  left: 10%;

  top: -30px;

} */

/* .lopment_on2:after{

  left: 43%;

}

.lopment_on3:after{

  left: 76%;

} */

/* .lopment_on img{

  margin-bottom: 3%;

} */

.lopment_on p{

  line-height: 26px;

  color:#383838;

  margin: 0;

  font-size: 16px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.fully_txt h5{

  line-height: 34px;

  color:#383838;

  margin: 0;

  font-size: 20px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.fully_txt:hover  h5{

 font-weight: 600;

}

.develo_list  a span{

  color: #179b44;

  font-size: 40px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  }

.develo_list a:hover span{

  font-size: 42px;

  font-weight: 600;

}

/* .lopment{

background: #f5f5f5;

} */



.about_map{

  width: 85%;

  margin: 0 auto;

  position: relative;

  margin-top: 5%;

}

.about_map_list{

  position: absolute;

  z-index: 2;

  width: 2.34%;

}

.about_map_list img{

  width: 100%;

}

.about_map_list.list1{

  top: 21%;

  left: 12%;

}

.about_map_list.list2{

  top: 49%;

  left: 83%;

}

.about_map_list.list3{

  top: 11%;

  left: 16%;

}

.about_map_list.list4{

  top: 67%;

  left: 21.2%;

}

.about_map_list.list5{

  top: 63%;

  left: 88%;

}

.about_map_list.list6{

  top: 43%;

  left: 70%;

}

.about_map_list.list7{

  top: 6%;

  left: 47%;

}

.about_map_list.list8{

  top: 33%;

  left: 61.2%;

}

.about_map_list.list9{

  top: 49%;

  left: 78%;

}

.about_map_list.list10{

  top: 33%;

  left: 11%;

}

.about_map_list.list11{

  top: 24%;

  left: 83%;

}

.about_map_list.list12{

  top: 42%;

  left: 45%;

}

.about_map_list.list13{

  top: 35%;

  left: 76%;

}

.about_map_list.list14{

  top: 36%;

  left: 79%;

}

.about_map_list.list15{

  top: 1.5%;

  left: 52.5%;

}

.about_map_list.list16{

  top: 40%;

  left: 39%;

}

.about_map_list.list17{

  top: 52%;

  left: 57%;

}

.about_map_list.list18{

  top: 37%;

  left: 62%;

}

.about_map_list span{

  position: absolute;

  top: -24px;

  right: -24px;

  white-space:nowrap;

  font-size: 16px;

  font-weight: 400;

  color: #212121;

  -webkit-transform:scale(.8);

  transform:scale(.8);

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.about_map_list:hover{

  z-index: 3;

}

.about_map_list:hover span{

  -webkit-transform:scale(1);

  transform:scale(1);

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}



.about_his{

 padding: 0 12%;

 position: relative;

 z-index: 2;

}

.swiper_his{

  padding: 0 20px;

}

.his_list{

  padding-top: 10px;

}

.his_list h5{

  font-size: 20px;

  font-weight: 400;

  color: #212121;

  margin: 15% 0 6% 0;

}

.his_list p{

  font-size: 16px;

  color: #3f3f3f;

  margin: 0;

  line-height: 1.6;

}

.his_list span{

  display: block;

  width: 12px;

  height: 12px;

  position: relative;

  z-index: 2;

}

.his_list span i{

  display: block;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #74c38f;

}

.his_list span::after{

  content: '';

  background-color: #179b44;

  position: absolute;

  z-index: -1;

  top: -3px;

  bottom: -3px;

  left: -3px;

  right: -3px;

  border-radius: 50%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .3s;	

  transition: all cubic-bezier(.18,1,.21,1) .3s;

}

.his_list:hover span::after{

  top: -8px;

  bottom: -8px;

  left: -8px;

  right: -8px;

}



.about_his_line{

  position: absolute;

  top: 15px;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 2px;

  background-color: #179b44;

}



.about_his .tage_prev{

  top: -10px;

  left: 5%;

}

.about_his .tage_next{

  top: -10px;

  right: 5%;

}



/* 爱圃 */



/* 优势 */

.advant_top{

 padding: 0 0%;

 position: relative;

}

.mar_top{

  margin-top: 91px;

}

.advant_top .hone_title{

  padding: 0;

  position: absolute;

  left: 15%;

  z-index: 2;

  bottom: 15%;

  width: 70%;

}

.advant_top .hone_title h5 b{

  z-index: 2;

  position: relative;

  background: rgba(10, 123, 73, .9);

  padding: 0% 2%;

  line-height: 40px;

  display: inline-block;

}

.advant_top .hone_title h5{

color: #fff;

margin: 0 0 2% 0;

}

.advant_top .hone_title span{

  color: #51b573;

  }

.advant_top .hone_title p{

    color: #ffffff;

  text-shadow: 0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036;

  }

.advant1,.advant2 {

  position: relative;

  margin-bottom: 6%;

 

}

.method{

  padding: 6% 11% 0 11%;

}

.advant1_txt{

  width: 38%;

  position: absolute;

  left: 62%;

  top: 0%;

  background-color: #f8f8f8;

  height: 100%;

  overflow: hidden;

}



.advant1_txt_all{

  position: absolute;

  top: 50%;

  left: 5%;

  width: 80%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  padding: 5%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

 }



.advant1_img{

  width: 62%;

  float: left;

  background-color: #f5f5f5;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

 /* .advant1_img:hover{

   background-color: #0e7047;

} */



.advant1_txt h5{

  font-size: 30px;

  margin: 0 0 5% 0 ;

  text-align: left;

  color: #006e47;

  font-weight: 400;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.advant1_txt p{

  color: #999898;

  margin-bottom:0%;

  line-height: 1.5;

  font-size: 16px;

  font-weight: 400;

 overflow-y: scroll;

 padding-right: 15px;

 padding-bottom: 10px;

}

.advant1_txt p::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8;}



.advant1_txt p::-webkit-scrollbar{width:5px;height:6px}

.advant1_txt p::-webkit-scrollbar-thumb{height:50px;background-color:#179b44;}



.advant1_txt p::-webkit-scrollbar-thumb:hover{background:#179b44;}



.advant1_txt p::selection {background:#0484cf;color: #fff;}



.advant1_txt a:hover{

  color: #47b277;

  font-weight: 600;

}

.advant1_txt img{

  position: absolute;

  right: 0%;

  top: 50%;

  width: 28%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0.3;

}

.advant1_txt a {

  margin-top: 10%;

  display: block;

}

.advant2 .advant1_img{

  float: right;

}

.advant2 .advant1_txt{

  left: auto;

  right: 62%;

}

.advant2 .advant1_txt h5{

}

/* 优势 */

/* 新闻 */

.news_dynamic{

  padding: 0% 0 5% 0;

}

.news_all{

  

}

.news_all .hone_title{

 padding: 3% 10% 0 10% ;

}

.news_all .hone_title span{ 

 color: #e3e3e3;

}

.news_list_t{

  position: relative;

 }

.news_list_left{

  width: 37%;



}

.news_list_right{

  width: 63%;

  position: absolute;

  left: 37%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.news_list{

  border-top: 1px solid #bcbaba;

}

.news_list.active .list_right_top p{

 color: #179b44;

}

.news_list.active .list_right_top p i{

  transform:rotate(90deg);

-ms-transform:rotate(90deg); 	/* IE 9 */

-moz-transform:rotate(90deg); 	/* Firefox */

-webkit-transform:rotate(90deg); /* Safari 和 Chrome */

-o-transform:rotate(90deg);

}

.news_list.active  .news_list_t{

  /* border-bottom: 1px solid #bcbaba; */

}

.news_inner{

  padding: 5% 20%;

}

.list_right_top {

  padding: 0 7% 0 5%;

}

.list_right_top span{

  color: #737373;

  position: relative;

  font-size: 20px;

}

.list_right_top span::after{

  content: '';

  position: absolute;

  width: 70%;

  height: 1px;

  background: #179b44;

  left: 0;

  bottom: -10px;

}

.list_right_top h5{

  font-size: 35px;

  margin: 3% 0 3% 0;

  color: #333;

}

.list_right_top p{

 text-align: right;

 color: #333;

}

.energy  {

  margin-top: 20px;

  display: none;

}

.energy_left{

  width: 37%;

  float: left;

}

.energy_right{

  width: 63%;

  float: left; 

  padding: 0% 6% 4% 2%;

  position: relative;

}

.energy_btn{

  position: absolute;

  bottom: 5%;

  right: 3%;

}

.energy_btn a{

  width: 50px;

  height: 50px;

  line-height: 48px;

  border:1px solid #179b44;

  display: block;

  text-align: center;

  color: #179b44;

  font-size: 20px;

  border-radius: 50%;

  margin-bottom: 30px

}

.energy_right p{

  color: #585858;

  line-height: 28px;

  font-size: 18px;

  margin:0 0 2% 0;

}

.energy_btn_bottom{

  background-color: #179b44;

}



.energy_btn_bottom i{

  color: #ffffff;

}

.new_news{

  padding: 5% 12%;

  position: relative;

  z-index: 2;

}

.new_news_list{

  background-color: #f7f7f7;

  padding: 2%;

  margin-bottom: 3%;

}

.new_news_list:last-child{

  margin-bottom: 0;

}

.new_news_img{

  width: 100%;

  background-color: #fff;

  position: relative;

}

.new_news_img_left{

  width: 60%;

}

.new_news_img_right{

  width: 30%;

  position: absolute;

  top: 50%;

  left: 63%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.new_news_img_right h5{

  font-size: 28px;

  font-weight: 400;

  margin: 0;

  color: #006e47;

  line-height: 1.6;

}

.new_news_img_right p{

  font-size: 14px;

  color: #777;

  margin: 10% 0;

  line-height: 1.6;

}

.new_news_img_right span{

  font-size: 14px;

  color: #c6c6c6;

}

.new_news_txt{

  position: relative;

  padding: 5%;

}

.new_news_txt span{

  font-size: 14px;

  color: #c6c6c6;

  display: inline-block;

  margin-top: 10px;

}

.new_news_txt h5{

  font-size: 24px;

  color: #006e47;

  margin: 15px 0;

}

.new_news_txt p{

  font-size: 14px;

  color: #777;

  padding-right: 0%;

  line-height: 24px;

  /*margin-bottom: 3%;*/

}

.new_news_txt_img{

  margin-bottom: 3%;

}

.new_news_txt_list{

  margin-bottom: 3%; 

}

.new_news_txt_list p{

  text-align: center;

  margin-bottom: 0;

  margin-top: 10px;

}

.new_news_more{

  display: block;

}

.new_news_btn{

  font-size: 14px;

  width: 100px;

  line-height: 32px;

  border: 1px solid #009443;

  border-radius: 34px;

  position: absolute;

  top: 80px;

  right: 0;

  text-align: center;

  color: #009443;

  cursor: pointer;

}

.new_news_banner{

  width: 100%;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

}



.news_hy{

  margin-top: 0;

}

.news_hy .new_news{

  padding-top: 2%;

}

.new_news_hy_box{

  width: 100%;

  padding: 5%;

}

.new_news_hy_title{

  text-align: center;

}

.new_news_hy_box p{

  font-size: 14px;

  color: #777;

  margin-bottom: 2%;

  line-height: 1.6;

}

.new_news_hy_title h5{

  font-size: 36px;

  color: #006e47;

  font-weight: 400;

}

.new_news_hy_title span{

  font-size: 12px;

  color: #aaa;

  display: block;

}

.new_news_hy_title p{

  font-size: 16px;

  color: #777;

  margin: 2% 0 6% 0;

}

.new_news_hy_con{

  margin-top:2%;

  text-align: left;

  font-size: 16px;

  color: #777;

  margin: 0;

  margin-bottom: 10px;

  line-height: 24px;

}

.new_news_hy_con p{

  font-size: 16px;

  color: #777;

  margin: 0;

  margin-bottom: 10px;

  line-height: 24px;

  text-align: left;

}

.new_news_hy_box>img{

  margin-bottom: 4%;

  margin-top: 2%;

}

.new_news_hy_box>h5{

  font-size: 26px;

  color: #006e47;

  font-weight: 400;

  margin-bottom: 2%;

  margin-top: 5%;

}



/* 新闻 */





/* 案例 */

.case_top {

  background-color: #0e7047;

  

}

/* .case_top .hone_title {

  position: relative;

  padding: 3% 0%;

}

.case_top .hone_title h5 b {

  z-index: 2;

  position: relative;

  background: none;

  padding: 0% ;

  display: inline-block;

}

.case_top .hone_title a{

  color: #fff;

  position: absolute;

  right: 10%;

  bottom: 20%;

  text-decoration:underline;

  font-size: 18px;

} */

.projects{

  background: #f4f4f4;

  padding: 5% 13%;

}

.projects .hone_title{

  position: relative;

}

.key_a {

  position: absolute;

  bottom: -30%;

  right: 0;

}

.projects .hone_title h5{

text-align: center;

}

.key_a a{

  width: 100px;

  height: 36px;

  line-height: 34px;

  text-align: center;

  color: #179b44;

  border: 1px solid #179b44;

  display: inline-block;

  border-radius: 18px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.key_a a:hover{

  color: #ffffff;

    background: #179b44;

}

/*.key_a a:nth-child(2){

  color: #ffffff;

  background: #179b44;

}*/

.projects_list_show{

  display: none;

}

.projects_list_on{

  width: 30.66%;

  float: left;

  margin: 0 2%;

  background: #ffffff;

  margin-bottom: 4%;

}

.projects_list_on:nth-child(3n+2){

  transform:translateY(50px);

}

.projects_list_on:nth-child(3n+1){

  margin-left: 0;

}

.projects_list_on:nth-child(3n){

  margin-right: 0;

}

.projects_list_img{

  overflow: hidden;

}

.projects_list_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.projects_list_on:hover .projects_list_img img{

  -webkit-transform:scale(1.05);

  transform:scale(1.05);

}

.projects_list_txt{

  padding: 3% 5%;

}

.projects_list_txt p{

  font-size: 16px;

  line-height: 1.4;

  margin: 0;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.projects_more{

  width: 88%;

  text-align: right;

  margin-top: 5%;

}

.projects_more a{

  color: #0a7b49;

  font-size: 18px;

}

.classic{

  padding: 5% 13%;

}

.classic .hone_title{

  margin-bottom:8% ;

}

.classic .hone_title h5{

  text-align: center;

  }

.classic_case_img{

 position: relative;

 z-index: 2;

  }

.ssic_case_txt{

  position: absolute;

  width: 100%;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

  color: #fff;

}

.ssic_case_txt a{

  width: 140px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  color: #fff;

  background: #179c44;

  border-radius: 20px;

  text-align: center;

}

.ssic_case_txt p{

  font-size: 24px;

  margin-bottom: 4%;

  font-weight: 600;

  letter-spacing: 0px;

}

.classic_case{

  position: relative;

  margin-bottom: 2%

}

.classic_case::after{

  content: '';

  position: absolute;

  background: #0a7b49;

  top: -8%;

  left: -3%;

  width: 90%;

  height: 95%;

}

.classic_case2::after{

  content: none;

}

.classic_case3::after{

  top: auto;

  left: auto;

  right: -3%;

  bottom: -8%;

}

/* .classic_case3{

  margin-left: -3%

} */

.pages_inner_top{

  text-align: center;

  margin-bottom: 5%;

}

.pages_inner_top h5{

 font-size: 38px;

 font-weight: 300;

 margin: 0 0 2% 0;

 color: #006e47;

}

.pages_inner_top span{

   font-size: 12px;

   color: #aaa;

}

.pages_inner_bot p img{

  max-width: 100%;

}

.pages_inner{

  padding: 5% 11%  

}

.pages_inner_box{

  padding: 5% 10%;

  background-color: #f7f7f7;

}

.pages_inner_bot p{

  font-size: 17px;

  line-height: 1.6;

  margin-top: 4%;

  margin-bottom: 4%;

  color: #777;

}

.pages_inner_bot  span{

  font-size: 16px;

  color: #0a7b49;

}

.pages_inner_bot_video{

  position: relative;

}

.pages_swiper{

  margin: 3% 0 5% 0;

  position: relative;

}

.partic_btn_left,.partic_btn_right{

  width: 40px;

  height: 40px;

  border-radius: 50%;

  line-height: 38px;

  text-align: center;

  color: #179b44;

  font-size: 24px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  background: #f0f0f0;

  z-index: 999;

  cursor: pointer !important;

  pointer-events: auto !important;

  }

.partic_btn_left{

  left: -60px;

}

.partic_btn_right{

  right: -60px

}

.partic_btn_left:hover{

  background: #179b44;

  color: #fff;

}

.partic_btn_right:hover{

  background: #179b44;

  color: #fff;

}

.partic_pagin{

  position: absolute;

  width: 100%;

  text-align: center;

  bottom: 10%;

}



.agency .partic_btn_left, .agency .partic_btn_right{

  background: #fff;

  position: absolute;

  color: #179b44 !important;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  line-height: 28px;

  font-size: 16px;

}

.agency .partic_btn_left:hover{

  background: #179b44;

}

.agency .partic_btn_right:hover{

  background: #179b44;

}

.agency .partic_btn_left:hover i{

 color: #fff;

}

.agency .partic_btn_right:hover i{

  color: #fff;

 }

.agency .partic_btn_left{

  left: 74%;

  top: 72%;

  margin-left: -20px;

  z-index: 999 !important;

}

.agency .partic_btn_right{

  left:77.5%;

  top: 72%;

  margin-left: -20px;

  z-index: 999 !important;

}







.partic_img{

  position: relative;

}

.partic_img::after{

  content: '';

  position: absolute;

  left: 0;

  width: 40%;

  height: 100%;

  background: rgb(13, 112, 71,0.9);

}



.pages_swiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

  opacity: 1;

 

}

.share{

  text-align: right;

}

.classic_bg{

  background: #f4f4f4;

  padding: 8% 13%;

}

.share {

  margin-top: 3%

}

.share a{

 display: inline-block;

 margin: 0 5px;

}

.share img{

  width: 40px;

}



.case_focus{

  padding: 2% 0 7.5% 0;

  background-color: #f4f4f4;

}

.case_focus>h5{

  font-size: 36px;

  color: #111;

  text-align: center;

  margin: 0;

  margin-bottom: 3%;

  font-weight: 400;

}

.case_focus_swiper{

  position: relative;

}

.case_focus_list{

  position: relative;

}

.case_focus_img{

  position: absolute;

  bottom: -14%;

  left: 0%;

  width: 100%;

  height: 114%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.case_focus_bg{

  width: 100%;

  height: 100%;

  background:rgba(0, 0, 0,0.6);

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.case_focus_txt{

  width: 100%;

  position: absolute;

  left: 0;

  top: 100%;

  background-color: #009543;

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  padding: 15px;

  /*padding-right: 90%;*/

  padding-right: 45%;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.case_focus_txt span{

  position: absolute;

  top: 50%;

  right: 15px;

  font-size: 14px;

  line-height: 34px;

  border: 1px solid #fff;

  border-radius: 36px;

  padding: 0 20px;

  margin-top: -18px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}



.case_focus_txt span:hover{

  background: #fff;

  color: #179b44;

 }

.case_focus .case_focus_swiper{

  padding: 5% 0;

}

.case_focus .swiper-slide-active{

  z-index: 9;

}

.case_focus .swiper-slide-active .case_focus_img{

  width: 170%;

  height: 126%;

  left: -35%;

}

.case_focus .swiper-slide-active .case_focus_img .case_focus_bg{

  background:rgba(0, 0, 0,0);

}

.case_focus .swiper-slide-active .case_focus_txt{

  width: 170%;

  left: -35%;

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.case_focus_prev{

  position: absolute;

  top: 50%;

  left: 12%;

  z-index: 9;

  margin-top: -20px;

  cursor: pointer;

  background-color: rgb(255,255,255,0.6);

  border-radius: 50%;

  width: 50px;

  height: 50px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.case_focus_next{

  position: absolute;

  top: 50%;

  right: 12%;

  z-index: 9;

  margin-top: -20px;

  cursor: pointer;

  background-color: rgb(255,255,255,0.6);

  border-radius: 50%;

  width: 50px;

  height: 50px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}



.case_focus_prev:hover, .case_focus_next:hover{

  background-color: #179b44;

}

.case_focus_next.swiper_btn img:first-child, .case_focus_prev.swiper_btn img:first-child{

  position: relative;

  top: 10px;

  left: 10px;

}

.case_focus_next.swiper_btn img:last-child, .case_focus_prev.swiper_btn img:last-child{

  top: 10px;

  left: 10px;

}



.case_inner_foucs .case_focus_prev{

  left: 6%;

}

.case_inner_foucs .case_focus_next{

  right: 6%;

}



.case_inner_banner{

  padding: 0% 11% 0 11%;

  background: url("../images/case_inner_bg.jpg") center no-repeat;

  background-size: cover;

}

.case_inner_banner img{

  -webkit-transform: translateY(15%);

  transform: translateY(15%);

}

.case_inner_list{

  position: relative;

}

.case_inner_list_txt{

  width: 40%;

  position: absolute;

  top: 50%;

  left: 15%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 22px;

  color: #fff;

  line-height: 2;

}

.case_inner_list_txt span{

  display: block;

  line-height: 36px;

  border: 1px solid #fff;

  font-size: 16px;

  color: #fff;

  width: 200px;

  text-align: center;

  border-radius: 38px;

  margin-top: 5%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.case_inner_list_txt span:hover{

  border: 1px solid #179b45;

  background-color: #179b45;

}

.case_share{

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

.case_share span{

  margin-left: 15px;

}

.case_share span img{

  width: 24px;

  cursor: pointer;

}



/* 案例 */

/* 可持续发展 */

.develop_top {

  padding: 5% 15%;

  margin-top: 91px;

  background: #f5f5f5;

}

.develop_top  .hone_title p{

  width: 70%;

}



.soil .hone_title h5 {

  margin: 0 0 6% 0;

  text-align: left;

}

.soil .hone_title h5 span {

  color: #e3e3e3;

}

.environ_ment{

  text-align: center;

  padding: 5% 16%;

}

.environ  .environ_ment:nth-child(even){

  background-color: #f8f8f8;

}

.environ_ment h4{

color: #0c7146;

text-align: center;

font-size: 35px;

font-weight: 600;

margin: 0 0 4% 0;

}

.environ_ment h5{

  font-size: 36px;

  margin: 0 0 3% 0 !important;

  color: #777;

  font-weight: 300;

}

.environ_ment p{

  color: #585858;

  line-height: 1.8;

  font-size: 16px;

  font-weight: 400;

}

.environ_ment img{

  margin-top: 2%;

}

.botList_img{

  width: 54%;

  position: relative;

}

.develop2_bottom  .hone_title{

  margin-top: 5%;

}

.develop2_bottom  .hone_title h5{

  text-align: center;

  color: #3b3b3b;

}

.botList_img span{

  color: #fff;

  background: #179b44;

  position: absolute;

  top: 10%;

  right: -7%;

  font-size: 35px;

  padding: 0 2px;

  display: block;

  letter-spacing: 0px;

}

.lop2_botList{

  position: relative;

  margin-bottom: 3%

}

.botList_txt{

  position: absolute;

  left: 58%;

  width: 35%;

  top: 50%;

  -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



}

.botList_txt p{

 color:#585858;

 font-size: 18px;

}

.botList_txt a{

  display: block;

  text-align: right;

  width: 80%;

  color: #179b44;

  margin-top: 7%

}

.lop2_botList_right .botList_img{

 margin-left: 44%;

}

.lop2_botList_right .botList_txt{

  left: 6%;

}

.lop2_botList_right .botList_img span{

   right: auto;

   left: -10%;

}



.develop_new{

  width: 100%; 

}

.develop_new_box1{

  width: 100%;

  padding: 5% 12%;

  background-color: #fff;

}

.develop_new_box2{

  width: 100%;

  padding: 5% 12%;

  background-color: #f7f7f7;

}

.develop_new_box>h5{

  font-size: 36px;

  margin: 0;

  color: #212121;

  text-align: center;

  font-weight: 400;

  position: relative;

}

.develop_new_box>h5>span{

  width: 40px;

}

.develop_new_box>h5>span img{

  width: 40px;

}

.develop_new_box>h5>span:first-child{

  position: relative;

  top: -24px;

  left: 16px;

}

.develop_new_box>h5>span:last-child{

  position: relative;

  top: 19px;

  left: -16px;

}

.develop_new_list{

  width: 68%;

  margin-top: 8%;

}

.develop_new_list.left{

  margin-left: 0;

}

.develop_new_list.right{

  margin-left: 32%;

}

.develop_new_img{

  overflow: hidden;

}

.develop_new_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.develop_new_list:hover .develop_new_img img{ 

  -webkit-transform:scale(1.1);

  transform:scale(1.1);  

}



.develop_new_txt h5{

  margin: 3% 0;

  font-size: 26px;

  color: #009443;

  font-weight: 300;

}

.develop_new_txt p{

  font-size: 14px;

  color: #555;

  font-weight: 300;

  line-height: 1.8;

}





/* 可持续发展 */

/*  精准种植*/

.advantage_ban{

  position: relative;

  margin: 2% 0;

}

.advantage_top{

  padding: 5% 15% 0 15% ;

}

.advantage_top .hone_title p {

  padding: 0 5%;

} 

.advantage_bot .environ_ment p{

  padding-left: 0%;

}

.advantage_bot .environ_ment p a{

  color: #006e47;

  font-weight: 600;

}

.advantage_bot .environ_ment p img{

  width: 60px;

  margin: 0;

  vertical-align: bottom;

}

.advantage_top .hone_title h5 span {

  color: #c5c5c5;

}

.advantage_top .hone_title p:last-child{

  font-size: 18px;

  text-align: center;

  margin-top: 5%;

}

/*  精准种植*/

/* 产品 */

.product_1{

  padding: 5% 20%

}

.p_list_on{

  cursor: pointer;

}

.product_list{

  padding:5% 12% 5% 12%;

}

.product_1 .hone_title h5{

 text-align: center;

}

.product_1 .hone_title p{

  text-align: center;

 }

 .p_list_img{

   /* padding: 5% 0; */

   /* background: #f5f5f5; */

   overflow: hidden;

 }

 .p_list_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

 }

 .product_list>h4{

   font-size: 36px;

   text-align: center;

   margin: 0 0 3% 0;

   font-weight: 300;

   color: #006e47;

   padding-bottom: 15px;

 }

 .p_list_txt{

   text-align: left;

   padding: 10% 8%;

   -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

   transition: all cubic-bezier(.18,1,.21,1) .9s;

   position: relative;

   z-index: 9;

   background: #f8f8f8;

 }

 .p_list_txt h5{

   color: #212121;

   font-size: 20px;

   margin: 0 0 5% 0;

 }

 

 .p_list_line{

   width: 20%;

   height: 1px;

   background: #179b44;

   margin: 0 auto;

   margin-bottom: 5%;

 }

 .p_list_on:hover .p_list_img img{

  -webkit-transform:scale(1.1);

  transform:scale(1.1);

 }



.p_list_txt ul{

  width: 70% !important;

  /* margin: 0 auto; */

  /* display:flex;

  flex-wrap: wrap; */

  height: 96px;

  overflow: hidden;

}

 .p_list_txt  ul li {

  font-size: 12px;

  /* width: 50%; */

  text-align: left;

  color: #6d6c6c;

  display: inline-block;

  list-style:none;

  position: relative;

  padding-left: 10px;

 }

 .p_list_txt  ul li::after{

   content:'';

   position: absolute;

   width: 5px;

   height: 5px;

   border-radius: 50%;

   background-color: #009643;

   left: 0;

   top: 6px;

 }

 .p_list_txt  ul li.ad_Wid{

  width: 100%; 

 }

 .p_list_txt>a{

   display: inline-block;

   width: 130px;

    height: 40px;

    line-height: 38px;

    color: #959595;

    border:1px solid #179b44;

    border-radius: 20px;

    text-align: center;

    margin-top: 5%;

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

    transition: all cubic-bezier(.18,1,.21,1) .9s;

    position: absolute;

    right: 3%;

    bottom: 35%;

}

.p_list_txt>a span{

  color: #179b44;;

}

 .p_list_on:hover  .p_list_txt>a{

  color: #fff;

  background-color: #179b44

 }

 .p_list_on:hover  .p_list_txt>a span{

  color: #fff;



 }

 .product_list_3{

   display: flex;

 }

 .product_list_3 .p_list_on{

  width: 31.33%;

  margin-right:2%;

 }

 .prod_bot {

  padding: 4% 5%;

  background-color: #179b45;

 }

 .prod_bot h5 {

  color: #ffffff !important;

  margin: 0;

}

 .prod_bot span{

  text-decoration:underline;

  margin-left: 3%;

  cursor: pointer;

 }

 .interest{

   background: url(../images/interest_bg.png) no-repeat;

   position: relative;

   padding: 5% 0;

   background-size: 100%;

 }

 .inter_cent{

   text-align: right;

 }

 .inter_cent p {

   background-color: #0e7047;

   color: #fff;

   margin-bottom: 2%;

   border-radius: 30px;

   width: 300px;

   height: 35px;

   line-height: 35px;

   text-align: center;

   display: inline-block;

 }

 .inter_cent a {

   display: inline-block;

   background-color: #179b44;

   color: #fff;

   border-radius: 30px;

   width: 300px;

   height: 35px;

   line-height: 35px;

   text-align: center;

 }

 .interest_txt{

   width: 55%;

 }

 .interest h5{

  font-size: 35px;

  margin: 0 0 3% 0;

  text-align: right;

  width: 57%;

 }

 .interest_img{

   position: absolute;

   top: 50%;

   -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

   left: 70%;

   width: 16%

 }

 .inside_ban_wid{

   position: relative;

   z-index: 2;

 }

 .nursery_title{

  position: absolute;

  left: 30%;

  width: 40%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 11;

  text-align: center;

 }

 .nursery_title span{

   color: #fff;

   font-size: 40px;

   letter-spacing: 0px;

   position: absolute;

   left: 0;

   width: 100%;

   top: 50%;

   -webkit-transform: translateY(-50%);

   transform: translateY(-50%);

 }

 .recom{

   display: flex;

 }

 .product_list .pages_swiper{

  margin: 3% 0 0% 0;

 }

 .product_deta{

   padding: 5% 12%;

   text-align: center;

 }

 .product_deta h4{

   color: #7b7b7b;

   font-size: 40px;

   font-weight: 400;

   padding-bottom:2% ;

   margin: 0 0 2% 0;

 }

 .product_deta h4 span{

  color: #179a44;

 }

 .down_more{

   text-align: center;

   margin-top: 6%

 }

 .down_more a{

   display: inline-block;

   width: 140px;

    height: 40px;

    line-height: 38px;

    display: inline-block;

    color: #0d7047;

    border-radius: 20px;

    text-align: center;

    border: 1px solid #0d7047;

}

.product_list .recycling_img{

  width: 80%;

  margin: 0 auto;

}

.fication{

  position: relative;

}

.fication .gallery-top{

  padding-bottom: 40px;

}

.partic_pagination{

  bottom: 0 !important;

}

.partic_pagination .swiper-pagination-bullet{

  width: 12px;

  height: 12px;

}

.partic_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{

  background-color: #009543;

}

.fication .partic_btn_left{

  left: 3%;

}

.fication .partic_btn_right{

 right: 3%;

}

.ficat_menu{

  width: 80px;

  background: #f6f6f6;

  box-shadow: 2px 2px 2px #ccc

 }

 .swiper-slide-active .ficat_menu{

 border:1px solid #91bdab;

 }

 .fication .gallery-thumbs{

    padding: 10px 3%;

 }

 .specif {

   display: flex;

   flex-wrap: wrap;

 }

 .product_deta h5{

   color: #727272;

   font-size: 18px;

   margin-bottom: 5%;

   letter-spacing: 0px;

   font-weight: normal;

   line-height: 2;

   text-align: left;

   margin-top: 0;

 }

 .specif p{

  width: 50%;

  text-align: left;

  color: #666;

  font-size: 20px;

  line-height: 30px;

  margin: 0;

 }

 .specif p span{

   color: #179c44;

   text-decoration: underline;

   display: inline-block;

 }

 .specif{

    width: 80%;

    margin: 0 auto;



 }

 .specif2 {

   display: flex;

   flex-wrap: wrap;

 }

 .specif_on {

  width: 60%;

  position: relative;

 }

 .specif2 .ad_Wid{

  width: 100%;

 }

 .mended h5{

  font-size: 20px;

  color: #656565;

  margin: 5% 0 0 0;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

 .mended_img{

   background: #f6f6f6;

   border:1px solid #f6f6f6;

   -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

   transition: all cubic-bezier(.18,1,.21,1) .9s;

}

 .mended:hover .mended_img{

  background: transparent;

  border:1px solid #179b44

 }

 .mended:hover h5{

 color: #179b44;

 text-decoration: underline;

 }



 .gallery-thumbs-box{

   position: absolute;

   bottom: 0;

   right: 0;

   width: 400px;

 }



.product_inner_banner{

  margin-top: 91px;

  position: relative;

}

.video_play{

  cursor: pointer;

  width: 6.5%;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}
.product_title{
  margin-bottom: 10%;
}
.product_title>h5{
  font-size: 36px;
  color: #006e47;
  font-weight: 300;
  text-align: left;
  margin: 0;
  margin-bottom: 0%;
}
.product_title>p{
  color: #727272;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: normal;
  line-height: 2;
  text-align: left;
  margin-top: 0;
}
.product_deta_txt{

  width: 45%;

  float: left;

  margin-left: 9%;

} 

.product_deta_txt h3{

  font-size: 36px;

  color: #006e47;

  font-weight: 300;

  text-align: left;

  margin: 0;

  margin-bottom: 8%;

}

.product_deta_txt h5{

  margin-bottom: 12%;

}

.product_deta_txt .specif{

  display: block;

  width: 100%;

}

.product_deta_txt .specif p{

  font-size: 14px;

  color: #777;

  line-height: 3;

  padding: 0 15px;

  background-color: #f7f7f7;

  width: 100%;

  border-bottom: 1px solid #fff;

}

.product_deta_txt .specif b{

  font-size: 12px;

  color: #666;

  display: block;

  font-weight: normal;

  text-align: left;

  padding-top: 15px;

  padding-left: 15px;

}

.product_deta_txt .specif b span{

  color: #009443;

  display: inline-block;

  font-style: italic;

  border-bottom: 1px solid #009443;

  margin-left: 4px;

  cursor: pointer;

}

.product_deta_img{
  width: 42%;
  float: left;
}
.product_deta_img>img{
  width: 100%;
}


.product_imgList{
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.product_imgListbg{
  position: absolute;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.product_imgList1{
  width: 31.5%;
  height: 100%;
  top: 0;
  left: 0;
}
.product_imgList2{
  width: 20.4%;
  height: 100%;
  top: 0;
  left: 32%;
}
.product_imgList3{
  width: 24.8%;
  height: 49.2%;
  top: 0;
  left: 52.8%;
}
.product_imgList4{
  width: 24.8%;
  height: 49.2%;
  top: 50.8%;
  left: 52.8%;
}
.product_imgList5{
  width: 22%;
  height: 100%;
  right: 0;
  top: 0;
}
.product_imgList_show{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.product_imgList_show_img{
  width: 46%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.product_imgList_show_img img{
  width: 100%;
}
.product_imgList_show_img span{
  width: 40px;
  padding: 10px;
  position: absolute;
  top: -40px;
  right: -40px;
  cursor: pointer;
}
.product_imgList_show_img span img{
  width: 100%;
}


.product_appl{
  padding: 7% 0 5% 12%;
  background-color: #f2f2f2;
  position: relative;
}
.product_appl_box{
  width: 100%;
  position: relative;
}
.product_appl_txt{
  width: 44%;
  position: absolute;
  top: 50%;
  left: 0;
  padding-right: 6%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
}
.product_appl_txt>h5{
  font-size: 36px;
  color: #006e47;
  font-weight: 300;
  text-align: left;
  margin: 0;
  margin-bottom: 5%;
}
.product_appl_txt>p{
  color: #727272;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}
.product_appl_tips{
  margin-top: 30px;
}
.product_appl_tips>span{
  display: block;
  font-size: 18px;
  color: #727272;
  letter-spacing: 0px;
  font-weight: normal;
  margin-bottom: 15px;
}
.product_appl_tips p{
  color: #727272;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  margin-top: 0;
}
.product_appl_img{
  width: 50%;
  margin-left: 40%;
  padding-bottom: 50px;
}

.partic_pagination .swiper-pagination-bullet{
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
.partic_pagination .swiper-pagination-bullet{
  background-color: #009543;
}
.partic_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #009543;
}

.product_advantage{

  background-color: #009543;

  padding:  5% 12%;

}

.product_advantag_box{

  position: relative;

}

.product_advantag_box h5{

  font-size: 36px;

  color: #fff;

  font-weight: 300;

  margin-bottom: 5%;

}

.product_advantag_box p{

  font-size: 18px;

  color: #fff;

  font-weight: 300;

  margin-bottom: 0;

  line-height: 1.8;

}

.product_advantage_tip{

  width: 18%;

  /* text-align: center; */

  /* font-size: 30px; */

  /* color: #fff; */

  position: absolute;

  /*bottom: -10%;*/
  bottom: 50%;

  right: 3%;

  /* opacity:0.6;

  -moz-opacity:0.6; 

  -khtml-opacity:0.6;

  -webkit-opacity:0.6;

  filter:alpha(opacity=60); */
 
  -webkit-transform: translateY(50%);

  transform: translateY(50%); 




}
.tage_tip_img{
  width: 100%;
}




.product_application{

  padding: 6% 5%;

  background-color: #f4f4f4;

}

.product_appl_bg {

  background-color: #ffffff;

}

.product_application_list{

  width: 100%;

  position: relative;

  margin-bottom: 5%;

  overflow: hidden;

}

.product_application_list .bg{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0,0.6);

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_application_list:hover .bg{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.product_application_list>img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_application_list:hover >img{

  -webkit-transform:scale(1.1);

  transform:scale(1.1); 

}

.product_application_list:last-child{

  margin-bottom: 0;

}

.product_application_bg{

  width: 32%;

  position: absolute;

  top: 0;

  height: 100%;

  background: rgba(22, 114, 71, .9);

}

.product_application_list.rightBg .product_application_bg{

  right: 0;

}

.product_application_list.leftBg .product_application_bg{

  left: 0;

}



.product_application_title{

  padding-bottom: 5%;

  width: 90%;

  margin: 0 auto;

}



.product_application_title h5{

  font-size: 36px;

  color: #179b44;

  margin: 0;

  text-align: center;

  margin-bottom: 3%;

  font-weight: 600;

}

.product_application_title p{

  font-size: 20px;

  color: #333;

  line-height: 2;

  margin: 0;

  text-align: center;

}



.product_application_txt{

  width: 70%;

  position: absolute;

  left: 15%;

  top: 48%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.product_application_txt h5{

  font-size: 36px;

  color: #fff;

  margin-bottom: 9%;

  font-weight: 400;

}

.product_application_txt p{

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  margin: 0;

  line-height: 1.6;

  /* display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden; */

}

.product_application_more{

  margin-top: 15%;

}

.product_application_more span{

  display: flex;

  margin-top: 2%;

  flex-wrap: wrap;

}

.product_application_more span i{

  font-size: 13px; 

  color: #fff;

  font-weight: 300;

  line-height: 1.8;

  margin-bottom: 5px;

  margin-right: 15px;

  border-bottom: 1px solid #fff;

  cursor: pointer;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_application_more span i:hover{

  font-weight: 500; 

}



.product_model{

  position: absolute;

  bottom: 35%;

  right: 3%;

  overflow: hidden;

  border-radius: 8px;

  z-index: 9;

  display: none;

}

.product_model span{

  width: 120px;

  text-align: center;

  display: block;

  background-color: #009844;

  font-size: 12px;

  color: #fff;

  line-height: 30px;

  border-bottom: 1px dashed #77b29d;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_model a:last-child span{

  border-bottom: none;

}

.product_model span:hover{

  background-color: #006e47;

}

.product_home_sec0{

  background-color: #f7f7f7;

}

.product_home_sec0_box{

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_home_sec0_box p{

  margin:  0 5%;

}

.product_home_sec0_box p{

 

}

.product_home_sec0_box p img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

}

.product_home_sec0_box p:hover img{

  -webkit-transform:scale(1.1);

  transform:scale(1.1);

}

.product_home_sec0_box p span{

  display: block;

  font-size: 16px;

  color: #606060;

  text-align: center;

  margin-top: 3%;

}

.licatHeight{

  overflow-y: scroll;

  padding-right: 15px;

  padding-bottom: 10px;

}

.licatHeight::-webkit-scrollbar-track-piece{width:8px;background-color: transparent;}



.licatHeight::-webkit-scrollbar{width:5px;height:6px}

.licatHeight::-webkit-scrollbar-thumb{height:50px;background-color:#179b44;}



.licatHeight::-webkit-scrollbar-thumb:hover{background:#179b44;}



.licatHeight::selection {background:#0484cf;color: #fff;}

.licatHeight a {

  color: #0e7047;

  font-size: 18px;

  margin-top: 4%;

  display: block;

  text-align: right;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_home_sec1{

  padding: 5% 12%;

}

.product_home_sec1>h5{

  font-size: 36px;

  color: #333;

  margin: 0;

  margin-bottom: 2%;

  text-align: center;

  font-weight: 400;

}

.product_home_sec0>h5{

  color: #000;

  margin-bottom: 3%;

}

.product_home_sec1>p{

  font-size: 16px;

  color: #159443;

  padding: 0 15%;

  margin-bottom: 5%;

  text-align: center;

}

.product_home_sec1_list h5{

  font-size: 20px;

  color: #333;

  margin: 0;

  text-align: center;

  font-weight: 400;

  padding-top: 5%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_home_sec1_list:hover  h5{

  color: #159443;

}

.product_home_sec1 .more{

  width: 200px;

  margin: 0 auto;

  font-size: 16px;

  line-height: 3;

  color: #fff;

  background-color: #47b277;

  text-align: center;

  border-radius: 32px;

  margin-top: 5%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_home_sec1 .more:hover{

  background-color:#006e47

}

.sec1_list_img{

  overflow: hidden;

}

.sec1_list_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_home_sec1_list:hover .sec1_list_img img{

  -webkit-transform:scale(1.05);

  transform:scale(1.05);

}

.product_home_sec2{

  padding: 5% 12%;

  background-color: #f7f7f7;

}

.product_home_sec2>h5{

  color: #333;

}

.product_home_sec2_list{

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}

.product_home_sec2_list img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.product_home_sec2_list:hover img{

  -webkit-transform:scale(1.05);

  transform:scale(1.05);

}

.product_home_sec2_list h5{

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 0;

  line-height: 3;

  margin: 0;

  padding: 0 15px;

  font-size: 18px;

  font-weight: 400;

  color: #fff;

  background: rgba(8, 82, 50, 0.7);

}





/* 产品 */

/* 研究 */

.research_top .nursery_title{

  width: 45%;

}

.research_1 {

  padding: 3% 0 0 0;

}

.research_1 .hone_title h5{

  color: #0d0d0d;

  text-align: center;

}

.agency{

  position: relative;

}

.agency_swiper {

 padding:5% 0 0 0 ;

}

.agency_txt{

  padding: 5% 0 0 0;

}

.agency_txt p{

  color: #999999;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 0

}

.agency_txt h5{

   padding-left: 100px;

   position: relative;

   color: #4eb370;

   font-size: 20px;

}

.agency_txt h5 i{

  position: absolute;

  left: 0;

  top: 0;

  font-style: normal;

  line-height: 32px;

}

.agency_txt h5 span{

  display: block;

  text-decoration: underline;

  line-height: 32px;

}

.agency_swiper .swiper-slide-active .agency_list{

 padding: 6%;

 box-shadow: 0 6px 24px hsla(214,3%,49%,.2);

}

.agency_list h4{

  font-size: 24px;

  color: #0d0d0d;

  margin: 0 0 5% 0;

  display: none;

}

.agency_txt{

  display: none;

}

.agency_swiper .partic_btn_left {

  left: 0px;

}

.agency_swiper .partic_btn_right {

  right: 0px;

}

.agency_swiper .swiper-slide-active{

  transform: translateY(-12%);

}

.agency_swiper .swiper-slide-active .agency_list h4{

  display: block;

}

.agency_swiper .swiper-slide-active .agency_txt{

  display: block;

}

.agency_btn_left,.agency_btn_right{

  width: 40px;

  height: 40px;

  border-radius: 50%;

  line-height: 38px;

  text-align: center;

  color: #179b44;

  font-size: 24px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  background: #f0f0f0;

}

.agency_btn_left:hover{

  background: #179b44;

  color: #fff;

}

.agency_btn_right:hover{

  background: #179b44;

  color: #fff;

}

.agency_btn_left{

  left: 0;

}

.agency_btn{

  position: absolute;

  top: 40px;

  right: 22%;

  width: 100px;

}

.growing_title{

  margin-bottom: 2%;

}

.growing_title h5{

  font-size: 35px;

    text-align: center;

    margin: 0 0 3% 0;

    padding-bottom: 15px;

    font-weight: 600;

}

.growing_title p{

  color: #2b2b32;

  line-height: 30px;

  font-size: 18px;

  margin-bottom: 0;

  text-align: center;

  width: 60%;

  margin: 0 auto;

}

.growing{

  padding: 5% 12%;

  position: relative;

}

.growing_on{

  position: relative;

  width: 70%;

  margin: 0 auto;

}

.growing_list{

  background: #fbfcf7;

}

.growing_list_img{

  position: relative;

  overflow: hidden;

}

.growing_list_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

  }

.growing_list:hover .growing_list_img img{

  -webkit-transform:scale(1.05);

  transform:scale(1.05);

}

.list_img_title{

  position: absolute;

  width: 90%;

  left: 5%;

  top: 50%;

  color: #ffffff;

}

.growing_list_txt{

  color: #2b2b32;

  background: #ffffff;

  padding: 5% 6% 8% 6%;

}

.line_t{

  position: absolute;

  left: 0;

  width: 100%;

  bottom: -1px;

}

.growing_list_txt p{

  color: #5a5a5a;

  font-size: 10px;

  margin-bottom: 5px;

}

.growing_list_txt  h5{

  color: #179b45;

  font-size: 20px;

  margin: 0 0 6% 0;

}

.growing_list_txt  p{

  font-size: 12px;

  line-height: 22px;

  margin: 0;

}

.growing_list_txt span{

  display: block;

  margin-top: 15%;

  color: #179b45;

  font-size: 14px;

}

.list_img_title span{

  font-size: 10px;

}

.list_img_title  h5{

  font-size: 22px;

  margin: 5px 0 0 0;

}

.grow_round{

  position: absolute;

  width: 70px;

  height: 70px;

  right: 10%;

  bottom: 0%;

  border-radius: 50%;

  padding: 5px;

  background: url(../images/round2.png) no-repeat;

  background-size: cover;

}

.growing_on .partic_btn_left, .growing_on .partic_btn_right {

  top: 50%;

}

.growing_list{

  box-shadow: 0 6px 24px hsl(141deg 32% 45% / 20%);

  border-radius: 5px;

  overflow: hidden;

}

.growing_swiper {

  padding: 2% 1%;

}

.new_study_img{

  position: relative;

  overflow: hidden;

}

.new_study_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.new_study_img:hover img{

  -webkit-transform:scale(1.1);

  transform:scale(1.1);

}

.new_study_img::after{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.1;

}

.swiper_study  .swiper-slide-active .new_study_img::after{

  opacity: 0;

}

.new_study_txt{

  padding: 4% 0;

  position: relative;

  /*padding-right: 40%;*/

  padding-right: 15%;

  padding-bottom: 70px;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.swiper-slide-active .new_study_txt{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.new_study_txt h5{

  margin: 0;

  font-size: 20px;

  color: #666;

  margin-bottom: 10px;

  font-weight: 600;

}

.new_study_txt p{

  font-size: 14px;

  color: #666;

  margin-bottom: 10px;

}

.new_study_txt .tents{

  position: absolute;

  bottom: 0%;

  left: 0%;

  padding-left: 160px;

  padding-right: 15%;

}

.new_study_txt .tents span{

  display: inline-block;

  font-size: 16px;

  color: #179b44;

  line-height: 24px;

  /* border-bottom: 1px solid #179b44; */

}

.new_study_txt .tents i{

  font-size: 16px;

  position: absolute;

  top: 0;

  line-height: 24px;

  left: 0;

  color: #179b44;

  font-style: normal;

}



.bps_new ul{

  padding: 0;

  margin: 0;

}

.bps_new ul li{

  margin-bottom: 3%;

  padding: 3% 8% 3% 13%;

  background-color: #f7f7f7;

  border-bottom: 2px solid #006e47;

  position: relative;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.bps_new ul li:last-child{

  margin-bottom: 0;

}

.bps_new_img{

  width: 8%;

  position: absolute;

  top: 50%;

  left: 3%;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.bps_new_txt{

  width: 70%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.bps_new_txt h5{

  font-size: 24px;

  margin: 0;

  margin-bottom: 2.8%;

  font-weight: 300;

  border-bottom: 2px solid #f7f7f7;

  color: #006d46;

  line-height: 30px;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.bps_new ul li:hover .bps_new_txt h5{

  font-weight: 600;

}

.bps_new_txt p{

  font-size: 14px;

  color: #777777;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  margin: 0;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.bps_new ul li span{

  position: absolute;

  top: 50%;

  left: 3%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: #fff;

  border-radius: 6px;

  color: #848484;

  font-size: 24px;

  text-align: center;

  padding: 1%;

}

.bps_new ul li span b{

  display: block;

  font-size: 26px;

  color: #179b44;

}

.bps_icoc{

  width: 4%;

  position: absolute;

  bottom: 20%;

  right: 8%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s; 

}

.bps_new ul li:hover .bps_icoc{

  -webkit-transform:scale(1.4);

  transform:scale(1.4);

}

.bps_icoc img{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s; 

}

.bps_icoc img:last-child{

  position: absolute;

  top: 0;

  left: 0;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.bps_new ul li.active{

  padding-bottom: 20%;

  background-color: #179b44; 

  border-bottom: 2px solid #179b44;

}

.bps_new ul li.active .bps_icoc img{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.bps_new ul li.active .bps_icoc img:last-child{

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100); 

}

.bps_new ul li.active span{

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.bps_new ul li.active .bps_new_txt{

  margin-left: 30%;

}

.bps_new ul li.active .bps_new_txt h5{

  padding-bottom: 4%;

  border-bottom: 2px solid #fff;

  color: #fff;

}

.bps_new ul li.active .bps_new_txt p{

  color: #fff;

}

.bps_new ul li.active  .bps_new_img{

  width: 20%;

  left: 12%;

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}



/* 2.16 */

.cook_show{

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 9999;

  top: 0;

  left: 0;

  display: none;

}

.cook_show_bg{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  background-color: #000;

  opacity:.7;

  -moz-opacity:.7; 

  -khtml-opacity:.7;

  -webkit-opacity:.7;

  filter:alpha(opacity=70);

}

.cook_show_con{

  width: 60%;

  position: absolute;

  top: 50%;

  left: 20%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.cook_show video{

  width: 100%;

}

.cook_show_close {

  position: absolute;

  top: -40px;

  right: -40px;

  cursor: pointer;

}

.research_1 .hone_title h5 b{

  color: #000000;

  }

.force_txt{

  position: absolute;

  left: 10%;

  top: 50%;

  z-index: 22;

  color: #ffffff;

  width: 45%;

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

}

.force_txt h5{

  background: #248545;

  width: 100%;

  text-align: center;

  margin: 0 0 3% 0;

  line-height: 45px;

  font-size: 35px;

}

.force_txt p{

  /* text-shadow: 1px 2px 1px #227036; */

  color: #ffffff;

  text-shadow: 0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036,

  0 0 4px #227036;

}

.base_list {

  padding: 0 1%;

}

.base_list_o{

  width: 19.4%;

  margin: 0 0.3%;

  float: left;

  position: relative;

  cursor: pointer;

  overflow: hidden;

}

.base_list_o h5{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  color: #ffffff;

  font-size: 22px;

  margin: 0;

  line-height: 50px;

  padding: 0 5%;

  z-index: 1;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

  font-weight: 600;

  letter-spacing: 0px;

  display: flex;

  align-items: center;

  min-height: 100px;

  justify-content: center;

 }

.base_list_o  p{

  color: #ffffff;

  font-size: 16px;

  margin: 0;

  position: absolute;

  left: 0%;

  width: 100%;

  top:22%;

  padding: 5% 5%;

 z-index: 1;

 -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

  opacity: 0;

  line-height: 26px;

  letter-spacing: 0px;

  text-align: justify;

 }



.base_list_o:after{

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgb(0, 0, 0,0.7);

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

  opacity: 0;

 }

 .base_list_o::before{

   position: absolute;

   content: '';

   width: 100%;

   height: 5px;

   background: #179c44;

   left: 0;

   bottom: 0;

   opacity: 0;

   z-index: 2;

   -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

   transition: all cubic-bezier(.18,1,.21,1) .6s;

 }

 .base_list_o:hover h5{

  background: #179c44;

}

.base_list_o:hover p{

  opacity: 1;

}

.base_list_o:hover:after{

  opacity: 1; 

}

.base_list_o:hover::before{

  opacity: 1; 

}

.exchange {

  margin: 0 auto;

  margin-top: 5%;

}

.exchange ul li {

  margin-bottom: 3%;

}

.exchange ul li a{

  color: #656565;

  font-size: 20px;

  border-bottom: 1px solid #f3f3f3;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

  display: inline-block;

  border-bottom: 1px solid #cfd0cf;

}

.exchange ul li:hover a{

  color: #179b44;

  border-bottom: 1px solid #179b44;

}

.exchange_more{

  margin-top: 3%;

  text-align: right;

}

.exchange_more a{

  font-size: 18px;

  color:#0c7146;

  display: inline-block;

  border-bottom: 1px solid #179b44;

}

.experie>p{

  width: 100%;

}

/* 研究 */



/* 2.16 */

.about5 .list li {

  position: relative;

  float: left;

  width: 31.333%;

  margin-right: 3%;

  margin-bottom: 2%;

  /* overflow: hidden; */

  /* box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 11%); */

}

.about5 .list li:nth-child(3){

	margin-right: 0;

}

.new_ab_img{

  position: relative;

  overflow: hidden;

}

.about5 .list li .new_ab_img:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background: rgba(0,0,0,0.1);

	width: 100%;

	height: 100%;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	z-index: 3;

}

.about5 .list li:hover .new_ab_img:before{

	background: rgba(0,0,0,0.3);

}

.about5 .list li .new_ab_img img{

	width: 100%;

	transition: all 0.5s linear;

}

.about5 .list li:hover .new_ab_img img{

	-webkit-transform: scale(1.03);

	transform: scale(1.03);

}

.about5 .list li .text{

	padding: 5% 0% 2% 0;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	z-index: 6;

  border-bottom: 1px solid #ccc;

}

.about5 .list li .text p{

	font-size:16px;

	color: #898989;

	letter-spacing: 0px;

	margin-bottom: 10%;

  overflow: hidden;

  height: 70px;

  line-height: 35px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2; /* 这里是超出几行省略 */

}

.about5 .list li .text span{

	display: block;

	color: #898989;

	font-size: 14px;

	/* margin-bottom: -45px; */

	-webkit-transition: 0.5s;

	transition: 0.5s;

	opacity: 0.8;

}



.about5 .list li:hover .text span{

	color: #009543;

} 

.about5 .list li:hover .text {

  border-bottom: 1px solid #009543;

}

.about5 .b_more{

	width: 100px;

	margin: 5% auto 0 auto;

}

.about5 .b_more h1{

	color: #0d7047;

	font-size: 15px;

	background: url(../images/jt_x.png) no-repeat right;

	background-size: 26px;

}

.inner_share{

  margin-top: 4%;

}

.inner_share_right{

  float: right;



}

.inner_share span{

  float: left;

}

.inner_share_right a{

  margin-left: 10px;

  display: inline-block;

}

.news_more{

  display: none;

}



/* 2.21 */

.add_top{

  margin-top: 0px;

}

.advant_ad1{

  padding: 5% 12%;

  background: url(../images/advant_ad1_bg.png) no-repeat;

  background-size: cover;

  position: relative;

}

.advant_ad_left{

 width: 68%;

 position: relative;

}

.advant_ad_left .ling_img_vedio{

 position: absolute;

 top: 50%;

 left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}

.advant_ad_right{

  background-color: #fff;

  padding: 3%;

  position: absolute;

  left: 62%;

  top: 50%;

  width: 30%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.develop .advant_ad_right{

  left: 53%;

  width: 35%;

}

.advant_ad_right h5{

  font-size: 30px;

  color: #006e47;

  margin: 0 0 5% 0;

  font-weight: 400;

}

.advant_ad_right p{

  color:#777;

  letter-spacing: 0px;

  line-height: 1.4;

  font-size: 16px;

  margin: 0;

  font-weight: 400;

  /* display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 6;

  overflow: hidden; */

}

.factors{

  padding: 5% 12%;

}

.factors_list{

  margin-bottom: 5%;

}

.factors_list_top{

  background-color: #009643;

  position: relative;

  padding: 2% 5%

}

.factors_list_top h1{

  color: #ffffff;

  margin: 0;

  font-size: 36px;

  font-weight: 300;

}

.factors_numb{

  position: absolute;

  top: 0;

  right: 10%

}

.affect{

  position: relative;

  background-color: #f7f7f7;

}

.affect_left{

  background-color: #f8f8f8;

  width: 16%;

  position: absolute;

  left: 0;

  top: 0;

  text-align: center;

  height: 100%;

}

.affect_left img{

  width: 70%;

  margin-left: 25%;

  margin-top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.affect_left h5{

  font-size: 28px;

  color: #4c4c4c;

  margin: 0 0 2% 0;

  padding: 8% 3%;

}

.affect_left p{

  color: #009643;

  font-size: 40px;

  margin: 0;

}

.affect_right{

  width: 83%;

  float: right;

  background-color: #f8f8f8;

  padding:3%;

}

.affect_right p{

  color: #777777;

  line-height: 26px;

  font-size: 16px;

  margin: 0;

  font-weight: 400;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.factors_list:hover .affect_right p{

  color: #006e47;

}

.big_advant{

  padding: 5% 15%;

  background-color: #f8f8f8;

}

.big_advant h5{

  text-align: center;

  color: #333;

}

.advant1_txt:hover .advant1_txt_all{

  /* border:2px solid #006e47 */

}

.advant1_txt:hover h5{

  font-weight: 600;

}



/* 3.1 */

.new_online{

  display: block;

  padding: 5% 20%;

  background-color: #f7f7f7;

}

.about1 .hone_title p {



  text-align: center;

}

.about2{

  padding: 0;

}

.worth_list{

  width: 48%;

  margin: 0 1%;

  float: left;

}

.worth_list_txt{

background: #179b44;

color: #ffffff;

padding: 5% 15% 3% 3%;

position: relative;

min-height: 110px;

}

.worth_list_txt p{

  font-size: 18px;

  letter-spacing: 0px;

  margin: 0;

}

.worth_list_txt a{

  color: #ffffff;

}

.worth_list_txt span{

  border:1px solid #ffffff;

  display: inline-block;

  border-radius: 30px;

  line-height: 30px;

  padding: 0 15px;

  position: absolute;

  right: 3%;

  bottom: 15%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

  transition: all cubic-bezier(.18,1,.21,1) .6s;

}

.worth_list_txt span:hover{

 background: #fff;

 color: #179b44;

}

.worth_list_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

 }

 .worth_list:hover .worth_list_img img{

   -webkit-transform:scale(1.05);

   transform:scale(1.05);

 }

 

.worth_list_img{

  overflow: hidden;

}

.b_more1 p {

  width: 140px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  color: #009543;

  border-radius: 20px;

  text-align: center;

  border: 1px solid #009543;

  cursor: pointer;

}

.b_more1{

  text-align: center;

  margin-top: 5%;

}

/* .develo{

  padding: 0 11%;

} */

.factors .hone_title{

  margin-bottom: 5%;

}

.factors .hone_title p{

 text-align: center;

}

.chemicals{

  position: relative;

  padding-left: 30%;

}

.chemicals_img{

 position: absolute;

 left: 0;

 top: 0;

 width: 30%;

}

.chemicals_img img{

  width: 40%;

  margin: 0 auto;

}

.chemicals_txt h5{

  color: #006e47;

  text-align: left;

}

.chemicals_txt p{

  text-align: left;

}



.about6 h5 {

  color: #333;

}

.green2{

  background-color: #009543;

}

.green2 h5{

  color: #ffffff;

}

.green2 a{

  color: #ffffff;

  border: 1px solid #ffffff;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.green2 a:hover{

  background: #fff;

  color:  #148760;

}

.yield{

  position: relative;

  padding-left: 30%;

}

.yield_img{

  position: absolute;

  left: 0;

  top: 50%;

  width: 30%;

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);



}

.yield_txt p,.yield_txt h5{

  text-align: left;

}

.yield_txt h5{

  margin-bottom: 0;

}

.yield_img img{

  width: 60%;

  margin: 0 auto;

}

.environ_ment:hover h5{

  color: #006e47;

}

.environ_ment:hover p{

  color: #006e47;

}

.exchange{

  background-color: #f7f7f7;

}

.exchange ul{

  display: flex;

 flex-wrap: wrap;

 width: 80%;

 margin: 0 auto;

 margin-top: 3%;

}

.exchange ul li {

  width: 50%;

}

.exchange{

  width: 76%;

  margin: 0 auto;

  padding: 5% 0;

}

.new_online1{

  background-color: #f7f7f7;

}

/* .swiper_study .swiper-slide-active{

  width: 60% !important;

} */

.news_develo_list{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: -10%;

  width: 76%;

  margin-left: 12%;

}

.news_develo_list a{

  width: 30%;

  background-color: #fff;

  position: relative;

  padding: 5% 4%;

  box-shadow: 0 0 4px hsla(214,3%,49%,.5);

}

.news_develo_list a span{

  position: absolute;

  top: 50%;

  width: 30%;

  right: 10%;

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

}

.pin_img2{

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  top: 0;

  opacity: 0;

}

.new_yanfa{

  color: #969696;

}

.new_yanfa h5{

  font-size: 36px;

  margin: 0;

  font-weight: 600;

}

.new_yanfa p{

  font-size: 20px;

  margin: 0;

}

.news_develo_list a.active {

  background-color: #179b44;

}

.news_develo_list a.active .new_yanfa{

  color: #fff;

}

.news_develo_list a.active .pin_img1{

  opacity:0;

}

.news_develo_list a.active .pin_img2{

  opacity:1;

}

.fully{

  margin-bottom: 3%;

}

.fully_img{

  width: 30%;

  float: left;

  overflow: hidden;

  border-bottom: 3px solid #179b44;

}

.fully_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.fully:hover .fully_img img{

  -webkit-transform:scale(1.1);

  transform:scale(1.1);

}

.fully_txt{

  width: 70%;

  float: left;

  padding-left: 3%;

}

.lopment_on_p{

  width: 76%;

  margin: 0 auto;

  margin-bottom: 4%;

}

.lopment_on1{

  padding:5% 0 ;

}

.lopment_on2 img{



}

/* 内页 */







/******* 个人中心 *******/

.user_box{

  margin-top: 91px;

  padding: 4% 0 5% 0;

}

.user{

  width: 920px;

  margin: 0 auto;

}

.user>h5{

  font-size: 36px;

  color: #515151;

  margin: 0;

  margin-bottom: 6%;

  text-align: center;

  position: relative;

}

.user_flex{

  display: flex;

  align-items: center;

}

.user_flex .img{

  flex: 1;

  text-align: center;

}

.user_flex .img img{

  margin-bottom: 15px;

}

.user_flex .img p{

  font-size: 18px;

  color: #179a44;

  margin: 0;

  text-align: center;

}

.user_flex .user_list{

  flex: 1;

}

.user_input{

  margin-bottom: 15px;

}

.user_input p{

  font-size: 16px;

  color: #515151;

}

.user_input p span{

  font-size: 12px;

  color: #179b45;

}

.user_input input{

  display: block;

  width: 100%;

  border: none;

  line-height: 30px;

  border-bottom: 1px solid #b0b0b9;

  background: transparent;

}

.user_left{

  width: 50%;

  float: left;

}

.user_btn{

  margin-top: 6%;

  text-align: center;

}

.user_btn a{

  display: block;

  width: 180px;

  margin: 0 auto;

  font-size: 16px;

  color: #fff;

  line-height: 2.8;

  border-radius: 40px;

  margin-bottom: 20px;

  background-color: #179a44;

}

.user_btn p{

  font-size: 12px;

  margin: 0;

  color: #515151;

}

.user_btn p span{

  color: #179a44;

}

/******* 个人中心 *******/



/* 登录 */

.record{

position: fixed;

left: 0;

top: 0;

width: 100%;

height: 100%;

background: rgb(255,255,255,0.95);

z-index: 4;

display: none;

}

.user_top{

    margin-top: 91px;

    padding: 4% 0 5% 0;

} 

.user_top .user_btn a{

  border: 1px solid #179a44;

  background-color: #fff;

  color: #179a44;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.user_top .user_btn a:hover{

  color: #fff;

  border: 1px solid #179a44;

  background-color: #179a44;

}

.register{

position: fixed;

left: 0;

top: 0;

width: 100%;

height: 100%;

background: rgb(255,255,255,0.95);

z-index: 4;

display: none;

}

.user_btn p span{

  cursor: pointer;

}

.close_b{

  color: #0e7047;

  font-size: 40px;

  position:absolute;

  top: -15px;

  right: 0;

  cursor: pointer;

}

/* 登录注册*/

/* 搜索 */

.search_res{

  padding: 3% 10% 4% 10%;

  background-color: #f8f8f8;

  margin-top: 91px;

}



.search_res>h5{

  font-size: 22px;

  margin: 0 0 2% 0;

  color: #898989;

}

.search_res_input{

  width: 25%;

  position: relative;

}

.search_res_input input{

background-color: transparent;

border: 1px solid #179b44;

border-radius: 20px;

width: 100%;

height: 45px;

line-height: 43px;

padding-left: 40px;

}

.search_res_input img{

  position: absolute;

  left: 15px;

  top: 15px;

}

.search_res_menu{

  padding: 0 10%;

  background-color: #f8f8f8;

  border-bottom: 1px solid #bbbbbb;

}

.search_res_menu a{

  color: #868686;

  display: inline-block;

  line-height: 40px;

  position: relative;

  margin-right: 3%;

  font-size: 16px;

  letter-spacing: 0px;

}

.search_res_menu a.add_chose{

  color: #006e47;

}

.search_res_menu a.add_chose::after{

  position: absolute;

  content: '';

  left: 0;

  width: 100%;

  height: 4px;

  background: #006e47;

  bottom: -1px;

}

.search_res_add{

  /*padding: 5% 17%;*/
  padding: 5% 10%;

}

.search_res_add .p_list_on{

  width: 31.33%;

  float: left;

  margin: 0 1%;

}

.search_res_add  .p_list_txt{

  background: transparent;

}

.search_res_add .exchange {

  width: 100%;

 

}

.silhouette_img{

  overflow: hidden;

}

.silhouette_img img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;

    transition: all cubic-bezier(.18,1,.21,1) .6s;

}

.silhouette:hover .silhouette_img  img{

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.search_res_add {

  display: none;

}

.search_res_add .online{

  padding-top: 0;

}

.silhouette{

 width: 31.33%;

 float: left;

 margin: 0 1%;

 position: relative;

}

.tte_btn{

  position: absolute;

  cursor: pointer;

  left: 50%;

  top: 50%;

  width: 50px;

  -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}

/* 搜索 */

/* 邮箱弹窗 */

.communicat{

  position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgb(255,255,255,0.95);

    z-index: 4;

    display: none;

}



/* 邮箱弹窗 */



/* 5.12修改 */

.projects .hone_title{

  padding-bottom: 6% !important;

}

.key_a {

  bottom: 20%;

}



/* 5.16新增 */

.news_resh{

  padding: 2% 0;

}

.news_resh .schemes>h5{

  font-weight: 300;

  color: #171717;

}

.news_resh  .online {

  padding-top: 5%;

}

.news_resh .online h5{

color: #148760;

font-weight: 300;

}

.news_resh  .online p {

 color: #373636;

}

.news_resh .media>h5{

  font-weight: 300;

}

.search_purch{

  padding: 4% 15% 3% 15%;

}

.search_purch>h5{

    color: #171717;

    font-size: 35px;

    margin: 0 0 5% 0;

    text-align: center;

    letter-spacing: 2px;

    position: relative;

    font-weight: 300;

}

.purchase_o{

  width: 50%;

  float: left;

  position: relative;

}

.purchase_o img{

  width: 28%;

}

.purchase_o_txt{

  position: absolute;

  left: 30%;

  width: 70%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  padding: 0 5%;

}

.purchase_o_txt h5{

  color: #272727;

  font-size: 20px;

  margin-top: 0;

}

.purchase_o_txt  p{

  margin-bottom: 0;

  color: #868686;

}

#resear3{

  display: block;

}

.exchange ul li a{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 56px;



}

.fool_height{

  overflow-y: scroll;

  padding: 0 15px 0 0;

}

.fool_height::-webkit-scrollbar-track-piece{width:8px;background-color:#ffffff;}



.fool_height::-webkit-scrollbar{width:5px;height:6px}

.fool_height::-webkit-scrollbar-thumb{height:50px;background-color:#006e47;}



.fool_height::-webkit-scrollbar-thumb:hover{background:#006e47;}



.fool_height::selection {background:#0484cf;color: #fff;}



/* 5.16新增 */




/************** 6.26新增 **************/
.provide_video{
  padding: 0;
  position: relative;
}
.provide_txt{
  width: 76%;
  position: absolute;
  top: 50%;
  left: 12%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.provide_txt h5{
  /*margin: 0;*/
  /*line-height: 1.5;*/
  /*font-size: 36px;*/
  /*color: #fff;*/
  /*font-weight: 600;*/
    font-size: 26px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #0d7047;
    margin: 0;
    margin-bottom: 1.5%;
    text-shadow: 2px 2px 1px #ffffff;
}
.provide_txt p{
  /*margin: 0;*/
  /*line-height: 1.5;*/
  /*font-size: 36px;*/
  /*color: #fff;*/
  /*font-weight: 600;*/
  /*margin-bottom: 10%;*/
    font-size: 50px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #0d7047;
    margin: 0;
    margin-bottom: 3%;
    text-shadow: 2px 2px 1px #ffffff;
    white-space: pre-wrap;
}
.provide_txt span{
  /*display: inline-block;*/
  /*font-size: 24px;*/
  /*line-height: 1.5;*/
  /*font-weight: 600;*/
  /*color: #fff;*/
  /*position: relative;*/
  /*cursor: pointer;*/
    background-color: #179b44;
    display: inline-block;
    font-size: 22px;
    color: #fff;
    padding: 0 5%;
    line-height: 60px;
    border-radius: 30px;
    letter-spacing: 0px;
}
.provide_txt span::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  /*background-color: #fff;*/
}

.video_box{
  padding: 5% 12%;
}
.video_box>h5{
  font-size: 36px;
  font-weight: 300;
  text-align: center;
  color: #000;
  margin-top: 0;
  margin-bottom: 5%;
}
.video_box .item{
  margin-bottom: 3%;
}
.video_box .item>h5{
  font-size: 18px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: #006e47;
}
.video_box .item>h5 img{
  margin-right: 3px;
}
.video_list{
  width: 100%;
  margin-bottom: 30px;
}
.video_list_img{
  width: 100%;
  position: relative;
}
.video_list_img span{
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.video_list_txt{
  margin-bottom: 12px;
}
.video_list_txt h5{
  font-size: 14px;
  color: #515151;
  line-height: 1.6;
  margin-bottom: 12px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.video_list_txt p{
  display: flex;
}
.video_list_txt p span{
  margin-right: 20px;
  font-size: 12px;
  color: #818181;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.video_list_txt p span img{
  margin-right: 3px;
}

.video_details{
  width: 100%;
  padding: 5% 12%;
  position: relative;
  z-index: 2;
}
.video_details::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 31%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #49994f;
}
.video_details_data{
  display: flex;
  align-items: center;
  margin-bottom: 5%;
}
.video_details_data_txt{
  width: 30%;
  padding-right: 4%;
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
}
.video_details_data_img{
  width: 70%;
}
.video_details_data_video{
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.video_details_data_video_iframe{
  width: 100%;
}
.video_details_data_video_iframe>iframe{
  width: 100% !important;
  height: 100% !important;
}
.video_details_data_video video{
  width: 100%;
}
.video_details_data_video span{
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.video_details_data_txt h5{
  font-size: 24px;
  color: #fff;
  font-family: 600;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 36%;
}
.video_details_data_txt p{
  font-size: 13px;
  color: #828282;
  line-height: 1.5;
  margin-bottom: 0;
}
.video_details_data_share{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video_details_data_share p{
  display: flex;
  align-items: center;
}
.video_details_data_share p span{
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 12px;
  color: #8c8c8c;
}
.video_details_data_share p span img{
  margin-right: 3px;
}

.video_push_list{
  width: 100%;
}
.video_push h5{
  font-size: 24px;
  color: #606060;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 30px;
}
.video_push_list_img{
  position: relative;
}
.video_push_list h5{
  color: #006e47;
  font-size: 14px;
  margin: 0;
  margin-top: 20px;
  text-align: center;
}

.video_push_list_img span{
  width: 6%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
.video_search{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 4%;
}
.video_search>span{
  padding: 4px 24px 4px 4px;
  position: relative;
  font-size: 14px;
  color: #212121;
  margin-right: 15px;
  cursor: pointer;
}
.video_search>span::before{
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;  
  border-right: 7px solid transparent;  
  border-bottom: 9px solid #bcbcbc; 
}
.video_search>span::after{
  content: '';
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 0;
  height: 0;
  border-top: 9px solid #bcbcbc;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.video_search>span.active::before{
  border-bottom: 9px solid #006e47; 
}
.video_search>span.active::after{
  border-top: 9px solid #bcbcbc;
}
.video_search>span.active1::before{
  border-bottom: 9px solid #bcbcbc; 
}
.video_search>span.active1::after{
  border-top: 9px solid #006e47;
}
.video_search>p{
  width: 160px;
  position: relative;
  padding: 0 35px 0 10px;
  border: 2px solid #bcbcbc;
  border-radius: 30px;
  margin-bottom: 0;
}
.video_search>p input{
  width: 100%;
  display: block;
  background: #fff;
  font-size: 13px;
  color: #212121;
  line-height: 30px;
  border-radius: 30px;
  border: none;
}
.video_search>p img{
  position: absolute;
  top: 0;
  right: 5px;
  width: 30px;
  padding: 6px;
  cursor: pointer;
}

/************** 6.26新增 **************/


/**2024-08-06**/
.news_blog{
  margin-top: 91px;
}
.news_blog_box{
  padding: 6% 12%;
  background-color: #fff;
}
.news_blog_box>h5{
  font-size: 36px;
  font-weight: 600;
  color: #212121;
  text-align: center;
  margin: 0;
  margin-bottom: 4%;
}
.news_blog_nav{
  display: flex;
  border-bottom: 4px solid #059042;
  margin-bottom: 4%;
}
.news_blog_nav span{
  font-size: 22px;
  min-width: 180px;
  line-height: 2.4;
  text-align: center;
  color: #212121;
  padding: 0 35px;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.news_blog_nav span.active{
  background-color: #009845;
  color: #fff;
}
.news_blog_list{
  width: 29.5%;
  float: left;
  cursor: pointer;
  padding-bottom: 2%;
  margin-bottom: 2%;
}
.news_blog_list:nth-child(3n+2){
  margin: 0 5.75%;
}
.news_blog_img{
  overflow: hidden;
}
.news_blog_img img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.news_blog_list:hover .news_blog_img img{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.news_blog_txt{
  padding: 3% 0;
}
.news_blog_txt h5{
  font-size: 22px;
  color: #212121;
  font-weight: 300;
  margin: 0;
  margin-bottom: 20px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.4em;
}
.news_blog_txt p{
  font-size: 18px;
  font-weight: 300;
  color: #a7a7a7;
  margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    min-height: 2.8em;
}
.news_blog_txt span{
  display: inline-block;
  font-size: 16px;
  color: #696969;
  border: 2px solid #acacac;
  line-height: 2;
  padding: 0 20px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.news_blog_list:hover .news_blog_txt h5{
  color: #059042;
}
.news_blog_list:hover .news_blog_txt span{
  border: 2px solid #059042;
  color: #fff;
  background-color: #059042;
}

.news_blog_inner{
  width: 100%;
  background-color: #f9f9f9;
  margin-top: 91px;
  /*padding: 0% 12% 6% 12%;*/
  padding: 0% 13% 6% 13%;
}
.news_blog_inner_banner{
  width: 100%;
}
.news_blog_inner_box{
  /*width: 86%;*/
  width: 88%;
  margin: 0 auto;
  padding: 3% 6%;
  background-color: #fff;
  margin-top: -20%;
  position: relative;
  z-index: 2;
}
.news_blog_inner_time{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3%;
}
.news_blog_inner_time span{
  font-size: 20px;
  color: #adadad;
}
.news_blog_inner_time a{
  color: #9d9d9d;
  font-size: 13px;
}
.news_blog_inner_time img{
  width: 20px;
  margin: 0;
  margin-right: 4px;
}
.news_blog_inner_box h5{
  font-size: 36px;
  color: #086a45;
  margin: 0;
  margin-bottom: 2%;
}
.news_blog_inner_box h5 span{
  display: block;
  color: #9d9d9d;
  margin-top: 1%;
  font-size: 12px;
  font-weight: 400;
}
.news_blog_inner_box p{
  font-size: 18px;
  /*color: #9d9d9d;*/
  color: #777777;
  line-height: 2;
  /*margin-bottom: 2%;*/
  font-weight: 300;
  /*margin-bottom: 0;*/
}
.news_blog_inner_box img{
  margin-bottom: 2%;
  max-width: 100%;
}
.news_blog_inner_box h1,h2,h3,h4{
    margin-top: 25px;
    margin-bottom: 25px;
}
.news_blog_inner_bot{
  width: 86%;
  margin: 0 auto;
  padding: 3% 6%;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding-top: 10%;
}
.news_blog_inner_bot>h5{
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background-color: #006d45;
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 4% 0 8% 0;
  text-transform: uppercase;
}
.news_blog_inner_bot .news_blog_list{
  width: 100%;
  margin-bottom: 6%;
}
.news_blog_inner_bot .news_blog_txt{
  background-color: #f9f9f9;
  padding: 5%;
}

.productlist_box{
  padding: 5% 10% 6% 10%;
  position: relative;
}
.productlist_box>h5{
  font-size: 24px;
  color: #007541;
  margin: 0;
  margin-bottom: 4%;
  text-align: center;
}
.productlist_box_cate_list>h5{
  font-size: 24px;
  color: #007541;
  margin: 0;
  margin-bottom: 4%;
  text-align: center;
}

.productlist_box .p_list_on{
  margin-bottom: 30px;
}
.productlist_box .p_list_txt ul li p{
  margin-bottom: 0;
}
.productlist_box .p_list_txt>a{
  background-color: #006e45 !important;
  border: 1px solid #006e45 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

.productlist_nav_close{
    position: absolute;
    left: 300px;
    top: 42%;
    background-color: #fff;
    border-radius: 0 8px 8px 0;
    box-shadow: 2px 0px 4px hsl(214deg 3% 49% / 50%);
}
.productlist_nav_close i{
    text-align: center;
    width: 20px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
}

.productlist_nav{
  position: absolute;
  top: 5%;
  left: 0;
  background-color: #fff;
  border-radius: 0 8px 8px 0;
  box-shadow: 0 0 4px hsla(214,3%,49%,.5); 
  padding: 16px;
  z-index: 10;
  width: 300px;
}

.productlist_nav .item{
  margin-bottom: 10px;
}
.productlist_nav .item h5{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 400;
  color: #212121;
  border-radius: 4px;
  padding: 5px 10px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  background-color: #d3d3d3;
  color: #fff;
  
}

.productlist_nav .item ul{
  padding: 5px 15px;
  display: none;
}
.productlist_nav .item ul li{
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 300;
  line-height: 2;
  color: #a7a7a7;
  cursor: pointer;
  align-items: baseline;
}
.productlist_nav .item ul li a{
  color: #a7a7a7;
}
.productlist_nav .item .on{
  color: #086a45;
}
.productlist_nav .item .on a{
  color: #086a45;
}

.productlist_nav .item ul li i{
  margin-right: 4px;
}
.productlist_nav .item h5:hover{
  background-color: #086a45;
  color: #fff;
}
.productlist_nav .item.active h5{
  background-color: #086a45;
  color: #fff;
}
.productlist_nav .item.active h5 a{
  color: #fff;
}
/*.productlist_nav .item.active1 h5{*/
/*  background-color: #d3d3d3;*/
/*  color: #fff;*/
/*}*/
.productlist_nav .item.active1 h5 a{
  color: #fff;
}
.productlist_nav .item .active1 h5:hover{
  background-color: #086a45;
  color: #fff;
}

.productlist_nav .item ul li:hover{
  color: #086a45;
    font-weight: bold;
}
.productlist_nav .item ul li:hover a{
  color: #086a45;
}
.productlist_nav .item.active ul{
  display: block;
}
.productlist_nav .item.active1 ul{
  display: block;
}

/**2024-08-06**/



/**屏幕自适应**/

@media (min-width: 970px) {

  .header_nav>span{

    line-height: 75px;

    font-size: 16px;

  }

  .header_logo .logo{

    width: 135px;

  }

  .index_hot>h5{

    font-size: 30px;

  }

  .index_hot>h5 span{

    font-size: 18px;

  }

  .hot_box_list p{

    font-size: 18px;

  }

  .hot_box_list:hover p {

    font-size: 20px;

  }

  .index_title h5{

    font-size: 30px;

  }

  .index_tage_top span{

    font-size: 16px;

  }

  .index_tage_top .add_color{

    color: #179b44;

    font-size: 18px;

  }

  .index_tage_top  span:hover{

    color: #179b44;

    font-size: 18px;

  }

  .methods_list li h5{

    font-size: 50px;

  }

  .methods_list li p{

    font-size: 16px;

  }

  .brand_logoText .index_title h5{

    font-size: 26px;

  }

  .index_new_list h5{

    font-size: 18px;

  }

  .index_new_list span{

    font-size: 14px;

  }

  .index_new_txt_con h5{

    font-size: 30px;

  }

  .index_new_txt_con h5 span{

    font-size: 15px;

  }

  .index_new_txt_con p{

    font-size: 15px;

  }

  .index_serve_list1 .txt h5{

    font-size: 16px;

  }

  .index_serve_list2 .txt h5{

    font-size: 16px; 

  }

  .index_serve_list3 .txt h5{

    font-size: 16px;

  }

  .index_serve_list2 .txt p{

    margin: 10px 0;

  }

  .foot_back{

    width: 55px;

  }

  .footer_top .nav .list h5, .footer_top .contact h5, .footer_top .email p span{

    font-size: 14px;

  }

  .footer_top .nav .list h5{

    margin-bottom: 15px;

  }

  .footer_top .contact h5{

    margin-bottom: 15px;

  }

  .footer_top .nav .list p{

    font-size: 12px;

  }

  .foot_bottom .left p{

    font-size: 12px;

  }

  .foot_bottom h5{

    font-size: 12px;

  }

  .footer_top .nav .list{

    margin-right: 40px;

  }

  .bannrt_zi span{

    font-size: 16px;

    line-height: 48px;

  }

  .index_news_list .txt h5{

    font-size: 14px;

  }

  .index_news_list .txt p{

    font-size: 12px;

  }

  .index_news_list .txt span{

    font-size: 12px;

  }

  .nav_sub_con h5 p{

    font-size: 12px;

  }

  .provide>h5 {

    font-size: 28px;

   } 

   .buy_title,.Welcome_left h5,.popular>h5,.online h5,.recycling_title h5,.schemes>h5,.purchase_title,.media>h5,.search_purch>h5{

     font-size: 30px;

   } 

   .recycling_title h5 img {

     width: 20%;

    }

    .needing_tit {

     font-size: 18px;

   }

   .recycling_title p{

     font-size: 14px;

   }

   .recycling_txt h5{

    font-size: 28px;

   }

   .recycling_txt p{

    font-size: 16px;

   }

   .online p{

     font-size: 18px;

   }

   .media_list_on p{

     font-size: 14px;

   }

   .understand ul h2{

     font-size: 16px;

   }

   .purchase_txt p{

     font-size: 14px;

   }

   .shopping_list h5{

     font-size: 16px;

   }

   .shopping_list p{

     font-size: 14px;

   }

   .greenhouse p{

     font-size: 14px;

   }

   .irrigation h5{

     font-size: 16px;

   }

   .irrigation h5 span{

    font-size: 16px;

    }

   .irrigation ul li p {

    font-size: 14px;

   }

   .p_answ_right p {

     font-size: 16px;

   }

   .recy_img_txt p,.buy_txt,.Welcome_left p {

     font-size: 14px;

   }

   .ins_top p {

    font-size: 12px;

   }

   .ins_top p{

    font-size: 14px;

   }

   .bags {

    width: 22%;

    }

  .hone_title p{

      font-size: 14px;

    }

    .advantage_top .hone_title p:last-child{

      font-size: 14px;

    }

  .porate_on h5,.porate_on p{

      font-size:22px;

   }

   .porate_on span{

    font-size: 16px;

  }

  .lopment_on p{

    font-size: 13px;

  }

  .fully_txt h5{

    font-size: 16px;

  }

  .develo_list a{

    font-size:  14px;

  }

  .develo_list a span {

    font-size: 26px;

  }

  .ab_dyna_txt p{

    font-size: 12px;

  }

  .ab_dyna_txt h5{

    font-size: 14px;

  }

  .ab_dyna_txt b{

    font-size: 12px;

  }

  .hone_title h5{

    font-size: 30px;

  }

  .hone_title h5 span{

    font-size: 30px;

  }

  .hone_title_banner h5{

    font-size: 34px;

  }

  .advant1_txt h5{

    font-size: 24px;

  }

  .advant1_txt p {

    font-size: 13px;

  }

  .advant1_txt a{

    font-size: 14px;

  }

  .energy_right p{

    font-size: 14px;

  }

  .list_right_top h5 {

    font-size: 22px;

  }

  .list_right_top span {

    font-size: 14px;

  }

  .projects_list_txt p {

    font-size: 12px;

  } 

  .ssic_case_txt p{

    font-size: 16px;

  }

  .case_top .hone_title a{

    font-size: 14px;

  }

  .projects_more a{

    font-size: 14px;

  }

  .pages_inner_bot p {

    font-size: 15px;

  }

  .pages_inner_top h5{

    font-size: 32px;

  }

 .environ_ment p {

  font-size: 14px;

 }

 .environ_ment h5{

  font-size:30px;

 }

 .environ_ment h4 {

  font-size: 22px;

 }

 .botList_img span{

  font-size: 22px;

  }

  .botList_txt p{

    font-size:14px;

  }

  .product_list>h4{

    font-size: 30px;

  }

  .p_list_txt h5 {

    font-size: 16px;

  }

  .interest h5 {

    font-size: 22px;

  }

  .product_deta h5,.mended h5{

    font-size: 14px;

  }
  .product_title>p{
    font-size: 14px;
  }
  .product_appl_txt>p{
    font-size: 14px;
  }
  .product_appl_tips>span{
    font-size: 16px;
  }
  .product_appl_tips p{
    font-size: 14px;
  }
  .product_deta h5{

    font-size: 14px;

  }

  .product_deta_txt h3{

    font-size: 30px;

  }
  .product_title>h5{
    font-size: 30px;
  }
  .product_appl_txt>h5{
    font-size: 30px;
  }
  .product_deta h4{

    font-size: 34px;

  }

  .agency_txt h5{

    font-size: 14px;

  }

  .agency_list h4{

    font-size: 16px;

  }

  .growing_title h5{

    font-size: 22px;

  }

  .growing_title p{

    font-size: 14px;

  }

  .list_img_title h5,.growing_list_txt h5{

    font-size: 14px;

  }

  .base_list_o h5{

    font-size: 14px;

    line-height: 35px;

  }

  .base_list_o p{

    font-size: 12px;

  }

  .exchange ul li a{

    font-size: 14px;

  }

  .exchange_more a{

    font-size: 12px;

  }

  .force_txt h5 {

    font-size: 22px;

   }

   .develo_list a:hover span{

    font-size:28px;

  }

  .product_advantag_box h5{

    font-size: 30px;

  }

  .product_advantag_box p{

    font-size: 14px;

  }

  .product_advantage_tip{

    font-size: 24px;

  }

  .about6 h5{

    font-size: 14px;

  }

  .p_list_txt>a {

    font-size: 12px;

    width: 80px;

    height: 31px;

    line-height: 30px;

  }

  .product_model span{

    width: 85px;

  }

  .case_focus>h5{

    font-size: 30px;

  }

  .case_focus_txt{

    font-size: 12px;

  }

  .case_focus_txt span{

    font-size: 12px;

  }

  .case_inner_list_txt{

    font-size: 16px;

  }

  .case_inner_list_txt span{

    font-size: 14px;

  }

  .advant_ad_right h5{

    font-size: 24px;

  }

  .advant_ad_right p{

    font-size: 13px;

  }

  .factors_list_top h1{

    font-size: 30px;

  }

  .affect_right p{

    font-size: 13px;

  }

  .product_application_txt h5{

    font-size: 30px;

  }

  .product_application_txt p{

    font-size: 12px;

  }

  .bps_new_txt h5{

    font-size: 18px;

  }

  .bps_new_txt p{

    font-size: 13px;

  }

  .bps_new ul li span{

    font-size: 18px;

  }

  .bps_new ul li span b{

    font-size: 20px;

  }

  .new_news_txt span{

    font-size: 13px;

  }

  .new_news_txt h5{

    font-size: 18px;

  }

  .new_news_txt p{

    font-size: 14px;

  }  

  .quarters{

    font-size: 18px;

  }

  .schemes_txt p{

    font-size: 15px;

  }

  .worth_list_txt p{

    font-size: 13px;

  }

  .new_yanfa h5{

    font-size: 30px;

  }

  .new_yanfa p{

    font-size: 14px;

  }

  .develop_new_box>h5{

    font-size: 30px;

  }

  .develop_new_txt h5{

    font-size: 20px;

  }

  .nav_sub_con_left span{

    font-size: 18px;

  }

  .nav_sub_con_left p{

    font-size: 14px;

  }

  .nav_sub_con_left a{

    font-size: 12px;

  }

  .product_home_sec1>h5{

    font-size: 30px;

  }

  .product_home_sec1_list h5{

    font-size: 18px;

  }

  .product_home_sec1 .more{

    font-size: 14px;

  }

  .product_home_sec2_list h5{

    font-size: 14px;

  }

  .product_application_title h5{

    font-size: 30px;

  }

  .product_application_title p{

    font-size: 14px;

  }

  .new_news_img_right h5{

    font-size: 22px;

  }

  .new_news_img_right p{

    font-size: 14px;

  }

  .new_news_hy_title h5{

    font-size: 30px;

  }

  .new_news_hy_title p{

    font-size: 14px;

  }

  .new_news_hy_box>h5{

    font-size: 20px;

  }

  .product_home_sec0_box p span{

    font-size: 14px;

  }

  .his_list h5{

    font-size: 16px;

  }

  .his_list p{

    font-size: 12px;

  }

  .p_list_txt ul{

    height: 96px;

  }

  .user>h5{

    font-size: 30px;

  }

  .user_flex .img p{

    font-size: 16px;

  }

  .user_input p{

    font-size: 14px;

  }

  .index_about_con ul li span{

    font-size: 12px;

  }

  .index_about_con ul li h5{

    font-size: 45px;

  }

  .index_about_con ul li p{

    font-size: 16px;

  }

  .product_application_more {

    margin-top: 5%;

}

.product_application_txt {

  width: 90%;

  left: 5%;

 

}

.provide_txt h5, .provide_txt p{
  /*font-size: 30px;*/
}
.provide_txt span{
  font-size: 18px;
}
.video_box>h5{
  font-size: 30px;
}  

}

@media (min-width: 1370px) {

  .product_application_more {

    margin-top: 10%;

}

.product_application_txt {

  width: 90%;

  left: 5%;

 

}

  .header_nav>span{

    line-height: 80px;

    font-size: 16px;

  }

  .header_logo .logo{

    width: 140px;

  }

  .index_hot>h5{

    font-size: 35px;

  }

  .index_hot>h5 span{

    font-size: 20px;

  }

  .hot_box_list p{

    font-size: 20px;

  }

  .hot_box_list:hover p {

    font-size: 22px;

  }

  .index_title h5{

    font-size: 35px;

  }

  .index_tage_top span{

    font-size: 18px;

  }

  .index_tage_top .add_color{

    color: #179b44;

    font-size: 20px;

  }

  .index_tage_top  span:hover{

    color: #179b44;

    font-size: 20px;

  }

  .methods_list li h5{

    font-size: 55px;

  }

  .methods_list li p{

    font-size: 18px;

  }

  .brand_logoText .index_title h5{

    font-size: 28px;

  }

  .index_new_list h5{

    font-size: 20px;

  }

  .index_new_list span{

    font-size: 14px;

  }

  .index_new_txt_con h5{

    font-size: 35px;

  }

  .index_new_txt_con h5 span{

    font-size: 16px;

  }

  .index_new_txt_con p{

    font-size: 16px;

  }

  .index_serve_list1 .txt h5{

    font-size: 18px;

  }

  .index_serve_list2 .txt h5{

    font-size: 18px; 

  }

  .index_serve_list3 .txt h5{

    font-size: 18px;

  }

  .index_serve_list2 .txt p{

    margin: 10px 0;

  }

  .foot_back{

    width: 60px;

   

  }

  .footer_top .nav .list h5, .footer_top .contact h5, .footer_top .email p span{

    font-size: 14px;

  }

  .footer_top .nav .list h5{

    margin-bottom: 20px;

  }

  .footer_top .contact h5{

    margin-bottom: 20px;

  }

  .footer_top .nav .list p{

    font-size: 12px;

  }

  .foot_bottom .left p{

    font-size: 12px;

  }

  .foot_bottom h5{

    font-size: 12px;

  }

  .footer_top .nav .list{

    margin-right: 45px;

  }

  .bannrt_zi span{

    font-size: 18px;

    line-height: 52px;

  }

  .index_news_list .txt h5{

    font-size: 14px;

  }

  .index_news_list .txt p{

    font-size: 12px;

  }

  .index_news_list .txt span{

    font-size: 12px;

  }

  .nav_sub_con h5 p{

    font-size: 14px;

  }

  .provide>h5 {

   font-size: 30px;

  } 

  .buy_title,.Welcome_left h5,.popular>h5,.online h5,.recycling_title h5,.schemes>h5,.purchase_title,.media>h5,.search_purch>h5{

    font-size: 32px;

  } 

  .recycling_title h5 img {

    width: 25%;

   }

   .needing_tit {

    font-size: 20px;

  }

  .recycling_title p{

    font-size: 16px;

  }

  .recycling_txt h5{

    font-size: 30px;

   }

   .recycling_txt p{

    font-size: 18px;

   }

  .online p{

    font-size: 20px;

  }

  .media_list_on p{

    font-size: 16px;

  }

  .understand ul h2{

    font-size: 20px;

  }

  .purchase_txt p{

    font-size: 16px;

  }

  .shopping_list h5{

    font-size: 20px;

  }

  .shopping_list p{

    font-size: 16px;

  }

  .greenhouse p{

    font-size: 16px;

  }

  .irrigation h5{

    font-size: 20px;

  }

  .irrigation h5 span{

    font-size: 18px;

  }

  .irrigation ul li p {

   font-size: 16px;

  }

  .p_answ_right p {

    font-size: 18px;

  }

  .recy_img_txt p,.buy_txt,.Welcome_left p {

    font-size: 16px;

  }

  .ins_top p,.ins_top>a {

    font-size: 14px;

   }

  .ins_top>a {

    font-size: 12px;

  } 

  .ins_top p{

    font-size: 14px;

  }

   .bags {

    width: 23%;

    }

    .hone_title p{

      font-size: 16px;

    }

    .advantage_top .hone_title p:last-child{

      font-size: 16px;

    }

    .porate_on h5,.porate_on p{

      font-size:26px;

   }

   .porate_on span{

    font-size: 18px;

  }

  .lopment_on p{

    font-size: 14px;

  }

  .fully_txt h5{

    font-size: 18px;

  }

  .develo_list a{

    font-size:  16px;

  }

  .develo_list a span {

    font-size: 30px;

  }

  .ab_dyna_txt p{

    font-size: 14px;

  }

  .ab_dyna_txt h5{

    font-size: 16px;

  }

  .ab_dyna_txt b{

    font-size: 14px;

  }

  .hone_title h5{

    font-size: 32px;

  }

  .hone_title h5 span{

    font-size: 32px;

  }

  .hone_title_banner h5{

    font-size: 36px; 

  }

  .advant1_txt h5{

    font-size: 28px;

  }

  .advant1_txt p {

    font-size: 14px;

  }

  .advant1_txt a{

    font-size: 16px;

  }

  .energy_right p{

    font-size: 16px;

  }

  .list_right_top h5 {

    font-size: 26px;

  }

  .list_right_top span {

    font-size: 16px;

  }

  .projects_list_txt p {

    font-size: 14px;

  } 

  .ssic_case_txt p{

    font-size: 19px;

  }

  .case_top .hone_title a{

    font-size: 16px;

  }

  .projects_more a{

    font-size: 16px;

  }

  .pages_inner_bot p {

    font-size: 17px;

  }

  .pages_inner_top h5{

    font-size: 34px;

  }

  .environ_ment p {

    font-size: 14px;

  }

  .environ_ment h5{

    font-size:32px;

  }

  .environ_ment h4 {

    font-size: 26px;

  }

  .botList_img span{

    font-size: 26px;

  }

  .botList_txt p{

    font-size:16px;

  }

  .product_list>h4{

    font-size: 32px;

  }

  .p_list_txt h5 {

    font-size: 16px;

  }

  .interest h5 {

    font-size: 26px;

  }

  .product_deta h5,.mended h5{

    font-size: 16px;

  }
  .product_title>p{
    font-size: 14px;
  }
  .product_appl_txt>p{
    font-size: 14px;
  }
  .product_appl_tips>span{
    font-size: 16px;
  }
  .product_appl_tips p{
    font-size: 14px;
  }
  .product_deta h5{

    font-size: 14px;

  }
  .product_title>h5{
    font-size: 32px;
  }
  .product_appl_txt>h5{
    font-size: 32px;
  }
  .product_deta_txt h3{

    font-size: 32px;

  }

  .product_deta h4{

    font-size: 36px;

  }

  .agency_txt h5{

    font-size: 16px;

  }

  .agency_list h4{

    font-size: 18px;

  }

  .growing_title h5{

    font-size: 26px;

  }

  .growing_title p{

    font-size: 16px;

  }

  .list_img_title h5,.growing_list_txt h5{

    font-size: 16px;

  }

  .base_list_o h5{

    font-size: 16px;

    line-height: 40px;

  }

  .base_list_o p{

    font-size: 14px;

  }

  .exchange ul li a{

    font-size: 16px;

  }

  .exchange_more a{

    font-size: 14px;

  }

  .force_txt h5 {

    font-size: 26px;

   }

   .develo_list a:hover span{

    font-size:32px;

  }

  .product_advantag_box h5{

    font-size: 32px;

  }

  .product_advantag_box p{

    font-size: 14px;

  }

  .product_advantage_tip{

    font-size: 26px;

  }

  .about6 h5{

    font-size: 14px;

  }

  .p_list_txt>a {

    font-size: 12px;

    width: 90px;

    height: 31px;

    line-height: 30px;

  }

  .product_model span{

    width: 90px;

  }

  .case_focus>h5{

    font-size: 32px;

  }

  .case_focus_txt{

    font-size: 14px;

  }

  .case_focus_txt span{

    font-size: 12px;

  }

  .case_inner_list_txt{

    font-size: 18px;

  }

  .case_inner_list_txt span{

    font-size: 14px;

  }

  .advant_ad_right h5{

    font-size: 26px;

  }

  .advant_ad_right p{

    font-size: 14px;

  }

  .factors_list_top h1{

    font-size: 32px;

  }

  .affect_right p{

    font-size: 14px;

  }

  .product_application_txt h5{

    font-size: 32px;

  }

  .product_application_txt p{

    font-size: 12px;

  }

  .bps_new_txt h5{

    font-size: 20px;

  }

  .bps_new_txt p{

    font-size: 13px;

  }

  .bps_new ul li span{

    font-size: 20px;

  }

  .bps_new ul li span b{

    font-size: 22px;

  }

  .new_news_txt span{

    font-size: 13px;

  }

  .new_news_txt h5{

    font-size: 20px;

  }

  .new_news_txt p{

    font-size: 14px;

  }  

  .quarters{

    font-size: 20px;

  }

  .schemes_txt p{

    font-size: 16px;

  }

  .worth_list_txt p{

    font-size: 14px;

  }

  .new_yanfa h5{

    font-size: 32px;

  }

  .new_yanfa p{

    font-size: 16px;

  }

  .develop_new_box>h5{

    font-size: 32px;

  }

  .develop_new_txt h5{

    font-size: 22px;

  }

  .nav_sub_con_left span{

    font-size: 18px;

  }

  .nav_sub_con_left p{

    font-size: 14px;

  }

  .nav_sub_con_left a{

    font-size: 12px;

  }

  .product_home_sec1>h5{

    font-size: 32px;

  }

  .product_home_sec1_list h5{

    font-size: 18px;

  }

  .product_home_sec1 .more{

    font-size: 14px;

  }

  .product_home_sec2_list h5{

    font-size: 14px;

  }

  .product_application_title h5{

    font-size: 32px;

  }

  .product_application_title p{

    font-size: 16px;

  }

  .new_news_img_right h5{

    font-size: 24px;

  }

  .new_news_img_right p{

    font-size: 14px;

  }

  .new_news_hy_title h5{

    font-size: 32px;

  }

  .new_news_hy_title p{

    font-size: 14px;

  }

  .new_news_hy_box>h5{

    font-size: 22px;

  }

  .product_home_sec0_box p span{

    font-size: 14px;

  }

  .his_list h5{

    font-size: 16px;

  }

  .his_list p{

    font-size: 14px;

  }

  .p_list_txt ul{

    height: 106px;

  }

  .user>h5{

    font-size: 32px;

  }

  .user_flex .img p{

    font-size: 16px;

  }

  .user_input p{

    font-size: 14px;

  }

  .index_about_con ul li span{

    font-size: 12px;

  }

  .index_about_con ul li h5{

    font-size: 50px;

  }

  .index_about_con ul li p{

    font-size: 16px;

  }
  .provide_txt h5, .provide_txt p{
    /*font-size: 32px;*/
  }
  .provide_txt span{
    font-size: 20px;
  }
  .video_box>h5{
    font-size: 32px;
  }  

}

@media (min-width: 1570px) {

  .product_application_more {

    margin-top: 12%;

}

  .header_nav>span{

    line-height: 85px;

    font-size: 18px;

  }

  .header_logo .logo{

    width: 145px;

  }

  .index_hot>h5{

    font-size: 40px;

  }

  .index_hot>h5 span{

    font-size: 22px;

  }

  .hot_box_list p{

    font-size: 22px;

  }

  .hot_box_list:hover p {

    font-size: 24px;

  

  }

  .index_title h5{

    font-size: 40px;

  }

  .index_tage_top span{

    font-size: 20px;

  }

  .index_tage_top .add_color{

    color: #179b44;

    font-size: 22px;

  }

  .index_tage_top  span:hover{

    color: #179b44;

    font-size: 22px;

  }

  .methods_list li h5{

    font-size: 60px;

  }

  .methods_list li p{

    font-size: 20px;

  }

  .brand_logoText .index_title h5{

    font-size: 30px;

  }

  .index_new_list h5{

    font-size: 22px;

  }

  .index_new_list span{

    font-size: 16px;

  }

  .index_new_txt_con h5{

    font-size: 40px;

  }

  .index_new_txt_con h5 span{

    font-size: 18px;

  }

  .index_new_txt_con p{

    font-size: 18px;

  }

  .index_serve_list1 .txt h5{

    font-size: 20px;

  }

  .index_serve_list2 .txt h5{

    font-size: 20px; 

  }

  .index_serve_list3 .txt h5{

    font-size: 20px;

  }

  .index_serve_list2 .txt p{

    margin: 15px 0;

  }

  .foot_back{

    width: 65px;



  }

  .footer_top .nav .list h5, .footer_top .contact h5, .footer_top .email p span{

    font-size: 16px;

  }

  .footer_top .nav .list h5{

    margin-bottom: 25px;

  }

  .footer_top .contact h5{

    margin-bottom: 25px;

  }

  .footer_top .nav .list p{

    font-size: 14px;

  }

  .foot_bottom .left p{

    font-size: 14px;

  }

  .foot_bottom h5{

    font-size: 14px;

  }

  .footer_top .nav .list{

    margin-right: 55px;

  }

  .bannrt_zi span{

    font-size: 20px;

    line-height: 56px;

  }

  .index_news_list .txt h5{

    font-size: 16px;

  }

  .index_news_list .txt p{

    font-size: 14px;

  }

  .index_news_list .txt span{

    font-size: 14px;

  }

  .nav_sub_con h5 p{

    font-size: 16px;

  }

  .provide>h5 {

    font-size: 32px;

   } 

   .buy_title,.Welcome_left h5,.popular>h5,.online h5,.recycling_title h5,.schemes>h5,.purchase_title,.media>h5,.search_purch>h5{

     font-size: 34px;

   } 

   .recycling_title h5 img {

     width: 25%;

    }

    .needing_tit {

     font-size: 20px;

   }

   .recycling_title p{

     font-size: 16px;

   }

   .recycling_txt h5{

    font-size: 32px;

   }

   .recycling_txt p{

    font-size: 16px;

   }

   .online>p{

     font-size: 16px;

   }

   .media_list_on p{

     font-size: 16px;

   }

   .understand ul h2{

     font-size: 20px;

   }

   .purchase_txt p{

     font-size: 16px;

   }

   .shopping_list h5{

     font-size: 20px;

   }

   .shopping_list p{

     font-size: 16px;

   }

   .greenhouse p{

     font-size: 16px;

   }

   .irrigation h5{

    font-size: 20px;

  }

  .irrigation h5 span{

    font-size: 20px;

  }

  .irrigation ul li p {

   font-size: 16px;

  }

   .p_answ_right p {

     font-size: 20px;

   }

   .recy_img_txt p,.buy_txt,.Welcome_left p {

     font-size: 16px;

   }

   .ins_top p,.ins_top>a {

    font-size: 14px;

   }

   .ins_top>a {

    font-size: 14px;

    }

    .ins_top p{

      font-size: 16px;

    } 

   .bags {

    width: 25%;

    }

    .hone_title p{

      font-size: 18px;

    }

    .advantage_top .hone_title p:last-child{

      font-size: 18px;

    }

    .porate_on h5,.porate_on p{

      font-size:30px;

   }

   .porate_on span{

    font-size: 18px;

  }

  .lopment_on p{

    font-size: 16px;

  }

  .fully_txt h5{

    font-size: 20px;

  }

  .develo_list a{

    font-size:  18px;

  }

  .develo_list a span {

    font-size: 34px;

  }

  .ab_dyna_txt p{

    font-size: 16px;

  }

  .ab_dyna_txt h5{

    font-size: 18px;

  }

  .ab_dyna_txt b{

    font-size: 16px;

  }

  .hone_title h5{

    font-size: 34px;

  }

  .hone_title h5 span{

    font-size: 34px;

  }

  .hone_title_banner h5{

    font-size: 38px;

  }

  .advant1_txt h5{

    font-size: 30px;

  }

  .advant1_txt p {

    font-size: 16px;

  }

  .advant1_txt a{

    font-size: 16px;

  }

  .energy_right p{

    font-size: 16px;

  }

  .list_right_top h5 {

    font-size: 30px;

  }

  .list_right_top span {

    font-size: 16px;

  }

  .projects_list_txt p {

    font-size: 16px;

  } 

  .ssic_case_txt p{

    font-size: 20px;

  }

  .case_top .hone_title a{

    font-size: 16px;

  }

  .projects_more a{

    font-size: 16px;

  }

  .pages_inner_bot p {

    font-size: 16px;

  }

  .pages_inner_top h5{

    font-size: 36px;

  }

 .environ_ment p {

  font-size: 16px;

 }

 .environ_ment h5{

  font-size:34px;

 }

 .environ_ment h4 {

  font-size: 30px;

 }

 .botList_img span{

  font-size: 30px;

  }

  .botList_txt p{

    font-size:16px;

  }

  .product_list>h4{

    font-size: 34px;

  }

  .p_list_txt h5 {

    font-size: 18px;

  }

  .interest h5 {

    font-size: 30px;

  }

  .product_deta h5,.mended h5{

    font-size: 16px;

  }
  .product_title>p{
    font-size: 16px;
  }
  .product_appl_txt>p{
    font-size: 16px;
  }
  .product_appl_tips>span{
    font-size: 18px;
  }
  .product_appl_tips p{
    font-size: 16px;
  }
  .product_deta h5{

    font-size: 16px;

  }
  .product_title>h5{
    font-size: 34px;
  }
  .product_appl_txt>h5{
    font-size: 34px;
  }
  .product_deta_txt h3{

    font-size: 34px;

  }

  .product_deta h4{

    font-size: 38px;

  }

  .agency_txt h5{

    font-size: 18px;

  }

  .agency_list h4{

    font-size: 20px;

  }

  .growing_title h5{

    font-size: 30px;

  }

  .growing_title p{

    font-size: 16px;

  }

  .list_img_title h5,.growing_list_txt h5{

    font-size: 16px;

  }

  .base_list_o h5{

    font-size: 18px;

    line-height: 40px;

  }

  .base_list_o p{

    font-size: 14px;

  }

  .exchange ul li a{

    font-size: 18px;

  }

  .exchange_more a{

    font-size: 16px;

  }

  .force_txt h5 {

    font-size:30px;

   }

   .develo_list a:hover span{

    font-size:36px;

  }

  .product_advantag_box h5{

    font-size: 34px;

  }

  .product_advantag_box p{

    font-size: 16px;

  }

  .product_advantage_tip{

    font-size: 28px;

  }

  .about6 h5{

    font-size: 16px;

  }

  .p_list_txt>a {

    font-size: 13px;

    width: 100px;

    height: 31px;

    line-height: 30px;

  }

  .product_model span{

    width: 100px;

  }

  .case_focus>h5{

    font-size: 34px;

  }

  .case_focus_txt{

    font-size: 14px;

  }

  .case_focus_txt span{

    font-size: 14px;

  }

  .case_inner_list_txt{

    font-size: 20px;

  }

  .case_inner_list_txt span{

    font-size: 16px;

  }

  .advant_ad_right h5{

    font-size: 28px;

  }

  .advant_ad_right p{

    font-size: 16px;

  }

  .factors_list_top h1{

    font-size: 34px;

  }

  .affect_right p{

    font-size: 16px;

  }

  .product_application_txt h5{

    font-size: 34px;

  }

  .product_application_txt p{

    font-size: 14px;

  }

  .bps_new_txt h5{

    font-size: 22px;

  }

  .bps_new_txt p{

    font-size: 14px;

  }

  .bps_new ul li span{

    font-size: 22px;

  }

  .bps_new ul li span b{

    font-size: 24px;

  }

  .new_news_txt span{

    font-size: 14px;

  }

  .new_news_txt h5{

    font-size: 22px;

  }

  .new_news_txt p{

    font-size: 14px;

  }  

  .quarters{

    font-size: 22px;

  }

  .schemes_txt p{

    font-size: 17px;

  }

  .worth_list_txt p{

    font-size: 16px;

  }

  .new_yanfa h5{

    font-size: 34px;

  }

  .new_yanfa p{

    font-size: 18px;

  }

  .develop_new_box>h5{

    font-size: 34px;

  }

  .develop_new_txt h5{

    font-size: 24px;

  }

  .nav_sub_con_left span{

    font-size: 20px;

  }

  .nav_sub_con_left p{

    font-size: 16px;

  }

  .nav_sub_con_left a{

    font-size: 14px;

  }

  .product_home_sec1>h5{

    font-size: 34px;

  }

  .product_home_sec1_list h5{

    font-size: 20px;

  }

  .product_home_sec1 .more{

    font-size: 16px;

  }

  .product_home_sec2_list h5{

    font-size: 16px;

  }

  .product_application_title h5{

    font-size: 34px;

  }

  .product_application_title p{

    font-size: 18px;

  }

  .new_news_img_right h5{

    font-size: 26px;

  }

  .new_news_img_right p{

    font-size: 14px;

  }

  .new_news_hy_title h5{

    font-size: 34px;

  }

  .new_news_hy_title p{

    font-size: 16px;

  }

  .new_news_hy_box>h5{

    font-size: 24px;

  }

  .product_home_sec0_box p span{

    font-size: 16px;

  }

  .his_list h5{

    font-size: 18px;

  }

  .his_list p{

    font-size: 15px;

  }

  .p_list_txt ul{

    height: 96px;

  }

  .user>h5{

    font-size: 34px;

  }

  .user_flex .img p{

    font-size: 18px;

  }

  .user_input p{

    font-size: 16px;

  }

  .index_about_con ul li span{

    font-size: 14px;

  }

  .index_about_con ul li h5{

    font-size: 55px;

  }

  .index_about_con ul li p{

    font-size: 18px;

  }

  .product_application_txt {

    width: 90%;

    left: 5%;

  }
  .provide_txt h5, .provide_txt p{
    /*font-size: 34px;*/
  }
  .provide_txt span{
    font-size: 22px;
  }
  .video_box>h5{
    font-size: 34px;
  }  
}

@media (min-width: 1770px) {

  .product_application_more {

    margin-top: 14%;

}

.product_application_txt {

  width: 80%;

  left: 10%;

 

}

  .header_nav>span{

    line-height: 90px;

    font-size: 18px;

  }

  .header_logo .logo{

    width: 150px;

  }

  .index_hot>h5{

    font-size: 45px;

  }

  .index_hot>h5 span{

    font-size: 24px;

  }

  .hot_box_list p{

    font-size: 24px;

  }

  .hot_box_list:hover p {

    font-size: 26px;

  }

  .index_title h5{

    font-size: 45px;

  }

  .index_tage_top span{

    font-size: 22px;

  }

  .index_tage_top .add_color{

    color: #179b44;

    font-size: 24px;

  }

  .index_tage_top  span:hover{

    color: #179b44;

    font-size: 24px;

  }

  .methods_list li h5{

    font-size: 65px;

  }

  .methods_list li p{

    font-size: 20px;

  }

  .brand_logoText .index_title h5{

    font-size: 32px;

  }

  .index_new_list h5{

    font-size: 24px;

  }

  .index_new_list span{

    font-size: 16px;

  }

  .index_new_txt_con h5{

    font-size: 45px;

  }

  .index_new_txt_con h5 span{

    font-size: 20px;

  }

  .index_new_txt_con p{

    font-size: 20px;

  }

  .index_serve_list1 .txt h5{

    font-size: 20px;

  }

  .index_serve_list2 .txt h5{

    font-size: 20px; 

  }

  .index_serve_list3 .txt h5{

    font-size: 20px;

  }

  .index_serve_list2 .txt p{

    margin: 20px 0;

  }

  .foot_back{

    width: 70px;

   

  }

  .footer_top .nav .list h5, .footer_top .contact h5, .footer_top .email p span{

    font-size: 16px;

  }

  .footer_top .nav .list h5{

    margin-bottom: 30px;

  }

  .footer_top .contact h5{

    margin-bottom: 30px;

  }

  .footer_top .nav .list p{

    font-size: 14px;

  }

  .foot_bottom .left p{

    font-size: 14px;

  }

  .foot_bottom h5{

    font-size: 14px;

  }

  .footer_top .nav .list{

    margin-right: 55px;

  }

  .bannrt_zi span{

    font-size: 22px;

    line-height: 60px;

  }

  .index_news_list .txt h5{

    font-size: 18px;

  }

  .index_news_list .txt p{

    font-size: 14px;

  }

  .index_news_list .txt span{

    font-size: 14px;

  }

  .nav_sub_con h5 p{

    font-size: 18px;

  }

  .provide>h5 {

    font-size: 35px;

   } 

   .buy_title,.Welcome_left h5,.popular>h5,.online h5,.recycling_title h5,.schemes>h5,.purchase_title,.media>h5,.search_purch>h5{

     font-size: 36px;

   } 

   .recycling_title h5 img {

     width: 25%;

    }

    .needing_tit {

     font-size: 22px;

   }

   .recycling_title p{

     font-size: 18px;

   }

   .recycling_txt h5{

    font-size: 35px;

   }

   .recycling_txt p{

    font-size: 18px;

   }

   .online p{

     font-size: 22px;

   }

   .media_list_on p{

     font-size: 18px;

   }

   .understand ul h2{

     font-size: 22px;

   }

   .purchase_txt p{

     font-size: 18px;

   }

   .shopping_list h5{

     font-size: 22px;

   }

   .shopping_list p{

     font-size: 18px;

   }

   .greenhouse p{

     font-size: 18px;

   }

   .irrigation h5{

    font-size: 22px;

  }

  .irrigation h5 span{

    font-size: 22px;

  }

  .irrigation ul li p {

   font-size: 18px;

  }

   .p_answ_right p {

     font-size: 22px;

   }

   .recy_img_txt p,.buy_txt,.Welcome_left p {

     font-size: 18px;

   }

   .ins_top p,.ins_top>a {

    font-size: 14px;

   }

   .ins_top>a {

    font-size: 14px;

    } 

   .ins_top p{

     font-size: 18px;

   }

   .bags {

    width: 28%;

    }

    .hone_title p{

      font-size: 18px;

    }

    .advantage_top .hone_title p:last-child{

      font-size: 20px;

    }

    .porate_on h5,.porate_on p{

      font-size:32px;

   }

   .porate_on span{

    font-size: 20px;

  }

  .lopment_on p{

    font-size: 16px;

  }

  .fully_txt h5{

    font-size: 20px;

  }

  .develo_list a{

    font-size:  20px;

  }

  .develo_list a span {

    font-size: 36px;

  }

  .develo_list a:hover span{

    font-size:38x;

  }

  .ab_dyna_txt p{

    font-size: 18px;

  }

  .ab_dyna_txt h5{

    font-size: 20px;

  }

  .ab_dyna_txt b{

    font-size: 18px;

  }

    .hone_title h5{

      font-size: 36px;

    }

    .hone_title h5 span{

      font-size: 36px;

    }

    .hone_title_banner h5{

      font-size: 40px;

    }

    .advant1_txt h5{

      font-size: 30px;

    }

    .advant1_txt p {

      font-size: 16px;

    }

    .advant1_txt a{

      font-size: 18px;

    }

    .energy_right p{

      font-size: 18px;

    }

    .list_right_top h5 {

      font-size: 32px;

    }

    .list_right_top span {

      font-size: 18px;

    }

    .projects_list_txt p {

      font-size: 16px;

    } 

    .ssic_case_txt p{

      font-size: 22px;

    }

    .case_top .hone_title a{

      font-size: 18px;

    }

    .projects_more a{

      font-size: 18px;

    }

    .pages_inner_bot p {

      font-size: 18px;

    }

    .pages_inner_top h5{

      font-size: 38px;

    }

   .environ_ment p {

    font-size: 16px;

   }

   .environ_ment h5{

    font-size:36px;

   }

   .environ_ment h4 {

    font-size: 32px;

   }

   .botList_img span{

    font-size: 32px;

    }

    .botList_txt p{

      font-size:18px;

    }

    .product_list>h4{

      font-size: 36px;

    }

    .p_list_txt h5 {

      font-size: 20px;

    }

    .interest h5 {

      font-size:  32px;

    }

    .product_deta h5,.mended h5{

      font-size: 18px;

    }
    .product_title>p{
      font-size: 16px;
    }
    .product_appl_txt>p{
      font-size: 16px;
    }
    .product_appl_tips>span{
      font-size: 18px;
    }
    .product_appl_tips p{
      font-size: 16px;
    }
    .product_deta h5{

      font-size: 16px;

    }
    .product_title>h5{
      font-size: 36px;
    }
    .product_appl_txt>h5{
      font-size: 36px;
    }
    .product_deta_txt h3{

      font-size: 36px;

    }

    .product_deta h4{

      font-size: 40px;

    }

    .agency_txt h5{

      font-size: 20px;

    }

    .agency_list h4{

      font-size: 22px;

    }

    .growing_title h5{

      font-size: 32px;

    }

    .growing_title p{

      font-size: 18px;

    }

    .list_img_title h5,.growing_list_txt h5{

      font-size: 18px;

    }

    .base_list_o h5{

      font-size: 20px;

      line-height: 40px;

    }

    .base_list_o p{

      font-size: 16px;

    }

    .exchange ul li a{

      font-size: 20px;

    }

    .exchange_more a{

      font-size: 18px;

    }

    .force_txt h5 {

      font-size:32px;

     }

     .product_advantag_box h5{

       font-size: 36px;

     }

     .product_advantag_box p{

       font-size: 18px;

     }

     .product_advantage_tip{

       font-size: 30px;

     }

     .about6 h5{

       font-size: 16px;

     }

    .p_list_txt>a {

      font-size: 13px;

      width: 130px;

      height: 31px;

    line-height: 30px;

    }

    .product_model span{

      width: 130px;

    }

    .case_focus>h5{

      font-size: 36px;

    }

    .case_focus_txt{

      font-size: 16px;

    }

    .case_focus_txt span{

      font-size: 14px;

    }

    .case_inner_list_txt{

      font-size: 22px;

    }

    .case_inner_list_txt span{

      font-size: 16px;

    }

    .advant_ad_right h5{

      font-size: 30px;

    }

    .advant_ad_right p{

      font-size: 16px;

    }

    .factors_list_top h1{

      font-size: 36px;

    }

    .affect_right p{

      font-size: 16px;

    }

    .product_application_txt h5{

      font-size: 36px;

    }

    .product_application_txt p{

      font-size: 16px;

    }

    .bps_new_txt h5{

      font-size: 24px;

    }

    .bps_new_txt p{

      font-size: 14px;

    }

    .bps_new ul li span{

      font-size: 24px;

    }

    .bps_new ul li span b{

      font-size: 26px;

    }

    .new_news_txt span{

      font-size: 14px;

    }

    .new_news_txt h5{

      font-size: 24px;

    }

    .new_news_txt p{

      font-size: 14px;

    }  

    .quarters{

      font-size: 24px;

    }

    .schemes_txt p{

      font-size: 18px;

    }

    .worth_list_txt p{

      font-size: 18px;

    }

    .new_yanfa h5{

      font-size: 36px;

    }

    .new_yanfa p{

      font-size: 20px;

    }

    .develop_new_box>h5{

      font-size: 36px;

    }

    .develop_new_txt h5{

      font-size: 26px;

    }

    .nav_sub_con_left span{

      font-size: 20px;

    }

    .nav_sub_con_left p{

      font-size: 16px;

    }

    .nav_sub_con_left a{

      font-size: 14px;

    }

    .product_home_sec1>h5{

      font-size: 36px;

    }

    .product_home_sec1_list h5{

      font-size: 20px;

    }

    .product_home_sec1 .more{

      font-size: 16px;

    }

    .product_home_sec2_list h5{

      font-size: 18px;

    }

    .product_application_title h5{

      font-size: 36px;

    }

    .product_application_title p{

      font-size: 20px;

    }

    .new_news_img_right h5{

      font-size: 28px;

    }

    .new_news_img_right p{

      font-size: 14px;

    }

    .new_news_hy_title h5{

      font-size: 36px;

    }

    .new_news_hy_title p{

      font-size: 16px;

    }

    .new_news_hy_box>h5{

      font-size: 26px;

    }

    .product_home_sec0_box p span{

      font-size: 16px;

    }

    .his_list h5{

      font-size: 20px;

    }

    .his_list p{

      font-size: 16px;

    }

    .p_list_txt ul{

    height: 96px;

  }

  .user>h5{

    font-size: 36px;

  }

  .user_flex .img p{

    font-size: 18px;

  }

  .user_input p{

    font-size: 16px;

  }

  .index_about_con ul li span{

    font-size: 14px;

  }

  .index_about_con ul li h5{

    font-size: 60px;

  }

  .index_about_con ul li p{

    font-size: 20px;

  }
  .provide_txt h5, .provide_txt p{
    /*font-size: 36px;*/
  }
  .provide_txt span{
    font-size: 24px;
  }
  .video_box>h5{
    font-size: 36px;
  }  
}

/**屏幕自适应**/



/**移动端**/

@media (max-width: 768px) {

  body{

    font-size: 12px;

    overflow-x: hidden;

  }



  .footer_phone{

    background-color: #2b2b2b;

    padding: 10px 5px;

  }

  .footer_phone p{

    text-align: center;

    color: #fff;

    margin: 0;

  }

/* 手机导航 */

/* 导航 */

.phone_header{

  position: fixed;

  left: 0;

  top: 0;

  z-index: 22;

  background: #ffffff;

  width: 100%;

  height: 60px;

}

.phone_header .logo{

  position: absolute;

  left: 20px;

  top: 10px;

  width: 110px;

}

.logo_white{

  position: absolute;

  left: 20px;

  top: 10px;

  width: 110px;

}

.menuIcon,

.menuIcon2 {

  position: absolute;

  right: 0px;

  top: 10px;

  z-index: 996;

  cursor: pointer;

}

.btn-nav {

  background: 0 0;

  border: none;

  padding: 10px 20px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  cursor: pointer;

  z-index: 99999;

}

.btn-nav:focus {

  outline: 0;

}

.icon-bar {

  display: block;

  margin: 5px 0;

  width: 23px;

  height: 2px;

  background-color: #000;

}

.btn-nav:hover .icon-bar {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  background-color: #000;

}

.btn-nav.animated2 .icon-bar{

  background-color: #fff;

}

.btn-nav.animated2 .icon-bar.top{

  -webkit-transform: translateY(6px) rotateZ(45deg);

  transform: translateY(6px) rotateZ(45deg);

}

.btn-nav.animated2 .icon-bar.middle{

  width: 0;

}

.btn-nav.animated2 .icon-bar.bottom{

  -webkit-transform: translateY(-8px) rotateZ(-45deg);

  transform: translateY(-8px) rotateZ(-45deg);

}

.middle {

  width: 18px;

}

.icon-bar {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  z-index: 999999;

}

.menuMain {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100vh;

  z-index: 9999;

  background: #0d7047;

  display: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

}

.menuBox{

  margin: 80px 0px 20px 0px;

  padding: 0 20px;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.menuBox .home_bot .nav_ti > li div{

  color: rgba(255, 255, 255, 0.8);

}

.menuBox .home_bot .nav_ti > li ul li a{

  color: rgba(255, 255, 255, 0.9);

}

.addColor .icon-bar {

  background: #fff;

}

.home_bot .nav_ti > li {

  border-bottom: 1px solid rgba(220, 220, 220, 0.8);

}

.home_bot .nav_ti > li>div{

  height: 40px;

  line-height: 45px;

  color: rgba(0, 0, 0, 0.5);

  font-size: 14px;

  background-size: 12px;

  display: block;

}

.nav_ti>li>div>img {

  float: right;

  font-size: 22px;

  margin-right: 15px;

  margin-top: 17px;

  transform: rotate(

90deg);

  -ms-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -webkit-transform: rotate(

90deg);

  -o-transform: rotate(90deg);

}

.home_bot .nav_ti > li ul {

  display: none;

  padding: 0 5px 5px;

}

.home_bot .nav_ti > li ul li {

  padding-left: 15px;

  line-height: 30px;

}

.home_bot .nav_ti > li ul li a {

  color: rgba(0, 0, 0, 0.4);

}

.home_bot .fast li img {

  width: 30px;

  margin-right: 5px;

}

.nav_ti div img.scale1 {

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);

}

    /* 导航 */

/* 爱普 */

  .mar_top {

      margin-top: 60px;

  }

  .ling_img_vedio{

    width: 60px;

  }

  .ling_img_vedio img{

    width: 100% !important

  }

  .hone_title h5 {

    padding: 0 7%;

    font-size: 20px;

    margin-bottom: 30px;

  }



  .hone_title p {

    line-height: 20px;

    font-size: 12px;

  }

  .about1 {

    padding: 30px 15px;

   }

   .worth_list {

    width: 100%;

    margin: 0 0 10px 0;

  }

  .about3 {

    padding: 30px 15px;

   }

   .worth_list_txt p {

    font-size: 14px;

    }

  .about5 {

      padding: 30px 15px;

  }

  .lopment_on p {

    font-size: 14px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 8;

    overflow: hidden;

}

  .about5 .list li {

    width: 100%;

    margin-right: 0;

    margin-bottom: 2%;

  }

  .about5 .list li .text p {

    margin-bottom: 5px;

  }

  .about_his {

  padding: 0;

  width: 80%;

  margin: 0 auto;

  position: relative;

}

  /* 爱圃 */

  /* 案例 */

  .projects {

    padding: 30px 15px;

  }

  .key_a {

    position: relative;

    bottom: 0;

    right: 0;

    text-align: center;

    margin: 30px 0;

   }

   .projects_list_on {

    width: 100%;

    margin: 0;

    margin-bottom: 4%;

   }

   .projects_list_on:nth-child(3n+2) {

    transform: translateY(0px);

   }

   .case_focus>h5 {

    font-size: 20px;

   }

   .ins_top p {

    font-size: 12px;

    }

  .inside {

      margin-top: 60px;

      padding: 15px !important;

     }

  .case_inner_banner {

      padding: 0 15px;

  }

  .pages_inner {

    padding: 30px 15px;

  }

  .pages_inner_top h5 {

    font-size: 20px;

    margin: 0 0 2% 0;

   }

   .pages_inner_box {

    padding: 30px 15px;

   }

   .pages_inner_bot p {

    font-size: 14px;



   }

   .case_inner_list_txt {

    width: 60%;

    top: 50%;

    left: 15%;

    font-size: 14px;

    line-height: 1.6;

}

   .projects_list_txt p {

    font-size: 14px;

    line-height: 1.6;

}

.case_focus_txt{

  position: relative;

}

.case_focus_prev {

  width: 40px;

  height: 40px;

  padding: 5px;

}

.case_focus_next{

  width: 40px;

  height: 40px;

  padding: 5px;

}

.case_inner_foucs .case_focus_prev {

  left: 2%;

}

.case_inner_foucs .case_focus_next {

  right: 2%;

}

    /* 案例 */

    /* 服务 */

  .provide {

      padding: 30px 15px;

      margin-top: 50px;

  }

  .provide>h5 {

    font-size: 20px;

   }

   .provide_input {

    width: 90%;

    margin: 0 auto;

   }

   .provide_input a {

    right: 3px;

  }

  .buy_title {

    font-size: 20px;

    margin-bottom: 30px;

  }

  .buy_txt {

    font-size: 14px;

    margin-bottom: 3%;

  } 

  .buy {

    padding: 30px 15px;

  }

  .channel_on img{

    width: 60%

  }

  .channel_on {

    text-align: center;

    width: 40%;

    margin: 0 5%;

  }

  .channel {

    width: 100%;

   }

  .channel_on h5 {

      font-size: 16px;

  }

  .p_answ_right {

    width: 100%;

    position: relative;

    left: 0;

    top: 00%;

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

    transform: translateY(0%);

    padding: 30px 15px;

  }

  .p_answ_right p {

    font-size: 16px;

    margin-bottom: 4%;

   }

  .p_answ_left {

    width: 100%;

  }

  .recyclable {

    padding: 45px 15px;

  }

  .recy_img_txt {

    position: absolute;

    left: 5%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 90%;

   }

   .recy_img_txt a {

    width: 110px;

    margin: 0;

  }

  .Welcome_left {

    padding: 30px 15px;

    text-align: center;

    position: relative;

    left: 0;

    top: 0;

    -webkit-transform: translateY(0%); 

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

    transform: translateY(0%);

   }

   .Welcome_left h5 {

    font-size: 20px;

    margin: 0 0 5% 0;

   }

   .Welcome_left p {

    font-size: 14px;

    }

    .Welcome_right {

      width: 100%;

      float: none;

      position: relative;

  }

  .quarters {

    font-size: 16px;

}

.Welcome_right_txt{

  display: none;

}

  .head_office {

    color: #333;

    padding: 20px 15px;

    background: #fff;

    width: 50%;

    float: left;

  }

  .head_office h1{

    font-size: 18px ;

    margin: 0 0 10px 0;

    color: #0d7047;

  }

  .head_office h5{

    font-size: 12px;

  }

  .recy_img_txt p {

    font-size: 13px;

    margin-bottom: 4%;

   }

   .popular {

    padding: 30px 15px;

  }  

  .popular>h5 {

    font-size: 20px;

   }

   .irrigation h5 {

    font-size: 14px;

  }

  .new_online {

    padding: 30px 15px;

  }

  .online h5 {

    font-size: 20px;

   }

   .irrigation ul li p {

    font-size: 12px;

    line-height: 24px;

   }

   .recycling_txt {

    padding: 30px 15px;

    }

    .recycling_txt h5 {

      font-size: 20px;

    }

    .recycling_txt p {

      line-height: 26px;

      font-size: 14px;

  }

  .schemes {

    padding: 30px 15px;

   }

   .schemes>h5 {

    font-size: 20px;

  }

  .needing_tit {

    font-size: 16px;

  }

  .schemes_txt p {

    font-size: 14px;

  }

  .online p {

     font-size: 14px;

   }

   /* 研究 */

   .agency {

    padding: 0 15px;

   }

   .new_study_txt h5{

     font-size: 16px;

   }

   .bps_new_txt h5 {

    font-size: 14px;

    line-height: 22px;

    }

    .bps_icoc {

      width: 14%;

      bottom: 10%;

      right: 2%;

    }

    .bps_new ul li span b {

      font-size: 14px;

     }

     .bps_new ul li span {

      top: 5%;

      right: 3%;

      -webkit-transform: translateY(0%);

      transform: translateY(0%);

      font-size: 14px;

      left: auto;

     }

     .bps_new ul li {

      padding: 3%;

    }

    .bps_new ul li.active .bps_new_img{

      left: 4%;

    }

   .agency .partic_btn_left {

    left: 10%;

    top: 12%;

   }

   .agency .partic_btn_right {

    left: 90%;

    top: 12%;

   }

   .new_study_txt {

    padding-right: 0

  }

   .hone_title_banner{

     padding: 30px 15px;

   }

   .new_study_txt p {

    font-size: 12px;

    line-height: 20px;

   }

   .growing {

    padding: 30px 15px

  }

  .exchange {

    width: 90%;

    margin: 0 auto;

    padding: 5% 

   }

   .exchange ul {

    width: 100%;

  }

  .exchange ul li {

    width: 100%;

  }

  .exchange ul li a {

    font-size: 12px;

    }

    .understand{

      padding: 30px;

    }

    .understand ul {

      width: 100%;

      padding-left: 3%;

      margin-bottom: 35px;

     }

     .understand ul h2 {

      font-size: 20px;

      margin: 5px 0 10px 0;

  }

  .understand ul p {

    font-size: 14px;

    margin: 7px 0;

}

  .understand ul h5 {

    font-size: 14px;

  }

  .understand ul span {

    font-size: 12px;

    }

    .understand ul::after {

      height: 100%;

  }

  .online_button a{

    width: 100px;

  }

  .media {

    padding: 30px 15px;

}

  .media>h5 {

    font-size: 20px;

}

.media_list_on p{

  font-size: 12px;

}

.media_list_on p img{

  width: 25px !important;

}

.provide_input a {

  width: 50px;

}

.provide_input input{

  font-size: 12px;

}

.watering .provide_input {

  width: 80%;

}

    /* 服务 */

 /* 产品 */

 .product_inner_banner {

  margin-top: 60px;

}

.product_home_sec2 {

  padding: 30px 15px

 }

 .product_home_sec2_list {

  margin-bottom: 20px;

 }

 .product_home_sec1>h5 {

  font-size: 20px;

  margin-bottom: 10px;

}

.product_home_sec1>p {

  padding: 0%;

}

.product_home_sec2_list h5 {

  font-size: 14px;

}

.about6 h5 {

  font-size: 13px;

  margin: 0 0 10px 0;

  line-height: 26px;

 }

 .about6 a {

  width: 100px;

  height: 30px;

  line-height: 30px;

  }

  .product_home_sec1 {

    padding: 30px 15px

}

.product_home_sec1_list{

  margin-bottom: 20px

}

.product_home_sec1_list h5 {

  font-size: 20px;

}

.product_home_sec1 .more {

  width: 100px;

  font-size: 14px;

  line-height: 34px;

  margin-top: 10px;

}

.product_home_sec0_box p {

  margin: 0 ;

  width: 25%;

}

.product_home_sec0_box p img{

  width: 80%;

  margin: 0 auto;

}

.big_advant {

  padding: 30px 15px;

}

.method {

  padding: 30px 15px;

}

.advant1_txt img{

  display: none;

}

.advant1_img {

  width: 100%;

}

.advant1_txt {

  width: 100%;

  position: relative;

  left: 0;

  top: 0%;

  background-color: #f8f8f8;

  height: 100%;

  overflow: hidden;

}

.advant1_txt_all {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  -webkit-transform: translateY(0%); 

  transform: translateY(0%); 

   padding: 5%;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.advant2 .advant1_txt {

  left: auto;

  right: 0;

}

.advant1_txt h5 {

  font-size: 20px;

}

.advant1_txt p {

  line-height: 24px;

  font-size: 14px;

}

.advant1_txt a {

  font-size: 14px;

}

.advant_ad_right {

  padding: 6% 3%;

  position: relative;

  left: 0;

  top: 0;

  width: 100%;

  -webkit-transform: translateY(0%);

  transform: translateY(0%);

}

.advant_ad_left {

  width: 100%;

  position: relative;

}

.advant_ad1 {

  padding: 30px 15px;

}

.advant_ad_right h5 {

  font-size: 20px;

}

.advant_ad_right p {

  font-size: 14px;

}

.environ_ment {

  text-align: center;

  padding: 20px 15px;

}

.environ_ment h5 {

  font-size: 20px;

}

.environ_ment p {

  line-height: 2;

  font-size: 14px;

}

.chemicals_img {

  left: -15%;

  top: -7px;

  width: 45%;

}

.chemicals {

  padding-left: 20%;

}

.factors {

  padding:30px 15px;

}

.affect_right p {

  line-height: 24px;

  font-size: 14px;

  margin: 0;

}

.factors_list_top h1 {

    font-size: 20px;

}

.product_application_title h5 {

  font-size: 20px;

}

.product_application_title p {

  width: 100%;

  margin: 0 auto;

  font-size: 14px;

}

.product_application_more {

  margin-top: 15px;

}

.product_application_txt p {

  font-size: 14px;

  line-height: 1.6;

}

.product_application_txt {

  width: 100%;

  position: relative;

  left: 0;

  top: 0;

  -webkit-transform: translateY(0%);

  transform: translateY(0%);

  padding: 20px 15px;

  }

.product_application_bg {

    width: 100%;

    position: relative;

    top: 0;

    height: 100%;

    background: rgba(22, 114, 71, .9);

}

.product_application_txt h5 {

  font-size: 20px;

  margin:0 0 10px 0;

  }

  .product_1 {

    padding: 30px 15px;

  }

  .product_list>h4 {

    font-size: 20px;

  }

  .p_list_txt h5 {

    font-size: 16px;

  }

  .product_list {

    padding: 30px 15px;

  }

  .p_list_txt {

    padding: 20px 15px;



  }

  .partic_btn_left {

    left: 0;

  }

  .partic_btn_right {

    right: 0px;

  }

  .product_deta_img {

    width: 100%;

    float: left;

}

.product_deta_txt {

  width: 100%;

  float: left;

  margin-right: 0;

  padding: 4% 0 6% 0;

}

.product_deta {

  padding: 30px 15px

}

.product_deta h4 {

  font-size: 20px;

}
.product_title>h5{
  font-size: 18px;
  margin-bottom:10px;
}
.product_appl_txt>h5{
  font-size: 18px;
  margin-bottom:10px;
}
.product_deta_txt h3 {

  font-size: 18px;

  margin-bottom:10px;

}
.product_title>p{
  color: #727272;
  font-size: 14px;
  margin-bottom: 10px 
}
.product_appl_txt>p{
  color: #727272;
  font-size: 14px;
  margin-bottom: 10px 
}
.product_appl_tips>span{
  font-size: 16px;
}
.product_appl_tips p{
  font-size: 14px;
}
.product_deta h5 {

  color: #727272;

  font-size: 14px;

  margin-bottom: 10px

}

.product_deta_txt .specif p {

  font-size: 12px;

}

.product_advantag_box h5 {

  font-size:20px;

  margin-bottom: 15px;

  color: #fff;

}

.product_advantag_box p {

  font-size: 14px;

}

.product_advantage {

  padding: 30px 15px

}

.mended{

  margin-bottom: 20px;

}

.mended h5 {

  font-size: 16px;

}

.interest h5 {

  font-size: 20px;

  margin: 0 0 5% 0;

  text-align: left;

  width: 100%;

  padding: 0 15px;

  line-height: 1.6;

  color: #313131;

}

 /* 产品 */

 /* 可持续发展 */

 .develop .advant_ad_right {

  left: 0%;

  width: 100%;

}

.develop_new_box>h5 {

  font-size: 20px;

  margin-bottom: 20px;

}

.develop_new_list {

  width: 100%;

  margin-top: 10px;

}

.develop_new_box1{

  padding: 30px 15px;

}

.develop_new_txt h5 {

  font-size: 16px;



}

.develop_new_list.right {

  margin-left: 0;

}

.develop_new_box2{

  padding: 30px 15px;

}

 /* 可持续发展 */

 /* 新闻 */

 .new_news{

   padding:30px 15px

 }

 .new_news_img_left {

  width: 100%;

}

.new_news_img_right h5 {

  font-size: 20px;

}

 .new_news_img_right {

  width: 100%;

  position: relative;

  top: 0;

  left: 0;

  -webkit-transform: translateY(0%); 

   transform: translateY(0%); 

   padding: 10px ;

}

.new_news_img_right p {

  font-size: 12px;

  margin: 10px 0;

  display: none;

}

.new_news_txt {

  padding: 10px;

}

.new_news_hy_title h5 {

  font-size: 20px;

}

.new_news_hy_con p {

  font-size: 12px !important;

}

.new_news_hy_con p img{

  width: 100%

}

.new_news_hy_box{

  padding: 10px; 

}



  /* 新闻 */

  .case_focus .swiper-slide-active .case_focus_txt {

    width: 100%;

    left: 0;



}

.case_focus_txt {

  width: 100%;

  left: 0;

  top: 75%;

  font-size: 14px;

  padding: 15px;

  padding-right: 35%;

}

.case_focus_txt span {

  margin-top: -18px;

}

.case_focus_txt span{

  padding: 0 10px;

}

 /* 首页 */

 .index_serve {

  padding: 30px 15px;

}

.index_hot>h5 {

  padding: 10px 0 10px 0;

  font-size: 20px;

}

.index_plant {

  padding: 30px 10px;

  margin-top: 20px;

}

.methods_list li {

  /* flex: 1; */

  width: 48%;

  padding-left: 48px;

  margin: 15px 0;

}

.methods_list li h5 {

  font-size: 18px;

  margin: 0 0 10px 0;

}

.methods_list li h5 i {

  font-size: 12px;

}

.methods_list li p {

  font-size: 14px;

}

.index_title h5 {

  font-size: 20px;

}

.methods_list li img{

  width: 40px;

}

.methods_list li:nth-child(2n+1){

  margin-right: 4%;

}

.index_plant_box {

  position: relative;

  top: 0%;

   -webkit-transform: translateY(0%);

  transform: translateY(0%);

}

.index_hot>h5 span {

  font-size: 16px;

  width: 90%;

  margin: 0 auto;

   margin-top: 3%;

}

.index_plant_box .index_title {

  padding-right: 0;

}

.hot_box_list p {

  font-size: 14px;

}

.bannrt_zi span {

  font-size: 14px;

  line-height: 32px;

}

.news_develo_list a span {

  position: absolute;

  top: 50%;

  width: 50px;

  right: 10%;

}

.new_yanfa h5 {

  font-size: 20px;

}

.new_yanfa p {

  font-size: 16px;

  margin: 0;

}

.news_develo_list a {

  width: 100%;

  margin-bottom: 10px;

}

.news_develo_list {

  width: 90%;

  margin-left: 5%;

}

.lopment_on_p {

  width: 90%;

  margin: 0 auto;

  margin-bottom: 4%;

}

.fully_img {

  width: 100%;

}

.fully_txt {

  width: 100%;

  float: left;

  padding-left: 0;

}

.lopment_on{

  padding: 20px 15px;

}

.fully_txt h5 {

  font-size: 16px;

  margin-top: 10px;

}

.index_new_txt_con{

  width: 100%;

  background-color: #0d7047;

  padding: 30px 15px;

  margin-bottom: 20px;

}

.index_new_txt_con h5 {

  margin: 10px 0;

  font-size: 20px;

}

.index_new_txt_con p {

  font-size: 14px;

}

.index_new_box {

  width: 100%;

  margin-left: 0;

}

.index_new_list h5 {

  font-size: 16px;

  width: 90%;

  top: 10%;

  left: 5%;

}

.index_new_list span {

  font-size: 14px;

}

 /* 首页 */

/* 登录 */

.record,.register{

  z-index: 999;

  background-color: #fff;

}

.user_top {

width: 90%;

}

.user>h5 {

  font-size: 24px;

}

.close_b img{

  width: 30px;

}

/* 搜索 */

.search_res {

  padding: 30px 15px;

  margin-top: 50px;

}

.search_res_input {

  width: 60%;

}

.search_res_menu{

  padding: 0 15px;

}

.search_res>h5 {

  font-size: 18px;

  margin: 0 0 10px 0;

}

.search_res_menu a{

  margin-right: 1%;

  font-size: 14px;

  letter-spacing: 0px;

}

.search_res_add{

  padding: 20px 15px;

}

.search_res_add .p_list_on{

  width: 100%;

  margin: 0;

}

.silhouette {

  width: 100%;

  margin: 0 0 10px 0;

}



.develop_new_box>h5>span{

  width: 30px;

}

.develop_new_box>h5>span img{

  width: 30px;

}

.develop_new_box>h5>span:first-child{

  position: relative;

  top: -15px;

  left: 12px;

}

.develop_new_box>h5>span:last-child{

  position: relative;

  top: 15px;

  left: -12px;

}



.index_tage{

  padding: 6% 3%;

}

.index_news_list .txt p{

  font-size: 12px;

  line-height: 1.4;

  padding-left: 35px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.index_news_list .txt h5{

  font-size: 13px;

}

.index_news_list .txt span{

  font-size: 13px;

}

.index_news_list .txt h5 img{

  width: 30px;

}



.brand_logoList img{

  width: 50px;

}

.brand_logoText .index_title img{

  width: 90px;

}



.brand_logoText .index_title.animateHide{

  -webkit-transform: translateY(0px) !important;

  transform: translateY(0px) !important;

  opacity:1 !important;

  -moz-opacity:1 !important; 

  -khtml-opacity:1 !important;

  -webkit-opacity:1 !important;

	filter:alpha(opacity=100) !important;

}

.brand_logoText{

  padding-left: 5%;

}





/* 4.21修改 */

.index_hot{

  margin-top: 30px;

}

.index_hot h5{

  margin-bottom: 20px;



}

.index_tage{

  padding-top: 40px;

}

.index_tage_top {

  margin-bottom:  30px;

}

/* .index_title{

  margin-bottom:  40px;

} */

.hot_box_list:hover p {

  font-size: 14px;

  font-weight: 500;

}

.hot_box_bg {



  padding: 10%  8%;

}

.index_new_txt_con p {

  margin-bottom: 10px;

}



.media>p {

  text-align: center;

  font-size: 14px;

}

.cook_show_close {

  top: -50px;

  right: 10px;

}

.cook_show_con {

  width: 96%;

  left: 2%;



}

.exchange ul li {

  margin-bottom: 15px;

}

.exchange ul {

  margin-top: 25px;

}

.bps_new{

  margin-top:30px;

}

.agency{

  margin-top:30px;

}

.new_study_txt .tents {

  position: relative;

  bottom: 0;

  left: 0%;

}

.new_study_txt .tents span {

  font-size: 13px;

  line-height: 20px;

}

.new_study_txt .tents i {

  font-size: 13px;

}

.advantage_bot .hone_title{

  width: 80%;

  margin: 0 auto;

}

.advantage_bot .hone_title h5 b{

line-height: 30px;

}

.factors_list_top {

  padding: 5% 5%;

}

.affect_left img {

  width: 100%;

  margin-left: 14%;

}

.index_new_list {

  margin-bottom: 10px;



}

.index_brand_logo {

  width: 90%;



  padding: 2% 0;

  margin-left: 5%;

}

.specif_on {

  width: 100%;

  text-align: left;

  margin-bottom: 30px;

}

.product_advantage_tip {

  width: 100%;

  position: relative;

  top: 0;

  right: 0;

  opacity: 0.6;

  -moz-opacity: 0.6;

  -khtml-opacity: 0.6;

  -webkit-opacity: 0.6;

  filter: alpha(opacity=60);

  -webkit-transform: translateY(0%); 

 transform: translateY(0%); 

  letter-spacing: 0px;

  font-style: italic;

}

.channel_on h5 {

  font-size: 16px;

  margin-top: 15px;

}

.banner{

  height: 360px !important;

}

.bannrt_zi h5{

  font-size: 20px;

}

.bannrt_zi p{

  font-size: 30px;

}

.swiper_banner .swiper-pagination-bullet-active{

  width: 12px;

  height: 12px;

}

.hot_box_list{

  padding: 0;

}

.hot_prev{

  width: 40px;

  height: 40px;

  line-height: 40px;

  left: 5%;

  display: block !important;

}

.hot_next{

  width: 40px;

  height: 40px;

  line-height: 40px;

  right: 5%;

  display: block !important;

}

.hot_prev i, .hot_next i{

  font-size: 30px;

  line-height: 38px;

}

.hot_prev i{

  -webkit-transform: translateX(-1px);

  transform: translateX(-1px);

}

.hot_next i{

  -webkit-transform: translateX(1px);

  transform: translateX(1px);

}

.tage_prev{

  width: 40px;

  height: 40px;

  left: -0%;

}

.tage_next{

  width: 40px;

  height: 40px;

  right: -0%;

}

.tage_prev img, .tage_next img{

  width: 20px;

} 

.index_new{

  padding: 0 4%;

}

.index_serve_list{

  margin-bottom: 4%;

}



.fication .partic_btn_right{

  right: 1%;

}

.fication .partic_btn_left{

  left: 1%;

}



.about6.green2 h5{

  color: #fff !important;

}

.inter_cent p{

  width: auto;

  text-align: left;

  padding-left: 15px;

  padding-right: 15px;

  display: flex;

}

.inter_cent a{

  width: auto;

  text-align: left;

  padding-left: 15px;

  display: flex;

}

.interest_img{

  width: 32%;

  top: 62%;

  left: 62%;

}



.p_list_txt>a {

  width: 100px;

  height: 36px;

  line-height: 34px;

}  

.product_application_list>img{

  width: 200%;

  -webkit-transform: translateX(-25%);

  transform: translateX(-25%);

}

.bps_new_txt{

  width: 60%;

}

.bps_new ul li.active .bps_new_txt{

  margin-left: 40%;

}

.bps_new ul li.active .bps_new_img{

  width: 30%;

}

.bps_new_txt p{

  font-size: 12px;

}



#buy .buy_txt {



  text-align: left;

  width: 85%;

  margin: 0 auto;

  margin-bottom: 30px;

}

.case_focus_next.swiper_btn img:first-child, .case_focus_prev.swiper_btn img:first-child {

  position: relative;

  top: 0;

  left: 0;

}

.case_focus .swiper-slide-active .case_focus_img {

  width: 100%;

  height: 100%;

  left: 0;

  bottom: 0;

}

.case_inner_list img{

  width: 200%;

  transform: translateX(-25%);



}

.case_inner_list {

  overflow: hidden;

}

.ins_top>a{

  font-size: 12px;

}

.ins_top a img{

  width: 16px;

}



.about_his .tage_prev{

  left: -40px;

  top: -4px;

}

.about_his .tage_next{

  right: -40px;

  top: -4px;

}

.index_news_box_bg{

  width: 0;

}

.index_news_box{

  padding: 0 6%;

}





/* 4.26 */

.index_tage_top {

  font-size: 16px;

  width: 90%;

  margin: auto;

  margin-bottom: 30px;

  padding-right: 0;

}

.media_list {

  margin-bottom: 15px;

}

.case_inner_list_txt span {

  line-height: 30px;

  font-size: 14px;

  margin-top: 25px;

 

}

.case_share span {

  margin-left: 0;

}



.about5 .hone_title h5{

  margin-bottom: 10px;

}

.about5 .hone_title{

  margin-bottom: 30px;

}



.worth_list_txt{

  min-height: 130px;

}

.case_focus_next.swiper_btn img:last-child{

  top: 5px;

  left: 5px;

}

.case_focus_prev.swiper_btn img:last-child{

  top: 5px;

  left: 5px;

}



.case_focus_list{

  height: 300px !important;

}





.case_focus_next {

  right: 4%;

}

.case_focus_prev{

  left: 4%;

}



/* 5.10 */

.index_news_list .txt p{

  display: none;

}

.advant1_txt p {

  overflow: visible;

  display: block;

}

.interest {

  background-size: cover;

}

.interest_txt {

  width: 50%;

  margin-left: 2%;

}

.interest_img {

  top: 68%;

}

.new_study_txt .tents {

  padding-left: 125px;

  padding-right: 0;

}

.develop_new_img{

margin: 15px 0;

}

.fully {

  margin-bottom: 20px;

}

.provide_input a {

  width: 65px;

}

.develop_new_box>h5>span:first-child {

  position: absolute;

  top: -15px;

  left: 0;

}

.develop_new_box>h5>span:last-child {

  position: absolute;

  top: 15px;

  left: auto;

  right: 0;

}

.new_news_txt {

  margin-top: 20px;

}



.index_about_con ul li{

  width: 100%;

}

.index_about_con ul li h5{

  font-size: 45px;

}

.index_about_con ul a:nth-child(2) li {

  margin: 20px 0px;

}

.index_about_con ul li p{

  font-size: 18px;

  bottom: 18%;

}

.index_news .swiper-slide.swiper-slide-active .index_news_list{

  width: 160%;

  margin-left: -30%;

  margin-top: -12%;

}



.index_news{

  padding: 12% 0;

}

.news_prev{

  left: 5%;

}

.news_next{

  right: 15%;

}

.index_news_list .txt{

  padding: 4%;

  padding-right: 15%;

}



.new_study_txt{

  padding-bottom: 20px;

}

.methods_list ul {



  width: 90%;

  margin-left: 5%;

}



.index_about_con{

  width: 55%;

}



.his_list p{

  font-size: 12px;

  line-height: 1.5;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 100;

  overflow: hidden;

}



.case_focus_txt {

  top: 73%;

  font-size: 12px;

}



.quarters span{

  width: 40px;

  height: 40px;

}

.quarters i{

  -webkit-transform: translateX(10px) translateY(-66px);

  transform: translateX(10px) translateY(-66px);

}



.index_about_more{

  width: 8%;

}

.case_focus_txt {

  top: 70%;

}

.case_focus .swiper-slide-active .case_focus_txt {

  padding-top: 20px;

  padding-bottom: 20px;

}

.hot_box_list_img {

  padding: 0 5%;

}


/* 7.18 */
.provide_txt h5 {
  /*line-height: 1.2;*/
  /*font-size: 16px;*/
  font-size: 20px;
}
.provide_txt p {
  /*line-height: 1.5;*/
  /*font-size: 14px;*/
  /*margin-bottom: 5px;*/
  font-size: 30px;
}
.provide_txt span {
  /*font-size: 14px;*/
  /*line-height: 1.2;*/
  font-size: 14px;
  line-height: 32px;
}
.news_all{
  overflow: hidden;
}
.video_details_data {
  
  width: 100%;
  flex-wrap: wrap;
}
.video_details_data_txt h5 {
  font-size: 16px;
  margin-bottom: 10px;
}
.video_details_data_txt p {
  font-size: 12px;
  color: #ffffff;
}
.video_details_data_txt {
  width: 100%;
  padding-right: 0;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  margin-bottom: 20px;
}
.video_details_data_img {
  width: 100%;
}
.video_details {
  padding: 30px 15px

}
.video_push>h5 {
  font-size: 20px;
  margin-bottom: 10px;
}




}

/**移动端**/



/**缓动**/

.trans{

	-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

	transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.animateHide{

	-webkit-transform: translateY(100px);

  transform: translateY(100px);

	opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

	filter:alpha(opacity=0);

	-webkit-transition: all cubic-bezier(0.19, 1, 0.22, 1) .9s;		

	transition: all cubic-bezier(0.19, 1, 0.22, 1) .9s;

}

.animateHide.d0{

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

}

.animateHide.d1{

	-webkit-transition-delay: .2s;

	transition-delay: .2s;

}

.animateHide.d2{

	-webkit-transition-delay: .4s;

	transition-delay: .4s;

}

.animateHide.d3{

	-webkit-transition-delay: .6s;

	transition-delay: .6s;

}

.animateHide.d4{

	-webkit-transition-delay: .8s;

	transition-delay: .8s;

}

.animateHide.d5{

	-webkit-transition-delay: 1s;

	transition-delay: 1s;

}

.animateHide.d6{

	-webkit-transition-delay: 1.2s;

	transition-delay: 1.2s;

}

.animateHide.d7{

	-webkit-transition-delay: 1.4s;

	transition-delay: 1.4s;

}

.animateHide.d8{

	-webkit-transition-delay: 1.6s;

	transition-delay: 1.6s;

}

.animateHide.d9{

	-webkit-transition-delay: 1.8s;

	transition-delay: 1.8s;

}

.animateShow{

	-webkit-transform: translateY(0px);

  transform: translateY(0px);

	opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

	filter:alpha(opacity=100);

}

/**缓动**/