@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%;*/
  padding-right: 24%;
}
.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%;
	height: 600px;
	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 img{
	width: 1920px;
	height: 100%;
}
.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%;
}


.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;
  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;
	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;
	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: 170px;
  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% 14% 5% 14%;
}
.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 h5{
     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
 }
 .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% 14%;
   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% 14%;
}
.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: 150px;
  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%;
}
.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_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;
}  

.news_blog_box>h5{
  font-size: 30px;
}
.news_blog_txt h5{
  font-size: 16px;
}
.news_blog_txt p{
  font-size: 14px;
}
.news_blog_txt span{
  font-size: 13px;
}
.news_blog_inner_time span{
  font-size: 16px;
}
.news_blog_inner_box h5{
  font-size: 30px;
}
.news_blog_inner_box p{
  font-size: 14px;
}
.news_blog_inner_bot>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;
  }  

  .news_blog_box>h5{
    font-size: 32px;
  }
  .news_blog_txt h5{
    font-size: 18px;
  }
  .news_blog_txt p{
    font-size: 15px;
  }
  .news_blog_txt span{
    font-size: 14px;
  }
  .news_blog_inner_time span{
    font-size: 17px;
  }
  .news_blog_inner_box h5{
    font-size: 32px;
  }
  .news_blog_inner_box p{
    font-size: 15px;
  }
  .news_blog_inner_bot>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;
  }  
  .news_blog_box>h5{
    font-size: 34px;
  }
  .news_blog_txt h5{
    font-size: 20px;
  }
  .news_blog_txt p{
    font-size: 16px;
  }
  .news_blog_txt span{
    font-size: 15px;
  }
  .news_blog_inner_time span{
    font-size: 18px;
  }
  .news_blog_inner_box h5{
    font-size: 34px;
  }
  .news_blog_inner_box p{
    font-size: 16px;
  }
  .news_blog_inner_bot>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_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;
  }  
  .news_blog_box>h5{
    font-size: 36px;
  }
  .news_blog_txt h5{
    font-size: 22px;
  }
  .news_blog_txt p{
    font-size: 18px;
  }
  .news_blog_txt span{
    font-size: 16px;
  }
  .news_blog_inner_time span{
    font-size: 20px;
  }
  .news_blog_inner_box h5{
    font-size: 36px;
  }
  .news_blog_inner_box p{
    font-size: 18px;
  }
  .news_blog_inner_bot>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;*/
  height: 100%;
  margin-top:60px; 
}
.banner img{
	width: 100%;
	height: 100%;
}
.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);
}
/**缓动**/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	